@charset "utf-8";

/*페이지 공통*/
#page_area *{word-break:keep-all}
#page_area .tit_box{margin-bottom:5rem;text-align:center}
#page_area .tit_box .s_tit{margin-bottom:1rem;font-size:1.7rem;font-weight:700;color:var(--pt-color);position:relative;font-family: "Playfair Display", serif;}
#page_area .tit_box .tit{font-size:4rem;font-weight:700;line-height:130%;color:#333;font-family: "Noto Serif KR", serif;}
#page_area .tit_box .tit span{color:var(--pt-color)}
#page_area .tit_box .txt{margin-top:2rem;font-size:1.7rem;line-height:150%;color:#666}

#page_area .program_tit{margin-bottom:2rem;padding-left:1.5rem;font-size:2.8rem;line-height:130%;font-weight:700;color:#333;position:relative;font-family:"Noto Serif KR", serif;}
#page_area .program_tit:before, #page_area .program_tit:after{content:'';width:5px;height:5px;border-radius:5px;position:absolute;left:0;top:50%}
#page_area .program_tit:before{background:#b974ef;transform:translateY(-.5rem)}
#page_area .program_tit:after{background:#652e90;transform:translateY(.4rem)}
#page_area .program_txt{margin-bottom:3rem;font-size:1.7rem;line-height:150%;color:#666}

/*프로세스 공통*/
#page_area .process_list{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:2rem 2%}
#page_area .process_list li{width:23.5%;padding:5rem 2rem;border:1px solid #ddd;border-radius:1rem;background:#fff;text-align:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center}
#page_area .process_list li .num{width:8rem;height:2.5rem;margin-bottom:1rem;border-radius:2.5rem;background:#efeaf4;font-size:1.4rem;font-weight:600;line-height:2.5rem;text-align:center;color:var(--pt-color);font-family:'Poppins'}
#page_area .process_list li .list_tit{width:100%;margin-bottom:1rem;font-size:2rem;font-weight:700;color:#333;font-family: "Noto Serif KR", serif;}
#page_area .process_list li .list_txt{font-size:1.6rem;line-height:150%;color:#666}
#page_area .process_list li .list_txt2{width:100%;font-size:1.8rem;font-weight:600;line-height:150%;color:#333;word-break:keep-all}

#page_area .process_list_5way{gap:2rem 1%}
#page_area .process_list_5way li{width:19.2%}

/*파트너쉽 게시판 뷰*/
#page_area.bd_view_page{margin-bottom:5rem}
.bd_view_page .qualification{width:100%;margin-bottom:5rem;padding:3rem;border:1px solid #ddd;border-radius:1rem}
.bd_view_page .qualification .qa_tit{margin-bottom:3rem;font-size:1.7rem;line-height:150%;color:#666}
.bd_view_page .qualification .qa_list{width:100%;padding:3rem;border-radius:1rem;background:#f6f4f8}
.bd_view_page .qualification .qa_list li{padding:0 0 1rem 1rem;font-size:1.7rem;line-height:150%;color:#666;position:relative}
.bd_view_page .qualification .qa_list li:last-child{padding-bottom:0}
.bd_view_page .qualification .qa_list li:before{content:'';width:3px;height:3px;border-radius:3px;background:var(--pt-color);position:absolute;left:0;top:1rem}


/*리턴즈맘케어 소개*/
.about_page .about_cont_area{max-width:140rem;width:100%;margin:0 auto;padding:13rem 0;display:flex;flex-wrap:wrap;align-items:center}
.about_page .about_cont_area .about_cont{width:55%;padding-right:5rem}

#page_area.about_page .about_cont .tit_box{text-align:left}
.about_page .about_cont .txt_tit{display:inline-block;margin-bottom:3rem;padding:0 2rem;font-size:2rem;font-weight:600;color:#333;position:relative}
.about_page .about_cont .txt_tit span{display:inline-block/*줄바꿈을 위해 추가*/;position:relative;z-index:10}
.about_page .about_cont .txt_tit span em{font-style:normal;color:var(--pt-color)}
.about_page .about_cont .txt_tit:before{content:'';width:100%;height:1.5rem;background:#efeaf4;position:absolute;left:0;bottom:-.5rem}

.about_page .cont_txt{font-size:1.7rem;line-height:150%;color:#666;word-break:keep-all}
.about_page .cont_txt + .cont_txt {margin-top:3rem}
.about_page .cont_txt span{font-weight:500;color:#333}
.about_page .cont_txt .color{color:var(--pt-color)}

.about_page .about_cont_area .cont_circle{width:45%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.about_page .cont_circle .circle{width:50%;padding-bottom:50%;border-radius:50%;border:2px solid var(--pt-color);background:#fff;position:relative;opacity:0;transition:all 1s}
.about_page .cont_circle .circle01{margin:0 25% -15%}
.about_page .cont_circle .circle02{margin-right:-7.5%}
.about_page .cont_circle .circle03{background:url(../way_page/img/color_bg.png) repeat}

.about_page .cont_circle.active .circle{opacity:1}
.about_page .cont_circle.active .circle02{transition-delay:.2s}
.about_page .cont_circle.active .circle03{transition-delay:.4s}

.about_page .cont_circle .circle .inner{width:100%;padding:0 2rem;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.about_page .cont_circle .circle .eng_tit{margin-bottom:.5rem;font-size:2.7rem;font-weight:700;color:var(--pt-color);font-family: "Playfair Display", serif;}
.about_page .cont_circle .circle .kor_txt{font-size:1.8rem;font-weight:500;color:#333}


.about_page .cont_circle .circle03 .eng_tit{color:#fff}
.about_page .cont_circle .circle03 .kor_txt{color:rgba(255,255,255,.8)}


.about_page .about_bnr{width:100%;padding:13rem 2rem;background:url(../way_page/img/about_bg.jpg) no-repeat center left/cover #f7f7f7;position:relative}
.about_page .about_bnr:before{content:'';width:100%;height:100%;background:rgba(255,255,255,.7);position:absolute;left:0;top:0;z-index:10;opacity:0;transition:all .3s}
.about_page .about_bnr .inner{max-width:140rem;width:100%;margin:0 auto;padding-left:35%;position:relative;z-index:12}

.advantages_area{max-width:140rem;width:100%;margin:0 auto;padding:13rem 0}
.advantages_area .advantages_cont{display:flex;flex-wrap:wrap;align-items:center}

.advantages_area .advantages_cont .img_box{width:50%;height:35rem;position:relative;overflow:hidden}
.advantages_area .advantages_cont .txt_box{width:50%;padding:0 5rem}
.advantages_area .advantages_cont .txt_box .box_tit{margin-bottom:2rem;font-size:2.2rem;font-weight:700;color:#333;font-family: "Noto Serif KR", serif;}
.advantages_area .advantages_cont .txt_box .txt_list li{padding:0 1.5rem;font-size:1.7rem;line-height:150%;color:#666;position:relative}
.advantages_area .advantages_cont .txt_box .txt_list li:before{content:'';width:3px;height:3px;border-radius:3px;background:var(--pt-color);position:absolute;top:1rem;left:0}

.advantages_area .advantages_cont:nth-child(odd){flex-direction:row-reverse}
.advantages_area .advantages_cont:nth-child(odd) .txt_box{text-align:right}
.advantages_area .advantages_cont:nth-child(odd) .txt_box .txt_list li:before{left:auto;right:0}

.advantages_area .img_box01{background:url(../way_page/img/about_img01.jpg) no-repeat center/cover}
.advantages_area .img_box02{background:url(../way_page/img/about_img02.jpg) no-repeat center/cover}
.advantages_area .img_box03{background:url(../way_page/img/about_img03.jpg) no-repeat center/cover}
.advantages_area .img_box04{background:url(../way_page/img/about_img04.jpg) no-repeat center/cover}


.advantages_area .advantages_cont .img_box .color_bg {width:100%; height:100%; background:var(--pt-color); position:absolute; top:0; left:0;z-index:2;    transition: opacity .5s;}
.advantages_area .advantages_cont .img_box .color_bg.left {translate: none; rotate: none; scale: none; transform-origin: 100% 50%; transform: scale(0, 1);}
.advantages_area .advantages_cont .img_box.active .color_bg.left {animation:color-left 1.5s cubic-bezier(.210,.60,.350,1) .3s forwards;}
.advantages_area .advantages_cont .img_box .color_bg.right {translate: none; rotate: none; scale: none; transform-origin: 0% 100%; transform: scale(0, 1);}
.advantages_area .advantages_cont .img_box.active .color_bg.right {animation:color-right 1.5s cubic-bezier(.210,.60,.350,1) .3s forwards;}


@keyframes color-left {
	0%{transform: scale(0, 1);}
	40%{transform: scale(1, 1);}
	50%{transform: scale(1, 1);}
	100%{transform: scale(1, 1) translateX(-100%);}
}

@keyframes color-right {
	0%{transform: scale(0, 1);}
	40%{transform: scale(1, 1);}
	50%{transform: scale(1, 1);}
	100%{transform: scale(1, 1) translateX(100%);}
}

.about_bt_img{max-width:140rem;width:100%;margin:0 auto 13rem;text-align:center}
.about_bt_img img{max-width:100%;width:auto}

/*프로그램 소개 공통*/
.program_page .program_cont{max-width:140rem;width:100%;margin:0 auto;padding:13rem 0;display:flex;flex-wrap:wrap;align-items: center;}
.program_page .program_cont .img_box{width:50rem;height:50rem;border-radius:2rem;box-shadow:2rem 2rem 0 rgb(224,211,233);overflow:hidden}
.program_page .program_cont .img_box img{width:100%}
.program_page .program_cont .txt_box{width:calc(100% - 50rem);padding-left:8rem}


.program_page .program_cont .txt_box .txt{font-size:1.7rem;line-height:150%;color:#666}
.program_page .program_cont .txt_box .txt + .txt{margin-top:2rem}

.program_page .program_cont .txt_box .tip_txt_box{margin-top:3rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem}
.program_page .program_cont .txt_box .tip_tit{width:10rem;height:3.5rem;border-radius:3.5rem;font-size:1.6rem;font-weight:500;line-height:3.5rem;text-align:center;color:var(--pt-color);background:#efe9f4}
.program_page .program_cont .txt_box .tip_txt{font-size:1.7rem;font-weight:500;color:#333}

.program_page .program_price_info{width:100%;background:url(../way_page/img/program_bg.jpg) no-repeat center top/cover}
.program_page .program_price_info .inner{max-width:140rem;width:100%;margin:0 auto;padding:13rem 0}
.program_page .program_price_info .w_txt_box{margin-bottom:3rem;padding:2rem 3rem;background:#fff;font-size:1.7rem;line-height:150%;color:#333}
.program_page .program_price_info .info_txt{margin-bottom:5rem;font-size:1.7rem;line-height:150%;color:#666;}
.program_page .program_price_info .info_txt p{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px dashed #ddd;font-size:1.8rem;font-weight:500;color:var(--pt-color)}

.program_page .price_tbl_area{}
.program_page .price_tbl_area .tbl_tit{margin-bottom:2rem;font-size:2rem;font-weight:700;color:#333;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem}
.program_page .price_tbl_area .tbl_tit span{width:13rem;height:3.5rem;border-radius:3.5rem;background:rgba(98,37,144,.2);font-size:1.6rem;font-weight:500;text-align:center;line-height:3.5rem;color:var(--pt-color)} 
.program_page .price_tbl_area .tbl_tit_top{margin-top:5rem}
.program_page .price_tbl_area .price_tbl{width:100%;table-layout:fixed}
.program_page .price_tbl_area .price_m_tbl{display:none}
.program_page .price_tbl_area .price_tbl th{padding:2rem;background:#d4bde4;border-right:1px solid #c7a9d9;font-size:1.8rem;font-weight:500;color:#333}
.program_page .price_tbl_area .price_tbl th:last-child{border-right:0}
.program_page .price_tbl_area .price_tbl td{padding:2rem;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;padding:2rem;font-size:1.6rem;text-align:center}
.program_page .price_tbl_area .price_tbl td:first-child{border-left:1px solid #ddd}
.program_page .price_tbl_area .price_tbl td .line{text-decoration:line-through;color:#888}
.program_page .price_tbl_area .tbl_cont .tip_txt{margin-top:1rem;font-size:1.7rem;color:#666;text-align:right}


/*이용안내 - 이용절차*/
.process_page .tip_txt{margin:1rem 0 5rem;font-size:1.5rem;text-align:right;color:#888}
.process_page .fnq_list{margin-bottom:5rem}
.process_page .fnq_list li{width:100%;padding:3rem 5rem;border-radius:1rem;background:#f6f4f8}
.process_page .fnq_list li + li{margin-top:2rem}
.process_page .fnq_list li .q_tit{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px dashed #ddd;font-size:1.8rem;font-weight:500;color:#333;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}
.process_page .fnq_list li .q_tit span{width:3rem;height:3rem;border-radius:3rem;background:var(--pt-color);font-size:1.6rem;font-weight:700;text-align:center;line-height:3rem;color:#fff}
.process_page .fnq_list li .txt{font-size:1.7rem;line-height:150%;color:#666}

.process_page .cancel_list{padding:3rem 5rem;border:1px solid #ddd;border-radius:1rem}
.process_page .cancel_list li{margin-bottom:1rem;padding:0 0 1rem 1rem;border-bottom:1px dashed #ddd;font-size:1.7rem;line-height:150%;color:#666;position:relative}
.process_page .cancel_list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.process_page .cancel_list li:before{content:'';width:3px;height:3px;border-radius:3px;background:var(--pt-color);position:absolute;left:0;top:1rem}

@media(max-width:1400px){
	/*리턴즈맘케어 소개*/
	.about_page{padding:0}
	.about_page .about_cont_area{padding:12rem 2rem}
	.about_page .cont_txt br{display:none}
	.about_page .about_bnr{padding:12rem 5rem}
	.about_page .about_bnr:before{opacity:1}
	.about_page .about_bnr .inner{padding:0}
	.advantages_area{padding:12rem 2rem}
	
	/*프로그램 소개*/
	.program_page .program_cont{padding:12rem 2rem}
	.program_page .program_price_info .inner{padding:12rem 2rem}
	
}


@media(max-width:1280px){
	#page_area .tit_box .tit{font-size:3.7rem}
	
	/*리턴즈맘케어 소개*/
	.about_page .about_cont_area{padding:10rem 2rem}
	.about_page .about_bnr{padding:10rem 5rem}
	.advantages_area{padding:10rem 2rem}
	.about_bt_img{margin-bottom:0}
	
	/*프로그램 소개*/
	.program_page .program_cont{padding:10rem 2rem}
	.program_page .program_price_info .inner{padding:10rem 2rem}
}

@media(max-width:1024px){
	#page_area .tit_box .tit{font-size:3.4rem}
	#page_area .program_tit{font-size:2.5rem}
	
	/*프로세스 공통*/
	#page_area .process_list{width:100%;margin:0 auto;padding:3rem;border-radius:1rem;background:#efeaf4}
	#page_area .process_list li{width:49%}
	
	/*파트너쉽 게시판뷰*/
	.process_page .tip_txt{text-align:center}
	
	/*리턴즈맘케어 소개*/
	.about_page .about_cont_area{padding:7rem 2rem}
	.about_page .about_bnr{padding:7rem 2rem}
	.advantages_area{padding:7rem 2rem}
	
	.about_page .about_cont_area{justify-content:center}
	.about_page .about_cont_area .about_cont{max-width:80rem;width:100%;padding:0;text-align:center}
	#page_area.about_page .about_cont .tit_box{text-align:center}
	
	.about_page .about_cont_area .cont_circle{max-width:60rem;width:100%;margin-top:5rem}
	
	/*프로그램 소개*/
	.program_page .program_cont{padding:9rem 2rem}
	.program_page .program_price_info .inner{padding:9rem 2rem}
	
	.program_page .program_cont .img_box{width:35rem;height:35rem}
	.program_page .program_cont .txt_box{width:calc(100% - 35rem);padding-left:5rem}
	
}	


@media(max-width:767px){
	#page_area .tit_box{margin-bottom:3rem}
	#page_area .tit_box .tit{font-size:3.1rem}
	
	#page_area .program_tit{font-size:2.2rem}
	
	/*프로세스 공통*/
	#page_area .process_list{padding:2rem}
	
	/*파트너쉽 게시판뷰*/
	.process_page .fnq_list li{padding:3rem}
	.process_page .cancel_list{padding:3rem 2rem}
	
	/*리턴즈맘케어 소개*/
	.about_page .about_cont_area{padding:8rem 2rem}
	.about_page .about_bnr{padding:8rem 2rem}
	.advantages_area{padding:8rem 2rem}
	.about_page .cont_circle .circle .eng_tit{font-size:2.4rem}
	
	.advantages_area .advantages_cont{display:block}
	.advantages_area .advantages_cont + .advantages_cont{margin-top:3rem}
	.advantages_area .advantages_cont .img_box{max-width:50rem;width:100%;margin:0 auto 3rem}
	.advantages_area .advantages_cont .txt_box{width:100%;padding:0;text-align:center}
	.advantages_area .advantages_cont .txt_box .txt_list li:before{display:none}
	
	.advantages_area .advantages_cont:nth-child(odd) .txt_box{text-align:center}
	
	/*프로그램 소개*/
	.program_page .program_cont{display:block;padding:8rem 2rem}
	.program_page .program_cont .img_box{max-width:35rem;width:100%;height:auto;margin:0 auto 5rem;box-shadow:1rem 1rem 0 rgb(224, 211, 233);}
	
	.program_page .program_cont .txt_box{width:100%;padding:0}
	
	.program_page .program_price_info .inner{padding:8rem 2rem}
	
	
	
}


@media(max-width:480px){
	#page_area .tit_box .tit{font-size:2.8rem}
	#page_area .tit_box .tit br{display:none}
	
	
	/*프로세스 공통*/
	#page_area .process_list{max-width:50rem}
	#page_area .process_list li{width:100%;padding:3rem 2rem}
	
	/*리턴즈맘케어 소개*/
	.about_page .about_cont_area{padding:6rem 2rem}
	.about_page .about_bnr{padding:6rem 2rem}
	.advantages_area{padding:6rem 2rem}
	
	.about_page .cont_circle .circle .eng_tit{font-size:2.1rem}
	.advantages_area .advantages_cont .img_box{height:30rem}
	
	/*프로그램 소개*/
	.program_page .program_cont{padding:7rem 2rem}
	.program_page .program_price_info .inner{padding:7rem 2rem}
	
	.program_page .price_tbl_area .price_pc_tbl{display:none}
	.program_page .price_tbl_area .price_m_tbl{display:table}
	
}

@media(max-width:320px){
}