@charset "UTF-8";

/* .btn_area {display: flex; justify-content: center;}
.btn_area .com_btn {display: block; position: relative; width: 220px; border: 1px solid #666666; border-radius: 28px; background-color: rgb(66 66 69/70%); backdrop-filter: blur(7px); text-align: center; overflow: hidden;}
.btn_area .com_btn .txt {display: inline-block; position: relative; width: 100%; padding: 0 65px 0 35px; font-weight: 700; font-size: 16px; line-height: 54px; color: #ffffff; z-index: 32;}
.btn_area .com_btn .txt:before {display: block; content: ""; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; background: #8145ea url("/kor/images/common/plus_icon.png") no-repeat center; border-radius: 50%; z-index: 2;}
 */c
/* .btn_area .com_btn:after {content: ""; position: absolute; right: 18px; top: 50%; transform: translateY(-50%) scale(0); width: 34px; height: 34px; border-radius: 50%; background: #8145ea;transition: transform 1s ease; z-index: 1;}
.btn_area .com_btn:hover:after {transform: translateY(-50%) scale(20);} */

.btn_area {display:flex; justify-content:center;}
.btn_area .com_wrap {position: relative; display: flex; align-items: center; justify-content:center; width: 85px; height: 85px; margin: 0 auto; transform: scale(0); transition: all 0.5s;}
.btn_area .com_wrap .circle {position: absolute; display: flex; align-items: center; justify-content:center; width: 85px; height: 85px; border-radius: 50%; background-color: #8145ea;  transition:width 0.6s ease,height 0.6s ease,border-radius 0.6s ease,transform 0.6s ease,opacity 0.6s ease,box-shadow 0.6s ease; opacity:1; will-change:width,height,border-radius,transform,opacity; }
.btn_area .com_wrap .com_btn {display:flex; align-items:center; position:relative; width:55px; height:55px; margin: 0 auto; border: 1px solid rgba(0, 0, 0, 0); border-radius:28px; background-color: rgb(66 66 69/70%); backdrop-filter: blur(7px); transition:width 0.6s ease,height 0.6s ease,border-radius 0.6s ease,transform 0.6s ease,opacity 0.6s ease,box-shadow 0.6s ease; opacity:1; will-change:width,height,border-radius,border-color,transform,opacity; }
.btn_area .com_wrap .com_btn .txt {position:relative; display: flex; will-change: opacity; justify-content: center; margin: 0 30px 0 0; width: 100%; font-weight:700; font-size:16px; color:#ffffff; z-index:2; white-space:nowrap; transition:opacity 0.35s ease 0.2s; opacity: 0;}
.btn_area .com_wrap .com_btn .plus {display: flex; align-items: center; justify-content:center; position: absolute; right: 12px; top: 50%; margin:-17.5px 0 0; width: 35px; height: 35px; border-radius: 50%; background-color: #8145ea;transform: rotate(0deg) scale(1); z-index:2; box-shadow:0 0 0 3px rgba(255,255,255,0.06) inset; transition:transform 0.6s ease,background-color 0.35s ease,box-shadow 0.6s ease; opacity: 0; will-change: opacity}
.btn_area .com_wrap .com_btn .plus img {transition: all 0.1s;}
.btn_area .com_wrap.step1 {transform: scale(1); }
.btn_area .com_wrap.step2 .circle {width:0; height:0; opacity: 0;}
.btn_area .com_wrap.step3 .com_btn .plus {opacity: 1;}
.btn_area .com_wrap.step3 .com_btn .plus img {}
.btn_area .com_wrap.step4 {border-radius: 28px; width: 100%;}
.btn_area .com_wrap.step4 .com_btn {width: 220px; border-color: #666;}
.btn_area .com_wrap.step4 .com_btn .txt {opacity: 1; }
.btn_area .com_wrap.is-hidden {opacity:0; transform:scale(0); pointer-events:none;}



.com_text_area {position: relative; display: flex; flex-direction: column; gap: 30px; text-align: center;}
.com_text_area .sub_title {font-weight: 600; font-size: 30px; line-height: 34px; color: #8145ea;}
.com_text_area .title {font-weight: 700; font-size: 60px; line-height: 70px; color: #ffffff;}
.com_text_area .title br.pc {display: none;}
.com_text_area .text {font-weight: 400; font-size: 20px; line-height: 28px; color: #ffffff;}
.com_text_area .text2 {font-weight: 400; font-size: 24px; line-height: 34px; color: #ffffff;} 
.com_text_area .text br.pc {display: none;}

.com_img_area {}
.com_img_area .img_box {}
.com_img_area .img_box img {}

.com_video_area {}
.com_video_area.h_black {position: relative;}
.com_video_area.h_black:before {display: block; content: ""; position: absolute; left: 0; top: 0; height: 16px; background-color: #000; width: 100%; z-index: 11;}
.com_video_area .video_box {}
.com_video_area .video_box .video_inner {}
.com_video_area .video_box .video_inner video {width: 100%;}
.com_video_area .text {font-weight: 400; font-size: 20px; line-height: 24px; color: #747474;}

.com_video_area.length .video_box {position: relative; padding: 0 0 35.7%;}
.com_video_area.length .video_box .video_inner {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.com_video_area.length .video_box .video_inner video {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}


.com_video_area.w1260 {max-width: 1260px; width: 100%; margin: 0 auto;}




.com_btn_area {position: relative;}
.com_btn_area .text {font-weight: 600; font-size: 40px; line-height: 44px; color: #ffffff;}
.com_btn_area .price_btn {display: block; width: 190px; margin: 0 auto; border: 1px solid #8145ea; background-color: #8145ea; border-radius: 25px; text-align: center;}
.com_btn_area .price_btn .txt {font-weight: 600; font-size: 24px; line-height: 50px; color: #ffffff;}



.gradient {background: #8445E6; background: linear-gradient(180deg,rgba(132, 69, 230, 1) 20%, rgba(200, 32, 144, 1) 87%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; animation: gradientMove 3s linear infinite;}

.section {overflow: hidden; font-family: "Pretendard";}
.sec01 {position: relative; padding: 350px 0 160px; background-color: #000000;}
.sec01 .com_img_area {margin: -60px 0 0;}
.sec01 .com_btn_area {margin: -240px 0 0;}
.sec02 {padding: 160px 0 130px; background-color: #000000;}
.sec03 {padding: 130px 0 150px; background-color: #000000;}

.sec04 {position: relative; padding: 150px 0 95px; background-color: #000000; overflow: inherit;}
.sec04 .gif_area {}
.sec04 .gif_area .list {display: flex; justify-content: center; gap: 0 50px;}
.sec04 .gif_area .list li {width: 100%; max-width: 270px;}
.sec04 .gif_area .list li .box {text-align: center;}
.sec04 .gif_area .list li .box .sub_title {font-weight: 600; font-size: 20px; line-height: 24px; color: #15c6ab;}
.sec04 .gif_area .list li .box .img_box {margin: 60px 0 0;}
.sec04 .gif_area .list li .box .img_box img {}
.sec04 .gif_area .list li .box .title {margin: 70px 0 0; font-weight: 700; font-size: 22px; line-height: 30px; color: #ffffff;}
.sec04 .gif_area .list li .box .text {margin: 60px 0 0; font-weight: 400; font-size: 20px; line-height: 28px; color: #ffffff;}
.sec04 .pop_area {display: none; position: fixed; left: 0; bottom: 0; top: 0; right: 0; overflow-x: hidden; overflow-y: auto; width: 100%; z-index: 9999; background-color:rgba(50,50,50,0.48); backdrop-filter: blur(20px)}
.sec04 .pop_area .pop_inner {position: absolute; left: 50%; top: 0; width: 100%; max-width: 1400px; padding: 60px 0; transform: translateX(-50%);}
.sec04 .pop_area .pop_inner .cont {width: 100%; max-width: 1400px; padding: 85px 140px; border-radius: 80px; background-color: #000;}
.sec04 .pop_area .pop_inner .cont .title {font-weight: 700; font-size: 60px; line-height: 70px; color: #fff;}
.sec04 .pop_area .pop_inner .cont .img_box {margin: 70px 0 0;}
.sec04 .pop_area .pop_inner .cont .img_box img {}
.sec04 .pop_area .pop_inner .cont .text {margin: 70px 0 0; font-weight: 600; font-size: 30px; line-height: 1.5; color: #acacac;}
.sec04 .pop_area .pop_inner .cont .text span {color: #fff;}
.sec04 .pop_area .pop_inner .cont .pop_close {position: sticky; bottom: 30px; display: block; width: 70px; height: 70px; margin: 60px auto 0; border-radius: 50%; background-color: rgb(66 66 69/70%); backdrop-filter: blur(7px);}
.sec04 .pop_area .pop_inner .cont .pop_close img {transition: all 0.5s; vertical-align: middle;}
.sec04 .pop_area .pop_inner .cont .pop_close:hover img {transform: rotate(360deg)}
.sec04 .btn_area {position: sticky; bottom: 30px;}


.sec06 {padding: 95px 0 120px; background-color: #000000;}
.sec07 {padding: 120px 0 230px; background-color: #000000;}
/* .sec08 {padding: 130px 0; background: linear-gradient(180deg,rgb(0,0,0) 0%,#161617 50%); margin: -1px 0 0;} */
.sec08 {padding: 130px 0; background: #161617;}
.sec08 .img_list {}
.sec08 .img_list .list {}
.sec08 .img_list .list li {width: auto !important;}
.sec08 .img_list .list li .img_box {}
.sec08 .img_list .list li .img_box img {}

.sec09 {padding: 160px 0 170px; background-color: #000;}
.sec09 .com_text_area {flex-direction: row; justify-content: space-between; padding: 0 80px;}
.sec09 .info_box {}
.sec09 .info_box .list {display: flex; flex-wrap: wrap; gap: 42px;}
.sec09 .info_box .list li {width: calc(50% - 21px);}
.sec09 .info_box .list li .box {height: 100%; max-height: 460px; padding: 85px 100px 80px 110px; border-radius: 40px; background-color: #161617;}
.sec09 .info_box .list li .box .icon_box {}
.sec09 .info_box .list li .box .icon_box img {}
.sec09 .info_box .list li .box .text {margin: 30px 0 0; font-weight: 600; font-size: 20px; line-height: 34px; color: #acacac;}

.sec10 {padding: 170px 0; background-color: #000;}
.text_list {width: 100%; max-width: 1260px; margin: 0 auto;}
.text_list .list {display: flex; gap: 0 110px;}
.text_list .list li {width: 100%;}
.text_list .list li .box {position: relative; padding: 20px 0 0; font-weight: 600; font-size: 20px; line-height: 34px; color: #acacac;}
.text_list .list li .box:before {display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: #C82090; background: linear-gradient(18deg, rgba(200, 32, 144, 1) 0%, rgba(129, 69, 234, 1) 100%);}

.sec11 {padding: 155px 0 170px; background-color: #000;}
.sec12 {padding: 170px 0 155px; background-color: #000;}
.sec12 .img_list {}
.sec12 .img_list .list {display: flex; justify-content: space-between; gap: 10px;}
.sec12 .img_list .list li {}
.sec12 .img_list .list li .img_box {}
.sec12 .img_list .list li .img_box img {}
.sec12 .img_list .list li .text {margin: -20px 0 0; font-weight: 400; font-size: 20px; line-height: 28px; color: #747474; text-align: center;}
.sec13 {padding: 155px 0; background-color: #000;}

.coach_box {}
.coach_box .list {}
.coach_box .list li {margin: 65px 0 0;}
.coach_box .list li:first-child {margin: 0;}
.coach_box .list li .box {display: flex; align-items: center; gap: 0 60px;}
.coach_box .list li .box .img_box {flex-shrink: 0;}
.coach_box .list li .box .img_box .img_inner {}
.coach_box .list li .box .img_box .img_inner img {}
.coach_box .list li .box .text_box {}
.coach_box .list li .box .text_box .title {font-weight: 700; font-size: 30px; line-height: 34px; color: #ffffff;}
.coach_box .list li .box .text_box .text {margin: 25px 0 0; font-weight: 600; font-size: 20px; line-height: 34px; color: #acacac;}

.sec14 {padding: 155px 0 260px; background-color: #000;}

.step_box {}
.step_box .list {display: flex; gap: 0 50px; justify-content: center; align-items: center;}
.step_box .list li {}
.step_box .list li .box {}
.step_box .list li .box .text {font-weight: 700; font-size: 30px; line-height: 34px; color: #ffffff;}
.step_box .list li .box img {}

/* .sec15 {padding: 170px 0 200px;  background: linear-gradient(180deg,rgb(0,0,0) 0%,#161617 50%); margin: -1px 0 0;} */
.sec15 {padding: 170px 0 200px; background-color: #161617;}
.sec15 .info_area {position: relative;}
.sec15 .info_area .info_box {}
.sec15 .info_area .info_box .list {display: flex; flex-wrap: wrap;}
.sec15 .info_area .info_box .list li {width: calc(50%); margin: 20px 0 0;}
.sec15 .info_area .info_box .list li:nth-child(-n+2) {margin: 0;}
.sec15 .info_area .info_box .list li .box {display: block; align-content: center; width: 280px; height: 280px; border-radius: 40px; background-color: rgba(0, 0, 0, 0.8);}
.sec15 .info_area .info_box .list li:nth-child(even) .box {margin: 0 0 0 auto;}
.sec15 .info_area .info_box .list li .box .icon_box {text-align: center;}
.sec15 .info_area .info_box .list li .box .icon_box img {}
.sec15 .info_area .info_box .list li .box .text {margin: 15px 0 0; font-weight: 600; font-size: 20px; line-height: 28px; color: #ffffff; text-align: center;}
.sec15 .info_area .img_box {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: -1;}
.sec15 .info_area .img_box img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.sec16 {padding: 210px 0 190px; background-color: #000000;}
.sec16 .check_box {}
.sec16 .check_box .month_area {}
.sec16 .check_box .month_area .month_box {display: flex; justify-content: end; gap: 0 30px; width: 510px; margin: 0 auto; background-color: #2b2b2b; border-radius: 86px; box-shadow: inset 0px 10px 16px 0px rgba(0, 0, 0, 0.43);}
.sec16 .check_box .month_area .month_box .text {font-weight: 700; font-size: 60px; line-height: 170px; color: #ffffff;}
.sec16 .check_box .month_area .month_box .on {width: 180px; border-radius: 50%; background: url("/kor/images/main/sec16_circle.png") no-repeat center top 7px; background-size: cover; font-weight: 700; font-size: 60px; line-height: 166px; color: #ffffff; text-align: center;}
.sec16 .check_box .list {display: flex; flex-wrap: wrap; gap: 14px;}
.sec16 .check_box .list li {width: calc(33.3333% - 9.3333px);}
.sec16 .check_box .list li .box {height: 100%; padding: 50px; border-radius: 40px; background-color: #161617;}
.sec16 .check_box .list li .box .icon_box {}
.sec16 .check_box .list li .box .icon_box img {}
.sec16 .check_box .list li .box .text_box {margin: 30px 0 0;}
.sec16 .check_box .list li .box .text_box .title {font-weight: 600; font-size: 24px; line-height: 30px; color: #ffffff;}
.sec16 .check_box .list li .box .text_box .text {margin: 10px 0 0; font-weight: 600; font-size: 20px; line-height: 34px; color: #acacac;}

.sec17 {padding: 190px 0; background-color: #000;}
.sec17 .resv_box {}
.sec17 .resv_box .list {display: flex; gap: 0 45px;}
.sec17 .resv_box .list li {width: 100%;}
.sec17 .resv_box .list li .box {height: 100%; padding: 100px 80px 100px 100px; border-radius: 40px; background-color: #161617;}
.sec17 .resv_box .list li .box .title_box {display: flex; align-items: center; gap: 0 15px;c}
.sec17 .resv_box .list li .box .title_box .icon {}
.sec17 .resv_box .list li .box .title_box .icon img {}
.sec17 .resv_box .list li .box .title_box .title {font-weight: 700; font-size: 30px; line-height: 34px; color: #ffffff;}
.sec17 .resv_box .list li .box .text {margin: 20px 0 0; font-weight: 600; font-size: 20px; line-height: 34px; color: #acacac;}


.sec18 {padding: 190px 0; background-color: #000;}
.sec18 .way_box {}
.sec18 .way_box .list {display: flex; gap: 0 40px; justify-content: center;}
.sec18 .way_box .list li {width: 100%; max-width: 515px;}
.sec18 .way_box .list li .box {min-height: 275px; border-radius: 40px; align-content: center; background-color: #161617; text-align: center; padding: 2px; overflow: hidden; }
.sec18 .way_box .list li .box .box_inner {height: 275px; background-color: #161617; align-content: center; border-radius: 40px; }
.sec18 .way_box .list li .box .title {font-weight: 700; font-size: 30px; line-height: 34px; color: #888888;}
.sec18 .way_box .list li .box .text {margin: 30px 0 0; font-weight: 600; font-size: 20px; line-height: 34px; color: #888888;}
.sec18 .way_box .list li.on .box  {background-color: #C82090; background: linear-gradient(90deg, rgba(200, 32, 144, 1) 0%, rgba(129, 69, 234, 1) 100%)}
.sec18 .way_box .list li.on .box .title {color: #fff;}
.sec18 .way_box .list li.on .box .text {color: #fff;}


.sec19 {padding: 190px 0; background-color: #000;}

.spec_table_area {}
.spec_table_area .table_box {}
.spec_table_area .table_box table {width: 100%;}
.spec_table_area .table_box table thead {}
.spec_table_area .table_box table thead tr {}
.spec_table_area .table_box table thead tr td {font-weight: 700; font-size: 20px; line-height: 70px; color: #ffffff; text-align: center;}
.spec_table_area .table_box table thead tr th {background-color: #38373b; border-radius: 24px 24px 0 0; border-right: 2px solid #000000; font-weight: 700; font-size: 20px; line-height: 70px; color: #ffffff;}
.spec_table_area .table_box table thead tr th:last-child {border-right: none;}
.spec_table_area .table_box table tbody {}
.spec_table_area .table_box table tbody tr {border-top: 2px solid #474747;}
.spec_table_area .table_box table tbody tr td {padding: 16px 5px; border-right: 2px solid #474747; font-weight: 500; font-size: 20px; line-height: 34px; color: #ffffff; text-align: center;}
.spec_table_area .table_box table tbody tr td:last-child {border-right: none;}
.spec_table_area .table_box table tbody tr td .size_box {}
.spec_table_area .table_box table tbody tr td .size_box .list {display: flex;}
.spec_table_area .table_box table tbody tr td .size_box .list li {width: 100%;}
.spec_table_area .table_box table tbody tr td .size_box .list li .box {}
.spec_table_area .table_box table tbody tr td .explain_box {display: flex; justify-content: center; text-align: left;}
.spec_table_area .table_box table tbody tr td .explain_box br.pc {display: none;}
.spec_table_area .table_box table tbody tr td .explain_box .txt {line-height: 40px;}
.spec_table_area .table_box table tbody tr td .explain_list {width: 100%; max-width: 600px; margin: 0 auto; text-align: left;}
.spec_table_area .table_box table tbody tr td .explain_list .list {display: flex; justify-content: center;}
.spec_table_area .table_box table tbody tr td .explain_list .list li {width: 50%;}


.sec20 {padding: 140px 0; background-color: #161617;}
/* .sec20 {padding: 140px 0; background: linear-gradient(180deg,rgb(0,0,0) 0%,#161617 50%); margin: -1px 0 0;} */

.pin-spacer {background-color: #161617; overflow: hidden;}
.qna_box {}
.qna_box .list {white-space: nowrap; -webkit-overflow-scrolling: touch;}
.qna_box .list li {display: inline-block; width: 100%; max-width: 465px; margin: 0 16px 0 0;}
.qna_box .list li:last-child {margin: 0;}
.qna_box .list li .box {display: flex; flex-direction: column; justify-content: space-between; min-height: 500px; padding: 50px; border-radius: 40px; background-color: #000000;}
.qna_box .list li .box .q_box {position: relative; padding: 0 0 0 40px; font-weight: 700; font-size: 30px; line-height: 40px; color: #ffffff; white-space: normal;}
.qna_box .list li .box .q_box .q_txt {position: absolute; left: 0; top: 0;}
.qna_box .list li .box .a_box {position: relative; padding: 0 0 0 40px; font-weight: 600; font-size: 20px; line-height: 30px; color: #acacac; white-space: normal;}
.qna_box .list li .box .a_box .a_txt {position: absolute; left: 0; top: -6px; font-weight: 700; font-size: 30px; line-height: 40px;}

.sec21 {padding: 145px 0 200px; background-color: #000000;}

.customer_box {}
.customer_box .list {display: flex; flex-wrap: wrap; gap: 18px;}
.customer_box .list li {width: calc(20% - 14.4px);}
.customer_box .list li .box {height: 120px; align-content: center; background-color: #fff; text-align: center;}
.customer_box .list li .box img {}



@media screen and (max-width: 1400px) {

	.com_text_area {gap: 20px;}
	.com_text_area .sub_title {font-size: 26px; line-height: 30px;}
	.com_text_area .title {font-size: 50px; line-height: 60px;}
	.com_text_area .text {font-size: 18px; line-height: 26px;}
	.com_text_area .text2 {font-size: 20px; line-height: 30px;}

	.com_video_area.length .video_box {padding: 0 0 45%;}
	.com_video_area .text {font-size: 18px; line-height: 20px;}

	.com_btn_area .text {font-size: 30px; line-height: 34px;}
	.com_btn_area .price_btn {width: 150px;}
	.com_btn_area .price_btn .txt {font-size: 20px; line-height: 40px;}
	
	.sec01 {padding: 200px 0 100px;}
	.sec01 .com_btn_area {margin: -200px 0 0;}

	.sec02 {padding: 100px 0;}
	.sec03 {padding: 100px 0 80px;}

	.sec04 {padding: 100px 0;}
	.sec04 .gif_area .list {gap: 0 30px;}
	.sec04 .gif_area .list li .box .img_box {margin: 30px 0 0;}
	.sec04 .gif_area .list li .box .title {margin: 40px 0 0; font-size: 20px; line-height: 26px;}
	.sec04 .gif_area .list li .box .text {margin: 40px 0 0; font-size: 18px; line-height: 26px;}

	.sec04 .pop_area .pop_inner {max-width: 100%; width: 98%;}
	.sec04 .pop_area .pop_inner .cont {padding: 50px 100px;}
	.sec04 .pop_area .pop_inner .cont .title {font-size: 50px; line-height: 60px;}
	.sec04 .pop_area .pop_inner .cont .img_box {margin: 40px 0 0;}
	.sec04 .pop_area .pop_inner .cont .text {margin: 50px 0 0; font-size: 26px;}
	.sec04 .pop_area .pop_inner .cont .pop_close {margin: 30px auto 0;}

	.sec06 {padding: 100px 0;}

	.sec07 {padding: 100px 0;}

	.sec08 {padding: 100px 0;}

	.sec09 {padding: 100px 0;}
	.sec09 .info_box .list {gap: 30px;}
	.sec09 .info_box .list li {width: calc(50% - 15px);}
	.sec09 .info_box .list li .box {padding: 60px;}
	.sec09 .info_box .list li .box .icon_box img {width: 66px;}
	.sec09 .info_box .list li .box .text {margin: 20px 0 0; font-size: 18px; line-height: 30px;}

	.sec10 {padding: 100px 0;}
	.text_list .list {gap: 0 50px}
	.text_list .list li .box {font-size: 18px; line-height: 30px;}

	.sec11 {padding: 100px 0;}
	.sec12 {padding: 100px 0;}
	.sec13 {padding: 100px 0;}

	.coach_box .list li {margin: 30px 0 0;}
	.coach_box .list li .box {gap: 0 40px}
	.coach_box .list li .box .img_box .img_inner img {width: 500px;}
	.coach_box .list li .box .text_box .title {font-size: 24px; line-height: 30px;}
	.coach_box .list li .box .text_box .text {margin: 15px 0 0; font-size: 18px; line-height: 30px;}

	.sec14 {padding: 100px 0;}

	.step_box .list {gap: 0 30px;}
	.step_box .list li .box img {width: 36px;}
	.step_box .list li .box .text {font-size: 26px; line-height: 30px;}

	.sec15 {padding: 100px 0 150px;}
	.sec15 .info_area .info_box .list li .box {width: 220px; height: 220px;}
	.sec15 .info_area .info_box .list li .box .text {margin: 10px 0 0; font-size: 18px; line-height: 26px;}
	.sec15 .info_area .info_box .list li .box .icon_box img {width: 62px;}

	.sec16 {padding: 100px 0;}
	.sec16 .check_box .month_area .month_box {width: 380px;}
	.sec16 .check_box .month_area .month_box .text {font-size: 40px; line-height: 120px;}
	.sec16 .check_box .month_area .month_box .on {width: 140px; background-size: contain; font-size: 40px; line-height: 120px;}
	.sec16 .check_box .list li .box {padding: 30px;}
	.sec16 .check_box .list li .box .icon_box img {width: 40px;}
	.sec16 .check_box .list li .box .text_box {margin: 20px 0 0;}
	.sec16 .check_box .list li .box .text_box .title {font-size: 20px; line-height: 26px;}
	.sec16 .check_box .list li .box .text_box .text {font-size: 18px; line-height: 30px;}


	.sec17 {padding: 100px 0;}
	.sec17 .resv_box .list {gap: 0 30px;}
	.sec17 .resv_box .list li .box {padding: 60px;}
	.sec17 .resv_box .list li .box .title_box .icon img {height: 50px;}
	.sec17 .resv_box .list li .box .title_box .title {font-size: 26px; line-height: 30px;}
	.sec17 .resv_box .list li .box .text {margin: 10px 0 0; font-size: 18px; line-height: 30px;}


	.sec18 {padding: 100px 0;}
	.sec18 .way_box .list li {max-width: 450px;}
	.sec18 .way_box .list li .box {min-height: 240px;}
	.sec18 .way_box .list li .box .box_inner {height: 240px;}
	.sec18 .way_box .list li .box .title {font-size: 26px; line-height: 30px;}
	.sec18 .way_box .list li .box .text {margin: 20px 0 0; font-size: 18px; line-height: 30px;}

	.sec19 {padding: 100px 0;}

	.spec_table_area .table_box table thead tr th {font-size: 18px; line-height: 60px;}
	.spec_table_area .table_box table thead tr td {font-size: 18px; line-height: 60px;}
	.spec_table_area .table_box table tbody tr td {padding: 10px 5px; font-size: 18px; line-height: 30px;}

	.sec20 {padding: 100px 0;}

	.qna_box .list li .box {padding: 30px; min-height: 400px;}
	.qna_box .list li .box .q_box {padding: 0 0 0 30px; font-size: 24px; line-height: 34px;}
	.qna_box .list li .box .a_box {padding: 0 0 0 30px; font-size: 18px; line-height: 28px;}
	.qna_box .list li .box .a_box .a_txt {top: -4px; font-size: 24px; line-height: 34px;}


	.sec21 {padding: 100px 0;}
	.customer_box .list {gap: 10px;}
	.customer_box .list li {width: calc(20% - 8px);}
	.customer_box .list li .box {height: 90px;}




}




@media screen and (max-width: 1080px) {
	
	.com_text_area {gap: 15px;}
	.com_text_area .sub_title {font-size: 20px; line-height: 26px;}
	.com_text_area .title {font-size: 40px; line-height: 50px;}
	.com_text_area .text {font-size: 16px; line-height: 24px;}
	.com_text_area .text2 {font-size: 18px; line-height: 28px;}

	.com_video_area .text {font-size: 16px;}
	.com_video_area.length .video_box {padding: 0 0 50%}

	.com_btn_area .text {font-size: 24px; line-height: 30px;}
	.com_btn_area .price_btn {width: 130px;}
	.com_btn_area .price_btn .txt {font-size: 16px; line-height: 30px;}

	.sec01 {padding: 150px 0 70px;}
	.sec01 .com_img_area {margin: -30px 0 0;}
	.sec01 .com_btn_area {margin: -100px 0 0;}

	.sec02 {padding: 70px 0;}
	.sec03 {padding: 70px 0;}

	.sec04 {padding: 70px 0;}
	.sec04 .gif_area .list {gap: 0 20px;}
	.sec04 .gif_area .list li .box .img_box {margin: 20px 0 0;}
	.sec04 .gif_area .list li .box .title {margin: 20px 0 0; font-size: 18px; line-height: 22px;}
	.sec04 .gif_area .list li .box .text {margin: 20px 0 0; font-size: 16px; line-height: 22px;}

	.sec04 .pop_area .pop_inner .cont {padding: 40px 60px;}
	.sec04 .pop_area .pop_inner .cont .title {font-size: 40px; line-height: 50px;}
	.sec04 .pop_area .pop_inner .cont .img_box {margin: 30px 0 0;}
	.sec04 .pop_area .pop_inner .cont .text {margin: 30px 0 0; font-size: 20px;}
	.sec04 .pop_area .pop_inner .cont .pop_close {width: 50px; height: 50px; margin: 20px auto 0;}
	.sec04 .pop_area .pop_inner .cont .pop_close img {width: 20px;}

	.sec08 {padding: 70px 0;}
	.sec08 .img_list .list li .img_box img {width: 240px;}

	.sec09 {padding: 70px 0;}
	.sec09 .com_text_area {padding: 0 40px;}
	.sec09 .com_text_area > div {width: 50%;}
	.sec09 .com_text_area .text2 br {display: none;}
	.sec09 .info_box .list {gap: 20px;}
	.sec09 .info_box .list li {width: calc(50% - 10px);}
	.sec09 .info_box .list li .box {padding: 30px;}
	.sec09 .info_box .list li .box .icon_box img {width: 52px;}
	.sec09 .info_box .list li .box .text {margin: 10px 0 0; font-size: 16px; line-height: 26px;}

	.sec10 {padding: 70px 0;}
	.text_list .list {gap: 0 30px}
	.text_list .list li .box {padding: 10px 0 0; font-size: 16px; line-height: 26px;}
	.text_list .list li .box br.mob {display: none;}

	.sec11 {padding: 70px 0;}
	.sec12 {padding: 70px 0;}
	.sec12 .img_list .list li .text {margin: -10px 0 0; font-size: 18px; line-height: 26px;}

	.sec13 {padding: 70px 0;}
	.coach_box {max-width: 730px; width: 100%; margin: 0 auto;}
	.coach_box .list li {margin: 20px 0 0;}
	.coach_box .list li .box {gap: 0 30px}
	.coach_box .list li .box .img_box .img_inner img {width: 400px;}
	.coach_box .list li .box .text_box .title {font-size: 20px; line-height: 24px;}
	.coach_box .list li .box .text_box .text {margin: 10px 0 0; font-size: 16px; line-height: 26px;}

	.sec14 {padding: 70px 0;}

	.step_box .list {gap: 0 20px;}
	.step_box .list li .box img {width: 30px;}
	.step_box .list li .box .text {font-size: 20px; line-height: 24px;}


	.sec15 {padding: 70px 0 100px;}
	.sec15 .info_area .info_box .list li .box {width: 180px; height: 180px; padding: 5px;}
	.sec15 .info_area .info_box .list li .box .text {margin: 6px 0 0; font-size: 16px; line-height: 24px;}
	.sec15 .info_area .info_box .list li .box .icon_box img {width: 52px;}
	.sec15 .info_area .img_box img {width: 640px;;}

	.sec16 {padding: 70px 0;}
	.sec16 .check_box .month_area .month_box {width: 280px; padding: 5px;}
	.sec16 .check_box .month_area .month_box .text {font-size: 30px; line-height: 90px;}
	.sec16 .check_box .month_area .month_box .on {width: 90px; font-size: 30px; line-height: 84px;}
	.sec16 .check_box .list {gap: 10px;}
	.sec16 .check_box .list li {width: calc(33.3333% - 6.6666px);}
	.sec16 .check_box .list li .box {padding: 20px; border-radius: 20px;}
	.sec16 .check_box .list li .box .icon_box img {width: 30px;}
	.sec16 .check_box .list li .box .text_box {margin: 10px 0 0;}
	.sec16 .check_box .list li .box .text_box .title {font-size: 18px; line-height: 24px;}
	.sec16 .check_box .list li .box .text_box .text {margin: 6px 0 0; font-size: 16px; line-height: 26px;}

	.sec17 {padding: 70px 0;}
	.sec17 .resv_box .list {gap: 0 20px;}
	.sec17 .resv_box .list li .box {padding: 30px;}
	.sec17 .resv_box .list li .box .title_box .icon img {height: 40px;}
	.sec17 .resv_box .list li .box .title_box .title {font-size: 20px; line-height: 24px;}
	.sec17 .resv_box .list li .box .text {font-size: 16px; line-height: 26px;}

	.sec18 {padding: 70px 0;}
	.sec18 .way_box .list {gap: 0 20px;}
	.sec18 .way_box .list li {max-width: 300px;}
	.sec18 .way_box .list li .box {min-height: 180px;}
	.sec18 .way_box .list li .box .box_inner {height: 180px;}
	.sec18 .way_box .list li .box .title {font-size: 20px; line-height: 24px;}
	.sec18 .way_box .list li .box .text {margin: 10px 0 0; font-size: 16px; line-height: 26px;}

	.sec19 {padding: 70px 0;}

	.spec_table_area .table_box table thead tr th {border-radius: 20px 20px 0 0; font-size: 16px; line-height: 45px;}
	.spec_table_area .table_box table thead tr td {font-size: 16px; line-height: 45px;}
	.spec_table_area .table_box table tbody tr td {padding: 5px; font-size: 16px; line-height: 26px;}
	.spec_table_area .table_box table tbody tr td .explain_list {max-width: 460px;}

	.sec20 {padding: 70px 0;}

	.qna_box .list li {max-width: 360px;}
	.qna_box .list li .box {padding: 20px; min-height: 360px;}
	.qna_box .list li .box .q_box {padding: 0 0 0 25px; font-size: 20px; line-height: 30px;}
	.qna_box .list li .box .a_box {padding: 0 0 0 25px; font-size: 16px; line-height: 24px;}
	.qna_box .list li .box .a_box .a_txt {top: -4px; font-size: 20px; line-height: 30px;}


	.sec21 {padding: 70px 0;}
	.customer_box .list li {width: calc(25% - 7.5px);}
	.customer_box .list li .box {height: 80px;}
	

}

@media screen and (max-width: 767px) {

	.btn_area .com_wrap .com_btn {height: 40px;}
	.btn_area .com_wrap.step4 .com_btn {width: 170px;}
	.btn_area .com_wrap .com_btn .plus {right: 5px; width: 30px; height: 30px; margin: -15px 0 0;}
	.btn_area .com_wrap .com_btn .plus img {height: 16px;}
	.btn_area .com_wrap .com_btn .txt {margin: 0 20px 0 0; font-size: 14px;}

	.com_text_area {gap: 10px;}
	.com_text_area .sub_title {font-size: 18px; line-height: 24px;}
	.com_text_area .title {font-size: 30px; line-height: 36px;}
	.com_text_area .title br.pc {display: block;}
	.com_text_area .text {font-size: 14px; line-height: 22px;}
	.com_text_area .text2 {font-size: 16px; line-height: 22px;}
	.com_text_area .text br.pc {display: block;}


	.com_video_area.h_black:before {height: 10px;}
	.com_video_area .text {font-size: 14px;}
	
	.com_video_area.length .video_box {padding: 0;}
	.com_video_area.length .video_box .video_inner {position: inherit; top: inherit; right: inherit; left: inherit; bottom: inherit;}
	.com_video_area.length .video_box .video_inner video {position: inherit; top: inherit; right: inherit; left: inherit; bottom: inherit;object-fit: contain; height: 380px;}


	.com_btn_area .text {font-size: 20px; line-height: 24px;}
	.com_btn_area .price_btn {width: 110px;}
	.com_btn_area .price_btn .txt {font-size: 14px;}

	.sec01 {padding: 100px 0 50px;}
	.sec01 .com_img_area {margin: 0;}
	.sec01 .com_btn_area {margin: -60px 0 0;}

	.sec02 {padding: 50px 0;}
	.sec03 {padding: 50px 0;}

	.sec04 {padding: 50px 0;}
	.sec04 .gif_area .list {flex-direction: column; gap: 15px;}
	.sec04 .gif_area .list li {max-width: 100%;}
	.sec04 .gif_area .list li .box .img_box {margin: 10px 0 0;}
	.sec04 .gif_area .list li .box .title {margin: 10px 0 0; font-size: 16px; line-height: 20px;}
	.sec04 .gif_area .list li .box .text {margin: 10px 0 0; font-size: 14px; line-height: 20px;}

	.sec04 .pop_area .pop_inner .cont {padding: 20px; border-radius: 40px;}
	.sec04 .pop_area .pop_inner .cont .title {font-size: 30px; line-height: 40px;}
	.sec04 .pop_area .pop_inner .cont .img_box {margin: 20px 0 0;}
	.sec04 .pop_area .pop_inner .cont .text {margin: 20px 0 0; font-size: 18px;}
	.sec04 .pop_area .pop_inner .cont .pop_close {width: 40px; height: 40px; margin: 10px auto 0;}
	.sec04 .pop_area .pop_inner .cont .pop_close img {width: 16px;}
	.sec06 {padding: 50px 0;}
	.sec07 {padding: 50px 0;}

	.sec08 {padding: 50px 0;}
	.sec08 .img_list .list li .img_box img {width: 200px;}

	.sec09 {padding: 50px 0;}
	.sec09 .com_text_area {padding: 0; flex-direction: column;;}
	.sec09 .com_text_area > div {width: 100%;}
	.sec09 .info_box .list {gap: 10px;}
	.sec09 .info_box .list li {width: calc(50% - 5px);}
	.sec09 .info_box .list li .box {padding: 15px; border-radius: 20px;}
	.sec09 .info_box .list li .box .icon_box img {width: 42px;}
	.sec09 .info_box .list li .box .text {font-size: 14px; line-height: 20px;}

	.sec10 {padding: 50px 0;}
	.text_list {width: 100%; max-width: 300px; margin: 0 auto;}
	.text_list .list {gap: 20px; flex-direction: column;}
	.text_list .list li .box {font-size: 14px; line-height: 22px;}

	.sec11 {padding: 50px 0;}
	.sec12 {padding: 50px 0;}
	.sec12 .img_list .list {gap: 5px;}
	.sec12 .img_list .list li .text {margin: 0; font-size: 14px; line-height: 22px;}

	.sec13 {padding: 50px 0;}
	.coach_box .list li {margin: 20px 0 0;}
	.coach_box .list li .box {gap: 10px; flex-direction: column;}
	.coach_box .list li .box .img_box .img_inner img {width: 300px;}
	.coach_box .list li .box .text_box {width: 100%; text-align: center;}
	.coach_box .list li .box .text_box .title {font-size: 18px; line-height: 20px;}
	.coach_box .list li .box .text_box .text {margin: 6px 0 0; font-size: 14px; line-height: 22px;}

	.sec14 {padding: 50px 0;}

	.step_box .list {gap: 0 10px;}
	.step_box .list li .box {text-align: center;}
	.step_box .list li .box img {width: 20px; vertical-align: middle;}
	.step_box .list li .box .text {font-size: 18px; line-height: 20px;}


	.sec15 {padding: 50px 0;}
	.sec15 .info_area .info_box .list li .box {width: 130px; height: 140px; border-radius: 20px;}
	.sec15 .info_area .info_box .list li .box .text {font-size: 14px; line-height: 20px;}
	.sec15 .info_area .info_box .list li .box .icon_box img {width: 40px;}
	.sec15 .info_area .img_box {width: calc(100% - 200px);}

	.sec16 {padding: 50px 0;}
	.sec16 .check_box .month_area .month_box {width: 200px; gap: 0 10px;}

	.sec16 .check_box .month_area .month_box .text {font-size: 24px; line-height: 65px;}
	.sec16 .check_box .month_area .month_box .on {width: 60px; font-size: 24px; line-height: 62px;}
	.sec16 .check_box .list li {width: calc(50% - 5px);}
	.sec16 .check_box .list li .box {padding: 10px; border-radius: 10px;}
	.sec16 .check_box .list li .box .icon_box img {width: 24px;}
	.sec16 .check_box .list li .box .text_box .title {font-size: 16px; line-height: 20px;}
	.sec16 .check_box .list li .box .text_box .text {font-size: 14px; line-height: 22px;}

	.sec17 {padding: 50px 0;}
	.sec17 .resv_box .list {gap: 0 10px;}
	.sec17 .resv_box .list li .box {padding: 10px; border-radius: 10px;}
	.sec17 .resv_box .list li .box .title_box {gap: 0 5px;}
	.sec17 .resv_box .list li .box .title_box .icon img {height: 30px;}
	.sec17 .resv_box .list li .box .title_box .title {font-size: 18px; line-height: 20px;}
	.sec17 .resv_box .list li .box .text {font-size: 14px; line-height: 24px;}

	.sec18 {padding: 50px 0;}
	.sec18 .way_box .list {gap: 0 10px;}
	.sec18 .way_box .list li .box {min-height: 140px; border-radius: 10px;}
	.sec18 .way_box .list li .box .box_inner {height: 140px; border-radius: 10px;}
	.sec18 .way_box .list li .box .title {font-size: 18px; line-height: 20px;}
	.sec18 .way_box .list li .box .text {margin: 6px 0 0; font-size: 14px; line-height: 22px;}
	.sec18 .text_list .list li .box {margin: -10px 0 0 !important}

	.sec19 {padding: 50px 0;}

	.spec_table_area .table_box table thead tr th {font-size: 14px; line-height: 35px;}
	.spec_table_area .table_box table thead tr td {font-size: 14px; line-height: 35px;}
	.spec_table_area .table_box table tbody tr td {font-size: 14px; line-height: 24px;}
	.spec_table_area .table_box table tbody tr td .explain_box br.pc {display: block;}
	

	
	@-webkit-keyframes tblScrollAni {
		0% {
			background-position: 48% 0;
		}
		50% {
			background-position: 52% 0;
		}
		100% {
			background-position: 48% 0;
		}
	}

	@keyframes tblScrollAni {
		0% {
			background-position: 48% 0;
		}
		50% {
			background-position: 52% 0;
		}
		100% {
			background-position: 48% 0;
		}
	}

	.sec20 {padding: 50px 0;}

	.qna_box .list li {max-width: 300px;}
	.qna_box .list li .box {padding: 15px; border-radius: 10px; min-height: 275px;}
	.qna_box .list li .box .q_box {padding: 0 0 0 25px; font-size: 18px; line-height: 26px;}
	.qna_box .list li .box .a_box {padding: 0 0 0 25px; font-size: 14px; line-height: 20px;}
	.qna_box .list li .box .a_box .a_txt {top: -3px; font-size: 18px; line-height: 26px;}


	.sec21 {padding: 50px 0;}
	.customer_box .list li {width: calc(33.3333% - 6.6666px);}
	.customer_box .list li .box {height: 70px; padding: 5px;}


}

@media screen and (max-width: 480px) {
	.com_text_area .title {font-size: 26px; line-height: 30px;}

	.sec09 .info_box .list {flex-direction: column;}
	.sec09 .info_box .list li {width: 100%;}
	.sec12 {padding: 0 0 50px;}
	.sec12 .img_list .list {flex-direction: column; gap: 10px;}
	.sec12 .img_list .list li .img_box {text-align: center;}
	.sec12 .img_list .list li .img_box img {width: 220px;}
	.sec12 .img_list .list li .text {margin: -20px 0 0;}

	.sec15 .info_area .img_box {position: inherit; left: inherit; top: inherit; transform: translate(0, 0); width: 100%;}
	.sec15 .info_area .img_box img {position: inherit; left: inherit; top: inherit; transform: translate(0, 0)}
	.sec15 .info_area .info_box {margin: 10px 0 0;}
	.sec15 .info_area .info_box .list {gap: 10px;}
	.sec15 .info_area .info_box .list li {margin: 0; width: calc(50% - 5px);}
	.sec15 .info_area .info_box .list li .box {width: 100%;}


	
	.sec16 .check_box .month_area .month_box {width: 180px;}
	.sec16 .check_box .month_area .month_box .text {font-size: 20px; line-height: 50px;}
	.sec16 .check_box .month_area .month_box .on {width: 50px; font-size: 20px; line-height: 54px;}

	.sec16 .check_box .list li {width: 100%;}

	.sec17 .resv_box .list {gap: 10px; flex-direction: column;}
	.sec17 .resv_box .list li {width: 100%;}

	.sec18 .way_box .list {gap: 10px; flex-direction: column;}
	.sec18 .way_box .list li {margin: 0 auto;}
	.sec18 .way_box .list li .box {min-height: auto;}
	.sec18 .way_box .list li .box .box_inner {height: auto; padding: 15px;}

	.customer_box .list li {width: calc(50% - 5px);}



	.spec_table_area .table_box table tbody tr td .size_box .list {flex-direction: column;}
	.spec_table_area .table_box table tbody tr td .explain_list .list {flex-direction: column;}
	.spec_table_area .table_box table tbody tr td .explain_list .list li {width: 100%;}

}