@charset "utf-8";

#sub{}
.sub_wrapper {}

/* sub_visual */
.sub_visual{width:100%;height:100%;overflow:hidden;}
.sub_visual_wrap{background-repeat:no-repeat;background-size: cover;background-position: 100% 50%; padding: 11% 0 8%;box-sizing: border-box; }
.sub_visual_wrap.sub_visual_wrap01 {background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('/common/img/sub/bg_subVisual01.jpg');}
.sub_visual_wrap.sub_visual_wrap02 {background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('/common/img/sub/bg_subVisual02.jpg'); background-position: 50% 70%; }
.sub_visual_wrap.sub_visual_wrap03 {background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('/common/img/sub/bg_subVisual03.jpg');}
.sub_visual_wrap.sub_visual_wrap04 {background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('/common/img/sub/bg_subVisual04.jpg'); background-position: center;}
.sub_visual_wrap.sub_visual_wrap05 {background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('/common/img/sub/bg_subVisual05.jpg'); background-position:}
.sub_visual_tit{max-width:1400px;margin:0 auto;text-align:center;color:#FFF; }
.sub_visual_tit > p{font-size: 3.3em;font-weight:800;line-height:1.3;}
.sub_visual_tit > p.tit{}
.sub_visual_tit > p.ex{margin-bottom:20px;color:#FFF;font-size:1.2rem;font-weight:400;}
@media screen and (max-width:1200px){
	.sub_visual_wrap{padding:17% 13px;}
}
@media screen and (max-width:640px){
	.sub_visual_wrap{padding:30%;}
	.sub_visual_tit > p{font-size:2.5em;}
	.sub_visual_tit > p.brand{font-size:15px;}
	.sub_visual_tit > p.ex{font-size:1.25rem;}
}
@media screen and (max-width:480px){
	.sub_visual_wrap{padding:40% 15px 30%;}
	.sub_visual_tit > p{font-size:1.6em;}
	.sub_visual_tit > p.brand{font-size:14px;}
	.sub_visual_tit > p.ex{font-size:0.9rem;}
}

/* sub_menu_area */
.sub_nav_area{border-bottom:1px solid #DDD;}
.sub_nav{background-color: #FFF;}
.sub_nav > ul{max-width:1270px;margin:0 auto; padding: 0 15px; box-sizing: border-box; display:flex; align-items: center;justify-content: center;}
.sub_nav > ul > li{width: auto;position:relative;padding: 0 20px;box-sizing:border-box; position:relative;}
.sub_nav > ul > li:after {content:''; position:absolute; bottom: 0; left:0; width:100%; height: 5px; background: transparent;}
.sub_nav > ul > li.ov:after {background: #8b8bc3;}
.sub_nav > ul > li > a{display:flex;align-items: center;justify-content: center; color:#000; line-height:60px; font-size: 1.2rem; font-weight: 600;}
@media screen and (max-width:480px){	
	.sub_nav > ul > li {padding: 0 15px;}
	.sub_nav > ul > li > a {line-height:50px; font-size: 0.95rem; }
}


/* top_area */
.top_area {line-height:1.5;margin-bottom:80px;  text-align: center;}
.top_area h2{font-size: 2.5em; font-weight:800; line-height:1.5;}
.top_area h2 > span{font-weight:700;display:block;font-size:1rem;color:#163754;margin-bottom:15px;}
.top_area h2 > b{color:#2893c9;}
.top_area .sub_titi_ex{margin-top:30px;font-size:1.25rem;}
@media screen and (max-width:1024px){
	.top_area h2 {font-size: 2em;}
}
@media screen and (max-width:768px){
	.top_area h2 {width: 80%; margin: 0 auto; word-break: keep-all; font-size: 1.7em;}
	.top_area h2 > br {display: none;}
}
@media screen and (max-width:480px){
	.top_area h2 {font-size: 1.5em;}
}


/* article */
article {margin:150px 0;}
article .inner {max-width:1300px; margin:0 auto; padding: 0 15px;}
article h3.arti_tit {font-size: 3em; margin-bottom: 60px; font-weight: 400; line-height: 2;}
article h3.arti_tit > b {display: inline-block; font-weight: 800;}
article h3.arti_tit > b.eng {font-size: 3rem;}
article h3.arti_tit > em {font-size: 1.7rem; margin-right: 10px; font-style: initial;}
article p.arti_tit_ex {margin-bottom: 100px; line-height: 1.5; font-size: 1.3rem;}
@media screen and (max-width:1024px){
	article {margin:120px 0;}
	article h3.arti_tit {font-size: 2.6em; margin-bottom: 40px;}
}
@media screen and (max-width:640px){
	article {margin:80px 0;}
	article h3.arti_tit {font-size: 2.3em; margin-bottom: 30px;}
	article h3.arti_tit > em {font-size: 1.4rem;}
	article h3.arti_tit > b {font-size: 2rem;}
	article h3.arti_tit > b.eng {font-size: 2rem;}
	article p.arti_tit_ex {margin-bottom: 80px;}
}
@media screen and (max-width:480px){
	article {margin:65px 0;}
	article h3.arti_tit {font-size: 2em; margin-bottom: 15px;}
	article h3.arti_tit > em {font-size: 1.2rem;}
	article h3.arti_tit > b {font-size: 1.6rem;}
	article h3.arti_tit > b.eng {font-size: 1.6rem;}
	article p.arti_tit_ex {font-size: 1.05rem; margin-bottom: 60px;}
}


/* bg_area */
.bg_area {background-size: cover; background-position: center; background-repeat: no-repeat; padding: 120px 0; box-sizing: border-box; color:#FFF;}
.bg_area h3.arti_tit {margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
.bg_area p {font-size: 1.15rem; line-height: 1.6; font-weight: 400;}
.bg_area p > .eng {font-weight: 500;}
@media screen and (max-width:1024px){
	.bg_area {padding: 120px 15px;}
	.bg_area h3.arti_tit {margin-bottom: 35px; padding-bottom: 15px; }
	.bg_area p {font-size: 1rem; }
}
@media screen and (max-width:640px){
	.bg_area {padding: 80px 15px 90px;}
	.bg_area p {font-size: 0.85rem;}
}
@media screen and (max-width:480px){
	.bg_area {padding: 60px 15px 70px;}
	.bg_area h3.arti_tit {margin-bottom: 30px; padding-bottom: 10px;}
}

/* box_area */
.box_area > .inner  {background-size: cover; background-position: center; background-repeat: no-repeat; padding: 100px 50px; box-sizing: border-box;}


/* color_area */
.color_area {background: #f7f7fb; padding: 160px 15px; box-sizing: border-box; }


/* para_area */
.para_area {}
.para_area.c {text-align: center;}
.para_area p.para {font-size: 1.15em; line-height: 1.6;}


/* tab_theme */
[class*="_tab_theme"]{display:flex;flex-wrap:wrap;}
[class*="_tab_theme"] > li{display: flex;align-items: center;justify-content: center;width:20%;text-align:center;padding:15px;box-sizing:border-box;border: 1px solid #DDD;margin-left:-1px;margin-top:-1px;}
[class*="_tab_theme"] > li.on{background:#cfead7}
[class*="_tab_theme"] > li > a{display:block;font-size:1.05rem;}
[class*="_tab_theme"] > li.on > a{}
.tab_content_area > .tab_content{display:none;padding:30px 0;box-sizing:border-box;}
.tab_content_area > .tab_content.on{display:block;}
@media screen and (max-width:640px){
	[class*="_tab_theme"] > li {padding:10px;}
	[class*="_tab_theme"] > li > a{font-size:0.9rem;}
}
@media screen and (max-width:480px){
	[class*="_tab_theme"] > li > a{font-size:0.75rem;}
}


/* table */
table {} 
table {width: 100%; border-top: 3px solid #000;}
table tr th,
table tr td {padding: 15px; border: 1px solid #DDD;}
.table_ex {margin-top: 30px; font-size: 1.15rem;}
.table_ex p > b {color: #8b8bc3;}
.table_ex > ul > li {line-height: 1.5; }
@media screen and (max-width:1024px){
	table tr th,
	table tr td {padding: 10px;}
	.table_ex {margin-top: 20px; font-size: 0.95rem;}
}
@media screen and (max-width:480px){
	table tr th,
	table tr td {padding: 6px;}
	.table_ex {margin-top: 15px; font-size: 0.75rem;}
}

  
/*페이지*/
.page {text-align:center; width:100%; margin-top:50px; display:inline-block; font-size:0}
.page ol { width:100%; text-align:center; }
.page li { display:inline-block; font-size:0.9rem; font-weight:500;  }
.page a {
	display: flex; align-items: center; justify-content: center;
 	text-decoration:none; vertical-align:middle;
 	border:1px solid #d1d1d1; background-color:#fff;  width:29px; line-height:29px; height:29px;  margin-left:-1px; color:#999; text-align:Center;
   }
.page img {width:29px; height:29px; vertical-align:top;  }
.page a.ov  {border:1px solid #555; background-color:#555; color:#fff;}


/* 상세페이지 */
.review_view_area {}
.review_view_area > .inner > div{padding: 20px; box-sizing: border-box;}
.review_view_area > .inner > .top {display: flex; justify-content: space-between; align-items: flex-end; background: #8b8bc3; color:#FFF; }
.review_view_area > .inner > .top h3.tit {font-size: 1.25rem; font-weight: 600; width: calc(100% - 150px); word-break: keep-all;}
.review_view_area > .inner > .top p {font-size: 0.95rem; width: 100px; text-align: right;}
.review_view_area > .inner > .mid {border-top:  1px solid #8b8bc3; border-bottom:  1px solid #DDD; }
.review_view_area > .inner > .btm {display: flex; justify-content: space-between; padding-left:0; padding-right: 0;}
.review_view_area > .inner > .btm .btn_box {display: flex;}
.review_view_area > .inner > .btm a {display: block; margin-right: 10px; padding: 10px; box-sizing: border-box; width: 120px;text-align: center; background:#f4f4f4; border: 1px solid #DDD;}
.review_view_area > .inner > .btm .btn_list {margin-right: 0; background: #8b8bc3; color:#FFF;}
@media screen and (max-width:640px){
	.review_view_area > .inner > div{padding: 15px; }
	.review_view_area > .inner > .top {flex-direction: column; align-items: flex-start;}
	.review_view_area > .inner > .top h3.tit {width: 100%;font-size: 1.05rem; margin-bottom: 5px;}
	.review_view_area > .inner > .top p {width: 100%;text-align: left;font-size: 0.85rem}
	.review_view_area > .inner > .mid {line-height: 1.5; font-size: 0.95rem;}
	.review_view_area > .inner > .btm a {width: 100px; font-size: 0.95rem;}
}
@media screen and (max-width:480px){
	.review_view_area > .inner > div{padding: 13px; }
	.review_view_area > .inner > .top h3.tit {font-size: 0.95rem;}
	.review_view_area > .inner > .top p {font-size: 0.75rem}
	.review_view_area > .inner > .mid {font-size: 0.85rem;}
	.review_view_area > .inner > .btm a {width: 70px; font-size: 0.85rem;}
}


/* 개별 */
/* 다인소개 */
.info_area {}
.info_area.bg_area {background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('/common/img/sub/bg_info01.jpg'); }
.info_area.bg_area ul {width: 70%;}
.info_area.bg_area ul > li {margin-bottom: 20px;}
.info_area.bg_area ul > li:last-child {margin-bottom: 0;}
.info_area.bg_area ul > li > .top {display: flex; align-items: center; font-size: 1.6rem; font-weight: 800;}
.info_area.bg_area ul > li > .top > span {margin-right: 10px;}
.info_area.bg_area ul > li > .top > p {font-size: 1.6rem; font-weight: 600;}
@media screen and (max-width:1024px){
	.info_area.bg_area ul > li > .top {font-size: 1.3rem;}
	.info_area.bg_area ul > li > .top > p {font-size: 1.3rem;}
}
@media screen and (max-width:640px){
	.info_area.bg_area ul {width: 100%;}
	.info_area.bg_area ul > li > .top {font-size: 1.15rem; margin-bottom: 5px;}
	.info_area.bg_area ul > li > .top > p {font-size: 1.15rem;}
}

.shopSlide_area {}
.shopSlide .swiper-slide {}
.shopSlide .swiper-slide .txt_box {padding: 10px 15px; box-sizing: border-box; margin-bottom: 30px; background: #8b8bc3; color:#FFF; text-align: right; font-size: 1.15rem;}
.shopSlide .swiper-button-next, 
.shopSlide .swiper-button-prev {color: #8b8bc3; z-index: 10;}
.shopSlide .swiper-pagination > span {background: #8b8bc3;}
@media screen and (max-width:640px){
	.shopSlide .swiper-slide .txt_box {padding: 6px 10px; font-size: 0.85rem;}
}

.motto_area {}
.motto_area ul {display: flex; flex-wrap: wrap;}
.motto_area ul > li {width: 47%; border: 1px solid #DDD; margin-right: 15px; margin-bottom: 15px; padding: 40px; box-sizing:border-box; display: flex; align-items: center; justify-content: center; word-break: keep-all;}
.motto_area ul > li > i {background-image: url('/common/img/sub/ico_info01-1.png'); background-size: contain; background-repeat: no-repeat; background-position: center; padding: 30px; box-sizing: border-box; margin-right: 40px;}
.motto_area ul > li > i.ico02 {background-image: url('/common/img/sub/ico_info01-2.png');}
.motto_area ul > li > i.ico03 {background-image: url('/common/img/sub/ico_info01-3.png');}
.motto_area ul > li > i.ico04 {background-image: url('/common/img/sub/ico_info01-4.png');}
.motto_area ul > li > i.ico05 {background-image: url('/common/img/sub/ico_info01-5.png');}
.motto_area ul > li > .txt_box {width: 100%; font-size: 1.05rem; line-height: 1.5;}
.motto_area ul > li > .txt_box > span {display: block; margin-bottom: 10px; font-weight: 700; font-size: 1.3rem; border-bottom: 1px solid #DDD; width: 100%; padding-bottom: 5px;}
.motto_area ul > li > .txt_box > p > b {color: #8b8bc3;}
@media screen and (max-width:640px){
	.motto_area ul > li {width: 100%; margin-right:0; padding: 25px;}
	.motto_area ul > li > i {padding: 25px; margin-right: 25px;}
	.motto_area ul > li > .txt_box > span {font-size: 1.15rem;}
	.motto_area ul > li > .txt_box > p {font-size: 0.85rem;}
}
@media screen and (max-width:480px){
	.motto_area ul > li {padding: 20px;}
	.motto_area ul > li > i {padding: 20px; margin-right: 20px;}
	.motto_area ul > li > .txt_box > span {font-size: 1rem;}
	.motto_area ul > li > .txt_box > p {font-size: 0.85rem;}
}

/* 전문가 */
.info_area ol {display: flex; align-items: flex-end;}
.info_area ol > li {width: 50%;}
.info_area ol > li:first-child {background: #f7f7fb; border-radius: 20px; padding: 30px; padding-bottom: 0;box-sizing:border-box;}
.info_area ol > li:last-child {width: 50%; margin-left: 80px;}
.info_area ol > li > p.tit {font-size: 2em; margin-bottom: 15px; border-bottom: 1px solid #DDD; padding-bottom: 15px;}
.info_area ol > li > p.tit > b {font-size: 2.8rem;}
.info_area ol > li > .txt_box {margin-bottom: 20px;}
.info_area ol > li > .txt_box > span {display: block; font-size: 1.6rem; font-weight: 700; margin-bottom: 10px;}
.info_area ol > li > .txt_box > p {line-height: 1.5; font-size: 1.15rem; position: relative; padding-left: 20px; box-sizing:border-box;}
.info_area ol > li > .txt_box > p:before {content: ''; position: absolute; top: 13px; left: 0; background: #555; width: 10px; height: 1px; }
@media screen and (max-width:768px){
	.info_area ol {flex-direction: column;}
	.info_area ol > li {width: 70%; margin: 0 auto; text-align: center;}
	.info_area ol > li:last-child {width:100%; margin-left: 0; margin-bottom: 0; margin-top: 30px;}
	.info_area ol > li > .txt_box > p {width: fit-content; margin: 0 auto;}
}
@media screen and (max-width:480px){
	.info_area ol > li {width: 100%;}
	.info_area ol > li > p.tit {font-size: 1.3em; margin-bottom: 20px; padding-bottom: 10px;}
	.info_area ol > li > p.tit > b {font-size: 1.8rem;}
	.info_area ol > li > .txt_box > span {font-size: 1.2rem; margin-bottom: 10px;}
	.info_area ol > li > .txt_box > p {font-size: 0.95rem;}
}


/* 오시는길 */
.info_area.map_area {}
.info_area.map_area .map {display: flex; align-items: flex-end;}
.map .root_daum_roughmap {width: 50%;}
.map .txt_box {width: 50%; margin-left: 40px; margin-bottom: 40px;}
.map .txt_box h4 {font-size: 2em; border-bottom: 1px solid #DDD; margin-bottom: 15px; line-height: 2; color: #8b8bc3; font-weight: 800;}
.map .txt_box > ul {}
.map .txt_box > ul > li {display: flex; font-size: 1.2rem; margin-bottom: 10px; word-break: keep-all;}
.map .txt_box > ul > li > span {font-weight: 700; margin-right: 10px;}
.map .txt_box > ul > li > p {margin-right: 10px;}
@media screen and (max-width:640px){
	.info_area.map_area .map {flex-direction: column;}
	.map .root_daum_roughmap {width: 100%;}
	.map .txt_box {width: 100%; margin-left: 0; margin-bottom: 0; margin-top: 20px;}
	.map .txt_box > ul > li > span {width: 80px;}
	.map .txt_box > ul > li > p {width: calc(100% - 80px)}
}
@media screen and (max-width:480px){
	.map .root_daum_roughmap {height: 30vh;}
	.map .txt_box h4 {font-size: 1.5em;}
	.map .txt_box > ul > li {font-size: 0.95rem;}
	.map .txt_box > ul > li > span {width: 60px;}
	.map .txt_box > ul > li > p {width: calc(100% - 60px)}
}


/* 프로그램 */
/* 체형 관리 프로그램 */
.program_area {position: relative;}
.program_area h3.arti_tit {margin-bottom: 0;}
.program_area ul {display: flex; text-align: center;}
.program_area ul > li {width: 24%; margin-right: 20px; }
.program_area ul > li:last-child {margin-right:0;}
.program_area ul > li > .txt_box {padding: 13px; box-sizing:border-box; }
.program_area ul > li > .txt_box > p {line-height: 1.5; word-break: keep-all;}
.program_area ul > li > .txt_box > p.tit {font-size: 1.3rem; font-weight: 600; margin-bottom: 10px;}
@media screen and (max-width:1024px){
	.program_area ul {flex-wrap: wrap;}
	.program_area ul > li {width: 49%; margin-right: 1%; margin-bottom: 20px;}
	.program_area ul > li > .txt_box > p {font-size: 0.95rem;}
	.program_area ul > li > .txt_box > p.tit {font-size: 1.05rem; margin-bottom: 5px;}
}
@media screen and (max-width:480px){
	.program_area ul > li {width: 80%; margin: 0 auto; margin-bottom: 20px;}
	.program_area ul > li:last-child {margin: 0 auto;}
}

.program_area.process_area .main_top {text-align: center;}
.program_area.process_area ul {display: flex; width: 100%; flex-wrap: nowrap;}
.program_area.process_area ul:before {content: ''; position: absolute; top: 52%; left: 0; width: 100%; height: 1px; background: #8b8bc3;}
.program_area.process_area ul > li {width: 25%; text-align: center; position: relative;}
.program_area.process_area ul > li:after {content: '10회'; position: absolute; right: -10px; top: 23%; font-weight: 600;}
.program_area.process_area ul > li:nth-child(2):after {content: '20회'; }
.program_area.process_area ul > li:nth-child(3):after {content: '30회'; }
.program_area.process_area ul > li:nth-child(4):after {content: '50회'; }
.program_area.process_area ul > li > .top {position: relative; padding-bottom: 70px; }
.program_area.process_area ul > li > .top:after {content: ''; position: absolute; bottom: 0; left: 50%; width: 1px; height: 50%; background: #8b8bc3;}
.program_area.process_area ul > li > .top > p.tit {line-height: 1.5; font-size: 2em; font-weight: 600;}
.program_area.process_area ul > li > .bottom {width: 180px; height: 180px; background: #8b8bc3; margin: 0 auto; border-radius: 50%; display: flex; flex-direction: column;align-items: center;justify-content: center; color:#FFF; margin-top: 30px; line-height: 1.5;}
.program_area.process_area ul > li > .bottom > span {font-size: 1.6em; font-weight: 600;}
.program_area.process_area ul > li > .bottom > p {font-size: 1.2rem;}
.program_area.process_area .ex_box {margin-top: 50px; text-align: center; line-height: 1.5;}
@media screen and (max-width:1024px){
	.program_area.process_area ul:before {top: 50%;}
}
@media screen and (max-width:640px){
	.program_area.process_area ul {flex-direction: column; margin: 0 auto; align-items: center; justify-content: center; position: relative;}
	.program_area.process_area ul:before {width: 1px; height: 100%; top: 10px; left: 50%;}
	.program_area.process_area ul > li {width: 100%; margin-bottom: 30px;}
	.program_area.process_area ul > li:after {top: 27%; right: 30%;}
	.program_area.process_area ul > li > .top {background: #f7f7fb; padding: 10px;}
	.program_area.process_area ul > li > .top:after {display: none;}
	.program_area.process_area ul > li > .top > p.tit {font-size: 1.6em;}
	.program_area.process_area ul > li > .bottom {width: 150px; height: 150px; margin-top: 50px}
	.program_area.process_area ul > li > .bottom > span {font-size: 1.3em;}
}


/* 체형 분석 */
.analytic_area {}
.analytic_area ul {align-items: flex-end;}
.analytic_area .img_box {width: 40%;}
.analytic_area .txt_box {width: 60%; text-align: left; margin-right:0; margin-bottom: 100px;}
.analytic_area .txt_box > span {display: block; font-size: 2em; font-weight: 700; border-bottom: 1px solid #DDD; padding-bottom: 20px; margin-bottom: 15px;}
.analytic_area .txt_box > p {font-size: 1.25rem; line-height: 1.5;}
.program_area ol {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.program_area ol > li {width: 200px; height: 200px; background: #8b8bc3; color:#FFF; border-radius: 50%; margin: 0 6%; margin-bottom: 30px; display: flex; align-items: center; justify-content: center;}
.program_area ol > li > p {font-size: 1.3rem; font-weight: 600;}
.program_area ul.ver2 {flex-wrap: wrap; justify-content: center;}
.program_area ul.ver2 > li {width: 31%; margin-bottom: 30px;}
@media screen and (max-width:1024px){
	.analytic_area ul {flex-wrap: nowrap;}
	.program_area ol > li {width: 150px; height: 150px; margin: 0 5%; margin-bottom: 30px;}
	.program_area ol > li > p {font-size: 1.05rem; }
}
@media screen and (max-width:640px){
	.analytic_area ul {flex-direction: column;}
	.analytic_area .img_box {width: 60%; margin: 0 auto; margin-bottom: 30px;}
	.analytic_area .txt_box {width: 100%;}
	.analytic_area .txt_box > span {font-size: 1.6em;}
	.analytic_area .txt_box > p {font-size: 1.05rem;}
	.analytic_area .txt_box > p > br {display: none;}
	.program_area ol > li {width: 130px; height: 130px; margin: 0 3%; margin-bottom: 20px;}
	.program_area ol > li > p {font-size: 1.05rem; }
	.program_area ul.ver2 {justify-content: space-between;}
	.program_area ul.ver2 > li {width: 49%; margin-bottom: 20px;}
}
@media screen and (max-width:480px){
	.analytic_area .img_box {width: 70%;}
	.analytic_area .txt_box > span {font-size: 1.3em; padding-bottom: 12px; margin-bottom: 10px;}
	.analytic_area .txt_box > p {font-size: 0.85rem;}
	.program_area ol > li {width: 110px; height: 110px; margin: 0 5px; margin-bottom: 20px;}
	.program_area ol > li > p {font-size: 0.95rem; }
	.program_area ul.ver2 > li {width: 80%; margin: 0 auto; margin-bottom: 20px;}
	.program_area ul.ver2 > li:last-child {margin: 0 auto;}
}



/* 가격현황 */
.price_area {}
.price_area table {}
.price_area table tr th,
.price_area table tr td {font-size: 1.3rem; text-align: center; font-weight: 600;}
.price_area table tr th {background: #8b8bc3; color: #FFF;}
.price_area table tr td em {display: block; font-size: 1.1rem; font-weight: 400; font-style :initial; margin-top: 5px;}
.price_area .table_ex {text-align: center;}
@media screen and (max-width:640px){
	.price_area table tr th,
	.price_area table tr td {font-size: 0.95rem;}
	.price_area table tr td em {font-size: 0.85rem; }
}
@media screen and (max-width:480px){
	.price_area table tr th,
	.price_area table tr td {font-size: 0.85rem; }
	.price_area table tr td em {font-size: 0.75rem; }
}


/* 이벤트 */
.price_area.re .f_box {flex-direction: row-reverse;}
.price_area.re .txt_box {margin-left: 0; margin-right: 50px;}
.price_area .f_box > div {border-radius: 20px; overflow: hidden;}
.price_area .img_box {width: 50%; background-image: url('/common/img/sub/img_event01-1.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 13%; box-sizing:border-box; border: 1px solid #DDD;}
.price_area:nth-child(2) .img_box {background-image: url('/common/img/sub/img_event01-2.jpg');}
.price_area:nth-child(3) .img_box {background-image: url('/common/img/sub/img_event01-3.jpg');}
.price_area .img_box > p {color: #FFF; font-weight: 800; font-size: 2em; text-align: center;}
.price_area .txt_box {width: 50%; margin-left: 50px; background: #f7f7fb; padding: 50px; box-sizing:border-box;}
.price_area .txt_box > p.tit {font-size: 2em; margin-bottom: 20px; font-weight: 700; padding-bottom: 15px; border-bottom: 1px solid #DDD;}
.price_area .txt_box > ul {}
.price_area .txt_box > ul > li {font-size: 1.3rem; line-height: 1.5; font-weight: 600; margin-bottom: 5px;}
.price_area .txt_box > ul > li > span {color: #8b8bc3; text-decoration: underline;}
@media screen and (max-width:640px){
	.price_area .f_box > div {width: 100%; }
	.price_area .img_box {padding: 20%;}
	.price_area .img_box > p {font-size: 1.5rem;}
	.price_area .txt_box {margin-left: 0; margin-top: 30px;}
	.price_area .txt_box > p.tit {font-size: 1.5em; margin-bottom: 15px; padding-bottom: 10px; }
	.price_area .txt_box > ul > li {font-size: 1.05rem;}
}
@media screen and (max-width:480px){
	.price_area .img_box {padding: 25%;}
	.price_area .img_box > p {font-size: 1.3rem;}
	.price_area .txt_box {padding: 25px; margin-top: 20px;}
	.price_area .txt_box > p.tit {font-size: 1.15em; }
	.price_area .txt_box > ul > li {font-size: 0.85rem;}
}


/* 체형변화 */
.after_area {}
.afterSlide {}
.afterSlide .swiper-wrapper {margin-bottom: 50px;}
.afterSlide .img_box {background-image: url('/common/img/sub/img_after01-1.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50%; box-sizing: border-box;}
.afterSlide .txt_box {padding: 20px; box-sizing: border-box; background: #8b8bc3;}
.afterSlide .txt_box > p {font-size: 1.2rem; font-weight: 600; color: #FFF; text-align: center;}
.afterSlide .swiper-pagination > span {background: #8b8bc3;}
.afterSlide .swiper-button-prev {color: #8b8bc3; z-index: 10;}
.afterSlide .swiper-button-next {color: #8b8bc3; z-index: 10;}
.afterSlide .swiper-pagination > span {background: #8b8bc3;}
@media screen and (max-width:640px){
	.afterSlide .txt_box {padding: 15px; }
	.afterSlide .txt_box > p {font-size: 0.95rem;}
}


/* 고객후기 */
.review_area {}
.review_area ul {display: flex; flex-wrap: wrap;}
.review_area ul > li {width: 32%; margin-right: 1%; margin-bottom: 20px; border: 1px solid #DDD; transition: all .3s;}
.review_area ul > li:hover {border: 1px solid #8b8bc3; box-shadow: 5px 5px 10px rgb(0 0 0 / 6%);}
.review_area ul > li > a {display: block;}
.review_area ul > li .img_box {background-image: url('/common/img/sub/img_reivew01-1.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 40%; box-sizing: border-box; border-bottom: 1px solid #DDD;}
.review_area ul > li .txt_box {padding: 15px; box-sizing: border-box;}
.review_area ul > li .txt_box > .top > p {font-size: 1.05rem; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.review_area ul > li .txt_box > .top > p.tit {font-size: 1.3rem; font-weight: 600; margin-bottom: 5px; display: -webkit-box;-webkit-line-clamp: 1; }
.review_area ul > li:hover > a .txt_box > .top > p.tit {text-decoration: underline; transition: all .3s;}
.review_area ul > li .txt_box > .btm {border-top: 1px solid #DDD; margin-top: 10px; padding-top: 10px; box-sizing: border-box; text-align: right; font-size: 0.95rem;}
@media screen and (max-width:640px){
	.review_area ul > li {width: 48.5%;}
	.review_area ul > li .txt_box > .top > p {font-size: 0.85rem; line-height: 1.5;}
	.review_area ul > li .txt_box > .top > p.tit {font-size: 0.95rem;}
	.review_area ul > li .txt_box > .btm {font-size: 0.75rem;}
}
@media screen and (max-width:480px){
	.review_area ul > li {width: 48%;}
	.review_area ul > li .txt_box {padding: 10px;}
	.review_area ul > li .txt_box > .btm {margin-top: 5px; padding-top: 5px;}
}