/* 쉬운 장례 가이드 */
.desktop {display: block}
.mobile {display: none;}
#container {margin-bottom: 0px;}
#guide01, #guide03 {margin-bottom: 60px;}
.top-banner {width: 100%; height: 398px; background: url("../img/guide_top_banner_pc.png") no-repeat top center / cover; position: relative;}
.top-banner .txt-wrap {color: #fff; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.top-banner .txt-wrap h2 {font-size: 30px; font-weight: 700; line-height: 43px; margin-bottom: 30px;}
.top-banner .txt-wrap p {font-size: 16px; font-weight: 400; line-height: 23px;}

#guide01 .guide_section01 .txt-wrap, #guide02 .guide_section01 .txt-wrap, #guide03 .guide_section01 .txt-wrap {margin-bottom: 40px; text-align: center;}
#guide01 .guide_section01 .txt-wrap .point-ttl, #guide02 .guide_section01 .txt-wrap .point-ttl, #guide03 .guide_section01 .txt-wrap .point-ttl {display: inline-block; 
    margin-bottom: 4px; color: #431F88; font-size: 18px; font-weight: 500; line-height: 34px;}
#guide01 .guide_section01 .txt-wrap .ttl, #guide02 .guide_section01 .txt-wrap .ttl, #guide03 .guide_section01 .txt-wrap .ttl {font-size: 30px; font-weight: 700; 
    line-height: 43px;}
#beforeFuneral {margin-bottom: 65px;}
#beforeFuneral .swiper-slide {opacity: 0.5; transition: opacity 0.3s ease-in-out;}
#beforeFuneral .swiper-slide.swiper-slide-active {opacity: 1;}
#beforeFuneral .swiper-slide img {width: 100%;}
#beforeFuneral .swiper-button-next:after, #beforeFuneral .swiper-button-prev:after {display: none;}
#beforeFuneral .swiper-button-next, #beforeFuneral .swiper-button-prev {width: 28px; top:calc(50% - 32px); }
#beforeFuneral .swiper-button-next {right: 27%; background: url("../svg/icon_textfile_arrow_right_shade600.svg") no-repeat center center / 100% auto;}
#beforeFuneral .swiper-button-prev {left: 27%; background: url("../svg/icon_textfile_arrow_left_shade600.svg") no-repeat center center / 100% auto;}
#beforeFuneral .pagination {margin-top: 32px; display: flex; align-items: center; justify-content: center; gap: 8px;}
#beforeFuneral .pagination .pagination-bullet {width: 10px; height: 10px; border-radius: 100px; background-color: #d9d9d9; transition: background-color 0.3s ease-in-out;}
#beforeFuneral .pagination .pagination-bullet.on {background-color: #431F88;}
#guide01 .guide_section01 .small_guide {margin-bottom: 182px;}
#guide01 .guide_section01 .small_guide > p {font-size: 16px; line-height: 32px; color: #2A303C; font-weight: 400; text-align: center;}
#guide01 .guide_section01 .small_guide > a {border-radius: 8px; background: #4a515f url("../svg/icon_right_w.svg") no-repeat right 37px center; background-size: 12px 12px; color: #fff; padding: 14px 59px 14px 42px; margin: 16px auto 0; display: block; width: fit-content; font-size: 17px; font-weight: 700; line-height: 26.5px;}

#guide01 .guide_section02 {width: 100%; max-width: 1320px; margin: 0 auto 120px;}
#guide01 .guide_section02 .banner {width: 100%; height: 220px; margin-bottom: 48px; background: url("../img/section02_banner_pc.png") no-repeat center center / 100% auto; position: relative;}
#guide01 .guide_section02 .banner .txt-wrap {color: #fff; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#guide01 .guide_section02 .banner .txt-wrap h2 {margin-bottom: 16px; font-size: 30px; font-weight: 700; line-height: 43px;}
#guide01 .guide_section02 .banner .txt-wrap p {font-size: 16px; font-weight: 400;}
#guide01 .guide_section02 .tab-wrap {margin-bottom: 40px; display: flex; align-items: center; justify-content: center; gap: 12px;}
#guide01 .guide_section02 .tab-wrap .tab-btn {width: 109px; height: 51px; border-radius: 100px; background-color: #F6F7F8; transition: background-color 0.3s ease-in-out;}
#guide01 .guide_section02 .tab-wrap .tab-btn a {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 400; 
    transition: all 0.3s ease-in-out; line-height: 26.5px;}
#guide01 .guide_section02 .tab-wrap .tab-btn:hover {background-color: #2A303C;}
#guide01 .guide_section02 .tab-wrap .tab-btn a:hover {color: #fff; font-weight: 700;}
#guide01 .guide_section02 .tab-wrap .tab-btn.selected {background-color:#2A303C;}
#guide01 .guide_section02 .tab-wrap .tab-btn.selected a { color: #fff; font-weight: 700;}
#guide01 .guide_section02 .list-wrap {padding: 0 60px;}
#guide01 .guide_section02 .list-wrap li {padding: 0 37px; cursor: pointer; border-bottom: 1px solid #EAECF0; box-sizing: border-box; transition: all 0.3s ease-in-out;}
#guide01 .guide_section02 .list-wrap li:first-of-type {border-top: 1px solid #EAECF0;}
#guide01 .guide_section02 .list-wrap li.active {background: #F6F7F8; padding-top: 7px;}
#guide01 .guide_section02 .list-wrap li h3 { width: 100%; margin: 20px 0; padding-right: 50px; display: flex; gap: 8px; font-size: 18px; font-weight: 700; line-height: 26.5px; position: relative;}
#guide01 .guide_section02 .list-wrap li h3:after {content: ''; width: 15px; height: 15px; background: url("../svg/icon_arrow_bottom_gray.svg") no-repeat center center / 100% auto; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: transform 0.3s ease-in-out;}
#guide01 .guide_section02 .list-wrap li.active h3:after {transform: translateY(-50%) rotate(180deg);}
#guide01 .guide_section02 .list-wrap li h3 strong {font-weight: 700;}
#guide01 .guide_section02 .list-wrap li > div {display: none;}
#guide01 .guide_section02 .list-wrap li > div p {padding-bottom: 32px; display: flex; gap: 10px; font-size: 16px; font-weight: 400; line-height: 23px;}
#guide01 .guide_section02 .list-wrap li > div p strong {color: #431F88; font-size: 18px; font-weight: 700; line-height: 23px;}

#guide01 .guide_section03, #guide02 .guide_section05, #guide03 .guide_section05 {width: 100%; margin-bottom: 60px; background: #F7F7F4; padding: 57px 0; display: flex; 
    flex-direction: column; align-items: center; justify-content: center; gap: 16px;}
#guide03 .guide_section05 {background: #fff !important;}
#guide01 .guide_section03 p, #guide02 .guide_section05 p, #guide03 .guide_section05 p {margin: 0 auto; text-align: center; font-size: 20px; font-weight: 500; 
    line-height: 30px; }

#guide01 .guide_section04 {width: 100%; max-width: 1320px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 40px;}
#guide01 .guide_section04 a {flex: 1; height: 90px; font-size: 18px; font-weight: 700; border: 0.5px solid #BBC0C9; border-radius: 10px; background: #fff; display: flex; align-items: center; justify-content: center; gap: 5px;}
#guide01 .guide_section04 a img {width: 20px; height: 20px;}
#guide01 .easy_guide_pagination {margin-top: 0;}

.guide-search-wrap{width: 100%; max-width: 1200px; margin: 0 auto 20px; display: flex; align-items: end; justify-content: space-between;}
.guide-search-wrap > div{font-size: 16px; font-weight: 400; line-height: 23px;}
.guide-search-wrap > div > span{color: #431F88; font-weight: 700;}
.guide-search-wrap > div:last-of-type{display: flex; align-items: center; justify-content: center; width: 364px; position: relative;}
.guide-search-wrap > div:last-of-type > input{border: 1px solid #EAECF0; height: 46px; color: #2A303C; width: 100%; padding-left: 20px;}
.guide-search-wrap > div:last-of-type > input::placeholder{color: #BBC0C9;}
.guide-search-wrap > div:last-of-type > button{position: absolute; right: 15px;  width: 28px; height: 28px; cursor: pointer;}
.guide-search-wrap > div:last-of-type > button.search-btn{background: url("../img/care_search_icon.png") no-repeat center center / 100% auto;}
.guide-search-wrap > div:last-of-type > button.search-delete-btn{background: url("../img/care_search_delete_icon.png") no-repeat center center / 100% auto;} 

/************* 리뉴얼 *************/
.lineTab.guide {width: 100%; background: #f7f7f7;}
.lineTab.guide > ul {display: flex; align-items: center; justify-content: center; text-align: center;}
.lineTab.guide > ul > li > a {width: 440px; height: 83px; display: flex; align-items: center; justify-content: center; flex-direction: column; row-gap: 6px;}
.lineTab.guide > ul > li > a > span {font-weight: 700; font-size: 14px; line-height: 21px;}
.lineTab.guide > ul > li > a > p {font-weight: 400; font-size: 18px; line-height: 18px;}
.lineTab.guide > ul > li > a.on {background: #F5F3FA;}
.lineTab.guide > ul > li > a.on > p {font-weight: 700;}

:root {--header-h: 97.02px;}
.lineTab.guide.is-fixed{position: fixed; left: 0; right: 0; top: var(--header-h); z-index: 99; box-shadow: 0px 0px 6px #0000001A;}
.lineTab.guide.is-fixed > ul > li > a {height: 73px;}
.lineTab-placeholder{height: 0;}
.lineTab-placeholder.active{height: var(--tabbar-h, 0px);}

.tab-content {padding-top: 100px;}

#guide02 .guide_section01 {max-width: 1320px; margin: 0 auto;}
#guide02 .guide_section01 .flex-box:nth-child(2) {margin-top: 118px;}
#guide02 .guide_section01 .txt-wrap .ttl, #guide03 .guide_section01 .txt-wrap .ttl {margin-bottom: 30px;}
#guide02 .guide_section01 .txt-wrap > h3, #guide03 .guide_section01 .txt-wrap > h3 {font-size: 15px; font-weight: 400; line-height: 24px; margin-bottom: 10px;}
#guide02 .guide_section01 .txt-wrap > strong {font-size: 15px; font-weight: 500; line-height: 24px;}

#guide02 .guide_section02 {max-width: none; background: #F7F7F4; padding: 100px 0; margin-top: 182px; margin-bottom: 90px ;}
#guide02 .txt-wrap2, #guide03 .txt-wrap2 {margin-bottom: 45px; text-align: center;}
#guide02 .txt-wrap2 > h2, #guide03 .txt-wrap2 > h2 {font-size: 24px; font-weight: 700; line-height: 34px; margin-bottom: 12px;}
#guide02 .txt-wrap2 > h3, #guide03 .txt-wrap2 > h3 {font-size: 15px; font-weight: 400; line-height: 24px;}
#guide02 .guide_section03 {margin-bottom: 110px;}
#guide02 .guide_section03 .txt-wrap2, #guide02 .guide_section04 .txt-wrap2 {margin-bottom: 40px;}
#guide02 .guide_section03 > a.guide-btn {margin: 0 auto;}
#guide02 .guide_section03 > .flex-box2 {display: flex; gap: 40px; margin-bottom: 46px; justify-content: center;}
#guide02 .guide_section03 > .flex-box2 > div {max-width: 566px; max-height: 229px; position: relative;}
#guide02 .guide_section03 > .flex-box2 > div > img {width: 100%; height: 100%;}
#guide02 .guide_section03 > .flex-box2 > div > .txt-box {position: absolute; color: #F1F2F3; width: 100%; height: 100%; top: 0; left: 0; padding: 26px 33px;}
#guide02 .guide_section03 > .flex-box2 > div > .txt-box > strong {font-size: 14px; font-weight: 700; line-height: 1; margin-bottom: 8px; display: inline-block;}
#guide02 .guide_section03 > .flex-box2 > div > .txt-box > p {font-weight: 400; font-size: 13px; line-height: 22.5px;}
#guide02 .guide_section03 > .flex-box2 > div > .txt-box > span {font-size: 10px; font-weight: 400; line-height: 28px; color: #EAECF0; display: inline-block; margin-top: 66px;}
#guide02 .guide_section05 {margin-bottom: 0;}

.flex-box {display: flex; column-gap: 52px;}
.flex-box > .img-box {max-width: 634px; max-height: 406px;}
.flex-box > .img-box > img {width: 100%; height: 100%;}
.flex-box > .desc-box > .desc-txt > span {display: block; font-size: 15px; line-height: 21px; font-weight: 400; color: #431f88; margin-bottom: 6px;}
.flex-box > .desc-box > .desc-txt > strong {display: block; font-weight: 700; font-size: 24px; line-height: 34px; margin-bottom: 28px;}
.flex-box > .desc-box > .desc-txt > p {font-size: 15px; font-weight: 400; line-height: 24px;}
.flex-box > .desc-box > .desc-txt > p:nth-of-type(1) {margin-bottom: 18px;}
a.guide-btn {font-size: 12.5px; line-height: 17px; color: #431f88; font-weight: 400; width: 214px; border-radius: 40px; border: 1px solid; height: 38px; display: flex;
    align-items: center; justify-content: center;}
a.guide-btn > img {max-width: 20px; max-height: 20px;}

.flex-box > .desc-box {display: flex; flex-direction: column; justify-content: space-between; padding: 48px 0;}

.flex-box:last-child {flex-direction: row-reverse; margin-top: 91px;}
.flex-box:last-child > .desc-box {padding: 45.5px 0 32px; text-align: end; align-items: end;}

#guideFuneral {margin-bottom: 37px;}
#guideFuneral .swiper-slide {opacity: 0.5; transition: opacity 0.3s ease-in-out; text-align: center;}
#guideFuneral .swiper-slide > h2 {font-size: 20px; font-weight: 700; line-height: 29px; margin-top: 30px;}
#guideFuneral .swiper-slide > h2 > span {font-size: 15px; font-weight: 400; line-height: 22px; color: #431F88; margin-right: 10px;}
#guideFuneral .swiper-slide.swiper-slide-active {opacity: 1;}
#guideFuneral .swiper-slide > .img-box {height: 395px; overflow: hidden;}
#guideFuneral .swiper-slide img {width: 100%; border: 1px solid #D1D4DA; height: 100%; transform: scale(1.1);}
#guideFuneral .swiper-button-next:after, #guideFuneral .swiper-button-prev:after {display: none;}
#guideFuneral .swiper-button-next, #guideFuneral .swiper-button-prev {width: 39px; top: calc((454px - 59px) / 2 + (59px / 2)); transform: translateY(-50%);}
#guideFuneral .swiper-button-next {right: 23.7%; background: url("/img/item/arrow_right_cir.png") no-repeat center center / 100% auto;}
#guideFuneral .swiper-button-prev {left: 23.7%; background: url("/img/item/arrow_left_cir.png") no-repeat center center / 100% auto;}
#guideFuneral .pagination {margin-top: 32px; display: flex; align-items: center; justify-content: center; gap: 8px;}
#guideFuneral .pagination .pagination-bullet {width: 10px; height: 10px; border-radius: 100px; background-color: #d9d9d9; transition: background-color 0.3s ease-in-out;}
#guideFuneral .pagination .pagination-bullet.on {background-color: #431F88;}

.txt-wrap3 {max-width: 964px; margin: 0 auto;}
.txt-wrap3 > ul {padding: 20px 28px; border: 1px solid #D1D4DA; margin-bottom: 46px;}
.txt-wrap3 > ul > li {font-size: 14px; font-weight: 400; line-height: 20px; padding-left: 7px; text-indent: -7px;}
.txt-wrap3 > a.guide-btn {margin: 0 auto;}

.grid-box {display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 40px; row-gap: 22px; max-width: 1320px; margin: 0 auto 100px;}
.grid-box > a {display: flex; border: 1px solid #BBC0C9; border-radius: 10px; width: auto; height: 75px; font-size: 18px; font-weight: 700;
    align-items: center; justify-content: center; gap: 10px;}
.grid-box > a > img {filter: grayscale(1); max-width: 20px; max-height: 20px;}
.grid-box > a:hover {border-color: #431F88; color: #431F88;}
.grid-box > a:hover > img {filter: grayscale(0);}

#guide03 .guide_section01 .txt-wrap > .img-box {margin-top: 50px; display: flex;justify-content: center; column-gap: 23px;}
#guide03 .guide_section01 .txt-wrap > .img-box > img:nth-child(1) {margin-top: 47px; width: 358px; height: 102.5px;}
#guide03 .guide_section01 .txt-wrap > .img-box > img:nth-child(2) {width: 330px; height: 79px;}
#guide03 > .guide_section02 {margin-top: 87px; padding: 113px 0 87px; background: #F7F7F4;}
#guide03 .guide_section02 .txt-wrap2 {margin: 0 auto; text-align: center;}
#guide03 .guide_section02 .txt-wrap2 > h2 {font-size: 24px; font-weight: 400; line-height: 34px; margin-bottom: 62px;}
#guide03 .guide_section02 .txt-wrap2 > h2 > strong {font-weight: 700;}
#guide03 > .guide_section02 > .grid-box2 > ul {display: grid; grid-template-columns: repeat(3, 1fr); margin: 0 auto; max-width: 1320px; column-gap: 42px; row-gap: 64px;}
#guide03 > .guide_section02 > .grid-box2 > ul > li > .img-box {max-width: 412px; max-height: 274px; overflow: hidden;}
#guide03 > .guide_section02 > .grid-box2 > ul > li > .img-box > img {width: 100%; height: 100%; transform: scale(1.02);}
#guide03 > .guide_section02 > .grid-box2 > ul > li > .txt-box {padding: 20px 18px;}
#guide03 > .guide_section02 > .grid-box2 > ul > li > .txt-box > strong {font-size: 18px; font-weight: 700; line-height: 23px;}
#guide03 > .guide_section02 > .grid-box2 > ul > li > .txt-box > p {font-size: 15px; font-weight: 400; line-height: 23px; margin: 6px 0 10px;}
#guide03 > .guide_section03 {margin-top: 125px;}

.txt-box > p > span.bold {font-weight: 700;}

a.guide-btn2 {font-size: 13px; font-weight: 500; color: #431f88; display: flex; align-items: center;}
a.guide-btn2 > img {width: 20px; height: 20px;}

/*기억 머문 담 오픈 전 흑백처리*/
/* #guide03 > .guide_section02 > .grid-box2 > ul > li:last-child > .txt-box > strong {color: #949FAC;}
#guide03 > .guide_section02 > .grid-box2 > ul > li:last-child > .txt-box > p {color: #BBC0C9;}
#guide03 > .guide_section02 > .grid-box2 > ul > li:last-child > .txt-box > a.guide-btn2 {color: #D1D4DA;}
#guide03 > .guide_section02 > .grid-box2 > ul > li:last-child > .txt-box > a.guide-btn2 > img {filter: grayscale(1); opacity: .2;} */

/*장례 후 후기슬라이드*/
#guide03 #sectionReview {width: 654px; overflow: visible;}
#guide03 #sectionReview .swiper-slide-active > div { color: #fff; }

#guide03 #sectionReview { overflow: visible; }

#guide03 #sectionReview .swiper-button-next:after, #guide03 #sectionReview .swiper-button-prev:after { display: none; }
#guide03 #sectionReview .swiper-button-next, #guide03 #sectionReview .swiper-button-prev {z-index: 99; width: 54px; height: 54px; top: 60%; transform: translate(0, -50%);
  background-size: 100% auto !important;}
#guide03 #sectionReview .swiper-button-next {right: -50px; background: url("../svg/icon_textfile_arrow_right.svg") no-repeat center center;}
#guide03 #sectionReview .swiper-button-prev {left: -50px; background: url("../svg/icon_textfile_arrow_left.svg") no-repeat center center;}
#sectionReview .swiper-slide {width: 654px; height: 280px; margin: 0; transition: margin .35s ease;}
#sectionReview .swiper-slide > div {position: relative; width: 408px; height: 100%; border-radius: 4px; background: #fff; box-shadow: 2px 2px 8px 0 rgba(0,0,0,.15);
    overflow: hidden; transform-origin: center center; opacity: .8;}
#sectionReview .swiper-slide-active > div {color: #fff; width: 100%; margin-left: 0px; opacity: 1;}
#sectionReview .swiper-slide > div img {width: 100%; height: 100%; object-fit: cover; transition: opacity .3s ease;}
#sectionReview .swiper-slide:not(.swiper-slide-active) > div > img { opacity: 0; }
#sectionReview .swiper-slide > div .txt-wrap {position: absolute; inset: 0; padding: 34px 40px; display: flex; flex-direction: column; justify-content: space-between; 
    transition: color .3s ease;}
#sectionReview .swiper-slide > div .txt-wrap .user {font-size: 11px; line-height: 15px; font-weight: 300; display: flex; align-items: center; gap: 5px;}
#sectionReview .swiper-slide > div .txt-wrap > div > h3 {font-size: 20px; font-weight: 700; line-height: 29px; color: #4A515F;}
#guide03 #sectionReview .swiper-slide-active > div .txt-wrap > div > h3 {font-size: 23px; line-height: 34px; font-weight: 700; color: #FFFFFF;}
#guide03 #sectionReview .swiper-slide-active > div .txt-wrap > div > p {font-size: 16px; line-height: 23px; font-weight: 400;}
#guide03 #sectionReview .swiper-slide > div .txt-wrap .user {font-size: 15px; font-weight: 400; line-height: 28px;}
#sectionReview .swiper-slide-active > div .txt-wrap > div h3 {font-size: 12.5px; line-height: 17px; font-weight: 700;}
#sectionReview .swiper-slide > div .txt-wrap > div p, #sectionReview .swiper-slide-active > div .txt-wrap > div p {font-size: 13px; line-height: 20px;}
#sectionReview .swiper-slide-active > div .txt-wrap > div p { font-weight: 300; }
#sectionReview .swiper-slide > div .txt-wrap > div p { margin-top: 12px; word-break: keep-all; }

#sectionReview .pagination .pagination-bullet {width: 8px; height: 8px; background-color: #D1D4DA; border-radius: 100px; display: block; transition: all 0.3s ease-in;}
#sectionReview .pagination .pagination-bullet.on {background: #431F88;}

#guide03 .guide_section04 {margin: 120px 0;}

/************* 모바일 *************/
@media only screen and (max-width: 768px) {
    .desktop {display: none !important;}
    .mobile {display: block;}

    #container {margin-bottom: 0px;}
    .top-banner {height: 369px; margin-bottom: 32px; background: url("../img/guide_top_banner_m.png") no-repeat center center / cover;}
    .top-banner .txt-wrap {width: 100%; padding: 0 15px;}
    .top-banner .txt-wrap h2 {margin-bottom: 33px; font-size: 25px; font-weight: 700; line-height: 35px;}
    .top-banner .txt-wrap p {font-size: 15px; font-weight: 400; line-height: 21px;}
    .top-banner .txt-wrap p:first-of-type {margin-bottom: 10px;}

    a.guide-btn {width: 198px; height: 42px;}
    
    #guide01 .guide_section01 .txt-wrap, #guide02 .guide_section01 .txt-wrap, #guide03 .guide_section01 .txt-wrap {margin-bottom: 34px;}
    #guide01 .guide_section01 .txt-wrap .point-ttl, #guide02 .guide_section01 .txt-wrap .point-ttl,
    #guide03 .guide_section01 .txt-wrap .point-ttl {margin-bottom: 9px; font-size: 15.5px; font-weight: 500; line-height: 21px;}
    #guide01 .guide_section01 .txt-wrap .ttl, #guide02 .guide_section01 .txt-wrap .ttl,
    #guide03 .guide_section01 .txt-wrap .ttl {font-size: 21px; font-weight: 700; line-height: 30px;}
    #guide01 .guide_section01 .txt-wrap .ttl span, #guide02 .guide_section01 .txt-wrap .ttl span,
    #guide03 .guide_section01 .txt-wrap .ttl span {color: #431F88; font-weight: 700;}
    #beforeFuneral {margin-bottom: 50px; padding: 0 24px;}
    #beforeFuneral .pagination {margin-top: 24px; gap: 6px;}
    #beforeFuneral .pagination .pagination-bullet {width: 8px; height: 8px;}

    #beforeFuneral .swiper-slide img {border: none;}
    #guide01 .guide_section01 .small_guide {margin-bottom: 100px;}
    #guide01 .guide_section01 .small_guide > p {font-size: 15px; line-height: 26px;}
    #guide01 .guide_section01 .small_guide > a {border-radius: 2px; background: #4a515f url("../svg/icon_right_w_m.svg") no-repeat right 19px center; background-size: 10px 9px; padding: 10px 35px 10px 19px; font-size: 14px; line-height: 20px;}

    #guide01 .guide_section02 {margin-bottom: 80px;}
    #guide01 .guide_section02 .banner {margin-bottom: 34px; height: 164px; background: url("../img/section02_banner_m.png") no-repeat center center / cover;}
    #guide01 .guide_section02 .banner .txt-wrap {width: 100%; padding: 0 16px;}
    #guide01 .guide_section02 .banner .txt-wrap h2 {font-size: 21px; line-height: 30px;}
    #guide01 .guide_section02 .banner .txt-wrap p {font-size: 12.5px; line-height: 17px;}
    #guide01 .guide_section02 .tab-wrap {padding: 0 24px 10px; margin-bottom: 16px; justify-content: flex-start; gap: 10px; overflow-x: auto;}
    #guide01 .guide_section02 .tab-wrap .tab-btn {width: auto; height: auto; padding: 8px 20px; font-size: 15px; background-color: #fff; border: 1.25px solid #BBC0C9;}
    #guide01 .guide_section02 .tab-wrap .tab-btn:hover {border: none;}
    #guide01 .guide_section02 .tab-wrap .tab-btn a {white-space: nowrap; color: #BBC0C9; font-size: 15px;}
    #guide01 .guide_section02 .tab-wrap .tab-btn.selected {border: none;}
    #guide01 .guide_section02 .list-wrap {padding: 0;}
    #guide01 .guide_section02 .list-wrap li:first-of-type {border-top: 1px solid #fff;}
    #guide01 .guide_section02 .list-wrap li {padding: 24px;}
    #guide01 .guide_section02 .list-wrap li.active {padding-top: 24px;background: none;}
    #guide01 .guide_section02 .list-wrap li h3 {margin: 0; padding-right: 40px; font-size: 16.5px; line-height: 23px; gap: 3px; transition: color 0.3s ease-in-out;}
    #guide01 .guide_section02 .list-wrap li h3:after {width: 10px; height: 10px; top: 25%;}
    #guide01 .guide_section02 .list-wrap li.active h3 {color: #431F88;}
    #guide01 .guide_section02 .list-wrap li > div p {font-size: 15px; line-height: 21px; gap: 5px; padding: 20px 30px 0 0;}
    #guide01 .guide_section02 .list-wrap li > div p strong {font-size: 16.5px; line-height: 23px;}

    #guide01 .guide_section03, #guide02 .guide_section05 {margin-bottom: 40px; padding: 60px 24px; gap: 24px;}
    #guide02 .guide_section05 {margin-bottom: 0;}
    #guide01 .guide_section03 p, #guide02 .guide_section05 p {font-size: 17.5px; line-height: 28px;}

    #guide01 .guide_section04 {flex-direction: column; padding: 0 24px; gap: 18px;}
    #guide01 .guide_section04 a {flex: none; width: 100%; height: 70px; font-size: 15px; justify-content: space-between; padding: 0 24px 0 30px; border-radius: 4px;}
    #guide01 .easy_guide_pagination {margin-top: 28px;}
    #guide01 .easy_guide_pagination .pagination {margin-top: 0;}

    .guide-search-wrap{flex-direction: column-reverse; margin-bottom: 0; border-bottom: 1px solid #EAECF0;}
    .guide-search-wrap > div:last-of-type{width: 100%;}
    .guide-search-wrap > div:last-of-type > input{margin-bottom: 26px ; font-size: 13px !important; padding-left: 15px;}
    .guide-search-wrap > div:last-of-type > input{margin-bottom: 26px; font-size:13px !important; padding-left: 15px;}
    .guide-search-wrap > div{width: 100%; padding-left: 24px; padding-right: 24px;}
    .guide-search-wrap > div:last-of-type > button{top: 9px; right: 35px;}
    .guide-search-wrap > div{font-size: 15px;}
    .guide-search-wrap > div:first-of-type{margin-bottom: 10px}
    
    /* 모바일에서만 검색어가 없을 때 검색 결과 텍스트 숨김 */
    @media only screen and (max-width: 767px) {
        .search-result-text:empty {
            display: none !important;
        }
    }

    /************* 리뉴얼 *************/
    #header .gnb {border-top:none; border-bottom: #EAECF0 1px solid;}
    #header.fixed .gnb {top: 0px !important; z-index: 999 !important; position: relative !important;}
    #header.fixed .gnb.fixed {opacity: 1;}

    .lineTab.guide {background: transparent;}
    .lineTab.guide > ul {gap: 15px; padding: 8px 0;}
    .lineTab.guide > ul > li > a {width: 100px; height: 100px; background: #F7F7F7; border-radius: 5px; row-gap: 5px;}
    .lineTab.guide > ul > li > a.on {background: #F5F3FA; border: 1px solid #431F88;}
    .lineTab.guide > ul > li > a > span {font-size: 11px;}
    .lineTab.guide > ul > li > a > p {font-size: 15px; line-height:21px;}
    
    .lineTab.guide.is-fixed {top: 102px; box-shadow: 0px 0px 4px #0000001A; background: #fff;}
    .lineTab.guide.is-fixed > ul {margin: 0 auto; margin-top: 0; padding-left: 24px; padding-right: 24px;}
    .lineTab.guide.is-fixed > ul > li {flex: 1;}
    .lineTab.guide.is-fixed > ul > li > a {height: 58px; row-gap: 0px; width: 100%;}
    .lineTab.guide.is-fixed  > ul > li > a > span {font-size: 12px;}
    .lineTab.guide.is-fixed  > ul > li > a > p {font-size: 11px; line-height: 18px;}
    .lineTab.guide.is-fixed > ul > li > a > p > .mobile {display: none;}

    .tab-content {padding-top: 80px;}

    #guideFuneral {margin-bottom: 36px; padding: 0 24px;}
    #guideFuneral .swiper-slide > .img-box {width: 277px;height: 220px; margin: 0 auto; border-radius: 6px;}
    #guideFuneral .swiper-slide > h2 {font-weight: 400; font-size: 15px; margin-top: 16px;}
    #guideFuneral .swiper-slide > h2 > span {color: #2A303C; font-weight: 700; font-size: 15px; margin-right: 0;}
    #guideFuneral .swiper-button-next, #guideFuneral .swiper-button-prev {display: block !important;}
    #guideFuneral .swiper-button-next, #guideFuneral .swiper-button-prev {width: 20px; top: calc((265px - 45px) / 2 + (45px / 2)); transform: translateY(-50%);}
    #guideFuneral .swiper-button-next {right: 20px; background: url("../svg/icon_textfile_arrow_right_shade600.svg") no-repeat center center / 100% auto;}
    #guideFuneral .swiper-button-prev {left: 20px; background: url("../svg/icon_textfile_arrow_left_shade600.svg") no-repeat center center / 100% auto;}    

    #guide02 .guide_section01 .txt-wrap > h3 {margin-bottom: 8px;}
    #guide02 .guide_section01 .txt-wrap .ttl {margin-bottom: 21px;}
    #guide02 .guide_section01 .flex-box > .desc-box {margin: 0 auto;}
    #guide02 .guide_section01 .flex-box:nth-child(2) {margin-top: 80px;}
    #guide02 .guide_section01 a.guide-btn {margin: 0 auto;}
    #guide02 .guide_section01 .flex-box:nth-child(2) a.guide-btn {margin-top: 30px;}
    #guide02 .guide_section01 .flex-box:nth-child(3) a.guide-btn {margin-top: 30px;}
    #guide02 .guide_section02 {margin: 80px 0; padding: 60px 0;}
    #guide02 .txt-wrap2 > h2 {margin-bottom: 18px;}
    #guide02 .txt-wrap2 {margin-bottom: 40px;}
    #guide02 .guide_section03 .txt-wrap2 {margin-bottom: 28px;}

    .txt-wrap3 {max-width: 327px;}
    .txt-wrap3 > ul {padding: 19px 16px; margin-bottom: 30px;}
    .txt-wrap3 > ul > li {font-size: 13px;}

    .flex-box, .flex-box:last-child {flex-direction: column;}
    .flex-box > .desc-box {padding: 50px 24px 0; text-align: center;}
    .flex-box > .desc-box > .desc-txt > strong {margin-bottom: 24px;}
    .flex-box > .desc-box > .desc-txt > img {max-width: 327px; max-height: 200px; border-radius: 6px; margin-top: 22px; margin-bottom: 24px;}
    .flex-box:last-child {margin-top: 80px;}

    .flex-box > .img-box {position: relative;}
    .flex-box > .img-box > strong {position: absolute; left: 50%; transform: translate(-50%, 0); color: #fff; font-size: 24px; font-weight: 700; line-height: 34px;
        text-align: center; bottom: 94px; width: 100%;}
    .flex-box > .img-box > p {position: absolute; color: #fff; line-height: 23px; font-size: 15px; text-align: center; font-weight: 400; left: 50%; 
        transform: translate(-50%, 0); bottom: 38px; width: 100%;}
    .flex-box:last-child > .desc-box {padding: 30px 0 0; align-items: center; text-align: center;}
    .flex-box > .desc-box > .desc-txt > p:not(:last-child) {margin-bottom: 18px;}

    #guide02 .guide_section03 {margin-bottom: 80px;}
    #guide02 .guide_section03 > .flex-box2 {flex-direction: column; max-width: 327px; margin: 0 auto; row-gap: 20px;}
    #guide02 .guide_section03 > .flex-box2 > div > .txt-box {padding: 20px 16px 14px;}
    #guide02 .guide_section03 > .flex-box2 > div > .txt-box > strong {font-size: 12px; line-height: 17px;}
    #guide02 .guide_section03 > .flex-box2 > div > .txt-box > p {font-size: 12px; line-height: 17px;}
    #guide02 .guide_section03 > .flex-box2 > div > .txt-box > span {font-size: 9px; line-height: 15px; margin-top: 22px;}
    #guide02 .guide_section03 > .flex-box2 > div {max-width: 327px; height: 162px;}
    #guide02 .guide_section03 > a.guide-btn {margin-top: 30px;}

    #guide02 .guide_section04 .txt-wrap2 {margin-bottom: 30px;}

    .grid-box {grid-template-columns: repeat(2, 1fr); gap: 20px; max-width: 327px; margin-bottom: 80px;}
    .grid-box > a {height: 60px; font-size: 15px; font-weight: 500; align-items: center; justify-content: space-between; padding: 13px; border-radius: 4px;}
    .grid-box > a:last-child {grid-column: 1 / -1; width: 100%; justify-content: center;}
    #guide03 .guide_section01 .txt-wrap > .img-box {margin-top: 33px; flex-direction: column; align-items: center; row-gap: 13.5px;}
    #guide03 .guide_section01 .txt-wrap > .img-box > img:first-child {margin-top: 0px;}
    #guide03 .guide_section01 .txt-wrap > .img-box > img.mobile {width: 308px;}
    #guide03 > .guide_section02 {margin-top: 61px; padding: 60px 0;}
    #guide03 .guide_section02 .txt-wrap2 > h2 {font-size: 20px; font-weight: 400; line-height: 31px; margin-bottom: 50px;}

    /* 탭바 */
    #guide03 .guide-tabs {display: flex; gap: 12px; padding: 0 24px 19px; overflow-x: auto; scrollbar-width: none;}
    #guide03 .guide-tabs::-webkit-scrollbar {display: none;}
    #guide03 .guide-tabs button {flex: 0 0 auto; border: 1px solid #BBC0C9; border-radius: 100px; padding: 10px 20px; font-size: 15px; background: transparent; color: #BBC0C9;}
    #guide03 .guide-tabs button[aria-selected="true"] {border-color: #2A303C; font-weight: 700; color: #fff; background: #2A303C;}
    #guide03 > .guide_section02 > .grid-box2 > ul {display: block; max-width: 100%; padding: 0 24px;}
    #guide03 > .guide_section02 > .grid-box2 > ul > li { display: none; }
    #guide03 > .guide_section02 > .grid-box2 > ul > li.is-active { display: block; }
    #guide03 > .guide_section02 > .grid-box2 > ul > li .img-box { max-width: none; max-height: none; }
    #guide03 > .guide_section02 > .grid-box2 > ul > li .txt-box { padding: 12px 15px 0; }
    #guide03 > .guide_section02 > .grid-box2 > ul > li .txt-box > strong { font-size: 20px; line-height: 28px;}

    #guide03 > .guide_section03 {margin-top: 80px;}
    #guide03 .txt-wrap2 {margin-bottom: 34px;}

    #guide03 #sectionReview, #sectionReview .swiper-slide > div {width: 263px;}
    #sectionReview .swiper-slide {width: 263px; height: 180px;}
    #sectionReview .swiper-slide > div .txt-wrap > div > h3 {font-size: 12.5px; line-height: 17px;}
    #sectionReview .swiper-slide > div .txt-wrap > div > p {font-size: 13px; line-height: 20px;}
    #guide03 #sectionReview .swiper-slide-active > div .txt-wrap > div > h3 {font-size: 12px; line-height: 17px;}
    #guide03 #sectionReview .swiper-slide-active > div .txt-wrap > div > p {font-size: 11px; line-height: 18px;}
    #guide03 #sectionReview .swiper-slide > div .txt-wrap .user {font-size: 11px; line-height: 17px;}
    #guide03 #sectionReview .pagination { display: flex !important; gap: 6px; margin-top: 22px;}
    #guide03 .guide_section04 {margin: 80px 0;}

    #guide02 .guide_section01 .txt-wrap > strong {font-weight: 400;}
    #guide03 .guide_section05 {padding: 0; margin-bottom: 0;}
    
    #sectionReview .swiper-slide > div .txt-wrap {padding: 20px 22px 16px;}
}

@media only screen and (min-width: 768px) and (max-width: 1400px) {
    #guide01 .guide_section02 .list-wrap{padding: 0;}
}

@media (min-width: 768px) {
    #sectionReview .swiper-slide > div {margin-left: 400px;}
    #sectionReview .swiper-slide-next > div {margin-left: 60px;}
    #sectionReview .swiper-slide-prev > div {margin-left: 185px;}
    #sectionReview .swiper-slide-next + .swiper-slide > div {margin-left: -155px;}
    #sectionReview .swiper-slide-active > div {margin-left: 0px;}
}