@charset "utf-8";

/*-------------------------------------------------
Author : WEB,Seo
Create date : 2025. 01. 17
Last update : 
-------------------------------------------------*/

/* ========== 멤버(로그인) - login =========== */
.mem_log {
    background: var(--bg-color);
    padding: 280px 0;
}

.mem_log_inner {
    max-width: 490px;
}

.log_greet {
    text-align: center;
    font-weight: 700;
    line-height: 1.6;
}

.sns_login h3 {
    text-align: center;
}

.sns_log_ul a {
    align-items: center;
    height: 52px;
}

.sns_log_ul span {
    width: calc(100% - 104px);
    text-align: center;
}

.sns_log_ul li i {
    color: var(--white-color);
    box-sizing: border-box;
    width: 52px;
    font-size: 1.625em;
    text-align: center;
}

.kakao_login {
    background: #FFDF00;
}

.naver_login {
    background: #03C75A;
    color: var(--white-color);
}

.online_hue {
    background: var(--txt-color);
    color: var(--white-color);
    padding: 25px;
}

.on_hue_link {
    font-size: 0.9375em;
    border-bottom: 1px solid;
    display: inline-block;
    padding-bottom: 7px;
}

.online_hue_b {
    font-weight: 600;
}

.on_hue_p {
    font-size: 0.875em;
    color: #ffffff7e;
}

/* ========== 본향전 - 고급실(luxury) ========== */
.sub_visual {
    background: var(--bg-color);
    text-align: center;
    padding: 260px 0 0;
}

.sub_visual h2.__font-cinzel {
    letter-spacing: -5px;
}

.sub_visual h2.__font-cinzel {
    letter-spacing: -5px;
}

.sub_visual em {
    display: inline-block;
    font-weight: 500;
}

/* system */
.system {
    background: url('/resources/images/page/bonhyangjeon/system_bg.jpg') center / cover no-repeat;
    padding: 160px 0;
}

.system .title {
    line-height: 1.4;
}

.system .cont_txt {
    margin-bottom: 200px;
}

.system .slick-slider .slick-next,
.system .slick-slider .slick-prev {
    bottom: 45%;
    transform: translateY(-50%);
    z-index: 1;
}

.system .slick-slider .slick-next {
    right: 10px;
    left: unset;
}

.system .slick-slider .slick-prev {
    left: 10px;
}

/* cemetery */
.cemetery {
    background: var(--bg-color);
    text-align: center;
    padding: 160px 0 0;
    position: relative;
}

.gsap .cemetery_header {
    position: sticky;
    left: 0;
    top: 200px;
    opacity: 0;
    transition: 0.3s;
}

.cemetery_header .title {
    padding-top: 150px;
}

.cemetery_wrap {
    align-items: center;
    padding-top: 100px;
}

.cemetery_conts {
    /* padding: 200px 0; */
    width: 100%;
    max-width: 1540px;
}

.cemetery_conts>div {
    width: 100%;
    max-width: 1540px;
}

.cemetery .sec .left_area {
    padding-left: 150px;
}

/* sub_banner */
.sub_banner {
    width: 100%;
    height: 960px;
    background: url('/resources/images/page/bonhyangjeon/sub_banner.jpg') center / cover no-repeat;
    position: relative;
}

/* hue */
.hue {
    padding: 140px 0;
    background: var(--bg-color);
}

.hue_swiper {
    position: relative;
}

.hue_swiper .swiper-slide {
    width: 40% !important;
}

.hue .slick-list {
    overflow: unset;
}

/* luxury_award */
.luxury_award .award_inner {
    padding: 450px 0 200px;
}

.luxury_award .award_header {
    align-items: initial;
    text-align: left;
}

.luxury_award .award_header img {
    width: 115px;
}

.luxury_award .award_conts {
    padding: 250px 0 0px;
}

.luxury_award .award_conts .title {
    line-height: 1.5;
}

.luxury_award .award_swiper {
    width: 880px;
    overflow: hidden;
}

.luxury_award .variable-width li {
    width: 880px !important;
    overflow: hidden;
}





/* luxury_fee */
.fee {
    background: #FFFAF3;
    padding: 200px 0 170px;
}

.fee .title,
.fee .cont_txt {
    text-align: center;
}

.fee_conts {
    width: 780px;
    margin: 0 auto;
}

.fee_conts span {
    font-weight: 500;
    display: block;
    width: 100%;
}

.fee_conts em {
    font-style: normal;
    display: block;
}

.fee_conts .unit {
    color: #28231e94;
    text-align: right;
}

.fee_conts .unit.__pre-line {
    text-align: left;
}

.fee_conts .fee_memo {
    color: var(--txt-color);
}

.fee_conts thead {
    border-bottom: 2px solid var(--txt-color);
}

.fee_conts th {
    font-weight: 600;
}

.fee_conts tr:nth-child(even) td {
    background: var(--white-color)
}

.fee_conts th,
.fee_conts td {
    text-align: right;
    padding: 15px 10px;
    vertical-align: middle;
}

.fee_conts th:first-child,
.fee_conts td:first-child {
    text-align: left;
}

/* direct */
.direct {
    padding: 200px 0 160px;
    background: var(--bg-color);
    z-index: 1;
    position: relative;
}

.direct .title {
    font-weight: 500;
}

.direct span {
    font-weight: 500;
    display: block;
}

.direct li {
    width: calc(33% - 25px);
}

/* ========== 본향전 - 스페셜실(special) ========== */
/* system */
.system .slick-initialized .slick-slide {
    width: 500px !important;
}

.black_bg .system {
    background: url('/resources/images/page/bonhyangjeon/system_bg2.jpg') center / cover no-repeat;
    padding: 160px 0;
    color: white;
}

.black_bg .system .cont_txt {
    font-weight: 100;
}

.black_bg .swiper-pagination-clickable .swiper-pagination-bullet {
    background: var(--white-color);
    opacity: 0.3;
}

.black_bg .swiper-pagination-clickable .swiper-pagination-bullet-active {
    opacity: 1;
}

.black_bg .slick-slider .slick-dots li {
    background: var(--white-color);
    opacity: 0.3;
}

.black_bg .slick-slider .slick-dots li.slick-active {
    opacity: 1;
}

/* sub_banner */
.black_bg .sub_banner {
    background: url('/resources/images/page/bonhyangjeon/sub_banner2.jpg') center / cover no-repeat;
}

/* cemetery */
.black_bg .cemetery {
    background: var(--txt-color);
    color: var(--white-color);
}

.black_bg .cemetery .cont_txt {
    font-weight: 100;
}

.black_bg .cemetery .num {
    color: var(--sub-color);
}

/* hue */
.black_bg .hue {
    background: var(--txt-color);
    color: var(--white-color);
}

.black_bg .hue .cont_txt {
    font-weight: 100;
}

/* ========== 봉안함 - 봉안함(bonganham) ========== */
/* bonganham_award */
.bonganham_award .award_inner {
    padding-top: 750px;
    padding-bottom: 100px;
}

.bonganham_award .award_header img {
    width: 115px;
}

.bonganham_award .num {
    color: var(--sub-color);
}

.bh_img_wrap {
    gap: 40px;
}

.bh_img_wrap li:first-child {
    width: 480px;
}

.bh_img_wrap p {
    line-height: 1.6;
}

/* comfort */
.comfort {
    padding: 200px 0;
    font-weight: 100;
    background: var(--bg-color);
    position: relative;
    z-index: 0;
}

.comfort .title {
    position: relative;
    width: 1100px;
    text-align: center;
    line-height: 1.3;
    padding: 0px 0 700px;
}

.comfort .title:before {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1;
    background: url(/resources/images/page/bonganham/comfort.jpg) center bottom / 1100px no-repeat;
}

.comfort .title:after {
    content: '';
    width: 100%;
    height: 50%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1;
}

.punctuation {
    display: block;
    transform: translateY(40px);
    opacity: 0.7;
    font-size: 1.3em;
    line-height: 0.9;
}

/* bh_room */
.room_box {
    background: var(--bg-color);
}

/* ceramic */
.ceramic {
    text-align: center;
    padding: 160px 0;
}

.ceramic_logo {
    width: 90px;
    margin: 0 auto;
    display: inline-block;
}

.ceramic .cont_txt {
    font-weight: 200;
}

.ceramic_ul {
    text-align: left;
    padding-top: 200px;
}

.ceramic_li {
    background: var(--sub-color);
    padding: 40px;
    box-sizing: border-box;
}

.ceramic_li:nth-child(1) {
    width: calc(55% - 20px);
}

.ceramic_li:nth-child(2) {
    width: calc(45% - 20px);
    background: #FFFAF3;
}

.ceramic_li:nth-child(2) dl {
    opacity: 0.7;
}

.ceramic dl {
    line-height: 1.5;
}

.ceramic dt {
    font-weight: 700;
    border-bottom: 1.5px solid var(--txt-color);
    padding: 13px 0;
}

.ceramic dd {
    border-top: 1px solid var(--txt-color);
    padding: 13px 0;
    align-items: center;
}

.ceramic dd b {
    padding-right: 20px;
    display: inline-block;
    font-size: 0.85em;
    width: 80px;
    font-weight: 500;
    text-align: center;
}

.ceramic dd span {
    display: inline-block;
    width: calc(100% - 100px);
}

.ceramic_phone {
    background: var(--txt-color);
    color: var(--white-color);
    font-size: 0.9375em;
    padding: 15px 25px;
}

.ceramic_phone img {
    width: 19px;
}


/* ========== 봉안함 - 안치단(anchidan) ========== */
/* invisible */
.invisible {
    background: #22201e;
    color: var(--white-color);
    padding: 180px 0;
    text-align: center;
}

.invisible .title {
    line-height: 1.3;
}

.invisible .cont_txt {
    font-weight: 100;
}

.invisible_li {
    width: calc(50% - 20px);
    text-align: left;
}

.invisible_li .cont_txt {
    display: block;
    font-size: 1.25em;
}

/* lo_pre */
.lo_pre {
    background: var(--txt-color);
    color: var(--white-color);
    padding: 200px 0;
}

.lo_pre .cont_txt {
    font-weight: 100;
    display: block;
}

.lo_pre .btn_wrap,
.lo_pre .btn_wrap button {
    color: #ffe6be54;
    line-height: 1.5;
}

.lo_pre .btn_wrap button.on {
    color: var(--sub-color);
}

.lo_pre_li img {
    max-width: fit-content;
    margin: 0 auto;
    display: block;
}

.lo_pre_li:first-child {
    width: calc(45% - 45px);
}

.lo_pre_li:last-child {
    width: calc(55% - 45px);
}

.lo_out {
    display: none;
}

/* lo_pre - 프리미엄실 */
.size.on {
    background: #FFFAF3;
    color: var(--txt-color);
}

.merit.on {
    background: #FFFAF3;
    color: var(--txt-color);
}

.lo_pre.on .cont_txt {
    font-weight: 300;
    display: block;
}

.lo_pre.on .btn_wrap,
.lo_pre.on .btn_wrap button {
    color: #463c235b;
    font-weight: 500;
}

.lo_pre.on .btn_wrap button.on {
    color: #463C23;
}

.premium {
    display: none;
}

.premium .lo_pre_li {
    color: var(--txt-color);
}

.lo_pre.on .premium .cont_txt {
    font-weight: 500;
}

/* size */
.size .lo_pre_li {
    width: calc(50% - 20px);
}

.size .lo_pre_li span {
    background: #28231E;
    display: block;
    text-align: center;
    padding: 5px;
    margin: 80px 0 25px;
}

.size .lo_pre_li .cont_txt {
    font-size: 1.25em;
}

.size .lo_pre_li em {
    font-style: normal;
    display: block;
    text-align: center;
    font-weight: 100;
}

/* size - 프리미엄실 */
.size.on .lo_pre_li span {
    background: #DCDCDC;
}

.size.on .lo_pre_li em {
    font-weight: 500;
}

/* different */
.different {
    background: #FFFAF3;
    /* padding: 200px 0 0; */
}

/* .gsap .different_header {
    position: sticky;
    left: 0;
    top: 200px;
} */

.different .title {
    line-height: 1.5;
}

.different_conts {
    font-weight: 500;
    width: 100%;
    max-width: 1540px;
}

.different_conts .right_area {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .different_conts>div>div {
    background: #FFFAF3;
} */

.different_conts .cont_txt {
    font-size: 1.25em;
}

.different_conts img {
    border-radius: 7px;
}

.frame {
    font-weight: 200;
}

/* all_size */
.all_size {
    z-index: 1;
    position: relative;
    background: var(--white-color);
}

.all_size .fee_conts {
    width: 1200px;
}

.all_size .fee_conts th:first-child,
.all_size .fee_conts td:first-child {
    text-align: center;
}

.all_size .fee_conts thead {
    border-top: 2px solid #9a763f;
    border-bottom: 0;
    background: #fffaf3;
}

.all_size .fee_conts th,
.all_size .fee_conts td {
    text-align: center;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.all_size .fee_conts tr:nth-child(even) td {
    background: initial;
}


/* ========== 봉안당(담) - 실내(indoor) =========== */
/* sky */
.sky {
    padding: 200px 0;
    font-weight: 100;
    background: #28231E;
    position: relative;
    z-index: 0;
    color: var(--white-color);
}

.sky .title {
    position: relative;
    text-align: center;
    line-height: 1.4;
    padding: 0px 20px 1000px;
}

.sky .title:before {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1;
    background: url(/resources/images/page/bongandang/sky.png) center bottom / 1000px no-repeat;
}

.sky .title:after {
    content: '';
    background: linear-gradient(181deg, #28231E, #ffffff00);
    width: 100%;
    height: 50%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1;
}

/* peak */
.peak {
    padding: 200px 0;
    background: var(--txt-color);
    color: var(--white-color);
}

.peak .title {
    line-height: 1.5;
}

.peak .cont_txt {
    font-weight: 100;
}

.peak_swiper {
    position: relative;
    width: 85%;
}

.peak_swiper .swiper-slide {
    width: 100% !important;
    opacity: 0.2;
}

.peak_swiper .swiper-slide-active {
    opacity: 1;
}

/* indoor_fee */
.indoor_fee .table_wrap {
    width: calc(50% - 20px);
}

.ind_fee_conts {
    width: 100%;
}

.ind_cate {
    font-weight: 600;
    display: block;
}


/* ========== 봉안당(담) - 준실내(semi_indoor) =========== */
/* sky */
.semi_indoor .sky {
    background: #FAFAFA;
    color: var(--txt-color);
    font-weight: 300;
}

.semi_indoor .sky .title {
    padding: 0px 0 950px;
}

.semi_indoor .sky .title:before {
    background: url(/resources/images/page/bongandang/sky02.jpg) center bottom / 1000px no-repeat;
}

.semi_indoor .sky .title:after {
    background: transparent;
}


/* ========== 봉안당(담) - 야외 봉안담(outdoor) =========== */
/* sky */
.outdoor .sky {
    background: #FAFAFA;
    color: var(--txt-color);
    font-weight: 300;
}

.outdoor .sky .title {
    padding: 0px 0 950px;
    width: 1000px;
}

.outdoor .sky .title:before {
    background: url(/resources/images/page/bongandang/sky03.jpg) center bottom / 1000px no-repeat;
}

.outdoor .sky .title:after {
    background: transparent;
}


/* ========== 자연장 - 자연장(nature) =========== */
/* sky */
.nature .sky {
    background: #201C11;
}

.nature .sky .title {
    padding: 0px 0 950px;
    width: 1000px;
}

.nature .sky .title:before {
    background: url(/resources/images/page/nature/sky04.jpg) center bottom / 1000px no-repeat;
}

.nature .sky .title:after {
    background: transparent;
}

.nature .fee_conts .txt_right td {
    text-align: right;
    background: transparent;
}


/* ========== 재단소개 - 휴 소개(brand) ========== */
/* full_love */
.full_love {
    background: var(--bg-color);
}

.fu_love_inner {
    max-width: 750px;
    padding: 100px 0 120px;
}

.fu_love_inner em {
    font-weight: 500;
}


/* worth */
.worth {
    background: #FFFAF3;
}

.worth .title {
    line-height: 1.5;
}

/* history */
.history {
    text-align: center;
    background: var(--bg-color);
    padding: 175px 0;
}

.history_conts {
    max-width: 1000px;
    margin: 0 auto;
    text-align: left;
    font-weight: 700;
    line-height: 1.8;
}

.history_conts dt {
    width: 100px;
    border-right: 2px solid #DCDCDC;
    padding: 35px 0;
    box-sizing: border-box;
}

.history_conts dt.active {
    border-right: 2px solid #000;
}

.history_conts dd {
    padding: 35px 50px;
}

.history_conts dd b {
    display: block;
}

.history_conts dd p {
    font-weight: 500;
}

/* ========== 재단소개 - 수상내역(award) ========== */
.award_ex {
    color: var(--white-color);
}

.award_ex .aw_sub_txt {
    font-weight: 200;
    line-height: 1.6;
}

.aw_ex_he {
    padding: 200px 0 0;
}

.aw_ex_ul {
    padding: 180px 0;
}

.design_right {
    font-size: 0.875em;
    font-weight: 100;
}

.sub_page .award_conts {
    padding: 180px 0 0;
}

.mySwiper7 {
    max-width: 1280px;
}

/* ========== 재단소개 - 공지사항(notice) ========== */
.visual_img_wrap.gra {
    position: relative;
    height: 760px;
}

.visual_img_wrap.gra:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 25%;
    background: linear-gradient(180deg, var(--bg-color), #fefefe80, transparent);
}

.notice {
    background: var(--bg-color);
    font-weight: 400;
}

.notice_wrap {
    padding: 80px 0 200px;
}

.notice_ul {
    background: var(--white-color);
}

.notice_li {
    padding: 25px 40px;
    border-bottom: 1px solid #DCDCDC;
    cursor: pointer;
}

.notice_li:last-child {
    border: 0;
}

.notice .subject {
    font-weight: 500;
}

.notice_li .pin_set {
    display: none;
    padding: 6px 13px;
    border: 1px solid var(--navy-color);
    color: var(--navy-color);
    font-size: 0.9375em;
}

.notice_li .num {
    font-size: 0.9375em;
    display: inline-block;
    padding: 2px 15px 2px 0;
    border-right: 1px solid #5A5A5A;
}

.notice_li.pin .num {
    display: none;
}

.notice_li.pin .pin_set {
    display: inline-block;
}

.notice_li .date {
    color: #5A5A5A;
    padding-left: 10px;
}

.notice_alert {
    margin-bottom: 80px;
}

/* 공지사항 팝업 뷰페이지 */
.notice .pop_scroll {
    padding: 100px 0 200px;
}

.notice_subject {
    font-weight: 500;
    border-bottom: 1px solid #dcdcdc;
    padding: 0 10px 25px;
}

.notice_date {
    display: block;
    font-weight: 200;
}

.notice_content {
    padding: 0 10px;
}

/* ========== 재단소개 - 미디어(media) ========== */
.media_board {
    background: var(--bg-color);
}

.media_wrap {
    padding: 80px 0 0;
}

.media_inner {
    background: #FAF9F8;
    padding: 60px 0 200px;
}

.media_wrap .subject {
    line-height: 1.6;
    font-weight: 500;
}

.media_ul {
    justify-content: space-between;
    padding: 0 0 20px;
}

.media_li {
    width: calc(33% - 15px);
}

.media_li:nth-child(3)~li {
    margin-top: 60px;
}

.media_li .img_wrap {
    height: 590px;
    overflow: hidden;
    border-radius: 5px;
    width: 100%;
    background: #eee;
}

.media_li .img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.media_li .subject {
    min-height: 76px;
}

/* 미디어 팝업 뷰페이지 */
.media_board .pop_scroll {
    padding: 100px 0 200px;
}

.media_subject {
    font-weight: 500;
    border-bottom: 1px solid #dcdcdc;
    padding: 0 10px 25px;
}

.media_date {
    display: block;
    font-weight: 200;
}

.media_content {
    padding: 0 10px;
}

.media_content img {
    display: block;
    /* margin: 10px 0; */
    width: fit-content;
    max-width: 100%;
}


/* ========== 재단소개 - 이용안내(use_info) ========== */
.way_page {
    background: var(--bg-color);
    line-height: 1.6;
}

.way_page .sub_title {
    font-family: 'pretendard';
    font-weight: 500;
}

.way_page .sub_title img {
    width: 26px;
    margin-right: 15px;
}

/* way */
.way_page .way {
    padding: 220px 0 170px;
}

.way_page .way .left_area {
    width: 690px;
}

.way_page .way dd span {
    font-size: 0.77778em;
}

.sub_name {
    font-weight: 600;
    margin-right: 10px;
}

.way_caution {
    font-size: 0.875em;
}

.wa_con_li a {
    width: 336px;
    background: var(--navy-color);
    color: var(--white-color);
    padding: 0 20px;
    height: 46px;
    line-height: 46px;
    box-sizing: border-box;
}

.wa_con_li.kakao a {
    background: #FFDF00;
    color: var(--txt-color);
}

.wa_con_li img {
    width: 24px;
}

/* way_map */
.way_map_wrap {
    border-radius: 8px;
    overflow: hidden;
}

.map_border,
.root_daum_roughmap .cont .section.lst,
.root_daum_roughmap .wrap_controllers {
    display: none;
}

/* way_come */
.way_come {
    padding-bottom: 150px;
}

.come_cont {
    margin-top: 130px;
}

.come_inner {
    background: var(--white-color);
}

.come_cont dl {
    padding: 40px;
    border-bottom: 1px solid #DCDCDC;
}

.come_cont dl:last-child {
    border-bottom: 0;
}

.de_bus {
    align-items: center;
    gap: 10px;
}

.departure {
    height: 32px;
    line-height: 32px;
    border: 1px solid;
    text-align: center;
    font-size: 0.9375em;
    display: inline-block;
    font-weight: 400;
    padding: 0 20px;
    box-sizing: border-box;
}

.bus_num {
    background: #FF6567;
    color: var(--white-color);
    padding: 4px 15px;
    font-weight: 200;
    font-size: 0.875em;
    display: inline-block;
}

.come_cont dd {
    align-items: center;
    gap: 16px;
    font-weight: 400;
}

.come_cont dd b {
    font-weight: 600;
}

.nor_bus {
    background: #37B790;
}

/* amenity */
.amenity {
    background: var(--white-color);
    padding: 170px 0;
}

.amenity_header {
    text-align: center;
    margin-bottom: 125px;
}

.amenity .cont_txt {
    font-size: 0.9375em;
}

.amenity_cont+.amenity_cont {
    margin-top: 80px;
}

.amenity h3 {
    font-weight: 500;
}

.amenity_li {
    width: calc(50% - 20px);
    height: 648px;
}

.amenity_li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ========== 멤버스 - 멤버스(members) ========== */
/* free */
.free_cont .title {
    line-height: 1.5;
}

.free_cont {
    height: 100vh;
    font-weight: 400;
}

.free_cont .sub_txt {
    font-weight: 600;
}

/* law_consult */
.lawyer {
    padding-bottom: 200px;
}

.law_consult {
    background: var(--txt-color);
    color: var(--white-color);
    padding: 200px 0 0;
}

.law_ex {
    text-align: center;
}

.law_ex .title {
    line-height: 1.5;
}

.merit {
    padding: 110px 0;
}

.dongin_logo {
    width: 260px;
    margin: 0 auto 60px;
    display: block;
}

.merit_li {
    background: #28231E;
    padding: 40px;
    box-sizing: border-box;
    width: calc(33% - 20px);
    line-height: 1.7;
    height: 530px;
}

.ms_txt {
    font-weight: 100;
    color: rgba(255, 255, 255, 0.904);
}

.ms_txt b {
    font-weight: 300;
    display: inline-block;
    color: var(--white-color);
}

/* lawyer */
.lawyer {
    background: var(--txt-color);
}

.lawyer h2 {
    color: var(--white-color);
}

.law_con_ul {
    background: var(--white-color);
    width: calc(50% - 20px);
    padding: 80px;
    box-sizing: border-box;
    gap: 50px;
}

.law_con_li {
    background: var(--white-color);
}

.law_con_li dl {
    border-bottom: 1px solid #DCDCDC;
    line-height: 1.7;
}

.law_con_li dl:last-child {
    border-bottom: 0;
}

.law_con_li dt {
    font-weight: 600;
    width: 70px;
    margin-right: 25px;
}

.law_con_li dd {
    font-weight: 200;
}

/* pop_form */
.pop_form {
    line-height: 1.7;
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    overflow-y: scroll;
    scroll-behavior: smooth;
}

.pop_form_bg {
    background: rgba(0, 0, 0, 0.322);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    backdrop-filter: blur(25px);
    content: '';
    display: none;
    z-index: 98;
}

.pop_scroll {
    padding: 170px 0 250px;
    background: var(--white-color);
    width: 100%;
    box-sizing: border-box;
    animation-duration: 1.2s;
    animation-name: slideUp;
    animation-fill-mode: forwards;
    transform: translateY(100%);
    animation-delay: -0.3s;
    font-weight: 300;
    min-height: 900px;
}

.pop_inner {
    max-width: 1400px;
}

.btn_fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: var(--white-color);
    text-align: center;
    box-shadow: 0 -4px 6px #00000010;
    animation-duration: 1s;
    animation-name: slideUp2;
    animation-fill-mode: forwards;
    transform: translateY(100%);
    animation-delay: 0.8s;
}

.popup_btn {
    width: 100%;
    max-width: 1400px;
}

.close_btn {
    position: absolute;
    right: 30px;
    top: 20px;
    z-index: 100;
    font-size: 1.5em;
}

@keyframes slideUp {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(150px);
    }
}

@keyframes slideUp2 {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0px);
    }
}

/* 글쓰기 폼 */
.form_dongin_logo {
    filter: brightness(0.4);
    width: 260px;
    display: block;
}

.form_tit {
    width: 220px;
    font-weight: 600;
}

.form_tit2 {
    width: 180px;
    font-weight: 600;
}

.form_con {
    width: 1180px;
}

.form_con2 {
    width: 400px;
}

.form_con3 {
    width: 1020px;
}

.form_con.__flex,
.form_con3.__flex {
    gap: 40px;
}

.form_con dl {
    align-items: center;
}

.form_con dt {
    width: 135px;
}

.form_con dd {
    width: 320px;
}

.consult_cont .agree li {
    padding-left: 0px;
    line-height: 1.6;
}

.agree li {
    padding-left: 10px;
    align-items: center;
}

.agree li.mind_agree {
    padding-left: 0px;
}

.agree li:first-child~li:before {
    content: '';
    display: inline-block;
    background: #000;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    margin: 0 10px 0 15px;
}

.agree li b {
    font-weight: 600;
    display: block;
}

.agree_check {
    font-weight: 600;
}

/* mind_pop */
.mind_pop .sub_title {
    font-weight: 500;
    border-bottom: 1px solid #dcdcdc;
}

.mind_pop .pop_inner,
.mind_pop .popup_btn {
    width: 1160px;
}

.mind_pop .sub_txt,
.fc .fc-toolbar-title {
    font-weight: 500;
}

/* 캘린더 */
.full_calendar {
    border-bottom: 1px solid #dcdcdc;
}

.fc .fc-scrollgrid-section-body table,
.fc .fc-scrollgrid-section-footer table {
    width: 1160px !important;
    height: 350px !important;
}

.fc .fc-daygrid-body {
    width: 1160px !important;
}

.fc-col-header {
    width: 1160px !important;
}

.fc .fc-view-harness {
    height: 410px !important;
}

.fc .fc-daygrid-day-number {
    width: 100%;
}

.fc-daygrid-day-bottom {
    display: none;
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    display: none;
}

.pop_scroll .fc .fc-scroller-harness {
    overflow: unset;
}

.pop_scroll .fc .fc-scrollgrid-section-liquid>td {
    width: 1160px;
    padding-top: 25px;
}

.pop_scroll .fc .fc-scrollgrid {
    width: 1160px;
    border: 0;
}

.pop_scroll .fc .fc-toolbar.fc-header-toolbar {
    justify-content: center;
    margin-bottom: 60px;
}

.pop_scroll .fc .fc-toolbar-title {
    font-size: unset;
}

.pop_scroll .fc .fc-button-primary {
    background-color: var(--white-color);
    border: 0;
    color: var(--txt-color);
    padding: 0px 10px 5px;
}

.pop_scroll .fc .fc-button .fc-icon {
    font-size: 1.2em;
}

.pop_scroll .fc .fc-button-primary:hover {
    background-color: var(--white-color);
    border: 0;
    color: var(--txt-color);
}

.pop_scroll .fc .fc-button-primary:focus,
.pop_scroll .fc .fc-button-primary:not(:disabled):active,
.pop_scroll .fc .fc-button-primary:not(:disabled).fc-button-active,
.pop_scroll .fc .fc-button-primary:not(:disabled):active:focus,
.pop_scroll .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
    box-shadow: unset;
    background: var(--white-color);
    border: 0;
}

.pop_scroll .fc-theme-standard td,
.pop_scroll .fc-theme-standard th {
    border: 0;
    text-align: center;
}

.pop_scroll .fc .fc-daygrid-day-top {
    justify-content: center;
    flex-direction: row;
    height: 58px;
}

.pop_scroll .fc .fc-daygrid-day-top.add a {
    color: var(--white-color);
}

.pop_scroll .fc .fc-daygrid-day.fc-day-today {
    background: #eff8ff;
    position: relative;
    color: var(--navy-color);
}

.pop_scroll .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number:after {
    content: '오늘';
    font-size: 0.7em;
    display: block;
    margin-top: -5px;
}

/* .pop_scroll .fc .fc-highlight.add {
    background: var(--navy-color);
} */

.pop_scroll .fc .fc-daygrid-day-top.add {
    background: var(--navy-color);
}

.pop_scroll .fc .fc-highlight .fc-daygrid-day-number {
    color: var(--white-color);
}

.input_time .input_item {
    width: calc(25% - 10px);
    text-align: center;
    border: 1px solid #DCDCDC;
    position: relative;
}

.input_time .input_item:nth-child(4)~.input_item {
    margin-top: 10px;
}

.input_time .input_item label {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: block;
}

.input_time.input_box .check_label {
    position: absolute;
    border: 0;
    background: none;
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.input_time input[type="radio"]:checked,
.input_time input[type="checkbox"]:checked {
    background: none;
}

.input_time .check_label:checked+.area_label {
    background: var(--navy-color);
    color: var(--white-color);
}

/* ========== 하늘의 편지 - 하늘의 편지(letter) ========== */
/* 하늘의 편지 리스트 */
.letter {
    background: var(--bg-color);
}

.letter .visual_img_wrap img {
    object-position: bottom;
}

.letter {
    background: var(--bg-color);
    font-weight: 400;
}

.letter_wrap {
    padding: 80px 0 200px;
}

.letter_li {
    padding: 25px 40px;
    width: calc(50% - 20px);
    box-sizing: border-box;
    background: var(--white-color);
    cursor: pointer;
    position: relative;
}

.letter_li.lock:after {
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: transparent;
}

.letter_li.lock:before {
    content: "\e966";
    right: 10px;
    top: 10px;
    width: 40px;
    height: 40px;
    position: absolute;
    font-family: 'xeicon' !important;
    z-index: 1;
    display: flex;
    align-items: center;
    background: #eee;
    border-radius: 10px;
    justify-content: center;
    font-size: 20px;
}

.letter_li .subject {
    border-bottom: 1px solid #DCDCDC;
}

.letter_li .thumb {
    width: 130px;
    height: 130px;
}

.letter_li .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.letter_li .txt_box {
    width: 420px;
}

.letter .subject {
    font-weight: 500;
}

.letter_li .num {
    font-size: 0.9375em;
    display: inline-block;
    padding: 2px 15px 2px 0;
    border-right: 1px solid #5A5A5A;
}

.letter_li .date {
    color: #5A5A5A;
    padding-left: 10px;
}

/* 하늘의 편지 글쓰기 */
.letter .pop_scroll {
    padding: 100px 0 200px;
}

.letter .write_btn {
    width: 320px;
    display: flex;
    box-sizing: border-box;
}

/* 하늘의 편지 뷰페이지 */
.le_view_form .letter_date {
    display: block;
    font-weight: 200;
}

.le_wr_form .btn_fixed button {
    width: calc(50% - 10px);
}

.le_wr_form .btn_fixed .close_btn {
    position: initial;
}

.le_wr_form .btn_fixed .btn_fix_wrap {
    max-width: 1400px;
}

/* secret_modal */
.secret_modal {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 99;
    visibility: hidden;
    transition: 0.3s;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(20px);
    opacity: 0;
    left: 0;
    top: 0;
}

.secret_modal.open {
    visibility: visible;
    opacity: 1;
}

.secret_modal_inner {
    max-width: 400px;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 15px;
    box-sizing: border-box;
    text-align: center;
}

.secret_modal_inner i {
    color: var(--txt-color);
    border-bottom: 1px solid #eee;
    width: 100%;
    display: block;
    font-size: 2em;
}

.secret_modal_close {
    width: 100%;
    padding: 13px;
    border-radius: 2px;
    background: #222;
    border: 1px solid #222;
}

/* 분양상담 */
/* .consult {
    background: var(--bg-color);
} */

.consult .sub_visual {
    background: white;
}

.consult_cont {
    padding: 120px 0 150px;
}

.consult_cont .btn_wrap {
    width: 100%;
    text-align: center;
}

.consult_cont .more_btn3 {
    border-radius: 30px;
    margin: 100px auto 0;
    height: 45px;
    width: 200px;
}

.consult_cont input[type="text"],
.consult_cont input[type="password"],
.consult_cont input[type="email"],
.consult_cont textarea {
    background: transparent;
}

/* 분양절차 */
.procedure .sub_visual {
    background: white;
}

.see_procedure {
    padding: 180px 0 150px;
    background: url('/resources/images/page/members/stone_bg.jpg') center / cover;
    text-align: center;
}

.procedure .visual_img_wrap.gra:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(180deg, #ffffff, transparent);
}

/* .procedure .visual_img_wrap.gra:before {
    background: linear-gradient(360deg,  var(--bg-color), transparent);
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 30%;
    z-index: 1;
} */

.s_pro_ul {
    padding-top: 100px;
}

.s_pro_li {
    width: 20%;
    text-align: center;
}

.s_pro_li.on .s_pro_img_wrap {
    background: #c19a6b;
    border: 1px solid #c19a6b;
}

.s_pro_li.on .s_pro_img_wrap img {
    filter: brightness(6);
}

.s_pro_tit {
    font-weight: 500;
}

.s_pro_img_wrap {
    width: 200px;
    height: 200px;
    background: #f7f7f7;
    border-radius: 200px;
    border: 1px solid #eaeaea;
    margin: 0 auto;
    transition: 0.3s;
}

.s_pro_img_wrap img {
    width: auto;
    height: 55px;
}

.s_pro_li .move_section {
    text-decoration: underline;
    color: #b26f17;
    text-underline-offset: 2px;
    transform: translateY(-50%);
    opacity: 0;
    transition: 0.5s;
    display: block;
}

.s_pro_li.on .move_section:hover {
    color: var(--navy-color);
}

.s_pro_li p {
    transform: translateY(-50%);
    opacity: 0;
    transition: 0.5s;
}

.s_pro_li.on .move_section,
.s_pro_li.on p {
    transform: translateY(0%);
    opacity: 1;
}

.tab_menu {
    position: sticky;
    left: 0;
    top: 157px;
    z-index: 3;
    background: #ffffffaf;
    backdrop-filter: blur(5px);
}

.tab_ul {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

.tab_li {
    width: 20%;
    text-align: center;
    line-height: 60px;
    font-weight: 500;
}

.tab_li a {
    display: block;
    transition: 0.3s;
    border-bottom: 2px solid transparent;
}

.tab_li.active a {
    border-bottom: 2px solid #c19a6b;
    color: #c19a6b;
    font-weight: 600;
}

.tab_li:hover a {
    border-bottom: 2px solid #c19a6b;
    color: #c19a6b;
    font-weight: 600;
}

.tab_conts_inner {
    padding: 150px 0;
}

.sub_top_img {
    height: 55px;
    width: fit-content;
    margin-right: 5px;
    margin-bottom: -2px;
    display: none;
}

.tab_conts_head {
    width: 100%;
}

.tab_conts .title {
    line-height: 1.5;
}

.tab_conts .sub_title {
    text-transform: initial;
    font-weight: 500;
    color: #c19a6b;
}

.tab_conts .cont_txt {
    font-weight: 300;
}

.tab_conts .cont_txt b {
    color: #bb8a3b;
    font-weight: 500;
}

/* tab_01 */
.tab_01 {
    position: relative;
}

.tab_01_swiper {
    width: 100%;
    overflow: hidden;
    overflow: initial;
    position: relative;
}

.tab_01_swiper .slick-track {
    gap: 0;
}

.tab_01_swiper .swiper-slide {
    width: 100% !important;
    overflow: hidden;
    display: flex !important;
    gap: 40px;
    height: 600px;
    position: relative;
    opacity: 0.2;
}

.tab_01_swiper li.swiper-slide-active {
    opacity: 1;
}

.tab_01_swiper .slick-slider .slick-dots li {
    width: 20%;
    max-width: 100px;
}

.tab_01_swiper .img_wrap {
    width: 55%;
    overflow: hidden;
    height: 100%;
}

.tab_01_swiper .img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tab_01_txt {
    width: 40%;
    box-sizing: border-box;
}

.tab_01 .slick-slider .slick-next,
.tab_01 .slick-slider .slick-prev {
    top: unset;
    left: unset;
    bottom: 0;
    right: -80px;
    top: 50%;
    z-index: 1;
}

.tab_01 .slick-slider .slick-prev {
    right: unset;
    left: -80px;
}

/* tab_02 */
.tab_02 {
    background: var(--bg-color);
}

.tab_02_ul.__flex-between {
    gap: 40px;
    align-items: flex-start;
}

.tab_02_li {
    width: calc(50% - 20px);
    align-items: baseline;
}

.tab_02_li .img_wrap {
    height: 400px;
    width: 100%;
}

.tab_02_li .img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dan_tit {
    font-weight: 500;
    border-right: 1px solid #ddd;
    width: 150px;
    display: block;
    height: 45px;
}

.dan_p {
    text-align: right;
}

/* tab_03 */
.tab_03 .all_size .fee_conts {
    width: 100%;
}

/* tab_04 */
.tab_04 {
    background: url(/resources/images/page/members/procedure_bg2.jpg) center / cover;
    padding: 150px 0;
    position: relative;
    z-index: 1;
}

.tab_04:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 10%;
    background: linear-gradient(180deg, #ffffff, transparent);
    z-index: -1;
}

.tab_04:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10%;
    background: linear-gradient(360deg, #ffffff, transparent);
    z-index: -1;
}

.tab_04 .fee,
.tab_04 .all_size {
    background: none;
    gap: 100px 50px;
    padding: 30px 0 0;
}

.tab_04 .fee_conts {
    width: calc(50% - 25px);
}

.tab_04 .fee_conts:nth-child(odd) span {
    margin-bottom: 38px;
}

.tab_05_conts tr td:first-child,
.tab_04_conts tr td:first-child {
    background: var(--bg-color) !important;
}

.tab_04 .fee_conts em {
    text-align: right;
}

/* tab_05 */
.tab_05 {
    background: #fff;
}

.tab_05 .fee_conts {
    width: 100%;
}

.tab_04 .all_size .fee_conts th:first-child,
.tab_04 .all_size .fee_conts td:first-child,
.tab_05 .all_size .fee_conts th:first-child,
.tab_05 .all_size .fee_conts td:first-child {
    border-left: 0;
}

/* tab_06 */
.tab_06_inner {
    margin-top: 100px;
}

.tab_06 .consult_inner {
    width: 50%;
}

.right_map {
    width: 45%;
    border: 1px solid #eee;
}

.tab_06 .form_con3 {
    width: calc(100% - 180px);
}

.tab_06 .form_con3 textarea {
    height: 150px;
}

.tab_06.consult_cont {
    padding: 150px 0;
    background: url(/resources/images/page/members/stone_bg.jpg) center / cover;
    position: relative;
    z-index: 1;
}

.tab_06.consult_cont:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 5%;
    background: linear-gradient(180deg, #ffffff, transparent);
    z-index: -1;
}

/* ========== 글씨 크기 크게 했을 때 틀어지는 부분 css ==========  */

/* 휴 소개 */
.body_txt_lg .full_love .cont_txt {
    white-space: normal;
}

.body_txt_lg .worth_conts .__flex-between {
    gap: 100px;
}

.body_txt_lg .worth_conts .cont_txt {
    white-space: normal;
    width: 800px;
    word-break: keep-all;
}

/* 수상내역 */
.body_txt_lg .aw_ex_ul {
    gap: 100px;
}

.body_txt_lg .aw_ex_ul .aw_sub_txt {
    white-space: normal;
    width: 700px;
}

.body_txt_lg .luxury_award .award_conts {
    gap: 50px;
}

/* 휴 봉안함 */
.body_txt_lg .different_conts .__flex-between {
    gap: 50px;
}

/* 멤버스 */
.body_txt_lg .free_cont {
    gap: 50px;
}

.body_txt_lg .free_cont .cont_txt {
    white-space: normal;
    width: 700px;
}

.body_txt_lg .law_ex .title br {
    display: none;
}

.body_txt_lg .merit_li {
    height: 800px;
}

.body_txt_lg .ms_txt {
    white-space: normal;
}

.body_txt_lg .ms_title br {
    display: none;
}