/* ------------------------- 공통 ------------------------- */
._contents{letter-spacing: -0.05em; padding-top: 180px; padding-bottom: 0 !important;}
section{overflow: hidden;}
._tit{}
._tit.center{text-align: center; margin: 0 auto;}
._tit .top{
    color: #aaaaaa; font-size: 18px; line-height: 1.3; margin-bottom: 20px;
    font-family: 'Inter Tight'; text-transform: uppercase;
}
._tit h3{
    font-size: 50px; font-weight: 600;
    line-height: calc(70/50);
    letter-spacing: -0.05em;
}
._tit h3 span{color: var(--red);}
._tit .small{
    font-size: 20px;  line-height: 1.5;
    margin-top: 1em; letter-spacing: -0.05em;
}
._tit.gray .small{color: #444444;}
._tit.gray .small b{color: #000;}
._tit .small b{font-weight: 600;}
._tit a{
    font-size: 14px; font-weight: 500;
    padding: calc(12/14*1em) calc(18/14*1em); display: inline-flex; align-items: center; justify-content: center; gap: calc(10/14*1em);
    border: 1px solid #000; box-sizing: border-box; border-radius: 10px;
    transition: background-color 0.2s, color 0.2s,border-color 0.2s; margin-top: 40px;
}
html.pc ._tit a:hover{background-color: #444; color: #fff; border-color: transparent;}
._tit a p{}
._tit a i{}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
    ._tit h3{font-size: max(calc(50/1440*100vw),22px);}
    ._tit .small{font-size: max(calc(20/1440*100vw),13px);}
}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
    ._tit .top{font-size: 14px; margin-bottom: 1em;}
}
@media screen and (max-width:500px) {
    ._tit{margin-bottom: 40px !important; max-width: 320px;}
    ._tit .top{font-size: 12px;}
    ._tit h3 br:not([class]){display: none;}
    ._tit a{font-size: 12px; border-radius: 6px;}
}
@media screen and (max-width:320px) {}



/* ------------------------- 1번섹션 (아이콘 카드 4개 있는거) 공통 ------------------------- */
.s_ico_card ._tit{margin-bottom: 70px;}
.s_ico_card .cont{}
.s_ico_card .cont ul{
    display: flex; gap: 19px; margin-left: auto;
    width: 100%; max-width: calc((260px * 4) + (19px * 3));
}
.s_ico_card .cont ul li{position: relative; width: 100%;}
.s_ico_card .cont ul li::before {
    content:''; display: block; padding-bottom: 100%;
}
.s_ico_card .cont ul li > div{
    position: absolute; left: 0; top: 0; width: 100%; height: 100%;
    background-color: #efefef;
    border-radius: 20px; display: flex; flex-direction: column; justify-content: space-between;
    padding: 30px; box-sizing: border-box;
}
.s_ico_card .cont ul li > div em{
    color: #dfdfdf; font-size: 60px; font-weight: 700; text-align: right;
}
.s_ico_card .cont ul li > div .bottom{}
.s_ico_card .cont ul li > div .bottom .ico{}
.s_ico_card .cont ul li > div .bottom p{
    font-size: 20px; font-weight: 600; line-height: 1.3; margin-top: 14px;letter-spacing: -0.05em;
}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
    .s_ico_card .cont ul li > div {padding: 20px;}
    .s_ico_card .cont ul li > div .bottom p{font-size: 18px;}
}
@media screen and (max-width:1024px) {
    .s_ico_card .cont ul li > div{border-radius: 10px;}
    .s_ico_card .cont ul li > div .bottom p{font-size: 16px;}
}
@media screen and (max-width:820px) {
    .s_ico_card .cont ul{gap: 20px; flex-wrap: wrap;}
    .s_ico_card .cont ul li{width: calc(50% - 10px);}
    .s_ico_card .cont ul li::before {display: none;}
    .s_ico_card .cont ul li > div{position: unset;}
    .s_ico_card .cont ul li > div em{margin-bottom: 10px;}
}
@media screen and (max-width:500px) {
    .s_ico_card .cont ul{gap: 8px;}
    .s_ico_card .cont ul li{width: calc(50% - 4px);}
    .s_ico_card .cont ul li > div{border-radius: 6px;}
    .s_ico_card .cont ul li > div em{font-size: 30px;}
    .s_ico_card .cont ul li > div .bottom p{font-size: 14px; font-weight: 500;}
}
@media screen and (max-width:320px) {
    .s_ico_card .cont ul li > div .bottom p{font-size: 12px;}
}




/* ------------------------- 가로로 길쭉한 카드 공통 ------------------------- */
.s_card .wrap{}

.s_card ._tit{margin: 0 auto; margin-bottom: 100px;}
.s_card .pin{margin-bottom: 80px; perspective: 300px;}
.s_card .pin.last{margin-bottom: 0;}

.s_card .pin .box{
    min-height: 600px;
    display: flex; flex-direction: column; justify-content: flex-end; position: relative;
    color: #fff; filter: brightness(1); padding: 70px; box-sizing: border-box;
    border-radius: 30px; overflow: hidden;
}
.s_card .pin .bg{
    position: absolute; left: 0; top: 0; z-index: -1;
    width: 100%; height: 100%; background-position: center; background-size: cover;
}
.s_card .num{
    font-size: 30px;
    display: flex; align-items: flex-end; gap: 2px;
}
.s_card .num p{}
.s_card .num p:nth-child(2){
    font-size: calc(18/30*1em); margin-bottom: calc(3/18*1em);
}
.s_card h4{
    font-size: 50px; font-weight: 600; line-height: 1.3;
    margin-top: max(calc(30/50*1em),20px);
    letter-spacing: -0.05em;
}
.s_card .box > p{
    font-size: 20px; line-height: calc(32/20);
    margin-top: calc(30/20*1em);
    color: rgba(255,255,255,0.7);
    letter-spacing: -0.05em;
}
.s_card .box > p > b {font-weight: 600; color: #fff;}
.s_card .bottom{margin-top: calc(33/16*1em);}
.s_card .bottom p{margin-bottom: 10px;}
.s_card .bottom .category{
    display: flex; gap: 10px; flex-wrap: wrap;
}
.s_card .bottom .category div{
    background-color: rgba(255,255,255,0.2);
    color: rgba(255,255,255,0.7); border-radius: calc(9/16*1em); padding: calc(10/16*1em) calc(20/16*1em);
}

@media screen and (max-width:1600px) {
    .s_card .pin .box{min-height: 500px;}

    .s_card h4{font-size: max(calc(50/1600*100vw),20px);}
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
    .s_card .pin{margin-bottom: 20px;}
    .s_card .pin .box{min-height: unset; padding: max(calc(70/1280*100vw),20px);}
    .s_card .box > p{font-size: max(calc(20/1280*100vw),12px);}
}
@media screen and (max-width:1024px) {
    .s_card ._tit{margin-bottom: 60px;}
}
@media screen and (max-width:820px) {
    .s_card .pin .box{border-radius: 10px;}
    .s_card .num{font-size: 24px;}
    .s_card .bottom{font-size: 14px;}
}
@media screen and (max-width:500px) {
    .s_card .pin .box{padding: 30px 16px;}
    .s_card .pin .bg{filter: brightness(0.5);}
    .s_card .box > p{font-weight: 400;}
    .s_card .box > p br{display: none;}
    .s_card .bottom{font-size: 12px;}
    .s_card .bottom .category{gap: 6px;}
}
@media screen and (max-width:320px) {}




/* ------------------------- 제휴사 마퀴 공통 ------------------------- */
.s_logo_marquee ._tit{margin-bottom: 100px;}
.s_logo_marquee .marqueeBx:nth-child(2){margin-top: 30px;}
.s_logo_marquee .marqueeBx{display: flex; overflow: hidden; width: fit-content;}
.s_logo_marquee .marqueeBx .marquee{
    display: flex; gap: 20px;
    animation: marquee 170s linear infinite;
    padding: 0 10px;
}
.s_logo_marquee .marqueeBx .marquee.n2{
    display: flex; gap: 20px;
    animation: marquee 170s linear infinite reverse;
    padding: 0 10px;
}

.s_logo_marquee .marqueeBx .marquee > div{min-width: 324px;width: 100%;min-height: 168px;border: 2px solid #d4d4da;display: flex;align-items: center;justify-content: center;transition: border 0.3s;}
.s_logo_marquee .marqueeBx .marquee > div:hover{background-color: #c01640;}
.s_logo_marquee .marqueeBx .marquee > div:hover img{filter: brightness(0.3) invert(1);}

@keyframes marquee {
    0% {transform: translateX(0);}
    100% {transform: translateX(-100%);}
}


@media screen and (max-width: 1024px){
    .s_logo_marquee .marqueeBx .marquee > div{min-width: 280px;min-height: 145px;}
}
@media screen and (max-width: 820px){
    .s_logo_marquee ._tit{margin-bottom: 60px;}
    .s_logo_marquee .marqueeBx:nth-child(2){margin-top: 20px;}
    .s_logo_marquee .marqueeBx .marquee > div {min-width: 200px; min-height: 103px;}
}
@media screen and (max-width: 500px){
    .s_logo_marquee .marqueeBx .marquee > div img{max-width: 90%;}
}







/* ------------------------- s_three_point ------------------------- */
.s_three_point{
	padding-top: 170px; padding-bottom: 150px;
}
.s_three_point .wrap{}
.s_three_point .wrap ._tit{margin-bottom: 70px;}
.s_three_point .wrap .cont{
	display: flex; gap: 20px; align-items: flex-start;
}
.s_three_point .wrap .cont .box{flex: 1; position: relative;}
.s_three_point .wrap .cont .box:nth-child(2){margin-top: 60px;}
.s_three_point .wrap .cont .box:nth-child(3){margin-top: 120px;}
.s_three_point .wrap .cont .box > div{
	border-radius: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center;
	position: relative; transition: background-color 0.5s; background-color: #efefef;
	padding: 20px; box-sizing: border-box; overflow: hidden; min-height: 300px; width: 100%;
}
.s_three_point .wrap .cont .box .num{
	position: absolute; font-size: 120px; font-weight: 700; font-family: 'Inter'; color:#dedede;
	transition: color 0.5s, top 0.5s; top: 50%; transform: translateY(-50%);
}
.s_three_point .wrap .cont .box .txtBx{
	font-size: 30px; line-height: 1.3; font-weight: 600; transition: color 0.5s;
	position: relative; z-index: 2; text-align: center; letter-spacing: -0.05em;
}
.s_three_point .wrap .cont .box .txtBx h4{}
.s_three_point .wrap .cont .box .txtBx .bottom{
	display: flex; flex-direction: column; gap: 6px;
	font-size: max(calc(18/30*1em),14px);  padding-top: 0;
	overflow: hidden; max-height: 0; transition: max-height 0.8s,padding-top 0.5s;
    color: rgba(255,255,255,0.7);
}
.s_three_point .wrap .cont .box .txtBx .bottom p{}

/* on */
.s_three_point .wrap .cont .box.on > div{background-color: var(--red); color: #fff;}
.s_three_point .wrap .cont .box.on .num{color: #c3224a; top: 90%;}
.s_three_point .wrap .cont .box.on .txtBx .bottom{max-height: 4em; padding-top: calc(24/18*1em);}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
	.s_three_point .wrap .cont .box .num{font-size: max(calc(120/1440*100vw),80px);}
	.s_three_point .wrap .cont .box .txtBx{font-size: max(calc(30/1440*100vw),20px);}
	.s_three_point .wrap .cont .box::before {content:''; display: block; padding-bottom: 70%;}
	.s_three_point .wrap .cont .box > div{position: absolute; left: 0; top: 0; min-height: unset; height: 100%;}
}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	.s_three_point{padding: 80px 0;}
	.s_three_point .wrap .cont{gap: 10px;}
	.s_three_point .wrap .cont .box:nth-child(2){margin-top: 30px;}
	.s_three_point .wrap .cont .box:nth-child(3){margin-top: 60px;}
}
@media screen and (max-width:820px) {
	.s_three_point .wrap .cont{flex-direction: column; max-width: 500px; margin: 0 auto;}
	.s_three_point .wrap .cont .box{width: 100%;}
	.s_three_point .wrap .cont .box::before {padding-bottom: clamp(140px,50%,200px);}
	.s_three_point .wrap .cont .box:nth-child(2){margin-top: 0;}
	.s_three_point .wrap .cont .box:nth-child(3){margin-top: 0;}
}
@media screen and (max-width:500px) {
	.s_three_point{padding: 60px 0;}
	.s_three_point .wrap .cont .box > div{border-radius: 10px; padding: 10px;}
	.s_three_point .wrap .cont .box .num{font-size: 60px;}
	.s_three_point .wrap .cont .box .txtBx{font-size: 16px;}
	.s_three_point .wrap .cont .box .txtBx .bottom{font-size: 12px;}
}
@media screen and (max-width:320px) {}







/* ------------------------- 마지막 섹션 공통 ------------------------- */
.s_more_btn{
    position: relative; overflow: hidden; padding-bottom: 0 !important;
}
.s_more_btn .bg{
    position: absolute; left: 0; top: 0; width: 100%; height: 100%;
    background-position: center; background-size: cover;
}
.s_more_btn .wrap{padding-top: 170px; padding-bottom: 180px;}
.s_more_btn .wrap h3{
    font-size: 72px; font-weight: 600; line-height: 1.3; color: #fff;
    margin-bottom: max(calc(50/72*1em),20px); letter-spacing: -0.05em; text-align: center; overflow: hidden;
}
.s_more_btn .wrap .btnBx{
    display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 30px;
    font-size: 1px;
}
.s_more_btn .wrap .btnBx a{
    display: flex;
    /* width: 186em; height: 107em; */
    width: 220em; height: 107em;
    border-radius: 9em;
    transition: background-color 0.2s,border-color 0.2s;
    border: 1px solid #fff; box-sizing: border-box;
    flex-direction: column; justify-content: space-between; color: #fff;
    padding: 20em;
}
html.pc .s_more_btn .wrap .btnBx a:hover{
    background-color: var(--red); border-color: transparent;
}
.s_more_btn .wrap .btnBx a .top{
    display: flex; justify-content: space-between; align-items: center;
}
.s_more_btn .wrap .btnBx a .top img{width: 29em;}
.s_more_btn .wrap .btnBx a .top i{
    font-size: 18em;
}
.s_more_btn .wrap .btnBx a > p{
    font-size: 18em; font-weight: 500; line-height: 1.3;
}

@media screen and (max-width:1600px) {
    .s_more_btn .wrap{padding: max(calc(170/1600*100vw),80px) 0;}
    .s_more_btn .wrap h3{font-size: max(calc(72/1600*100vw),24px);}
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
    .s_more_btn .wrap .btnBx{font-size: 0.8px; gap: 10px;}
}
@media screen and (max-width:500px) {}
@media screen and (max-width:350px) {
    .s_more_btn .wrap .btnBx{flex-direction: column;}
    .s_more_btn .wrap .btnBx a{width: 100%;}
}





/* ------------------------- 표 공통 ------------------------- */
.s_chart{}
.s_chart .chartArea{border-radius: 30px;}
.s_chart .chartArea.white{background-color: #fff;}
.s_chart .chartArea.shadow{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.s_chart .chartArea .arrow{}
.s_chart .chartArea .arrow div{
    width: 500px; background-image: url(/asset/img/sub/service/chart_arrow_ico.png);
    background-position: center; background-size: cover; filter: brightness(0);
    transform-origin: center; background-repeat: no-repeat;
}
.s_chart .chartArea .arrow div::before {content:''; display: block; padding-bottom: calc(173/500*100%);}
.s_chart .chartArea .arrow.red div{filter: unset;}

/* 화살표 방향 */
.s_chart .chartArea .arrow.left div{transform: rotate(180deg);}
.s_chart .chartArea .arrow.bottom div{transform: rotate(180deg);}

/* 위,아래 */
.s_chart .chartArea .arrow.top div,
.s_chart .chartArea .arrow.bottom div{background-image: url(/asset/img/sub/service/chart_arrow_ico_up.png); width: 173px;}
.s_chart .chartArea .arrow.top div::before,
.s_chart .chartArea .arrow.bottom div::before {padding-bottom: calc(500/173*100%);}


/* 동그란 박스 텍스트 */
.s_chart .circle_txt{
    color: #fff; font-weight: 600; line-height: 1.3; border-radius: 100px; background-color: #000;
    display: inline-flex; align-items: center; justify-content: center; padding: calc(12/16*1em) calc(40/16*1em); padding-top: calc(13/16*1em);
    box-sizing: border-box; text-align: center;
}
.s_chart .circle_txt.red{background-color: var(--red);}
.s_chart .circle_txt p{}


@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
    .cashify .s_chart .chartArea{border-radius: 20px;}
}
@media screen and (max-width:820px) {
    .cashify .s_chart .chartArea{border-radius: 15px;}
}
@media screen and (max-width:500px) {
    .cashify .s_chart .chartArea{border-radius: 10px;}
}
@media screen and (max-width:320px) {}








/* ------------------------- 페이지별 별도 모음 ------------------------- */

/* 캐시파이 표 */
.cashify .s_chart{background-color: #efefef; padding: 80px 0;}
.cashify .s_chart .chartArea{
    padding: 60em 30em; box-sizing: border-box; font-size: 1px;
    display: flex; align-items: center; justify-content: center;
}

.cashify .s_chart .box{
    width: 200em; height: 160em; gap: 20em; border-radius: 7px;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    background-color: #f4f4f4;
}
.cashify .s_chart .box.n1 img{width: 66em;}
.cashify .s_chart .box.n2 img{width: 44em;}
.cashify .s_chart .box.n3 img{width: 34em;}
.cashify .s_chart .box.n4 img{width: 46em;}
.cashify .s_chart .box p{font-size: max(18em,12px); font-weight: 600;}


.cashify .s_chart .txt{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15em;}
.cashify .s_chart .txt.margin{margin: 0 -50em;}
.cashify .s_chart .circle_txt{font-size: max(16em,10px); min-width: calc(150/16*1em);}
.cashify .s_chart .arrowBx{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16em;}
.cashify .s_chart .arrow{}
.cashify .s_chart .arrow div{width: 58em;}
.cashify .s_chart .line{width: 1px; height: 60em; background-color: #999999;}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
    .cashify .s_chart .chartArea{font-size: calc(1/1440*100vw);}
}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
    .cashify .s_chart .txt{margin: 0 -40em;}
}
@media screen and (max-width:820px) {
    .cashify .s_chart .chartArea{flex-direction: column; font-size: 0.8px; gap: 30em; max-width: 500px; margin: 0 auto;}
    .cashify .s_chart .box{width: 100%;}
    .cashify .s_chart .txt{flex-direction: row; margin: 0 !important; width: 100%; align-items: normal;}
    .cashify .s_chart .line{display: none;}
    .cashify .s_chart .arrowBx{transform: rotate(-90deg); width: 40em;}
    .cashify .s_chart .circle_txt{border-radius: 8px; flex: 1; min-width: unset;}
}
@media screen and (max-width:500px) {
    .cashify .s_chart{padding: 60px 0;}
    .cashify .s_chart .chartArea{font-size: 0.7px;}
    .cashify .s_chart .box{width: 200em;}
    .cashify .s_chart .arrowBx{gap: 4px;}
    .cashify .s_chart .circle_txt{font-size: 12px; font-weight: 500; padding: 10px;}
}
@media screen and (max-width:320px) {}





/* 웨어닥터 표 */
.weardoctor{}
.weardoctor .s_chart{background-color: #efefef;}
.weardoctor .s_chart ._tit{margin-bottom: 60px;}
.weardoctor .s_chart .chartArea{
	font-size: 1px; display: flex; justify-content: center;
    padding: 90em 0; box-sizing: border-box;

}
.weardoctor .s_chart .circle_txt{border-radius: calc(15/16*1em); font-size: max(16em,10px); width: 100%; margin-bottom: 14px;}

.weardoctor .s_chart .box{border-radius: 15em;}
.weardoctor .s_chart .num{
	display: flex; align-items: flex-start; gap: 4em;
}
.weardoctor .s_chart .num.center{align-items: center;}
.weardoctor .s_chart .num div{
	font-size: max(14em,10px); width: calc(16/14*1em); height: calc(16/14*1em); color: #fff;
	display: flex; align-items: center; justify-content: center; border-radius: calc(2/14*1em); background-color: var(--red);
}
.weardoctor .s_chart .num p{font-size: max(14em,10px); font-weight: 700; line-height: 1.2;}
.weardoctor .s_chart .dot{
	font-size: max(14em,10px); line-height: calc(24/14);
	text-indent: -0.8em; padding-left: 0.8em; box-sizing: border-box;
}
.weardoctor .s_chart .txt{font-size: max(14em,10px); line-height: calc(24/14); text-align: center;}
.weardoctor .s_chart .top_tit{font-size: max(14em,10px); font-weight: 700; line-height: 1.2; text-align: center;}

.weardoctor .s_chart .arrowBx{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-width: 105em; max-width: 105em;}
.weardoctor .s_chart .arrowBx .num{flex-direction: column; text-align: center;}
.weardoctor .s_chart .arrowBx .num p{font-weight: 400;}
.weardoctor .s_chart .arrowBx .arrow div{width: 58em;}

/* 별도 */

/* 1번 */
.weardoctor .s_chart .col.n1{min-width: 280em; max-width: 280em;}
.weardoctor .s_chart .col.n1 .purple{box-shadow: 0 0 6px 3px #ecdaff;}
.weardoctor .s_chart .col.n1 .pink{box-shadow: 0 0 6px 3px #f4d7de;}
.weardoctor .s_chart .col.n1 .arrow div{width: 20em; margin: 20em auto;}

.weardoctor .s_chart .col.n1 .purple{padding: 34em; box-sizing: border-box;}
.weardoctor .s_chart .col.n1 .purple .num{justify-content: center;}
.weardoctor .s_chart .col.n1 .purple .row{display: flex; align-items: center; gap: 18em;}
.weardoctor .s_chart .col.n1 .purple .row .imgBx{width: 44em; text-align: center;}
.weardoctor .s_chart .col.n1 .purple .row:nth-child(2){margin: 30em 0;}
.weardoctor .s_chart .col.n1 .purple .row:nth-child(2) .imgBx img{width: 31em;}
.weardoctor .s_chart .col.n1 .purple .row:nth-child(3) .imgBx img{}

.weardoctor .s_chart .col.n1 .pink{padding: 34em; box-sizing: border-box; text-align: center;}
.weardoctor .s_chart .col.n1 .pink .num{justify-content: center;}
.weardoctor .s_chart .col.n1 .pink .row{display: flex; align-items: center; gap: 18em;}
.weardoctor .s_chart .col.n1 .pink img{width: 100em; margin-top: 30em; margin-bottom: 20em;}

/* 2번 */
.weardoctor .s_chart .col.n2{display: flex; align-items: flex-end; padding-bottom: 56em;}

/* 3번 */
.weardoctor .s_chart .col.n3{min-width: 580em; max-width: 580em;}
.weardoctor .s_chart .col.n3 .box{background-color: #ede8f3; box-sizing: border-box; padding: 44em 14px; }
.weardoctor .s_chart .col.n3 .box .top_tit{margin-bottom: calc(44/14*1em);}
.weardoctor .s_chart .col.n3 .box .imgArea{display: flex; width: 466em; gap: 20em; margin: 0 auto; margin-bottom: 40em;}
.weardoctor .s_chart .col.n3 .box .imgBx{
	width: calc(33.3% - (20em * 2 /3)); position: relative; background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.weardoctor .s_chart .col.n3 .box .imgBx::before {content:''; display: block; padding-bottom: calc(342/150*100%);}
.weardoctor .s_chart .col.n3 .box .imgBx img{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;
}
.weardoctor .s_chart .col.n3 .box .bottom{
	display: flex; justify-content: center;
}
.weardoctor .s_chart .col.n3 .box .bottom .white{background-color: #fff; border-radius: 15em; padding: 25em 35em; box-sizing: border-box;}
.weardoctor .s_chart .col.n3 .box .bottom .white .num{margin-bottom: 6px;}
.weardoctor .s_chart .col.n3 .box .bottom .grayArrow{display: flex; align-items: center; margin: 0 3px;}
.weardoctor .s_chart .col.n3 .box .bottom .grayArrow::before {
	content:''; display: block; width: 6px; background-color: #999999; height: 1px;
}
.weardoctor .s_chart .col.n3 .box .bottom .grayArrow img{width: 8px;}


/* 4번 */
.weardoctor .s_chart .col.n4{display: flex; align-items: flex-end; padding-top: 160em; padding-bottom: 200em; flex-direction: column; justify-content: space-between;}

/* 5번 */
.weardoctor .s_chart .col.n5{min-width: 300em; max-width: 300em; gap: 20em;}
.weardoctor .s_chart .col.n5 .box{background-color: #f4f4f4; padding: 44em 18em; padding-bottom: 36em;}
.weardoctor .s_chart .col.n5 .box .top_tit{margin-bottom: calc(44/14*1em);}
.weardoctor .s_chart .col.n5 .box .imgBx{margin-bottom: 30em;}
.weardoctor .s_chart .col.n5 .box .bottom{color: #444; white-space: nowrap;}

@media screen and (max-width:1600px) {
	.weardoctor .s_chart .chartArea{font-size: calc(1/1600*100vw);}
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	.weardoctor .s_chart .chartArea{flex-direction: column; align-items: center; padding: 40px 20px; max-width: 800px; margin: 0 auto; font-size: 1px;}
	.weardoctor .s_chart .col{width: 100%; max-width: unset !important; min-width: unset !important;}
	.weardoctor .s_chart .col.n1 .purple .row{justify-self: center;}
	.weardoctor .s_chart .col.n2{padding: 0; justify-content: center;}
	.weardoctor .s_chart .col.n4{padding: 0; flex-direction: row; align-items: flex-start; justify-content: center;}
	.weardoctor .s_chart .col.n4 > div{width: 50%; max-width: unset;}
	.weardoctor .s_chart .col.n5 .box .bottom{white-space: unset;}

	.weardoctor .s_chart .box .top_tit{margin-bottom: 20px !important;}
	.weardoctor .s_chart .arrowBx{flex-direction: row; gap: 10px; margin: 20px 0;}
	.weardoctor .s_chart .chartArea .arrow.max-1280 div{max-width: 20em;}
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
	.weardoctor .s_chart .col.n3 .box .imgArea{width: 100%; max-width: 520px; gap: 10px;}
	.weardoctor .s_chart .col.n3 .box .imgBx{width: calc(100% / 3 - (10px * 2 / 3));}

	.weardoctor .s_chart .col.n3 .box .bottom .white{padding: 20px;}
}
@media screen and (max-width:500px) {
	.weardoctor .s_chart .chartArea{padding: 12px; border-radius: 10px; font-size: calc(1/500*100vw);}
	.weardoctor .s_chart .circle_txt{border-radius: 10px;}
	.weardoctor .s_chart .col.n3 .box{padding: 20px 10px;}
	.weardoctor .s_chart .col.n3 .box .bottom{flex-direction: column; gap: 10px;}
	.weardoctor .s_chart .col.n3 .box .bottom .grayArrow{display: none;}
}
@media screen and (max-width:320px) {}




/* 웨어닥터 헬스케어 */
.s_health_care{}
.s_health_care .wrap{}
.s_health_care .wrap ._tit{margin-bottom: 140px;}
.s_health_care .wrap .cont{}
.s_health_care .wrap .cont .row{
	display: flex; align-items: flex-start; justify-content: space-between;
}
.s_health_care .wrap .cont .row:nth-child(1){margin-bottom: 70px;}
.s_health_care .wrap .cont h4{
	font-size: 36px; font-weight: 600; line-height: calc(46/36); margin-bottom: 1em;
}
.s_health_care .wrap .cont h4 small{
	font-size: max(calc(20/36*1em),12px); color: #777777;
}
.s_health_care .wrap .cont .boxArea{
	max-width: 1120px; width: 100%;
	display: flex; gap: 20px;
}
.s_health_care .wrap .cont .boxArea .box{
	width: calc(100% / 3 - (20px * 2 / 3)); min-height: 220px;
	border: 1px solid #cccccc; box-sizing: border-box; border-radius: 9px;
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	padding: 20px 10px;
}
.s_health_care .wrap .cont .boxArea .box img{margin-bottom: 16px;}
.s_health_care .wrap .cont .boxArea .box .txtBx{
	text-align: center; line-height: 1.5;
}
.s_health_care .wrap .cont .boxArea .box .txtBx h5{
	font-size: 20px; font-weight: 600;
}
.s_health_care .wrap .cont .boxArea .box .txtBx small{
	color: #777777; margin-bottom: calc(28/16*1em); display: block;
}
.s_health_care .wrap .cont .boxArea .box .txtBx p{
	font-size: 20px; font-weight: 600;
}

@media screen and (max-width:1600px) {
	.s_health_care .wrap .cont .row{flex-direction: column;}
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {

	.s_health_care .wrap .cont .row:nth-child(1) .boxArea .box img{height: 36px;}
	.s_health_care .wrap .cont .row:nth-child(2) .boxArea .box img{height: 100px;}
	.s_health_care .wrap .cont .boxArea .box .txtBx h5{font-size: 18px;}
	.s_health_care .wrap .cont .boxArea .box .txtBx small{font-size: 14px;}
	.s_health_care .wrap .cont .boxArea .box .txtBx p{font-size: 18px;}
}
@media screen and (max-width:1024px) {
	.s_health_care .wrap .cont h4{font-size: max(calc(36/1024*100vw),20px);}
	.s_health_care .wrap .cont .boxArea .box .txtBx h5{font-size: 16px;}
	.s_health_care .wrap .cont .boxArea .box .txtBx small{font-size: 12px; margin-bottom: 8px;}
	.s_health_care .wrap .cont .boxArea .box .txtBx p{font-size: 16px;}
}
@media screen and (max-width:820px) {
	.s_health_care .wrap .cont .boxArea{gap: 10px;}
	.s_health_care .wrap .cont .boxArea .box{width: calc(100% / 3 - (10px * 2 / 3)); min-height: 150px;}
	.s_health_care .wrap .cont .boxArea .box img{margin-bottom: 10px;}
	.s_health_care .wrap .cont .row:nth-child(1) .boxArea .box img{height: 24px;}
	.s_health_care .wrap .cont .row:nth-child(2) .boxArea .box img{height: 60px;}
	.s_health_care .wrap .cont .boxArea .box .txtBx h5{font-size: 14px;}
	.s_health_care .wrap .cont .boxArea .box .txtBx p{font-size: 14px;}
	.s_health_care .wrap .cont .boxArea .box .txtBx p br{display: none;}
}
@media screen and (max-width:500px) {
	.s_health_care .wrap .cont .boxArea{flex-wrap: wrap;}
	.s_health_care .wrap .cont .boxArea .box{width: 100%;}
}
@media screen and (max-width:320px) {}





/* 세레모니 서비스 이용 방법 */
.s_how_to_use{background-color: #f0f0f0; overflow: hidden;}
.s_how_to_use .wrap{
    display: flex; justify-content: space-between; gap: 40px; flex-wrap: wrap;
}
.s_how_to_use .wrap .left{}
.s_how_to_use .wrap .left ._tit{position: relative; z-index: 2;}
.s_how_to_use .wrap .left ._tit .top{}
.s_how_to_use .wrap .left ._tit h3{}
.s_how_to_use .wrap .left .marquee{
    font-size: clamp(70px,calc(200/1920*100vw),200px); font-family: 'Inter'; font-weight: 700;
    white-space: nowrap; position: relative; color: rgba(0,0,0,0.07);
    width: 100%; height: 1em; margin-top: 0.25em;
}
.s_how_to_use .wrap .left .marquee div{
    position: absolute; left: 0; top: 0; width: 100%;
    display: flex; justify-content: center;
}
.s_how_to_use .wrap .left .marquee p{
    animation: marquee forwards infinite 3s linear;
    padding: 0 0.2em;
}
.s_how_to_use .wrap .right{
    width: 100%; max-width: 800px;
    display: flex; flex-direction: column; gap: 70px; position: relative;
    background-color: #f0f0f0; position: relative;
}
.s_how_to_use .wrap .right::before {
    content:''; display: block; position: absolute; top: 0; right: 100%;
    background: linear-gradient(90deg,rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 1) 100%);
    width: 400px;
    height: 100%;
}
.s_how_to_use .wrap .right::after{
    content:''; display: block; position: absolute; top: 0; left: 100%;
    background: linear-gradient(90deg,rgba(240, 240, 240, 1) 0%, rgba(240, 240, 240, 0) 100%);
    width: 400px;
    height: 100%;
}
.s_how_to_use .wrap .right .row{}
.s_how_to_use .wrap .right .row .imgBx{
    border-radius: 20px; overflow: hidden; margin-bottom: 26px;
}
.s_how_to_use .wrap .right .row .imgBx img{width: 100%;}
.s_how_to_use .wrap .right .row .txtBx{
    display: flex; align-items: flex-start; gap: 18px;
}
.s_how_to_use .wrap .right .row .txtBx .num{
    font-size: 14px; color: #a6a6a6; font-weight: 600; white-space: nowrap; padding-top: 6px;
}
.s_how_to_use .wrap .right .row .txtBx .num b{color: #000;}
.s_how_to_use .wrap .right .row .txtBx .txt{}
.s_how_to_use .wrap .right .row .txtBx .txt h4{
    font-size: 30px; font-weight: 700; line-height: 1.3;
    margin-bottom: 8px;
}
.s_how_to_use .wrap .right .row .txtBx .txt p{
    font-size: 18px; line-height: calc(30/18);
}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
    .s_how_to_use .wrap .right{max-width: 600px;}
}
@media screen and (max-width:1280px) {
    .s_how_to_use .wrap .right{max-width: 500px;}
}
@media screen and (max-width:1024px) {
    .s_how_to_use .wrap{flex-direction: column; gap: 20px;}
    .s_how_to_use .wrap .left ._tit{margin-bottom: 0 !important;}
    .s_how_to_use .wrap .right{max-width: unset;}
}
@media screen and (max-width:820px) {
    .s_how_to_use .wrap .right{gap: 40px;}
    .s_how_to_use .wrap .right .row .txtBx .txt h4{font-size: 20px;}
    .s_how_to_use .wrap .right .row .txtBx .txt p{font-size: 16px;}
}
@media screen and (max-width:500px) {
    .s_how_to_use .wrap .right{gap: 40px;}
    .s_how_to_use .wrap .right .row .imgBx{margin-bottom: 10px; border-radius: 10px;}
    .s_how_to_use .wrap .right .row .txtBx{flex-direction: column; gap: 10px;}
    .s_how_to_use .wrap .right .row .txtBx .txt h4{font-size: 18px;}
    .s_how_to_use .wrap .right .row .txtBx .txt p{font-size: 14px;}
}
@media screen and (max-width:320px) {}





/* 세레모니 표 */
.ceremony .s_chart{background-color: #f0f0f0;}
.ceremony .s_chart .inner{max-width: 1440px; margin: 0 auto;}
.ceremony .s_chart .wrap ._tit{margin-bottom: 80px;}
.ceremony .s_chart .chartArea{font-size: 1px; padding-left: 20px; padding-right: 50px; padding-top: 90px; padding-bottom: 80px; overflow: hidden;}


/* 상단 */
.ceremony .s_chart .topCont{margin-bottom: max(38em,10px);}
.ceremony .s_chart .topCon.mo{display: none;}


.ceremony .s_chart .topCont .arrowArea{display: flex; align-items: center; justify-content: center; gap: 10em; margin-bottom: 10px;}
.ceremony .s_chart .topCont .arrowArea .border{
	display: inline-flex; align-items: center; gap: 10em; position: relative;
	padding: 10em; border: 1px solid var(--red); border-radius: 200px;
}
.ceremony .s_chart .topCont .arrowArea .circle_txt{
	font-size: max(16em,10px); color: #fff; width: calc(170/16*1em); white-space: nowrap;
}
.ceremony .s_chart .topCont .arrowArea .gray_arrow{
	display: flex; align-items: center;
}
.ceremony .s_chart .topCont .arrowArea .gray_arrow img{width: max(8em,6px);}
.ceremony .s_chart .topCont .arrowArea .gray_arrow .line{height: 1px; background-color: #999999;}
.ceremony .s_chart .topCont .arrowArea .border .gray_arrow .line{width: 19em;}

.ceremony .s_chart .topCont .arrowArea .border .absol{
	position: absolute; left: 50%; transform: translateX(-50%); bottom: 100%; color: var(--red);
	font-weight: 600; display: flex; flex-direction: column; align-items: center;
}
.ceremony .s_chart .topCont .arrowArea .border .absol p{font-size: max(16em,10px);}
.ceremony .s_chart .topCont .arrowArea .border .absol .circle{
	background-color: var(--red); width: 7px; height: 7px; border-radius: 50%; margin-top: 4px;
}
.ceremony .s_chart .topCont .arrowArea .border .absol .line{
	background-color: var(--red); width: 1px; height: 12px;
}

.ceremony .s_chart .topCont .arrowArea > .gray_arrow .line{width: 56em;}

.ceremony .s_chart .topCont .boxArea{display: flex; gap: 20em;}

.ceremony .s_chart .topCont .boxArea .bigBx{display: flex; gap: 20em;}
.ceremony .s_chart .topCont .boxArea .bigBx.n2{flex-direction: column;}

/* 너비 */
.ceremony .s_chart .topCont .boxArea .bigBx:not(.n2){min-width: 34.722%;}
.ceremony .s_chart .topCont .boxArea .bigBx.n2{width: 100%;}

.ceremony .s_chart .topCont .boxArea .box{
	background-color: #f4f4f4; border-radius: 15em; text-align: center;
	padding: 30em; box-sizing: border-box; line-height: 1.428; flex: 1;
}
.ceremony .s_chart .topCont .boxArea .box h4{font-size: 16em; font-weight: 600; margin-bottom: calc(23/16*1em);}
.ceremony .s_chart .topCont .boxArea .box .txtBx{
	width: 100%; text-align: left;
	display: flex; flex-direction: column; gap: 8px;
}

.ceremony .s_chart .topCont .boxArea .box h4{margin-bottom: 0;}
.ceremony .s_chart .topCont .boxArea .box .txtBx.gap{gap: 3px;}
.ceremony .s_chart .topCont .boxArea .box .txtBx p{
	font-size: max(14em,10px);
	text-indent: -0.65em;
	padding-inline-start: 0.65em;
	box-sizing: border-box;
	color: #444444;
}
.ceremony .s_chart .topCont .boxArea .box .txtBx span{color: var(--red);}



.top_cont.mo{}
.top_cont.mo > .red{
    font-size: 16px; color: var(--red);
    font-weight: 600; text-align: center; margin-bottom: 10px;
}
.top_cont.mo .row{}
.top_cont.mo .border{position: relative; padding: 30px 0; box-sizing: border-box;}
.top_cont.mo .border::before {
    content:''; display: block;
    position: absolute; width: calc(100% + 14px); height: 100%;
    border: 1px solid var(--red); box-sizing: border-box;
    left: 50%; transform: translateX(-50%); top: 0;
    border-radius: 30px; pointer-events: none;
}
.top_cont.mo .row{
    display: flex; gap: 5px;
    justify-content: center; position: relative;
}
.top_cont.mo .row.direction{flex-direction: column; align-items: unset;}
.top_cont.mo .row.direction .box{}
.top_cont.mo .row .circle{width: 50%; text-align: center;}
.top_cont.mo .circle .circle_txt{
    font-size: 16em; padding: 0;
    width: calc(150/16*1em); height: calc(45/16*1em);
}
.top_cont.mo .gray_arrow{
    display: flex; align-items: center; justify-content: center;
}
.top_cont.mo .gray_arrow.absol{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.top_cont.mo .gray_arrow.direction{flex-direction: column;}
.top_cont.mo .gray_arrow img{width: 8px;}
.top_cont.mo .gray_arrow .line{width: 19px; height: 1px; background-color: #999999;}
.top_cont.mo .gray_arrow.direction .line{width: 1px; height: 19px;}

.top_cont.mo .box{
    background-color: #f4f4f4; border-radius: max(15em,10px);
    padding: max(25em,10px) max(30em,10px); box-sizing: border-box;
    flex: 1;  line-height: 1.428;
}
.top_cont.mo .box h4{
    font-size: max(16em,10px); text-align: center;
    font-weight: 600; margin-bottom: calc(23/16*1em);
}
.top_cont.mo .box h4.no_margin{margin-bottom: 0;}
.top_cont.mo .box .txtBx{
    width: 100%; text-align: left;
	display: flex; flex-direction: column; gap: 8px;
	max-width: 200px; margin: 0 auto;
}
.top_cont.mo .box .txtBx.gap{gap: 3px;}
.top_cont.mo .box .txtBx p{
    font-size: max(14em,10px);
    text-indent: -0.65em;
    padding-inline-start: 0.65em;
    box-sizing: border-box;
    color: #444444;
}
.top_cont.mo .box .txtBx .red{color: var(--red);}


/* 간격 */
.top_cont.mo .row.n1{margin-bottom: 10px;}
.top_cont.mo .row.n3{margin: 20px 0;}
.top_cont.mo .row.n4{margin-bottom: 10px;}
.top_cont.mo .row.n6{margin-bottom: 10px; margin-top: 18px;}
.top_cont.mo .row.n7{margin-bottom: 10px;}
.top_cont.mo .row.n8{margin-bottom: 60px;}










/* 하단 */
.ceremony .s_chart .bottomCont{display: flex; justify-content: space-between;}
.ceremony .s_chart .bottomCont .arrow div{width: 29em;}
.ceremony .s_chart .bottomCont .col{}
.ceremony .s_chart .bottomCont .col.n1{width: calc(153em); position: relative; z-index: 2;}
.ceremony .s_chart .bottomCont .col.n1 .imgBx{
	display: flex; flex-direction: column; gap: max(26em,4px);
}
.ceremony .s_chart .bottomCont .col.n1 .imgBx img{
	border-radius: 7px;
}
.ceremony .s_chart .bottomCont .col.n1 p{
	position: absolute; width: 100%; left: 0; top: 100%;
	font-size: max(14em,10px); margin-top: 10px; color: #aaaaaa; text-align: center;
}

.ceremony .s_chart .bottomCont .col.n2{
    display: flex; flex-direction: column; justify-content: space-between;
    margin-right: -40em; position: relative; z-index: 2;
}
.ceremony .s_chart .bottomCont .col.n2 .graph{display: flex; justify-content: center;}

.ceremony .s_chart .bottomCont .col.n2 .graph .side{display: flex; align-items: center; gap: 6px;}
.ceremony .s_chart .bottomCont .col.n2 .graph .side p{font-size: max(14em,10px);}
.ceremony .s_chart .bottomCont .col.n2 .graph .side .girl{width: 87em; border-radius: 8px;}
.ceremony .s_chart .bottomCont .col.n2 .graph .side .noise{width: 33em;}

.ceremony .s_chart .bottomCont .col.n2 .graph .side .box{display: flex; align-items: center; position: relative; gap: 6px;}
.ceremony .s_chart .bottomCont .col.n2 .graph .side .box .arrow{}
.ceremony .s_chart .bottomCont .col.n2 .graph .side .box .arrow div{}
.ceremony .s_chart .bottomCont .col.n2 .graph .side .grayBx{
	display: flex; flex-direction: column; align-items: center; position: absolute;
	bottom: 100%; margin-bottom: max(22em,10px);
}
.ceremony .s_chart .bottomCont .col.n2 .graph .side .grayBx img:nth-child(1){}
.ceremony .s_chart .bottomCont .col.n2 .graph .side .grayBx img:nth-child(3){width: max(11em,8px);}
.ceremony .s_chart .bottomCont .col.n2 .graph .side .grayBx .line{width: 1px; height: 40em; background-color: #999999;}

.ceremony .s_chart .bottomCont .col.n2 .graph .side.right{}
.ceremony .s_chart .bottomCont .col.n2 .graph .side.right > .arrow{}
.ceremony .s_chart .bottomCont .col.n2 .graph .side.right .box .arrow{}



.ceremony .s_chart .bottomCont .col.n2 .graph .center{
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	border: 1px dashed #c3c3c3; box-sizing: border-box; border-radius: max(20em,10px);
	padding: 60em 30em; margin: 0 10px; gap: 10px;
}
.ceremony .s_chart .bottomCont .col.n2 .graph .center > p{font-size: max(14em,10px); line-height: 1.2;}
.ceremony .s_chart .bottomCont .col.n2 .graph .center .box{
	font-size: max(14em,10px); line-height: 1.2; font-weight: 600;
	width: calc(130/14*1em); height: calc(48/14*1em);
	display: flex; align-items: center; justify-content: center; border-radius: 7px;
}
.ceremony .s_chart .bottomCont .col.n2 .graph .center .box.n1{box-shadow: #ecdaff 0px 0px 8px 1px;}
.ceremony .s_chart .bottomCont .col.n2 .graph .center .box.n2{background-color: #f4f4f4;}
.ceremony .s_chart .bottomCont .col.n2 .graph .center .box.n3{box-shadow: #f4d7de 0px 0px 8px 1px;}
.ceremony .s_chart .bottomCont .col.n2 .graph .center .box p{}
.ceremony .s_chart .bottomCont .col.n2 .graph .center .box p span{color: var(--red);}
.ceremony .s_chart .bottomCont .col.n2 .graph .center .arrow{}
.ceremony .s_chart .bottomCont .col.n2 .graph .center .arrow div{width: 10em;}
.ceremony .s_chart .bottomCont .col.n2 .graph .center .arrowBx{display: flex; align-items: center; position: relative;}
.ceremony .s_chart .bottomCont .col.n2 .graph .center .arrowBx > p{
	font-size: max(14em,10px); line-height: 1.2;
	position: absolute; left: 100%; margin-left: 8px;
}

.ceremony .s_chart .bottomCont .col.n2 .table{
	display: flex; flex-direction: column; gap: 1em;
	font-size: max(14em,10px); font-weight: 600; line-height: 1.2; text-align: center;
}
.ceremony .s_chart .bottomCont .col.n2 .table.max-1280{display: none;}
.ceremony .s_chart .bottomCont .col.n2 .table .tr{
	border-radius: 200px;
	display: flex; align-items: center;
	min-height: calc(35/14*1em);
	gap: calc(16/14*1em); padding: 5px calc(26/14*1em); box-sizing: border-box;
}
.ceremony .s_chart .bottomCont .col.n2 .table .tr:nth-child(1){min-height: calc(45/14*1em);}
.ceremony .s_chart .bottomCont .col.n2 .table .tr:nth-child(1){background-color: var(--red); color: #fff;}
.ceremony .s_chart .bottomCont .col.n2 .table .tr:nth-child(2){background-color: #f4f4f4;}
.ceremony .s_chart .bottomCont .col.n2 .table .tr:nth-child(3){background-color: #aaaaaa;}
.ceremony .s_chart .bottomCont .col.n2 .table p:nth-child(1){width: calc(36.19 / 14 * 1em);}
.ceremony .s_chart .bottomCont .col.n2 .table p:nth-child(2){width: calc(61.27 / 14 * 1em);}
.ceremony .s_chart .bottomCont .col.n2 .table p:nth-child(3){width: calc(93.16 / 14 * 1em);}
.ceremony .s_chart .bottomCont .col.n2 .table p:nth-child(4){width: calc(96.8 / 14 * 1em);}
.ceremony .s_chart .bottomCont .col.n2 .table p:nth-child(5){width: calc(73.61 / 14 * 1em);}
.ceremony .s_chart .bottomCont .col.n2 .table p:nth-child(6){width: calc(61.64 / 14 * 1em);}
.ceremony .s_chart .bottomCont .col.n2 .table p:nth-child(7){width: calc(61.19 / 14 * 1em);}
.ceremony .s_chart .bottomCont .col.n2 .table p:nth-child(8){width: calc(61.19 / 14 * 1em);}



.ceremony .s_chart .bottomCont .col.n3{}
.ceremony .s_chart .bottomCont .col.n3 > .top{
	display: flex; gap: 20em; padding-bottom: 16px; justify-content: center;
}
.ceremony .s_chart .bottomCont .col.n3 > .top > div{position: relative; padding-bottom: 4px;}
.ceremony .s_chart .bottomCont .col.n3 > .top > div .box{
	width: 153em; height: 110em; border-radius: 8px; position: relative; z-index: 2;
	display: flex; align-items: center; justify-content: center; background-color: #f4f4f4;
	margin-bottom: 10px;
}
.ceremony .s_chart .bottomCont .col.n3 > .top > div .box p{
	font-size: max(14em,10px); line-height: 1.2; text-align: center;
	position: relative; z-index: 2;
}
.ceremony .s_chart .bottomCont .col.n3 > .top > div .box img{position: relative; z-index: 2;}
.ceremony .s_chart .bottomCont .col.n3 > .top > div > p{
    font-size: max(14em,10px); line-height: 1.2; text-align: center; color: #aaaaaa;
    position: relative; z-index: 2;
}
.ceremony .s_chart .bottomCont .col.n3 > .top > div .line{
	position: absolute; width: 1px; height: 24px; background-color: #999999;
	left: 50%; transform: translateX(-50%); top: 100%;
}
.ceremony .s_chart .bottomCont .col.n3 > .top > div::before {
	content:''; display: block; background-color: #fff; width: 500px; height: 26px;
	position: absolute; z-index: 1; top: 100%;
}
.ceremony .s_chart .bottomCont .col.n3 > .top > div:nth-child(1):before{right: calc(50% + 0.5px);}
.ceremony .s_chart .bottomCont .col.n3 > .top > div:nth-child(2):before{display: none;}
.ceremony .s_chart .bottomCont .col.n3 > .top > div:nth-child(3):before{left: calc(50% + 0.5px);}
.ceremony .s_chart .bottomCont .col.n3 .bottom{text-align: center;}
.ceremony .s_chart .bottomCont .col.n3 .bottom .arrowBx{
	display: flex; align-items: center; justify-content: center;
	position: relative; margin-bottom: 14px;
}
.ceremony .s_chart .bottomCont .col.n3 .bottom .arrowBx::before {
	content:''; display: block; width: 100%; height: 20px; background-color: #fff;
	position: absolute; left: 0; top: 50%;
}
.ceremony .s_chart .bottomCont .col.n3 .bottom .arrowBx > *{position: relative;}
.ceremony .s_chart .bottomCont .col.n3 .bottom .arrowBx > img{width: max(10em,8px);}
.ceremony .s_chart .bottomCont .col.n3 .bottom .arrowBx div{text-align: center;}
.ceremony .s_chart .bottomCont .col.n3 .bottom .arrowBx div img{
	width: max(11em,8px); position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%);
	margin-bottom: 4px;
}
.ceremony .s_chart .bottomCont .col.n3 .bottom .arrowBx div p{
	font-size: max(14em,10px); padding: 0 12px;
	background-color: #fff;
}
.ceremony .s_chart .bottomCont .col.n3 .bottom .arrowBx .line{
	position: absolute; width: 100%; height: 1px; background-color: #999999;
}

.ceremony .s_chart .bottomCont .col.n3 .bottom .bigBx{position: relative; display: inline-block;}

.ceremony .s_chart .bottomCont .col.n3 .bottom .purple{
    background-color: #ede8f3; border-radius: 8px;
    display: inline-flex; align-items: center; justify-content: center; flex-direction: column;
    padding: 20em 18em; gap: 10px;
    position: relative; z-index: 2;
}
.ceremony .s_chart .bottomCont .col.n3 .bottom .purple > p{
    font-size: max(18em,12px); font-weight: 600;
}
.ceremony .s_chart .bottomCont .col.n3 .bottom .purple .box{
    width: calc(170/14*1em); border-radius: 7px; height: calc(48/14*1em); padding: 0 calc(17/14*1em);
    box-sizing: border-box; background-color: #fff;
    display: flex; align-items: center; justify-content: space-between;
    font-size: max(14em,10px); line-height: 1.2; text-align: center;
}
.ceremony .s_chart .bottomCont .col.n3 .bottom .purple .box img{width: calc(24/14*1em);}
.ceremony .s_chart .bottomCont .col.n3 .bottom .purple .box.n1 img{width: calc(26/14*1em);}
.ceremony .s_chart .bottomCont .col.n3 .bottom .purple .box.n2 img{width: calc(27/14*1em);}
.ceremony .s_chart .bottomCont .col.n3 .bottom .purple .box p{width: 66%;}

.ceremony .s_chart .bottomCont .col.n3 .side{
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding-bottom: 14px; margin-left: 40px;
    position: absolute; left: 100%; bottom: 0; z-index: 1;
}
.ceremony .s_chart .bottomCont .col.n3 .side p{font-size: max(14em,10px);}
.ceremony .s_chart .bottomCont .col.n3 .side .top{
    display: flex; align-items: center; position: relative;
    margin-bottom: 12px;
}
.ceremony .s_chart .bottomCont .col.n3 .side .top .gray_arrow{
    display: flex; align-items: center; position: absolute; right: 100%; margin-right: 14px;
}
.ceremony .s_chart .bottomCont .col.n3 .side .top .gray_arrow .line{
    width: 100px; height: 1px; background-color: #999999;
}
.ceremony .s_chart .bottomCont .col.n3 .side .top .gray_arrow img{width: max(10em,8px);}
.ceremony .s_chart .bottomCont .col.n3 .side .top p{}

.ceremony .s_chart .bottomCont .col.n3 .side > .gray_arrow{display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 17px;}
.ceremony .s_chart .bottomCont .col.n3 .side > .gray_arrow .line{width: 1px; height: 87em; background-color: #999999;}
.ceremony .s_chart .bottomCont .col.n3 .side > .gray_arrow img{width: max(11em,8px);}
.ceremony .s_chart .bottomCont .col.n3 .side > img{margin-bottom: 12px; width: 132em; border-radius: 8px; max-width: unset;}
.ceremony .s_chart .bottomCont .col.n3 .side > p{color: #aaaaaa;}



/* 마지막 글씨 */
.ceremony .s_chart .chartArea .lastTxt{
	position: absolute; font-size: max(14em,12px); color: #aaaaaa;
	bottom: 22px; right: 44px;
}




@media screen and (max-width:1600px) {
    .ceremony .s_chart .chartArea{font-size: calc(1/1600*100vw);}
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
    .ceremony .s_chart .chartArea{font-size: 1px; max-width: 700px; margin: 0 auto; padding: 40px 16px;}
	.ceremony .s_chart .bottomCont{flex-direction: column;}
	.ceremony .s_chart .bottomCont .col{width: 100% !important;}

	/* 여자 사진 세개 */
	.ceremony .s_chart .bottomCont .col.n1{margin-bottom: 60px;}
	.ceremony .s_chart .bottomCont .col.n1 .imgBx{
		flex-direction: row; justify-content: center; gap: 6px;
		max-width: 406px; margin: 0 auto;
	}
	.ceremony .s_chart .bottomCont .col.n1 .imgBx img{width: calc(100% / 3 - (6px * 2 / 3));}
	.ceremony .s_chart .bottomCont .col.n1 p{position: unset;}


	/* 가운데 점선 테두리표 */
	.ceremony .s_chart .bottomCont .col.n2{margin-right: unset;}
	.ceremony .s_chart .bottomCont .col.n2 .graph{align-items: center; margin-bottom: 20px;}
	.ceremony .s_chart .bottomCont .col.n2 .graph .side{align-items: stretch; gap: max(10em,3px);}
	.ceremony .s_chart .bottomCont .col.n2 .graph .side .box{flex-direction: column; gap: max(10em,3px);}
	.ceremony .s_chart .bottomCont .col.n2 .graph .side .arrow.bottom div{width: 10em;}
	.ceremony .s_chart .bottomCont .col.n2 .graph .side .arrow.top div{width: 10em;}
	.ceremony .s_chart .bottomCont .col.n2 .graph .side .grayBx{position: unset; margin-bottom: 0; height: 100%;}
	.ceremony .s_chart .bottomCont .col.n2 .graph .side .grayBx .line{height: 100%;}

	.ceremony .s_chart .bottomCont .col.n2 .graph .side.right{gap: 0;}
	.ceremony .s_chart .bottomCont .col.n2 .graph .side.right > .arrow{display: flex; align-items: flex-end;}
	.ceremony .s_chart .bottomCont .col.n2 .graph .side.right .box{flex-direction: column-reverse;}

	.ceremony .s_chart .bottomCont .col.n2 .graph .center{padding: 18em 14em; gap: 12px;}

	/* 테이블 */
	.ceremony .s_chart .bottomCont .col.n2 .table{width: 100%; gap: 5px;}
	.ceremony .s_chart .bottomCont .col.n2 .table.max-1280{display: flex; margin-top: 20px; margin-bottom: 60px;}

	.ceremony .s_chart .bottomCont .col.n2 .table p{width: calc(100% / 3) !important;}


	/* 마지막 */
	.ceremony .s_chart .bottomCont .col.n3 > .top{gap: 6px;}
	.ceremony .s_chart .bottomCont .col.n3 > .top > div .box{width: 130em; min-height: 96em; height: auto; overflow: hidden;}
	.ceremony .s_chart .bottomCont .col.n3 > .top > div:nth-child(2) .box img{width: 100%; height: 100%; object-fit: cover;}

	.ceremony .s_chart .bottomCont .col.n3 .side{margin-left: max(30em,12px);}
	.ceremony .s_chart .bottomCont .col.n3 .side .top .gray_arrow{margin-right: 10px;}
	.ceremony .s_chart .bottomCont .col.n3 .side > .gray_arrow{margin-bottom: 10px;}
	.ceremony .s_chart .bottomCont .col.n3 .side > .gray_arrow .line{height: 30em;}
	.ceremony .s_chart .bottomCont .col.n3 .side > img{width: 94em;}



	/* 마지막 글씨 */
	.ceremony .s_chart .chartArea .lastTxt{
		position: unset; text-align: center; margin-top: 10px;
		font-size: max(14em,11px);
	}
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {}
@media screen and (max-width:540px) {
	.ceremony .s_chart .chartArea{font-size: calc(1/540*100vw);}
}
@media screen and (max-width:500px){
	.top_cont.mo .box{padding: 15em 12em;}

	.top_cont.mo .border::before{border-radius: 30em;}

	.ceremony .s_chart .bottomCont .col.n3 > .top > div{width: auto; height: auto; flex: 1;}
	.ceremony .s_chart .bottomCont .col.n3 > .top > div .box{width: 100%;}
	.ceremony .s_chart .bottomCont .col.n3 > .top > div:nth-child(1) .box{padding: 0 2px; box-sizing: border-box;}
}
@media screen and (max-width:350px) {
	.top_cont.mo .gray_arrow .line{width: 12px;}

	.ceremony .s_chart .bottomCont .col.n2 .table .tr{border-radius: 4px; padding: 4px;}

	.ceremony .s_chart .bottomCont .col.n3 .side{margin-left: 10px;}
	.ceremony .s_chart .bottomCont .col.n3 .bottom .purple{padding: 15em 10em;}
	.ceremony .s_chart .bottomCont .col.n3 .bottom .purple .box{width: calc(140/14*1em);}
	.ceremony .s_chart .bottomCont .col.n3 .side .top .gray_arrow{margin-right: 2px;}
}












/* 세레모니 슬라이드 */
.s_slide{overflow: hidden;}
.s_slide .wrap{
    display: flex; position: relative;
}
.s_slide .wrap::before {
    content:''; display: block; position: absolute; width: 100%; height: 100%;
    right: 100%; background-color: #fff; z-index: 2;
}
.s_slide .wrap ._tit{min-width: 560px; background-color: #fff; position: relative; z-index: 2;}
.s_slide .wrap .cont{}
.s_slide .wrap .cont .swiper{
    width: clamp(200px,calc(450/1920*100vw),450px); overflow: visible; margin-top: 1px;
    cursor: none;
}
.s_slide .wrap .cont .swiper-wrapper{}
.s_slide .wrap .cont .swiper-slide{}
.s_slide .wrap .cont .swiper-slide .imgBx{
    border-radius: 20px; overflow: hidden; margin-bottom: 10px;
}
.s_slide .wrap .cont .swiper-slide .imgBx img{}
.s_slide .wrap .cont .swiper-slide .txtBx{}
.s_slide .wrap .cont .swiper-slide .txtBx h4{
    font-size: 40px; font-weight: 700; line-height: 1.3; margin-bottom: 6px;
}
.s_slide .wrap .cont .swiper-slide .txtBx p{
    font-size: 20px; line-height: calc(30/20); color: #444444;
}


/* 세레모니 커서 */
._cursor{
    position: fixed; width: 90px; height: 90px;
    display: flex; align-items: center; justify-content: center; border-radius: 50%;
    color: #fff; background-color: var(--red); z-index: 99999; font-family: 'Inter'; letter-spacing: -0.05em;
    transform: translate(-50%,-50%) scale(0); pointer-events: none; transition: transform 0.4s;
}
._cursor.on{transform: translate(-50%,-50%) scale(1);}
html.mo ._cursor{display: none;}


@media screen and (max-width:1600px) {
    .s_slide .wrap .cont .swiper-slide .txtBx h4{font-size: 30px;}
    .s_slide .wrap .cont .swiper-slide .txtBx p{font-size: 18px;}
}
@media screen and (max-width:1440px) {
    .s_slide .wrap{flex-direction: column;}
    .s_slide .wrap::before{display: none;}
    .s_slide .wrap ._tit{margin-bottom: 40px; min-width: unset;}
    .swiper{margin-left: 0;}
}
@media screen and (max-width:1280px) {
    .s_slide .wrap .cont .swiper-slide .txtBx h4{font-size: 22px;}
    .s_slide .wrap .cont .swiper-slide .txtBx p{font-size: 16px;}
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
    .s_slide .wrap .cont .swiper-slide .imgBx{border-radius: 10px;}
    .s_slide .wrap .cont .swiper-slide .txtBx h4{font-size: 18px;}
    .s_slide .wrap .cont .swiper-slide .txtBx p{font-size: 14px;}
}
@media screen and (max-width:500px) {}
@media screen and (max-width:320px) {}




/* ------------------------- 섹션별 간격 ------------------------- */


/* 캐시파이 */
.cashify .s_ico_card{padding-bottom: 150px;}
.cashify .s_card{padding-top: 160px; padding-bottom: 160px;}
.cashify .s_logo_marquee{padding-top: 140px; padding-bottom: 160px;}
.cashify .s_more_btn{}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
    .cashify .s_ico_card{padding-bottom: 80px;}
    .cashify .s_card{padding-top: 80px; padding-bottom: 0;}
    .cashify .s_logo_marquee{padding: 80px 0;}
}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {
    .cashify .s_ico_card{padding-bottom: 60px;}
    .cashify .s_card{padding-top: 60px; padding-bottom: 0;}
    .cashify .s_logo_marquee{padding: 60px 0; padding-bottom: 80px;}
}
@media screen and (max-width:320px) {}



/* 웨어닥터 */
.weardoctor .s_ico_card{margin-bottom: 170px;}
.weardoctor .s_card{padding-bottom: 280px;}
.weardoctor .s_chart{padding: 150px 0;}
.weardoctor .s_health_care{padding-top: 150px; padding-bottom: 200px;}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	.weardoctor .s_ico_card{margin-bottom: 80px;}
	.weardoctor .s_card{padding-bottom: 80px;}
	.weardoctor .s_chart{padding: 80px 0;}
	.weardoctor .s_health_care{padding: 80px 0;}
}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {
	.weardoctor .s_ico_card{margin-bottom: 60px;}
	.weardoctor .s_card{padding-bottom: 60px;}
	.weardoctor .s_chart{padding: 60px 0;}
	.weardoctor .s_health_care{padding: 60px 0;}
}
@media screen and (max-width:320px) {}


/* 세레모니 */
.ceremony .s_ico_card{padding-bottom: 180px;}
.ceremony .s_how_to_use{padding: 180px 0;}
.ceremony .s_chart{padding-top: 150px; padding-bottom: 120px;}
.ceremony .s_slide{padding: 180px 0;}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	.ceremony .s_ico_card{padding-bottom: 80px;}
	.ceremony .s_how_to_use{padding: 80px 0;}
	.ceremony .s_chart{padding: 80px 0;}
	.ceremony .s_slide{padding: 80px 0;}
}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {
	.ceremony .s_ico_card{padding-bottom: 60px;}
	.ceremony .s_how_to_use{padding: 60px 0;}
	.ceremony .s_chart{padding: 60px 0;}
	.ceremony .s_slide{padding: 60px 0;}
}
@media screen and (max-width:320px) {}