body,
h1, h2, h3, h4, h5, h6,
p, span, a, strong, em,
ul, ol, li,
input, textarea, button, select, option, label,
table, th, td, section, article, div,
blockquote, pre, code {
    font-family: 'Pretendard', sans-serif;
}

/* ?꾨줈?앺듃 怨듯넻 */
body #footer { margin-top: 0; background: #F5F5F5; } 
.container.wrap-medium { width: 100%; padding: 0 !important; } 
figure { font-size: 0; } 

/* @media all and (max-width:1023px){
 #header { position: fixed !important; } title-description
 #header .header__inner { background: none; color: #fff; backdrop-filter: blur(0); -webkit-backdrop-filter: blur(0); transition: .4s; } 
 #header .header__logo { filter: invert(1) brightness(10); } 
 #header.on .header__inner { background: rgba(255,255,255,.8); color: var(--color-neutral-8); backdrop-filter: blur(70px); -webkit-backdrop-filter: blur(70px); } 
 #header.on .header__logo { filter: invert(0) brightness(0); } 
 .header__nav > span { background: #fff !important; } 
 #header.on .header__nav > span { background: var(--color-neutral-8) !important; } 
 }*/





/* ========== 硫붿씤?쒖옉 ========= */

#wrap { }
@media all and (max-width: 1023px) {
	#wrap { }
}
.ms-main #header { position: sticky; }
.ms-main  #header.on .header__inner { }
/*
.ms-main .header__logo { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); transition: 0.4s; }
.ms-main #header.on .header__logo { -webkit-filter: none; filter: none; }

.ms-main .header__category { color: #fff; }
.ms-main #header.on .header__category { color: #1C2630; }

.ms-main #header .header__nav span { background-color: #fff; }
.ms-main #header.on .header__nav span { background-color: #1a1a1a; }
*/
#wrap > .container > div { overflow: hidden; } 
.main-mo { display: none; } 

.main__title { width: 100%; max-width: 1200px; margin: 0 auto 60px; }
.main__title.center > span,
.main__title.center > h2 { text-align: center; }

.title-description { margin-top: 24px; font-weight: 500; font-size: 18px; color: #666; line-height: 1.6em; letter-spacing: -0.016em; text-align: left; }

@media all and (max-width:1239px) {
 .main__title { padding: 0 20px; }
}

.main__title > span { display: block; margin-bottom: 16px; font-weight:600; font-size: 24px; color: #2589F3; text-align: left; }
.main__title > h2 { font-weight: 700; font-size: 46px; color: #231F20; line-height: 1.26em; letter-spacing: -0.016em; text-align: left; }

.main-page-none { display: none; }

@media all and (max-width: 1024px) {
    .main__title > span { margin-bottom: 14px; font-size: 20px; }
    .main__title > h2 { font-size: 38px; }
}

@media all and (max-width: 660px) {
    .main__title { margin-bottom: 50px; padding: 0; }
    .main__title > span { margin-bottom: 10px; font-size: 15px; }
    .main__title > h2 { font-size: 28px; }
    
    .main__title.m-center > span,
    .main__title.m-center > h2 { text-align: center; }
    
    .title-description { margin-top: 15px; font-size: 15px; text-align: center; }
    .title-description.m-left { text-align: left; }
    .m-center .title-description { text-align: center; }
}

/*.main__link { font-size: 16rem; font-weight: 600; color: var(--color-neutral-6); transition: .4s; } 
.main__link > svg { width: 15rem; vertical-align: middle; transform: translateY(-1rem); } 
.main__link:hover { color: var(--color-primary); } */
.color-point { color: var(--color-primary); } 
.wrap-large.wrap-large--inner { padding: 0 120rem; } 
.wrap-large.wrap-large--inner .main__title { padding: 0 30rem; } 
.swiper-nav { display: flex; gap: 11rem; } 
.swiper-nav > span { display: block; width: 37rem; line-height: 37rem; border-radius: 50%; background: #ECECEE; text-align: center; cursor: pointer; transition: .4s; } 
.swiper-nav > span > svg { width: 20rem; stroke: #B8B8B9; vertical-align: middle; transform: translateY(-1rem); transition: .4s; } 
.swiper-nav > span.prev > svg { transform: translate(-1rem, -1rem); } 
.swiper-nav > span.next > svg { transform: translate(1rem, -1rem); } 
.swiper-nav > span.swiper-button-disabled { opacity: .5; } 

.toggle-btn { cursor: pointer; } 
.toggle-con { display: none; font-weight: 400; font-size: 18px; color: #444; line-height: 1.6em; letter-spacing:-0.06em; }



@media all and (min-width:1024px){
 .swiper-nav > span:not(.swiper-button-disabled):hover { background: #DEDEE2; } 
 .swiper-nav > span:not(.swiper-button-disabled):hover > svg { stroke: #646466; } 
 }

.section-bottom-text { margin-top: 50px; font-weight: 500; font-size: 18px; color: #333; text-align: center; line-height: 1.6em; }
.br-mo { display: none; }

@media screen and (max-width: 1280px) {
    .section-bottom-text { margin-top: 40px; font-size: 16px; }
}

@media all and (max-width:660px) {
    .section-bottom-text { margin-top: 30px; font-size: 14px; }
    .br-pc { display: none; }
    .br-mo { display: block; }
}


/*** main visual */
.main-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    max-height: 840px;
    background: url(https://mincare.cafe24.com/web/img/main/visual/main-visual.webp) no-repeat center right;
    background-size: cover;
}

.main-visual .main-contents-inner {
    align-items: flex-start;
    justify-content: center;
}

.main-visual .main-visual__title {
    margin: 0;
    margin-bottom: 25px;
	font-weight: 600;
    font-size: 43px;
    color: #fff;
    line-height: 58px;
}

.main-visual .main-visual__description {
    font-weight: 400;
	font-size: 22px;
    color: #fff;
    line-height: 35px;
    letter-spacing: -0.03em;
}

.main-visual .main-visual__description strong {
	font-weight: 700;
}

.main-visual .main-visual__logo {
    display: block;
    max-width: 578px;
    margin-top: clamp(30px, 1.7188vw, 33px);
}

@media screen and (max-width: 768px) {
    .main-visual {
        align-items: flex-end;
        background: url(https://mincare.cafe24.com/web/img/main/visual/mo-main-visual-v7.webp) no-repeat top center;
        background-size: cover;
    }
    
    .main-visual .main-contents-inner {
    	justify-content: flex-end;
        padding-bottom: clamp(46px, 14.359vw, 0);
    }
    
    .main-visual .main-visual__title {
        margin-bottom: 23px;
        font-size: clamp(25px, 6.4103vw, 32px);
        line-height: 1.48em;
    }

    .main-visual .main-visual__description {
        font-size: clamp(17px, 4.359vw, 20px);
        line-height: 1.471em;
    }
    
    .main-visual .main-visual__logo {
        max-width: 100%;
        width: 100%;
    	margin-top: clamp(23px, 5.8974vw, 32px);
    }
}
/* main visual ***/


/* swiper-default-arrow */
.swiper-default-arrow .swiper-button-prev,
.swiper-default-arrow .swiper-button-next { width: 40px; height: 40px; background-repeat: no-repeat; background-size: cover; opacity: 0.5; }
.swiper-default-arrow .swiper-button-prev { left: 0; background-image: url(https://mincare.cafe24.com/web/img/main/visual/swiper-section-arrow-left-icon.png); }
.swiper-default-arrow .swiper-button-next { right: 0; background-image: url(https://mincare.cafe24.com/web/img/main/visual/swiper-section-arrow-right-icon.png); }
/* swiper padding */
.swiper-default-arrow .swiper,
.swiper-default-arrow.swiper {}



@media all and (max-width:660px) {
    .swiper-default-arrow .swiper-button-prev { left: 0; }
    .swiper-default-arrow .swiper-button-next { right: 0; }
}

@media all and (max-width:500px) {
    .main-visual {
        max-height:550px;
    }
}

strong.underline {
    position: relative;
    padding-bottom: 3px;
    background: linear-gradient(to top, #D9EBFF 40%, transparent 40%);
	font-weight: 600;
}

@media screen and (max-width: 768px) {
	padding-bottom: 2px;
}

/*** section-01 */
.default-container.section-01 {
	padding-bottom: 0;
}

.section-01 .main-section-title-box {
	margin-bottom: clamp(45px, 3.125vw, 60px);
} 

.section-01 .section-01__lawyer-name {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    font-weight: 600;
    font-size: 31px;
    color: #000;
}

.section-01 .section-01__lawyer-name.mo {
	display: none;
}

.section-01 .section-01__lawyer-name small {
    font-weight: 400;
    font-size: 22px;
    color: #1F1F1F;
}

.section-01 .section-01__column-box {
    display: flex;
    overflow: hidden;
    align-items: flex-start; /* ?곷떒 ?뺣젹 */
    max-height: 693px;
    margin-top: clamp(20px, 1.3542vw ,26px);
}

.section-01 .section01__lawyer-box,
.section-01 .section-01__history-box.pc {
    display: flex;
    width: calc(50% - 16px);
}

.section-01 .section01__lawyer-box {
	flex-direction: column;
    gap: clamp(25px, 8.9744vw, 35px);
    margin-right: 16px;
}

.section-01 .section01__lawyer-img-box {}
.section-01 .section-01__history-box.mo { display: none; }
.section-01 .section-01__history-box.pc {
    display: flex;
    overflow-y: auto;
    flex-direction: column;
	max-height: 100%; /* ?쇰떒 珥덇린??*/
    margin-left: 16px;
    padding-top: clamp(30px, 1.7708vw, 34px);
    padding-bottom: clamp(30px, 1.7708vw, 34px);
    padding-right: clamp(24px, 1.4063vw, 27px);
    padding-left: clamp(24px, 1.4063vw, 27px);
	border: 1px solid #E3E3E3;
    font-weight: 400;
    font-size: 17px;
    color: #292929;
    line-height: 1.95em;
}

.section-01 .section-01__history-box::-webkit-scrollbar {
  	width: 14px;
  	border-left: 1px solid #D9D9D9;
  	background-color: white;
}

.section-01 .section-01__history-box.pc::-webkit-scrollbar-thumb {
  background-color: #D9D9D9;
  border-radius: 0;
}

.section-01 .section01__mo-swiper-box { display: none; }

.section-01 .section01__news-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 45px 32px;
    margin-top: 30px;
    margin-bottom: clamp(100px, 6.5104vw, 125px); 
}

.section-01 .section01__news-box {
    display: flex;
    flex-direction: column;
    flex: 1;
	min-width: calc(50% - 23px);
   	border: 1px solid #e3e3e3;
    padding-top: clamp(32px, 1.875vw, 36px);
    padding-bottom: clamp(32px, 1.875vw, 36px);
    padding-right: clamp(16px, 1.0417vw, 20px);
    padding-left: clamp(24px, 1.5625vw, 30px);
}

.section-01 .section01__news-box-title,
.section-01 .section01__news-box-description {
    font-weight: 400;
    font-size: 17px;
    color: #000;
    line-height: 1.778em;
}

.section-01 .section01__news-box-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.section-01 .section01__news-box-title span {
    font-weight: bold;
}

.section-01 .section01__news-box-title strong {
    font-weight: bold;
    color: #007AFF;
}

.section-01 .section01__news-box-description {
	display: -webkit-box;
    -webkit-line-clamp: 3; /* 以????ㅼ젙 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(1.778em * 3); /* line-height * 以???*/
}

.section-01.mo-change { padding-top: 0; }

.award-swiper.mo { display: none; }
.award-swiper .swiper-wrapper { transition-timing-function: linear; }
.award-swiper .swiper-slide { width: 42.0313vw; }

.section-01 .section01__video {
	margin-top: clamp(100px, 6.7708vw, 130px);
}
 
.section-01 .section01__video .youtube-box {
	width: 100%;
}

.section-01 .section01__video iframe {
    flex: 1;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

.section-01 .section01__video-title {
    display: block;
    overflow: hidden;
    flex: 1;
    margin-bottom: clamp(15px, 0.9375vw, 18px);
    font-weight: 400;
    font-size: 17px;
    color: #000;
    line-height: 1.8em;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.section-01 .section01__video-title span {
    font-weight: bold;
}

.section-01 .section01__video-title strong {
    font-weight: bold;
    color: #007AFF;
}

.section-01.mo-none {
    display: none;
    padding-top: 0;
    padding-bottom: 0;
}

.section-01.board {
    padding-top: clamp(60px, 5.0521vw, 97px);
    padding-bottom: 120px;
}

@media screen and (max-width: 768px) {
    
    .section-01 .section-01__column-box {
    	flex-direction: column;
        max-height: none;
    }
    
    .section-01 .main-section-title-box {
        margin-bottom: clamp(34px, 8.7179vw, 45px);
    }
    
    .section-01 .section01__lawyer-box {
        width: 100%;
        margin-right: 0;
    }
    
    .section-01 .section-01__lawyer-name { 
        gap: 8px;
        font-size: clamp(22px, 5.641vw, 28px);
    }
    
    .section-01 .section-01__lawyer-name small {
        font-size: clamp(18px, 4.615vw, 20px);
    }
    
    .section-01 .section-01__lawyer-name {
        font-size: clamp(22px, 5.641vw, 28px);
    }

    .section-01 .section-01__lawyer-name.pc {
    	display: none;
    }
    
    .section-01 .section-01__lawyer-name.mo {
        display: flex;
    }
    
    .section-01 .section-01__history-box.pc {
        display: none;
    }
    
    .section-01 .section-01__history-box.mo {
    	display: flex;
        flex-direction: column;
        width: 100%;
        margin-top: clamp(60px, 15.3846vw, 80px);
    }

    .section-01 .section-01__history-box-mo-title {
        margin-bottom: clamp(5px, 1.2821vw, 10px);
        padding-bottom: clamp(13px, 3.333vw, 20px);
        font-weight: 600;
    	font-size: clamp(17px, 4.359vw, 22px);
        color: #000;
        border-bottom: 1px solid #000;
    }
    
    .section-01 .section-01__history-box.mo p {
        font-size: clamp(16px, 4.1026vw, 20px);
    	line-height: 2.5em;
    }
    
    .section-01 .section-01__history-box.mo p span {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    
    .section-01 .section-01__history-box.mo p span + br {
    	display: none;
    }
    
    .section-01 .section01__mo-swiper-box {
        display: flex;
        width: 100%;
        margin-top: clamp(37.5px, 9.6154vw, 50px);
    }

    .section-01 .section01__mo-swiper-box .swiper {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .section-01 .swiper-wrapper {
        display: flex;
        width: 100%;
        transition: transform 0.3s linear;
        transition-timing-function: linear;
    }

    .section-01 .section01__mo-swiper-box .swiper-slide {
        width: 58.21vw;
        flex-shrink: 0;
        box-sizing: border-box;
    }

    .section-01 .section01__mo-swiper-box .swiper-slide img {
        display: block;
        width: 100%;
    }
    
    .section-01 .section01__news-box-title,
    .section-01 .section01__news-box-description,
    .section-01 .section01__video-title {
    	font-size: clamp(14px, 3.5897vw, 16px);
        line-height: 2.143em;
    }
    
    .section-01 .section01__news-box-description {
         -webkit-line-clamp: 4; /* 以????ㅼ젙 */
    	max-height: calc(2.143em * 4);
    }
    
    .section-01.mo-change {
    	padding-right: 8px;
        padding-left: 8px;
    }
    
    .section-01 .section01__news-columns {
        margin-bottom: 22px;
        flex-direction: column;
    	flex-wrap: nowrap;
        gap: 22px;
    }
    
    .section-01 .section01__news-box {
        min-width: 100%;
        padding-top: clamp(10px, 2.5641vw, 12px);
        padding-bottom: clamp(10px, 2.5641vw, 12px);
        padding-right: clamp(13px, 3.3333vw, 18px);
        padding-left: clamp(13px, 3.3333vw, 18px);
        border-radius: 9px;
    }
    
    .section-01 .section01__video {
    	margin-top: 0;
        padding-top: clamp(8px, 2.0513vw, 12px);
        padding-bottom: clamp(8px, 2.0513vw, 12px);
        padding-right: clamp(13px, 3.3333vw, 18px);
        padding-left: clamp(13px, 3.3333vw, 18px);
        border-radius: 9px;
        border: 1px solid #e3e3e3;
    }
    
    .section-01.mo-none { display: flex; }
    
    .section-01 .section01__mo-history {
        margin-top: clamp(38px, 9.7436vw, 50px);
    	font-size: clamp(16px, 4.1026vw, 18px);
        line-height: 1.8em;
    }
    
    
    .main-show .award-swiper {
    	display: none;
    }
    .award-swiper .swiper-slide {
        width: 120%;
        margin-top: clamp(40px, 10.2564vw, 60px);
    }
    
    .main-show .award-swiper.mo { display: block; }
    
    .section-01.board {
        padding-top: clamp(48px, 2.5vw, 60px);
        padding-bottom: 70px;
    }
}
/* section-01 ***/


/*** section-02 */
.default-container.section-02 {
    display: flex;
    background-color: #F1F3F5;
}

.section-02 .section-02__left-box,
.section-02 .section-02__right-box {
	flex: 1;
    min-width: 50%;
}

.section-02 .section-02__left-box {
    width: 100%;
    background: url(https://mincare.cafe24.com/web/img/main/visual/section-02-1-bg-v2.webp) no-repeat;
    background-size: cover;
}

.section-02 .main-section-title {
    margin-bottom:clamp(40px, 2.6042vw, 50px);
}

.section-02 .section-02__right-box {
 	display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-top: clamp(130px, 7.8125vw, 150px);
    padding-left: clamp(60px, 4.5833vw, 88px);
    padding-bottom: clamp(100px, 6.25vw, 120px);
}


.section-02 .main-section-title-box {
	max-width: 480px;
}

.section-02 .section-02__description {
	max-width: 480px;
    font-weight: 400;
    font-size: 18px;
    color: #1F1F1F;
    line-height: 32px;
}

.section-02 .section-02__description strong {
	font-weight: 600;
}

.section-02 .section-02__count-list-box {
	display: flex;
    gap: 20px;
    margin-top: clamp(22px, 1.4063vw, 27px);
}

.section-02 .section-02__count-box {
    display: flex;
    width: 200px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 24px;
    padding-left: 24px;
    border-radius: 34.5px;
    background-color: rgba(13, 129, 255, 0.81);
    font-weight: 700;
    font-size: clamp(15px, 4.359vw, 17px);
    color: #fff;
    text-align: center;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
}

.section-02 .section-02__right-box .section-02__count-description {
    margin-top: 16px;
    font-weight: 500;
    font-size: 15px;
    color: #0D81FF;
}

@media screen and (min-width: 1201px) {
    .default-container.section-02 {
        padding: 0;
    }
    
    .section-02 .main-section-title-box .main-section-title {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 1200px) {
    .default-container.section-02 { background-color:transparent; }
    
	.section-02 {
    	flex-direction: column;
    }
    
    .section-02 .section-02__left-box,
	.section-02 .section-02__right-box {
    	min-width: auto;
    }
    
    .section-02 .section-02__left-box {
        display: none;
    }
    
    .section-02 .section-02__right-box {
        padding: 0;
    	background-color: transparent;
    }
}

@media screen and (max-width: 768px) {
	.section-02 .section-02__description {
        margin-top: 40px;
    	font-size: clamp(17px, 4.359vw, 18px);
        line-height: 1.765em;
    }
    
    .section-02 .section-02__count-list-box {
    	gap: 9px;
        width: 100%;
        margin-top: 55px;
    }
    
    .section-02 .section-02__count-box  {
        flex: 1;
        width: 100%;
        max-width: none;
        height: 41px;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 0;
        padding-left: 0;
        font-size: 15px;
        line-height: 25px;
    }
}
/* section-02 ***/

/*** section-03 */

.section-03 .swiper {
	width: 100%;
    margin-top: 60px;
}

.section-03 .swiper-slide img {
	width: 100%;
}

.section-03 .desc {
	margin-top: clamp(35px, 2.0313vw, 39px); 
}

.section-03 .lawyer-name {
	font-weight: 600;
    font-size: clamp(22px, 1.25vw, 24px);
    color: #000;
    line-height: 1.4em;
}

.section-03 .lawyer-name span {
	font-weight: 500;
    font-size: clamp(18px, 1.0417vw, 20px);
    color: #1F1F1F;
    line-height: 1.5em;
}

.section-03 .lawyer-info {
	margin-top: 13px;
    font-size: 16.5px;
    color: #1f1f1f;
    line-height: 31px;
    letter-spacing: -1.5px;
    word-break: break-all;
}

.section-03 .lawyer-history {
	margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #BCBCBC;
    font-size: 16.5px;
    color: #292929;
    letter-spacing: -1.5px;
    line-height: 35px;
}

.section-03 .swiper-button-next,
.section-03 .swiper-button-prev {
    margin-top: 0;
    transform: none;
}

@media screen and (max-width:768px) {
    .default-container.section-03 {
    	padding-bottom: 0;
    }
    
    .section-03 .main-section-title-box .main-section-description {
        font-size: 16.7px;
    }

    .section-03 .swiper {
        margin-top: 50px;
    }
    
    .section-03 .swiper-slide {
    	
    }

    .section-03 .desc {
        margin-top: clamp(31px, 7.9487vw, 35px); 
    }

    .section-03 .lawyer-name {
        font-size: 22px;
    }

    .section-03 .lawyer-name span {
        font-size: 18px;
    }

    .section-03 .lawyer-info {
        margin-top: 15px;
        font-size: 16.7px;
        line-height: 1.796em;
        word-break: break-all;
    }

    .section-03 .lawyer-history {
        margin-top: 27px;
        padding-top: 21px;
        font-size: 16px;
        line-height: 1.875em;
    }
}

/* section-03 ***/

/*** section-04 */
.default-container.section-04 {
    display: flex;
}

.section-04 .section-04__left-box,
.section-04 .section-04__right-box {
	flex: 1;
    min-width: 50%;
}

.section-04 .section-04__left-box {
    width: 100%;
    background: url(https://mincare.cafe24.com/web/img/main/visual/552.webp) no-repeat;
    background-size: cover;
}

.section-04 .main-section-title {
    margin-bottom:clamp(40px, 2.6042vw, 50px);
}

.section-04 .section-04__right-box {
 	display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-top: clamp(130px, 7.8125vw, 150px);
    padding-left: clamp(60px, 4.5833vw, 88px);
    padding-bottom: clamp(100px, 6.25vw, 120px);
}


.section-04 .main-section-title-box {
	max-width: 480px;
}

.section-04 .section-04__description {
	max-width: 480px;
    font-weight: 400;
    font-size: 18px;
    color: #1F1F1F;
    line-height: 1.6em;
}

.section-04 .section-04__description strong {
	font-weight: 600;
}

@media screen and (min-width: 1201px) {
    .default-container.section-04 {
        padding: 0;
    }

    .section-04 .main-section-title-box .main-section-title {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 1200px) {
	.section-04 {
    	flex-direction: column;
    }
    
    .section-04 .section-04__left-box,
	.section-04 .section-04__right-box {
    	min-width: auto;
    }
    
    .section-04 .section-04__left-box {
        display: none;
    }
    
    .section-04 .section-04__right-box {
        padding: 0;
    	background-color: transparent;
    }
}

@media screen and (max-width: 768px) {
	.section-04 .section-04__description {
        margin-top: 40px;
    	font-size: clamp(17px, 4.359vw, 18px);
        line-height: 1.765em;
    }
}
/* section-04 ***/



/*** section-05 */
.default-container.section-05 {
    display: flex;
}

.section-05 .section-05__left-box,
.section-05 .section-05__right-box {
	flex: 1;
    min-width: 50%;
}

.section-05 .section-05__left-box {
    width: 100%;
    background: url(https://mincare.cafe24.com/web/img/main/visual/section-05-img.webp) no-repeat;
    background-size: cover;
}

.section-05 .main-section-title {
    margin-bottom:clamp(40px, 2.6042vw, 50px);
}

.section-05 .section-05__right-box {
 	display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-top: clamp(130px, 7.8125vw, 150px);
    padding-left: clamp(60px, 4.5833vw, 88px);
    padding-bottom: clamp(100px, 6.25vw, 120px);
    background-color: #F1F3F5;
}

.section-05 .main-section-title-box {
	max-width: 480px;
}

.section-05 .section-05__description {
	max-width: 480px;
    font-weight: 400;
    font-size: 18px;
    color: #1F1F1F;
    line-height: 1.6em;
}

.section-05 .section-05__description strong {
	font-weight: 600;
}

@media screen and (min-width: 1201px) {
    .default-container.section-05 {
        padding: 0;
    }

    .section-05 .main-section-title-box .main-section-title {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 1200px) {
	.section-05 {
    	flex-direction: column;
    }
    
    .section-05 .section-05__left-box,
	.section-05 .section-05__right-box {
    	min-width: auto;
    }
    
    .section-05 .section-05__left-box {
        display: none;
    }
    
    .section-05 .section-05__right-box {
        padding: 0;
    	background-color: transparent;
    }
}

@media screen and (max-width: 768px) {
	.section-05 .section-05__description {
        margin-top: 40px;
    	font-size: clamp(17px, 4.359vw, 18px);
        line-height: 1.765em;
    }
}
/* section-05 ***/

/*** section-06 */
.section-06 .section-06__board-container {
	margin-top: clamp(80px, 5.2083vw, 100px);
}

.section-06 .section-06__board-list {
	border-top: 1px solid #BCBCBC;
}

.section-06 .section-06__board-list-items {
	display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 26px 30px 26px 27px;
    border-bottom: 1px solid #BCBCBC;
    transition: all ease 0.3s;
}

.section-06 .section-06__board-list-items:hover {
	background-color: #E4F1FF;
}

.section-06 .section-06__board-list-title {
    overflow: hidden;
    max-width: 100%;
	font-weight: 600;
    font-size: 20px;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.section-06 .section-06__board-list-category {
    display: inline-block;
    max-width: 206px;
    width: 100%;
	font-weight: 600;
    font-size: 20px;
    color: #007AFF;
    letter-spacing: -0.03em;
    text-align: center;
}

.section-06 .section-06__pagination {
    display: flex;
    justify-content: center;
    gap: clamp(44px, 3.4375vw, 66px);
	margin-top: clamp(80px, 4.1667vw, 100px);
}

.section-06 .section-06__pagination button {
	border: none;
    cursor: pointer;
}

.section-06 .pagination-numbers {
	display: flex;
    gap: 28px;
    margin-right: clamp(20px, 1.7708vw, 34px);
    margin-left: clamp(20px, 1.7708vw, 34px);
}

.section-06 .pagination-numbers button {
    font-weight: 500;
    font-size: 20px;
    color: #BCBCBC;
}

.section-06 .pagination-numbers button.active {
	color: #292929;
}

.section-06 .section-06__pagination button img {
	height: 15px;
}

@media screen and (max-width:768px) {
	.section-06 .section-06__board-container {
        margin-top: clamp(48px, 12.3077vw, 100px);
    }

    .section-06 .section-06__board-list {
        border-top: 1px solid #BCBCBC;
    }

    .section-06 .section-06__board-list-items {
        position: relative;
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 6px;
        padding: 20px 30px 16px 10px;
    }
    
    .section-06 .section-06__board-list-items::before {
    	content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 2px;
        width: 21px;
        height: 21px;
        background: url(https://mincare.cafe24.com/web/img/main/visual/board-list-items-arrow.svg) no-repeat;
        background-size: cover;
        transform: translateY(-50%);
    }

    .section-06 .section-06__board-list-title {
        font-size: clamp(16px, 4.1026vw, 20px);
        line-height: 1.438em;
    }

    .section-06 .section-06__board-list-category {
        max-width: none;
        font-size: clamp(14px, 3.5897vw, 18px);
        line-height: 1.4286em;
        text-align: left;
    }

    .section-06 .section-06__pagination {
        gap: clamp(28px, 7.1795vw, 44px);
        margin-top: clamp(44px, 11.2821vw, 80px);
    }

    .section-06 .pagination-numbers {
        gap: 30px;
        margin-right: clamp(10px, 2.5641vw, 20px);
        margin-left: clamp(10px, 2.5641vw, 20px);
    }

    .section-06 .pagination-numbers button {
        font-size: 18px;
    }

    .section-06 .section-06__pagination button img {
        height: 13px;
    }
}
/* section-06 ***/


/*** section-07*/
.section-07 {
	background: url(https://mincare.cafe24.com/web/img/main/visual/section-07-bg.webp) no-repeat;
    background-size: cover;
}

.section-07 .main-section-title-box .main-section-number,
.section-07 .main-section-title-box .main-section-title,
.section-07 .main-section-title-box .main-section-description {
	color: #fff;
}

.section-07 .swiper-button-next:after,
.section-07 .swiper-button-prev:after {
	border: none;
}

/* main__review */
.main__review { position: relative;} 
.main__review .main__title { position: relative; } 
.main__review .main__link {
    display: flex;
    position: absolute;
    top: clamp(143px, 8.8542vw, 170px);
    right: 0;
    width: 161px;
    height: 48px;
    padding:14px 28px;
    border: 1px solid #fff;
    font-weight: 600;
    font-size: 17px;
    color: #fff;
    letter-spacing: -0.06em;
    align-items: center;
    justify-content: center;
    gap: 8px;
} 
.main__review .main__link.mo { display: none; top: auto; }
.main__review .main__link img {
    display: none;
    -webkit-filter: brightness(0) invert(1); 
	filter: brightness(0) invert(1);
}
.main__review .swiper .badge { display: inline-flex; margin-bottom: 10px; padding: 5px 9px; border-radius: 4px; font-family: 'Pretendard'; font-weight:600; font-size: 16px; line-height: normal; letter-spacing: -0.02em; background-color: #D0D0D0; color: #333; }
.main__review .swiper .badge.type1 { background-color: #DBE9F7; color: #448BD3; }
.main__review .swiper .badge.type2 { background-color: #EBDFF4; color: #8F67A9; }
.main__review .swiper .badge.type3 { background-color: #F7E6E6; color: #CA6464; }
.main__review .swiper .badge.type4 { background-color: #E6F7ED; color: #64CA64; }
.main__review .swiper .badge.type5 { background-color: #F7F1E6; color: #CAA364; }
.main__review .swiper .split { padding: 24px 0; border-top: 1px solid #DEE2E6; }
.main__review .swiper .split:last-of-type { padding-bottom: 0; }
.main__review .swiper .review-title { margin-bottom: 10px; font-family: 'Pretendard'; font-weight: 700; font-size: 24px; color:#111; line-height: 1.4em; letter-spacing: -0.02em; }
.main__review .swiper .review-title > div { font-family: 'Pretendard'; }
.main__review .swiper .review-description { min-height: 132px; margin-top: 10px; padding-bottom: 24px; font-family: 'Pretendard'; font-weight: 500; font-size: 17px; color:#111; line-height: 1.5em; letter-spacing: -0.02em;  }
.main__review .swiper .more-review-title { display: flex; font-family: 'Pretendard'; font-weight: bold; font-size: 18px; color: #111; letter-spacing: -0.02em; align-items: center; gap: 8px; }
.main__review .swiper .more-review-description { padding-left: 28px; font-family: 'Pretendard'; font-weight: 400; font-size: 17px; color: #666; line-height: 1.4em; letter-spacing: -0.02em; }
.main__review .swiper .more-review-description.like { line-height: 1.8em; }
.main__review-content { width: 100%; margin-top: 60px; }
.main__review-content > ul { } 
.main__review-content > ul > li { padding: 30px; border-radius: 8px; background-color: #fff; } 
.main__review-content > ul > li > img { width: 100%; } 
.main__review .swiper-nav { justify-content: right; } 
.main__review .swiper-pagination {bottom: 15rem !important;width: calc(100% - 200rem) !important;left: 50% !important;transform: translateX(-50%) !important;}

@media all and (max-width: 1239px) {
	.main__review .main__link { right: 20px; }
}

@media all and (max-width: 660px) {
    .section-07 {
    	background: url(https://mincare.cafe24.com/web/img/main/visual/Group%20627336.webp) no-repeat;
        background-size: cover;
    }
    .main__review-content > ul > li { padding: 20px 20px 30px; }
	.main__review .swiper .badge { font-size: 12px; }
    .main__review .swiper .review-title { font-size: 20px; }
    .main__review .swiper .review-description {  min-height: auto; font-size: 15px; }
    .main__review .swiper .more-review-title { font-size: 16px; }
    .main__review .swiper .more-review-description { font-size: 15px; }
    
    .main__review .main__link.mo { display: flex; position: relative; right: auto; width: 100%; height: 55px; margin: 40px auto 0; font-size: 17px; gap: 8px; }
    .main__review .main__link.mo img { width: 20px; height: 20px; }
    .main__review .main__link.pc { display: none; }
    
    .main__review-content > ul > li { height: auto; }
}
/* section-07 ***/

/*** contact-form */
.default-container.main-page-none {
	display: none;
}
/* contact-form ***/


/*** section-09 */
.section-09 {
	background-color: #f1f3f5;
}

.section-09 .section-09-swiper {
    overflow: hidden;
	width: 100%;
    margin-top: 60px;
}

.section-09 .section-09-swiper .swiper-slide {
	width: 23.6979vw;
}

.section-09 .section-09__team-list {
	display: flex;
    flex-wrap: wrap;
    gap: 158px 24px;
    margin-top: clamp(80px, 5.2083vw, 100px);
}

.section-09 .section-09__team-list-items {
	min-width: calc(50% - 12px);
}

.section-09 .section-09__team-list-title {
    margin-bottom: clamp(32px, 5.1282vw, 46px);
	font-weight: 600;
    font-size: 23px;
    color: #007AFF;
}

.section-09 .section-09__team-box {
	display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 40px;
}

.section-09 .section-09__team-box:fisrt-of-type {
	margin-top: 0;
}

.section-09 .section-09__team-box-title {
	font-weight: 600;
    font-size: 19px;
    color: #000;
    line-height: 30px;
}

.section-09 .section-09__team-box-description {
	font-weight: 400;
    font-size: 18px;
    color: #292929;
    line-height: 30px;
}

.section-09 .section-09__team-member {
	display: flex;
    gap: clamp(35px, 1.8229vw, 50px);
}

.section-09 .section-09__team_member-list {
	display: flex;
    align-items: center;
    gap: 12px;
}

.section-09 .section-09__team-member-name {
	font-size: 17px;
    color: #292929;
   	line-height: 22px;
}

.section-09 .section-09__highlight {
    display: inline-block;
	margin-top: clamp(40px, 2.6042vw, 50px);
    font-size: 20px;
}

@media screen and (max-width: 768px) {
    .section-09.default-container {
        padding-bottom: 113px;
        background-color: transparent;
    }
    
    
    
    .section-09 .section-09-swiper {
    	margin-top: 50px;
    }
    
	.section-09 .section-09-swiper .swiper-slide {
        width: 73.0769vw;
    }
    
    .section-09 .section-09__team-list {
        gap: 0;
        margin-top: clamp(60px, 15.3846vw, 80px);
    }
    
    .section-09 .section-09__team-list-items {
        min-width: 100%;
        margin-bottom: 60px;
        padding-bottom: 60px;
        border-bottom: 1px solid #BCBCBC;
    }
    
    .section-09 .section-09__team-list-items:last-of-type {
    	border: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .section-09 .section-09__team-list-title {
        margin-bottom: clamp(22px, 5.641vw, 32px);
        font-size: clamp(20px, 5.1282vw, 24px);
    }
    
    .section-09 .section-09__team-box {
        gap: 0;
    }
    
    .section-09 .section-09__team-box-title {
        font-size: clamp(16px, 4.1026vw, 20px);
    }

    .section-09 .section-09__team-box-description {
        font-size: clamp(16px, 4.1026vw, 18px);
    }
    
    .section-09 .section-09__team-member {
        gap: clamp(26px, 6.6667vw, 35px);
        margin-top: 11px;
        margin-bottom: clamp(35px, 8.9744vw, 40px);
    }
    
    .section-09 .section-09__team_member-list {
        gap: 10px;
    }
    
    .section-09 .section-09__team-member-name {
        font-size: 16px;
         
    }
    
    .section-09 .section-09__highlight {
        display: inline;
       	margin-top: 0;
        font-size: 16px;
        letter-spacing: -0.02em;
    }
}
/* section-09 ***/

/*** section-10 */
.section-10 {
    background: url(https://mincare.cafe24.com/web/img/main/visual/section-10-bg.webp) no-repeat;
    background-size: cover;
}
.section-10 .main-section-title-box { position: relative; }
.section-10 .main-section-title-box .main-section-number,
.section-10 .main-section-title-box .main-section-title {
	color: #fff;
}

.section-10 .youtube-box { display: flex; width: 100%; max-width: 1200px; margin: 0 auto; padding-top: 58px; justify-content: space-between; gap: 36px; }
.section-10 .youtube-one-box { display: flex; flex: 1; width: 100%; }
.section-10 .youtube-one-box > iframe { flex: 1; width: 100%; height: auto; aspect-ratio: 16 / 9; }

.section-10 .youtube-two-box { display: flex; flex: 1; width: 100%; max-width: 366px; gap: 35px; flex-direction: column; }
.section-10 .youtube-two-box iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; }


.section-10 .main-section-title-box .main__link.pc { position: absolute; bottom: 0; right: 0; width: 161px; height: 48px; }
.section-10 .main__link { display: flex; padding:14px 28px; border: 1px solid #fff; font-weight: 600; font-size:17px; color: #fff; letter-spacing: -0.06em; align-items: center; justify-content: center; }
.section-10 .main__link.mo { display: none; width: 100%; height: 55px; margin-top: 38px; }


@media screen and (max-width: 768px) {
    .section-10 .youtube-box {
        padding-top: 45px;
    	flex-direction: column;
        gap: 25px;
    }
    
    .section-10 .youtube-two-box {
        flex-direction: column;
        max-width: 100%;
    }
    
	.section-10 .main__link.pc { display: none; }
	.section-10 .main__link.mo { display: flex; }
}

/* section-10 ***/


/* point - main_-point */
.main__point .main-contents-inner { position: relative; background: url(https://mincare.cafe24.com/web/img/main/visual/point-img-v2.png) no-repeat; background-position: bottom right; background-size: 400px; }
.main__point .point-list { display: flex; width: 100%; max-width: 600px; padding-left: 20px; flex-direction: column; gap: 20px; }
.main__point .point-list-items { display: flex; padding: 16px 22px; border-radius: 8px; background-color: #F1F3F5; flex-direction: column; gap: 10px; }
.main__point .point-list-num { font-weight: 600; font-size: 16px; color: #2589F3; }
.main__point .point-list-title { font-weight: 700; font-size: 20px; color: #1a1a1a; line-height: 1.4em; }
.main__point .point-list-description { font-weight: 400; font-size: 16px; color: #333; line-height: 1.5em; }

@media screen and (max-width: 1024px) {
	.main__point .main-contents-inner { background: none; }
    .main__point .point-list { max-width: 100%; }
}

@media screen and (max-width: 767px) {
	.main__point .main-contents-inner { padding: 0; }
}

@media screen and (max-width: 660px) {
    .main__point .point-list { padding-left: 0; }
}


/* ?쒓렇?덉쿂 耳€?댁뒪 */
.default-container { padding: 150px 20px 150px; }
.default-container.pb0 { padding-bottom: 0; }

@media all and (max-width:1024px) {
    .default-container { padding: 120px 20px 120px; }
}

@media all and (max-width:767px) {
    .default-container { padding: 80px 20px 80px; }
}

.main__news > div {}
.main__news .main__title { text-align: center; }
.main__news-content {padding: 10rem !important;}
.main__news-list {height: auto !important;padding: 30rem 20rem;border-radius: 20rem;box-shadow: 0 0 13rem rgba(0,0,0,0.1);}
.main__news-item {}
.main__news-item > a {display: block;padding: 10rem 10rem; border-radius: 5rem;font-size: 18rem; transition: .4s;pointer-events: none;}
.main__news-item.on > a {background-color: var(--color-neutral-11);color: var(--color-primary);}
.main__news .swiper-pagination {position: static;margin-top: 30rem; }

.main__news .swiper .swiper-slide { font-size: 0; }

.signature-count-wrap { display: flex; width: 100%; max-width: 1200px; margin: 0 auto; flex-direction: column; }
.signature-count-split { display: flex; padding-bottom: 40px; flex-direction: column; align-items: center; }
.signature-count-split + .signature-count-split { padding-top: 40px; border-top: 1px solid #999; }
.signature-count-split .pc_img { max-width: 720px; width: 100%; }
.signature-count-split .mo_img { display: none; width: 100%; }
.signature-count-split:last-of-type { padding-bottom: 0; }
.signature-count-title { margin-bottom: 36px; font-weight: 700; font-family: 'GowunDodum-Regular'; font-size: 32px; color: #231F20; line-height: 1.4em; text-align: center; }
.signature-count-title .grey-text { display: flex; margin-top: 24px; font-size: 24px; color: #999; justify-content: center; }
.signature-count-text-box { display: flex; align-items: center; justify-content: center; }
.signature-count-text { display: flex; position: relative; font-weight: 600; font-size: 20px; color: #333; align-items: center; }
.signature-count-text + .signature-count-text::before { content: ''; display: inline-flex; width: 2px; height: 16px; margin: 0 16px; background-color: #999;  }
.signature-count-description { font-weight: 600; font-size: 20px; color: #1a1a1a; }

.signature-case .swiper-slide > img { width: 100%; }
.signature-case-text-box { height: 139px; padding: 20px; border-radius: 0 0 8px 8px; background-color: #F1F3F5; }
.signature-case-text-box .badge { display: inline-flex; margin-bottom: 12px; padding: 5px 9px; border-radius: 4px; background-color: #231F20; font-weight: 600; font-size: 16px; color: #fff; letter-spacing: -0.02em; }
.signature-case-text-box .info-text { font-weight:600; font-size: 22px; color: #111; line-height: 1.3em; letter-spacing: -0.02em; }


@media all and (max-width: 1280px) {
    .signature-count-wrap { padding: 0 20px; }
}

@media all and (max-width: 1024px) {
    .signature-count-title { font-size: 28px; }
    .signature-count-text,
    .signature-count-description { font-size: 18px; }
}


@media all and (max-width:660px) {
    .main__news-list {padding: 20rem 10rem;border-radius: 10rem;}
    .main__news-item > a {font-size: 15rem;}

    .signature-count-wrap { padding: 0; }
     
    .signature-case-text-box { height: 110px; padding: 18px; }
    .signature-case-text-box .badge { margin-bottom: 10px; font-size: 12px; }
    .signature-case-text-box .info-text { font-size: 16px; }
    
    .signature-count-split { padding-bottom: 24px; }
    .signature-count-split + .signature-count-split { padding-top: 24px; }
    .signature-count-split .pc_img { display: none; }
	.signature-count-split .mo_img { display: block; }
    
    .signature-count-title { font-size: 26px; }
    
    .signature-count-title .mo-small { display: inline-block; margin-top: 8px; font-size: 18px; }
    .signature-count-text.mo-none { display: none; }
    .signature-count-text,
    .signature-count-description { font-size: 16px; }
    
}



/* step1 - main__now */
.main__now { background-color: #F1F3F5; } 
.main__now > div { } 
.main__now .main__title { }
.main__now .main__title { flex: 1; }
.main__now .main__now-content { flex: 2; }
.main__now-content { overflow: hidden; width: 100%; max-width: 793px; } 
.main__now-content > ul { display: flex; flex-direction: column; gap:12px; } 
.main__now-content > ul > li { overflow: hidden; width: 100%; margin: 0 auto; padding: 0 30px; border-radius: 8px; background-color: #fff; transition: 0.4s; } 
.main__now-content > ul > li .toggle-btn { position: relative; padding: 20px 0; font-weight: 600; font-size: 20px; text-align: left; transition: .4s; } 
.main__now-content > ul > li .toggle-btn > svg { position: absolute; top: 50%; right: 0; width: 24px; height: 24px; transition: .4s; transform: translateY(-50%); } 

.main__now-content > ul > li.on {  } 
.main__now-content > ul > li.on .toggle-btn { background: none; } 
.main__now-content > ul > li.on .toggle-btn > svg { transform: rotate(-180deg) translateY(50%); } 
.main__now-content > ul > li .toggle-con { padding: 30px 0 40px; border-top: 1px solid #DEE2E6; } 
.main__now-content > ul > li .toggle-con > div { margin-bottom: 30px; }
.main__now-content > ul > li .toggle-con > div > strong { display: block; margin-bottom: 8px; font-weight: 700; font-size: 18px; color: #231F20; letter-spacing: -0.06em; }
.main__now-content > ul > li .toggle-con > div > p { font-weight: 400; }
.main__now-content > ul > li .toggle-con .youtube { display: flex; gap: 10px; align-items: center; width: max-content; padding: 12px 18px; border: 1px solid #DEE2E6; border-radius: 8px; font-weight: bold; font-size: 17px; color: #111; line-height: 1.4; } 
.main__now-content > ul > li .toggle-con .youtube > img { width: 28px; } 
.main__now-content > ul > li .toggle-btn.focus {  } 
.main__now-content > ul > li .toggle-btn.focus > svg {  } 
.main__now-content > ul > li.on .toggle-btn.focus { }


@media all and (max-width:1024px) {
    .main__now .main-contents-inner { flex-direction: column; }
    .main__now .main__title { padding: 0; }
    .main__now .main__now-content { flex: 1; width: 100%;  }
}


@media all and (max-width:660px) {
    .main__now-content > ul > li { padding: 0 16px; } 
    .main__now-content > ul > li .toggle-btn { padding: 14px 0; font-size: 16px; }
    .main__now-content > ul > li .toggle-btn > svg { width: 22px; height: 22px; } 
    .main__now-content > ul > li .toggle-con > div { font-size: 15px; }
    .main__now-content > ul > li .toggle-con > div > strong { font-size: 15px; }
    .main__now-content > ul > li .toggle-con .youtube { font-size: 16px; }
    .main__now-content > ul > li .toggle-con .youtube > img { width: 28px; } 
}



/* step2 - main__check */
.main__check-content-item { display: none; }
.main__check-content-item.active { display: block; }

.main__check > div { } 
.main__check .main__title { flex: 1; } 
.main__check-content-item { width: 100%; } 
.main__check-content-wrap { display: flex; flex-direction: column; flex: 2; width: 100%; max-width:793px; }
.main__check-content-wrap .tab-buttons { display: flex; margin-bottom: 20px; border-bottom: 1px solid #C5CBD1; }
.main__check-content-wrap .tab-button { margin-bottom: -1px; padding: 15px 18px; border: none; border-bottom: 3px solid transparent; background-color: transparent; font-weight: 600; font-size: 20px; color: #A6A6A6; cursor: pointer; }
.main__check-content-wrap .tab-button.active { border-color: #231F20; color: #231F20; }


.main__check-content-item .item-title { padding: 0 0 18rem; border-bottom: 1rem solid var(--color-neutral-8); font-size: 24rem; font-weight: 700; } 

.main__check-content-item .item-content { display: flex; flex-direction: column; gap:12px; } 
.main__check-content-item .item-content > li { overflow: hidden; width: 100%; margin: 0 auto; padding: 0 30px; border-radius: 8px; background-color: #F8F9FA; transition: 0.4s; } 
.main__check-content-item .item-content > li .toggle-btn { position: relative; padding: 20px 0; font-weight: 600; font-size: 20px; text-align: left; transition: .4s; } 
.main__check-content-item .item-content > li .toggle-btn > svg { position: absolute; top: 50%; right: 0; width: 24px; height: 24px; transition: .4s; transform: translateY(-50%); } 

.main__check-content-item .item-content > li .toggle-btn:hover > svg {  } 
.main__check-content-item .item-content > li.on .toggle-btn > svg { transform: translateY(-50%) rotate(180deg); } 



.main__check-content-item .item-content > li .toggle-con { display: none; padding: 30px 0 40px; border-top: 1px solid #DEE2E6; } 
.main__check-content-item .item-content > li .toggle-con > div { margin-bottom: 30px; }
.main__check-content-item .item-content > li .toggle-con > div:last-child { margin-bottom: 0; } 
.main__check-content-item .item-content > li .toggle-con strong { display: block; margin-bottom: 8px; font-weight: 700; font-size: 18px; color: #231F20; letter-spacing: -0.06em; }
.main__check-content-item .item-content > li .toggle-con p { font-weight: 400; }
/*.main__check-content-item .item-content > li .toggle-con .color-minus { color: var(--color-neutral-4); } 
.main__check .swiper-pagination {position: static !important;}*/

@media all and (max-width: 1024px) {
    .main__check .main-contents-inner { flex-direction: column; }
    .main__check .main__title { padding: 0; }
    .main__check .main__check-content-wrap { flex: 1; width: 100%;  }
}

@media all and (max-width:660px) {
    .main__check-content-wrap .tab-buttons { overflow: auto; margin-bottom: 24px; white-space: nowrap; }
    .main__check-content-wrap .tab-button { margin-bottom: -1px; padding: 15px 12px; font-size: 17px; }

    .main__check-content-item .item-content > li { padding: 0 16px; } 
    .main__check-content-item .item-content > li .toggle-btn { padding: 14px 0; font-size: 16px; }
    .main__check-content-item .item-content > li .toggle-btn > svg { width: 22px; height: 22px; } 
    .main__check-content-item .item-content > li .toggle-con > div { font-size: 15px; }
    .main__check-content-item .item-content > li .toggle-con > div > strong { font-size: 15px; }
    .main__check-content-item .item-content > li .toggle-con .youtube { font-size: 16px; }
    .main__check-content-item .item-content > li .toggle-con .youtube > img { width: 28px; } 
}

/* step3 - main__reason */
.main__reason { background-color: #F1F3F5; }
.main__reason > div { } 
.main__reason .main__title { text-align: center; } 
.main__reason-content { width:100%; } 
.main__reason-content > ul { } 
.main__reason-content > ul > li { overflow: hidden; position: relative; border-radius: 8px; font-size: 0; } 

/*
.main__reason-content > ul > li > figure { position: relative; height: 100%; } 
.main__reason-content > ul > li > figure::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); opacity: 0; transition: 0.4s;} 
.main__reason-content > ul > li .num { display: block; position: absolute; top: 25rem; left: 25rem; width: 40rem; background: rgba(0,0,0,.5); color: #fff; padding: 5rem 0; border-radius: 30rem; font-size: 14rem; text-align: center; will-change: transform; transform: translateZ(0); } 
.main__reason-content > ul > li.swiper-slide-active {transform: scale(1) !important;}
.main__reason-content > ul > li.swiper-slide-active > figure:after {opacity: 1;}
*/
.main__reason-content > ul > li > figure > img { width: 100%; display: block; height: 100%; object-fit: cover; } 
.main__reason-content > ul > li .desc { position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px; will-change: transform; transform: translateZ(0); } 
.main__reason-content > ul > li .desc > strong { display: block; margin-bottom: 6px; font-size: 22px; font-weight: 600; color: #fff; } 
.main__reason-content > ul > li .desc > p { font-weight:500; font-size: 16px; color: #a6a6a6; line-height: 1.6em; letter-spacing: -0.02em; }
.main__reason .swiper-pagination {position: static;}


@media all and (min-width:1024px){
 .main__reason-content > ul > li:hover > figure::after { opacity: 1; transition: opacity .4s; } 
 }

@media all and (max-width:1366px){
 .main__reason-content > ul > li .desc > strong { margin-bottom: 6px; font-size: 18px; } 
 .main__reason-content > ul > li .desc > p { font-size: 14px; } 
 .main__reason-content > ul > li .desc > p br { display: none; } 
 }
@media all and (max-width:1023px){
 .main__reason-content > ul { } 
 .main__reason-content > ul > li { width: 430rem; margin-right: 15rem; transform: scale(1) !important;} 
 .main__reason-content > ul > li .desc > p { font-size: 16rem; } 
 }

@media all and (max-width:660px){
    .main__reason-content > ul > li .desc { padding: 20px; }
    .main__reason-content > ul > li > figure > img { min-height: 320px; }
 }



/* step4 - main__result */
.main__result { } 
.main__result .main__title { position: relative; }
.main__result > div { position: relative;} 
.main__result .main__sub { display: flex; overflow-x: auto; margin-bottom: 20px; padding: 0 20px; align-items: center; justify-content: space-between; } 
.main__result .main__sub .main__link { } 
.main__result .main__sub-tab { display: flex; width: 100%; border-bottom: 1px solid #C5CBD1; } 
.main__result .main__sub-tab > li { margin-bottom: -1px; padding: 15px 18px; border: none; border-bottom: 3px solid transparent; background-color: transparent; font-weight: 600; font-size: 20px; color: #A6A6A6; cursor: pointer; white-space: nowrap; } 
.main__result .main__sub-tab > li.on { border-color: #231F20; color: #231F20; } 
.mo-yotube-iframe { display: none; }

@media all and (max-width:660px) {
	.main__result .main__sub { padding: 0; }
    .main__result .main__sub  { margin-bottom: 24px; }
    .main__result .main__sub-tab > li { padding: 15px 12px; font-size: 17px; }
}

.main__result-content { position: relative; margin-bottom: 48rem; } 
.main__result-content > div~div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.main__result .swiper-default-arrow .swiper-initialized { overflow: hidden; }
.main__result .main__content { opacity: 0; visibility: hidden; transition: .4s; } 
.main__result .main__content.on { opacity: 1; visibility: visible; } 
/* .main__result .main__content > div { overflow: visible; }  */
.main__result .main__content > div > ul { } 
.main__result .main__content > div > ul > li { display: flex; flex-direction: column; height: 352px; padding: 30px; background-color: #F1F3F5; } 
.main__result .main__content > div > ul > li > img { display: none; } 
.main__result .main__content > div > ul > li .tit { } 
.main__result .main__content > div > ul > li .tit > strong { display: block; margin-bottom: 10px; font-weight: 700; font-size: 24px; } 
.main__result .main__content > div > ul > li .tit > p { font-size: 16px; color: #666; line-height: 1.2em; letter-spacing: -0.02em; } 
.main__result .main__content > div > ul > li .info { display: flex; align-items: flex-end; justify-content: space-between; margin-top: auto; } 
.main__result .main__content > div > ul > li .info > p { font-weight: 500; font-size: 16px; color: #111; letter-spacing: -0.02em; line-height: 1.5em; } 
.main__result .main__content > div > ul > li .info .icon { display: block; width: 30rem; text-align: center; cursor: pointer; } 
.main__result .main__content > div > ul > li .info .icon > svg { width: 100%; fill: var(--color-primary); vertical-align: middle; } 
.main__result .main__content > div > ul > li .info .icon:hover > svg { fill: var(--color-primary); } 
.main__result .main__content > div > ul > li .detail {display: none;}
.main__result .swiper-nav { justify-content: right; } 
.main__result .swiper-pagination {bottom: 15rem !important;width: calc(100% - 200rem) !important;left: 50% !important;transform: translateX(-50%) !important;}

.main__result .video-overlay {
  display: none;
  position: fixed;
  bottom: 70px;
  left: 0px;
  width: 466px;
  height: 314px;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 9999;
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-end;
}

.video-overlay iframe {
  width: 426px;
  height: 240px;
  border: none;
}

.close-btn {
  background: transparent;
  border: none;
  color: white;
  font-size: 24px;
  cursor: pointer;
}

.main__result .main__link { display: flex; position: absolute; bottom: 0; right: 0; padding:14px 28px; border: 1px solid #111; border-radius: 8px; font-weight: 600; font-size:17px; color: #111; letter-spacing: -0.06em; justify-content: center; gap: 8px; } 
.main__result .main__link.mo { display: none; }

@media all and (max-width: 1239px) {
	.main__result .main__link { right: 20px; }
}


@media all and (min-width:1024px){
 .main__result .main__content > div > ul > li:hover { border-color: var(--color-primary); } 
 }
@media all and (max-width:660px) {
    .main__result .swiper-pagination {position: static !important;transform: translateX(0) !important;width: 100% !important;}
    
    .mo-yotube-iframe { display: block; width: 100%; height: auto; padding: 0 10px; aspect-ratio: 16 / 9; }
    
    .main__result .video-overlay {
        display: none !important;
        right: 0;
        bottom: 67px;
        left: 0;
        width: 100%;
        height: auto;
        padding: 16px;
        border-radius: 0;
        align-items: flex-end;
      }

      .main__result .video-overlay iframe {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
      }

      .main__result .close-btn {
        font-size: 20px;
      }

    .main__result .main__link.mo { display: flex; position: relative; right: auto; width: 100%; height: 48px; margin: 20px auto 0; font-size: 16px; gap: 8px; }
    .main__result .main__link.mo img { width: 20px; height: 20px; }
    .main__result .main__link.pc { display: none; }
}

/* step6 - main__support */
.main__support {  }
.main__support .main__title { flex: 1; }
.main__support .main__support-content { flex: 2; }
.main__support-content { overflow: hidden; width: 100%; max-width: 793px; } 
.main__support-content > ul { display: flex; flex-direction: column; gap:12px; } 
.main__support-content > ul > li { overflow: hidden; width: 100%; margin: 0 auto; padding: 0 30px; border-radius: 8px; background-color: #F1F3F5; transition: 0.4s; } 
.main__support-content > ul > li .toggle-btn { position: relative; padding: 20px 0; font-weight: 600; font-size: 20px; text-align: left; transition: .4s; } 
.main__support-content > ul > li .toggle-btn > svg { position: absolute; top: 50%; right: 0; width: 24px; height: 24px; transition: .4s; transform: translateY(-50%); } 

.main__support-content > ul > li.on .toggle-btn { background: none; } 
.main__support-content > ul > li.on .toggle-btn > svg { transform: rotate(-180deg) translateY(50%); } 
.main__support-content > ul > li .toggle-con { padding: 30px 0 40px; border-top: 1px solid #DEE2E6; } 
.main__support-content > ul > li .toggle-con > div { margin-bottom: 30px; }
.main__support-content > ul > li .toggle-con > div > strong { display: block; margin-bottom: 8px; font-weight: 700; font-size: 18px; color: #231F20; letter-spacing: -0.06em; }
.main__support-content > ul > li .toggle-con > div > p { font-weight: 400; }
.main__support-content > ul > li .toggle-con .youtube { display: flex; gap: 10px; align-items: center; width: max-content; padding: 12px 18px; border: 1px solid #DEE2E6; border-radius: 8px; font-weight: bold; font-size: 17px; color: #111; line-height: 1.4; } 
.main__support-content > ul > li .toggle-con .youtube > img { width: 28px; }


@media all and (max-width:1024px) {
    .main__support .main-contents-inner { flex-direction: column; }
    .main__support .main__title { padding: 0; }
    .main__support .main__now-content { flex: 1; width: 100%;  }
}


@media all and (max-width:660px) {
    .main__support-content > ul > li { padding: 0 16px; } 
    .main__support-content > ul > li .toggle-btn { padding: 14px 0; font-size: 16px; }
    .main__support-content > ul > li .toggle-btn > svg { width: 22px; height: 22px; } 
    .main__support-content > ul > li .toggle-con > div,
    .main__support-content > ul > li .toggle-con > p { font-size: 15px; }
    .main__support-content > ul > li .toggle-con > div > strong { font-size: 15px; }
    .main__support-content > ul > li .toggle-con .youtube { font-size: 16px; }
    .main__support-content > ul > li .toggle-con .youtube > img { width: 28px; } 
}


/* step7 - main__process */
.main__process {
  overflow: visible !important;
  position: relative;
  padding: 150px 20px 210px;
  background: url(https://mincare.cafe24.com/web/img/main/visual/step7-bg.webp) no-repeat;
  background-size: cover;
}

.main__process .main-contents-inner {
  display: flex;
  position: relative;
  justify-content: space-between;
  gap: 60px; /* ?쒕ぉ怨?肄섑뀗痢?媛?媛꾧꺽 */
}

.main__process .process-title-box { display: flex; flex-direction: column; justify-content: space-between; }
.main__process .main__title {
  display: flex;
  position: sticky;
  top: 240px; /* ?곷떒 怨좎젙 ?꾩튂 (?ㅻ뜑 ?믪씠 ??怨좊젮?댁꽌 議곗젙) */
  z-index: 2;
  width: 312px; /* ?곸젅???덈퉬 ?ㅼ젙 */
  margin: 0;
  padding-bottom: 200px;
  align-self: flex-start; /* sticky媛€ flex item??寃쎌슦 ?닿구濡?怨좎젙 */
  flex-direction: column;
}


.main__process .main__title > h2 {
  color: #fff;
}


.main__process .process-description {
  margin-top: 260px; /* 湲곗〈蹂대떎 以꾩씠怨??먯뿰?ㅻ읇寃?議곗젙 */
  font-weight: 600;
  font-size: 18px;
  color: #ccc;
  line-height: 1.4em;
  letter-spacing: -0.016em;
}

.main__process .main__content { max-width: 590px; }
.main__process-content .step7-wrap { display: flex; }
.main__process-content .step7-container { display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-end; }
.main__process-content .step7-list:nth-child(2n) { transform: translateY(60px); }
.main__process-content li { display: inline-flex; position: relative; width: 50%; max-width: 285px; flex-direction: column; }
.main__process-content li .num { display: flex; position: absolute; top: 20px; left: 20px; width: 40px; height: 40px; border-radius: 8px; background-color: rgba(0, 0, 0, 0.6); font-weight: 600; font-size: 15px; color: #fff; letter-spacing: -0.02em; align-items: center; justify-content: center; } 
.main__process-content li > .desc { display: flex; padding: 20px; background-color: #2f2f2f; gap: 10px; flex-direction: column; }
.main__process-content li .tit { font-weight: 600; font-size: 22px; color: #fff; letter-spacing: -0.02em; }
.main__process-content li > .desc > .desc { font-weight: 500; font-size: 16px; color: #A6A6A6; line-height: 1.5em; letter-spacing: -0.06em; }

.main__process-content .swiper { display: none; }
/*
.main__process-content .swiper > ul { } 
.main__process-content .swiper > ul > li { position: relative; width: 500rem; margin-right: 15rem; border-radius: 15rem; overflow: hidden; } 
.main__process-content .swiper > ul > li > figure { font-size: 0; height: 100%; } 
.main__process-content .swiper > ul > li > figure > img { display: block; width: 100%; height: 100%; object-fit: cover; } 
.main__process-content .swiper > ul > li .num {will-change: transform;  transform: translateZ(0); display: block; position: absolute; top: 25rem; left: 25rem; width: 40rem; background: rgba(0,0,0,.5); color: #fff; padding: 5rem 0; border-radius: 30rem; font-size: 14rem; text-align: center; } 
.main__process-content .swiper > ul > li > div {will-change: transform;  transform: translateZ(0); position: absolute; bottom: 0; left: 0; width: 100%; padding: 25rem; color: #fff; } 
.main__process-content .swiper > ul > li > div .tit { display: block; margin-bottom: 10rem; margin-top: auto;; font-size: 20rem; font-weight: 700; } 
.main__process-content .swiper > ul > li > div .desc { font-size: 18rem; line-height: 1.4; } 
.main__process .swiper-nav--mo { display: none; } 
*/
.main__process .swiper-pagination {bottom: 0 !important;left: 50% !important;transform: translateX(-50%) !important;}

@media all and (max-width: 1024px) {
    .main__process { padding: 120px 20px 120px; }
    .main-contents-inner { flex-direction: column; }
    .main__process-content .swiper { padding: 0 20px 50px; }
    .main__process .main__content { max-width: 100%; }
    .main__process .process-description { margin-top: 10px; }
    .main__process .main__title { position: relative; top: auto; }
    .main__process-content .step7-container { display: none; }
	.main__process-content .swiper { display: flex; } 
    .main__process-content li { max-width: none; }
    
    .main__process-content .swiper-pagination > span,
	.main__process-content .swiper-pagination > span.swiper-pagination-bullet-active { width: 20px; height: 4px; border-radius: 0; }
    
    .main__process .swiper img { width: 100%; }
    .main__process .swiper-pagination > span,
    .main__process .swiper-pagination > span.swiper-pagination-bullet-active {
    
    }
}

@media all and (max-width: 660px) {
    .main__process { padding: 80px 20px 80px; }
    .main__process .main__title { width: 100%; padding-bottom: 10px; }
	.main__process-content .swiper { padding: 0 0 50px; }
    .main__process .process-description { font-size: 15px; }
    
    .main__process-content li .tit { font-size: 20px; }
    .main__process-content li > .desc > .desc { font-size: 14px; }
}


/* step8 - main__lawyer */
/*
.main__lawyer { padding: 0 0 150rem; } 
.main__lawyer > div { } 
.main__lawyer .main__title { margin-bottom: 35rem; } 
.main__lawyer-content { } 
.main__lawyer-content .main__content-nav { display: flex; justify-content: space-between; margin-bottom: 50rem; } 
.main__lawyer-content .main__content-nav .swiper-nav { } 
.main__lawyer-content .main__content-nav .main__link { } 
*/
/* .main__lawyer-content .swiper { overflow: visible; }  */
.main__lawyer-content > div > ul { } 
.main__lawyer-content > div > ul > li { position: relative; } 
.main__lawyer-content > div > ul > li > figure { font-size: 0; } 
.main__lawyer-content > div > ul > li > figure > img { width: 100%; } 
.main__lawyer-content > div > ul > li .desc { position: absolute; top: 0; width: 100%; padding: 30px; } 
.main__lawyer-content > div > ul > li .desc > span { display: block; margin-bottom: 4px; font-weight: 500; font-size: 16px; color: #666; letter-spacing: -0.02em; } 
.main__lawyer-content > div > ul > li .desc > p { font-weight: 500; font-size: 16px; color: #111; letter-spacing: -0.02em; } 
.main__lawyer-content > div > ul > li .desc > p > strong { display: block; margin-bottom: 4px; font-weight: 700; font-size: 24px; color: #111; letter-spacing: -0.02em; } 

.main__lawyer-content > .step8-wrap > ul { display: flex; flex-wrap: wrap; gap: 20px; }
.main__lawyer-content > .step8-wrap > ul > li { display: inline-flex; }
.main__lawyer .swiper-nav--mo { display: none; } 
.main__lawyer .swiper-pagination {position: static !important;}

.main__lawyer-content > .swiper { display: none; }

@media all and (max-width: 1279px) {
    .main__lawyer-content .step8-wrap { display: none; }
    .main__lawyer-content > .swiper { display: flex; }
}

@media all and (max-width: 660px) {
    .main__lawyer-content > div > ul > li .desc > span { font-size: 14px; } 
    .main__lawyer-content > div > ul > li .desc > p { font-size: 14px; } 
    .main__lawyer-content > div > ul > li .desc > p > strong { font-size: 22px; } 
}

/* step9 - main__knowledge */
.main__knowledge { position: relative; background: url(https://mincare.cafe24.com/web/img/main/visual/step9-bg.webp) no-repeat; background-size: cover; } 
.main__knowledge .main__title { position: relative; }
.main__knowledge .main__title h2 { color: #fff; } 
/* .main__knowledge .main__knowledge-content { overflow: visible !important; }  */
.main__knowledge .main__knowledge-content > ul > li { width: 430rem; margin-right: 15rem; font-size: 0; border-radius: 10rem; box-shadow: 0 0 6rem rgba(0,0,0,0.1); overflow: hidden; } 
.main__knowledge .main__knowledge-content > ul > li > img { width: 100%; } 
.main__knowledge .more-btn { margin-top: 50rem; text-align: center; } 
.main__knowledge .more-btn > a { font-size: 14rem; display: inline-flex; align-items: center; justify-content: center; gap: 12rem; border-radius: 25rem; background: var(--color-primary); padding: 10rem 15rem; color: #fff; font-weight: bold; font-style: italic; } 
.main__knowledge .more-btn > a > img { display: block; width: 22rem; } 
.main__knowledge .swiper-pagination {position: static !important;}

.main__knowledge {}
.main__knowledge .youtube-box { display: flex; width: 100%; max-width: 1200px; margin: 0 auto; justify-content: space-between; gap: 20px; }
.main__knowledge .youtube-box > iframe { flex: 1; width: 100%; height: auto; aspect-ratio: 16 / 9; }

.main__knowledge .youtube-two-box { display: flex; width: 100%; max-width: 385px; gap: 20px; flex-direction: column; }
.main__knowledge .youtube-two-box iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; }

.main__knowledge .main__link { display: flex; position: absolute; bottom: 0; right: 0; padding:14px 28px; border: 1px solid #fff; border-radius: 8px; font-weight: 600; font-size:17px; color: #fff; letter-spacing: -0.06em; justify-content: center; gap: 8px; } 
.main__knowledge .main__link.mo { display: none; }

@media all and (max-width: 1239px) {
	.main__knowledge .youtube-box { padding: 0 20px; }
}

@media all and (max-width: 1024px) {
	.main__knowledge .youtube-box { width: 100%; flex-direction: column; }
    .main__knowledge .youtube-two-box { max-width: 100%; }
}

@media all and (max-width:660px) {
    .main__knowledge .youtube-box { padding: 0; gap: 16px; }
    .main__knowledge .youtube-two-box { gap: 16px; }
    
    .main__knowledge .main__link.mo { display: flex; position: relative; right: auto; width: 100%; height: 48px; margin: 50px auto 0; font-size: 16px; gap: 8px; }
    .main__knowledge .main__link.mo img { width: 20px; height: 20px; }
    .main__knowledge .main__link.pc { display: none; }
    
    .main__public { padding-bottom: 20rem; }
    .main__public .swiper-slide { width: 62px; }
    .main__public .swiper-slide > img { max-width: 62px; }
}




/* consult */
.custom-foot__counsel { background: var(--color-neutral-8) !important; } 



.main__popup { position: fixed; top: 53%; left: 50%; transform: translate(-50%, -50%); width: 80%; max-width: 600rem; max-height: 80vh; border-radius: 20rem; font-size: 0; overflow: scroll !important; opacity: 0; visibility: hidden; transition: .5s; z-index: 101; } 
.main__popup::-webkit-scrollbar { display: none; } 
.main__popup.on { top: 50%; opacity: 1; visibility: visible; } 
.main__popup-content { background: #fff; padding: 30rem 20rem; } 
.main__popup-content-desc { margin-bottom: 20rem; font-size: 14rem; line-height: 1.4; } 
.main__popup-content-close.ms-button { display: block; width: max-content; margin: 0 auto; } 

.main__popup.main__popup--step04 {display: flex;flex-direction: column;padding: 30rem;background: #fff;}
.main__popup.main__popup--step04 > figure {height: calc(80% - 30rem);border-radius: 20rem; margin-bottom: 30rem;overflow-y: scroll;}
.main__popup.main__popup--step04 > figure::-webkit-scrollbar {display: none;}
.main__popup.main__popup--step04 > figure > img {width: 100%;}
.main__popup.main__popup--step04 .detail-desc {height: 20%;font-size: 14rem;line-height: 1.615;overflow-y: scroll;}
.main__popup.main__popup--step04 .detail-desc::-webkit-scrollbar {background: none;}

@media all and (max-width:660px) {

    .main__popup { width: 90%; border-radius: 15rem; } 
    .main__popup-content { padding: 20rem 15rem; } 
    .main__popup-content-desc { font-size: 12rem; } 

    
    .main__popup.main__popup--step04 {padding: 15rem;}
    .main__popup.main__popup--step04 > figure {height: calc(80% - 15rem);margin-bottom: 15rem;}
    .main__popup.main__popup--step04 .detail-desc {font-size: 12rem;}
}



@media all and (max-width:1366px) {
 /*.main__title > span { margin-bottom: 15rem; font-size: 16rem; } 
 .main__title > h2 { font-size: 30rem; } 
 .main__title > p { font-size: 16rem; } */
 .main__link { font-size: 14rem; } 
 /*.toggle-con { font-size: 15rem; } */

 /* .main__visual-item-title { padding: 0 30rem; } 
 .main__visual-item-title .tit { margin-bottom: 35rem;; font-size: 32rem; } 
 .main__visual-item-title > ul > li {padding: 8rem 18rem; font-size: 15rem;} */

}







@media all and (max-width:1023px){
 .main-pc { display: none; } 
 .main-mo { display: block; } 
 /* .main__title > p { display: none; } */


 
 /* .main__visual { padding: 0 0 !important; } 
 .main__visual > div { padding-top: 30rem; } 
 .main__visual-wr { border-radius: 0; } 
 .main__visual-item { border-radius: 15rem; overflow: hidden; } 
 .main__visual-item-title { top: 50%; left: 0; text-align: left; transform: translate(0,-50%); padding: 0 25rem; } 
 .main__visual-item-title .tit { margin-bottom: 15rem;; font-size: 41rem; }  */
 

 /*
 .main__check .swiper { overflow: visible; } 
 .main__check-content { gap: 0; } 
 .main__check-content-item { width: 400rem !important; margin-right: 40rem; } 
 */

 .main__process-content .swiper > ul > li { width: 430rem; } 
 .main__process-content .swiper > ul > li .desc br { display: none; } 


 .main__lawyer .main__title { position: relative; } 
 .main__lawyer .main__title .main__link { position: absolute; bottom: 0; right: 0; } 
 .main__lawyer-content .main__content-nav .swiper-nav--pc { display: none; } 
 /* .main__lawyer .swiper-nav--mo { display: flex; justify-content: right; margin-top: 50rem; } */
}


@media all and (max-width:860px){
 /*
 .main__process > div { display: block; padding-right: 16rem; } 
 .main__process .main__title { position: relative; width: 100%; } 
 .main__process .main__title > h2 { margin-bottom: 0; } 
 .main__process .main__title .main__link { position: absolute; bottom: 0; right: 0; } 
 .main__process .main__content { width: 100%; padding-top: 0; margin-bottom: 30rem; } 
 .main__process-content .swiper { overflow: visible; } 
 .main__process .swiper-nav--pc { display: none; }
  */
 /* .main__process .swiper-nav--mo { display: flex; justify-content: right; } */
 }

@media all and (max-width:660px){
  /*.main__title {margin-bottom: 25rem;}
 .main__title > h2 { font-size: 23rem; } 
 .main__title > span { margin-bottom: 10rem;; font-size: 14rem; }*/
 /*.main__link { font-size: 12rem; } 
 .toggle-con { font-size: 15rem; }
 .swiper-nav > span { width: 32rem; line-height: 32rem; } 
 .swiper-nav > span > svg { width: 15rem; }  */
 

 /* .main__visual-item-title .tit { margin-bottom: 10rem;; font-size: 22rem; } 
 .main__visual-item-title > ul { gap: 8rem; } 
 .main__visual-item-title > ul > li { font-size: 12rem; } 
 .main__visual-item--logo .main__visual-item-title .tit {margin-bottom: 20rem;}


 .main__check { padding: 100rem 0 ; } 
 .main__check .main__title { margin-bottom: 40rem; } 
 .main__check-content-item { width: 300rem !important; } 
 .main__check-content-item .item-title { padding-bottom: 12rem; font-size: 16rem; } 
 .main__check-content-item .item-content > li .toggle-btn { padding: 17rem 0; font-size: 15rem; } 
 .main__check-content-item .item-content > li .toggle-btn > svg { width: 14rem; } 
 .main__check-content-item .item-content > li .toggle-con { padding-left: 10rem; }  */
 
 /*
 .main__reason { padding: 100rem 0 0; } 
 .main__reason .main__title { margin-bottom: 35rem; } 
 .main__reason-content > ul > li .num { font-size: 12rem; top: 18rem; left: 18rem; padding: 3rem 0; } 
 
 
 .main__result { padding: 100rem 0 0; } 
 .main__result .main__sub { margin-bottom: 30rem; align-items: flex-end; }
 .main__result .main__sub-tab { flex-wrap: wrap; } 
 .main__result .main__sub-tab::-webkit-scrollbar { display: none; } 
 .main__result .main__sub-tab > li { flex-shrink: 0; font-size: 13rem; padding: 0 13rem; } 
 .main__result .main__sub .main__link { display: block; width: max-content; margin-left: auto; padding-bottom: 3rem; } 
  */
 .main__result-content { margin-bottom: 25rem; } 
 .main__result .main__content > div > ul > li { width: 300px; height: 305px; padding: 20px; } 
 .main__result .main__content > div > ul > li .tit > strong { font-size: 22px; }
 .main__result .main__content > div > ul > li .tit > p { font-size: 14px; }
 .main__result .main__content > div > ul > li .info > p { font-weight: 500; font-size: 15px; } 
 .main__result .swiper-nav { display: none; } 
 
 /*
 .main__review { padding: 80rem 0 100rem; } 
 .main__review .main__title { margin-bottom: 25rem; } 
 .main__review-content { margin-bottom: 0; } 
 .main__review-content > ul > li { width: 300rem; } 
 .main__review .swiper-nav { display: none; } 
 .main__review .main__title .main__link { position: static; margin-top: 20rem; display: block; } 
 .main__review .swiper-pagination {position: static !important;transform: translateX(0) !important;width: 100% !important;}


 .main__support { padding: 100rem 0 0; } 
 .main__support .main__title { margin-bottom: 35rem; } 
 .main__support-content > ul > li .toggle-btn { padding: 17rem 0; font-size: 15rem; } 
 .main__support-content > ul > li .toggle-btn > svg { width: 14rem; } 
 .main__support-content > ul > li .toggle-con { padding-left: 10rem; padding-top: 10rem; } 
 */
 
/* .main__process { padding: 100rem 0 0; } */
 /*
 .main__process-content .swiper > ul > li { width: 330rem; height: 230rem; } 
 .main__process-content .swiper > ul > li .num { font-size: 12rem; top: 18rem; left: 18rem; padding: 3rem 0; } 
 .main__process-content .swiper > ul > li > div { padding: 18rem; } 
 .main__process-content .swiper > ul > li > div .tit { font-size: 15rem; } 
 .main__process-content .swiper > ul > li > div .desc { font-size: 13rem; } 
 .main__process-content .swiper > ul > li > figure::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); opacity: 0; } 
 .main__process-content .swiper > ul > li.swiper-slide-active > figure::after { opacity: 1; transition: opacity .4s; }
 .main__process .main__title .main__link { bottom: 3rem; } 

 

 .main__lawyer { padding: 100rem 0; } 
 .main__lawyer-content .swiper > ul > li { width: 200rem; margin-right: 50rem; } 
 .main__lawyer-content .swiper > ul > li .desc > span { font-size: 14rem; } 
 .main__lawyer-content .swiper > ul > li .desc > p { font-size: 14rem; } 
 .main__lawyer-content .swiper > ul > li .desc > p > strong { font-size: 18rem; } 
 .main__lawyer-content .main__content-nav { display: none; } 
 .main__lawyer .main__title .main__link { bottom: 3rem; } 


 .main__knowledge { padding: 0 0 100rem; } 
 .main__knowledge .main__knowledge-content > ul { align-items: center; } 
 .main__knowledge .main__knowledge-content > ul > li { width: 300rem; } 
 .main__knowledge .more-btn { margin-top: 30rem; } 
 .main__knowledge .more-btn > a { gap: 8rem; padding: 10rem 18rem 10rem 14rem; } 
 .main__knowledge .more-btn > a > img { width: 18rem; } 
*/

}



.main__pop-banner {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50vw;height: 80vh;background: #fff url(https://mincare.cafe24.com/maeng/images/main/main_pop_banner.png) no-repeat center center/auto 100%; border-radius: 10rem; opacity: 0;visibility: hidden; transition: 0.4s;z-index: 501;}
.main__pop-banner.on {opacity: 1;visibility: visible;}
.main__pop-banner:after {content: "";display: block; position: absolute; top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);}
.main__pop-banner-close {position: absolute;top: 10rem;right: 10rem; color: #fff;cursor: pointer;z-index: 2;}
.main__pop-banner-close > svg {width: 30rem;}
.main__pop-banner-content {display: flex;flex-direction: column;position: relative; height: 100%; padding: 30rem 15rem;color: #fff; line-height: 1.6;font-size: 15rem;z-index: 1;}
.main__pop-banner-content > h2 {margin-bottom: 15rem; padding-left: 15rem;font-size: 30rem;font-weight: 700;line-height: 1.2;}
.main__pop-banner-content .line {display: block;width: 1rem;height: 50rem; margin-bottom: 25rem; margin-left: 20rem;}
.main__pop-banner-content .desc01 {padding: 0 15rem; margin-top: auto;;margin-bottom: 25rem;font-weight: 700;}
.main__pop-banner-content .desc01 > p {position: relative;width: max-content;}
.main__pop-banner-content .desc01 > p::after {content: "";display: block; position: absolute;bottom:0;left: 0;width: 100%;height: 7rem;background: #d80d0d;z-index: -1;}
.main__pop-banner-content .desc02 {padding: 15rem 15rem; margin-bottom: 25rem;border-radius: 5rem;font-size: 14rem;background: rgba(255,255,255,.8);}
.main__pop-banner-content .desc02 > li {position: relative;padding-left: 15rem;margin-bottom: 5rem;color: #000;}
.main__pop-banner-content .desc02 > li::before {content: "??;position: absolute;top: 0;left: 0;}
.main__pop-banner-content .desc02 > li:last-child {margin-bottom: 0;}
.main__pop-banner-content .desc03 {padding: 0 15rem;margin-bottom: 30rem;}
.main__pop-banner-content > a {display: block;width: 100%;line-height: 38rem;background: var(--color-primary);color: #fff;text-align: center;border-radius: 5rem;}


@media all and (max-width:1023px) {
    .main__pop-banner {width: 100%;height: calc(var(--vh, 1vh)* 100);border-radius: 0;}
    .main__pop-banner-content .line {height: calc(100vh - 600rem);}
}