@charset "utf-8";

/*-------------------------------------------------------------------------------------------------------------
	File : content.css
	CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
	CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
	CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, font/color, align, etc
-------------------------------------------------------------------------------------------------------------*/


/* main */
/* .swiper-main {position:fixed; top:2.8rem; left:0; width:100%; height:100%;} */
.swiper-main {position:relative; width:100%; height:100%;}
.ufswaaa10_M{height:100%; background-color: #fff;}
.w-bg{background-color:#fff;}
.border-top{border-top:1px solid #eceef0}
.border-bottom{border-bottom:1px solid #eceef0}
.wrapper.main.landscape .swiper-main {position:relative;}
.swiper-main .swiper-container {position:relative; width:100%; height:100%; padding-top:5.5rem;}
.swiper-main .swiper-wrapper {position:relative; width:100%; height:100%;}
.swiper-main .swiper-slide {position:relative; width:100%; height:100%;}
.swiper-main .swiper-slide .swiper-info {display:none; position:absolute; left:0; padding:0 1rem;}
.swiper-main .swiper-pagination{-webkit-transition:.2s; -moz-transition:.2s; transition:.2s;-o-transition:.2s;}
.swiper-main .swiper-slide.item01 .swiper-info {display:none;}
.swiper-main .swiper-slide.item02 .swiper-info, 
.swiper-main .swiper-slide.item03 .swiper-info, 
.swiper-main .swiper-slide.item04 .swiper-info, 
.swiper-main .swiper-slide.item05 .swiper-info {width:100%; top:0; left:0; padding:0 1rem; text-align:center;}
.swiper-main .swiper-slide .swiper-info .swiper-title {display:block; font-family:Century Gothic; color:#f68c30;}
.swiper-main .swiper-slide .swiper-info .swiper-title span {display:block; font-family:'NotoSans-Medium'; font-size:0.55rem;}
.swiper-main .swiper-slide .swiper-info .swiper-title strong {display:block; font-family:Century Gothic; font-size:3rem; font-weight:bold;}
.swiper-main .swiper-slide.item02 .swiper-info .swiper-title strong,
.swiper-main .swiper-slide.item03 .swiper-info .swiper-title strong,
.swiper-main .swiper-slide.item04 .swiper-info .swiper-title strong,
.swiper-main .swiper-slide.item05 .swiper-info .swiper-title strong {font-size:2.15rem;}
.swiper-main .swiper-slide .swiper-info .swiper-text {display:block; padding-top:0.5rem; color:#555;}
.swiper-main .swiper-slide .swiper-info .swiper-text strong {display:block; font-size:19px;}
.swiper-main .swiper-slide .swiper-info .swiper-text span {display:block; font-size:0.55rem; line-height:1.2;}
.swiper-main .swiper-slide.item02 .swiper-info .swiper-text span,
.swiper-main .swiper-slide.item03 .swiper-info .swiper-text span,
.swiper-main .swiper-slide.item04 .swiper-info .swiper-text span,
.swiper-main .swiper-slide.item05 .swiper-info .swiper-text span {font-size:0.6rem; line-height:1.5;}
.swiper-main .swiper-slide .swiper-info .swiper-text strong + span {margin-top:15px;}

i.bg_main_01,
i.bg_main_02,
i.bg_main_03,
i.bg_main_04,
i.bg_main_05{background-position:bottom center; background-repeat: no-repeat; background-size:contain; display:block; min-height:65vh; }
i.bg_main_01{background-image: url(/images/responsive-img/bg_main_01.webp);}
i.bg_main_02{background-image: url(/images/responsive-img/bg_main_02.webp);}
i.bg_main_03{background-image: url(/images/responsive-img/bg_main_03.webp);}
i.bg_main_04{background-image: url(/images/responsive-img/bg_main_04.webp); background-size:cover;} /* background-size:cover; */
i.bg_main_05{background-image: url(/images/responsive-img/bg_main_05.webp);}
i.bg_main_01:lang(en){background-image: url(/images/responsive-img/bg_main_01_en.webp);}
i.bg_main_02:lang(en){background-image: url(/images/responsive-img/bg_main_02_en.webp);}
i.bg_main_03:lang(en){background-image: url(/images/responsive-img/bg_main_03_en.webp);}
i.bg_main_04:lang(en){background-image: url(/images/responsive-img/bg_main_04_en.webp);}  /*  background-size:cover; */
i.bg_main_05:lang(en){background-image: url(/images/responsive-img/bg_main_05_en.webp);}

i.bg_main_01:lang(de){background-image: url(/images/responsive-img/bg_main_01_de.webp);}
i.bg_main_02:lang(de){background-image: url(/images/responsive-img/bg_main_02_de.webp);}
i.bg_main_03:lang(de){background-image: url(/images/responsive-img/bg_main_03_de.webp);}
i.bg_main_04:lang(de){background-image: url(/images/responsive-img/bg_main_04_de.webp);}  /*  background-size:cover */
i.bg_main_05:lang(de){background-image: url(/images/responsive-img/bg_main_05_de.webp);}

i.bg_main_01:lang(ja){background-image: url(/images/responsive-img/bg_main_01_ja.webp);}
i.bg_main_02:lang(ja){background-image: url(/images/responsive-img/bg_main_02_ja.webp);}
i.bg_main_03:lang(ja){background-image: url(/images/responsive-img/bg_main_03_ja.webp);}
i.bg_main_04:lang(ja){background-image: url(/images/responsive-img/bg_main_04_ja.webp);} /*  background-size:cover */
i.bg_main_05:lang(ja){background-image: url(/images/responsive-img/bg_main_05_ja.webp);}


.swiper-main .swiper-slide.swiper-slide-active .swiper-info .swiper-title {opacity:0;}
.swiper-main .swiper-slide.swiper-slide-active .swiper-info .swiper-text {opacity:0;}
.swiper-main .swiper-slide .swiper-bg {display:table; position:relative; width:100%; height:100%; margin:0 auto; table-layout:fixed; text-align:center;}
.swiper-main .swiper-slide .swiper-bg .bg {display:table-cell; height:50%; vertical-align:bottom;}
/* .swiper-main .swiper-slide .swiper-bg {display:flex; position:relative; width:100%; height:100%; margin:0 auto; text-align:center;}
.swiper-main .swiper-slide .swiper-bg .bg {display:flex; height:100%; padding:0 1.2rem;} 
.swiper-main .swiper-slide.item01 .swiper-bg .bg {padding:0 5rem; vertical-align:middle;}
.swiper-main .swiper-slide.item02 .swiper-bg .bg {}
.swiper-main .swiper-slide.item03 .swiper-bg .bg {padding:0 02rem 0 2rem; padding:0 0.75rem 2.6rem 1.25rem;}
.swiper-main .swiper-slide.item04 .swiper-bg .bg {padding:0;}
.swiper-main .swiper-slide.item05 .swiper-bg .bg {padding:0;}*/
.swiper-main .swiper-slide .swiper-bg img {max-width:100%; max-height:100%; vertical-align:middle;}
.swiper-main .swiper-slide.swiper-slide-active .swiper-bg {opacity: 0;}
.swiper-main .swiper-button-prev {top:calc(50% - 50px); left:calc(50% - 610px); width:60px; height:60px; border:1px solid #ff5a00; border-radius:100%; box-shadow: 0px 13px 21px 0 rgba(0, 0, 0, 0.2); background:#fff url('/images/mobile/common/ico_swiper_left.png') no-repeat 50% 50%;}
.swiper-main .swiper-button-next {top:calc(50% - 50px); right:calc(50% - 610px); width:60px; height:60px; border:1px solid #ff5a00; border-radius:100%; box-shadow: 0px 13px 21px 0 rgba(0, 0, 0, 0.2); background:#fff url('/images/mobile/common/ico_swiper_right.png') no-repeat 50% 50%;}
.swiper-main .swiper-button-disabled {display:none;}
.swiper-main .swiper-pagination {top:1.5rem; font-size:0;}
.swiper-main .swiper-pagination .swiper-pagination-progressbar-fill {display:block; width:100%; height:10px; background-color:#555; transform-origin:left top;font-weight: 700;}
.swiper-main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {position:relative; width:2rem; height:2rem; margin:0; border:0.2rem solid #555555; background-color:#fff;font-weight: 700; font-size:1rem; color:#555; text-align:center; opacity:1;}
.swiper-main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet + .swiper-pagination-bullet {margin:0 0 0 0.9rem;}
.swiper-main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before {content:''; display:block; position:absolute; top:50%; left:-0.97rem; width:0.9rem; height:0.05rem; margin-top:-1px; clear:both; background-color:#555;}
.swiper-main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:first-child:before {display:none;}
.swiper-main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {border:0.2rem solid #555; color:#555; font-weight: 700;}
.swiper-main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before {background-color:#555;}
.swiper-main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active ~ .swiper-pagination-bullet {border:0.2rem solid #ccc; color:#ccc;}
.swiper-main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active ~ .swiper-pagination-bullet:before {background-color:#ccc;}
.starR:last-child{margin-right:0;}






/*타임 알림*/
.time-btn{margin-right:1rem; margin-top:-0.5rem}
.time-btn i{height:3rem; width:3rem; background-repeat: no-repeat; background-size: 2.8rem 2.8rem;  display:block; background-position: center;}
.gray{background-image: url("/images/mobile/common/icon-lv-0.svg");   }
.green{background-image: url("/images/mobile/common/icon-lv-1.svg");   }
.yellow{background-image: url("/images/mobile/common/icon-lv-2.svg");   }
.red{background-image: url("/images/mobile/common/icon-lv-3.svg");   }
.time-layer{display:none; position:absolute;  height:2rem; background-color:#000; border-radius: 0.25rem; padding:0 0.3rem; margin-top: 5rem;    margin-left: -1.15rem; bottom: -1rem;}
.time-inner > div{display:flex; align-items: center;  height:2rem;}
.time-inner span{color:#c8c8c8; font-size:1.2rem; display:flex; width:100%;}
.time-inner span em{color:#fff;}
.time-inner > div > em{  background-repeat: no-repeat; background-size: contain;  display:block;background-position: center; }
.time-inner em.time{ height:2.3rem; width:5rem;background-image: url("/images/mobile/common/ic-time.svg");    }
.time-inner em.user{  height:1rem;width:1.5rem;background-image: url("/images/mobile/common/ic-people.svg");   }

.time-layer::before{
	content:"";
	position: absolute;
	top:-0.7rem;
	left:41%;
	width: 0;
	height: 0;
	border-left: 0.5rem solid transparent;
	border-right: 0.5rem solid transparent;
	border-bottom: 1rem solid #000;

}


/*qr,otp*/
.qr-btn, .otp-btn{margin-right:1rem; margin-top:-0.5rem; displaY:block;}
.qr-btn i, .otp-btn i{height:3rem; width:3rem; background-repeat: no-repeat; background-size: 3rem 3rem;  display:block; background-position: center;}

.qr_g{background-image: url("/images/responsive-img/qr_g.svg");   }
.otp_g{background-image: url("/images/responsive-img/otp_g.svg");   }




/*노티*/
/* 
.noti a{color:#fff;  font-size:1rem; display: flex; width:1.6rem; height:1.6rem; border-radius: 5rem; background-color:#ff8a00;  position:absolute; right:-0.1rem; top:-0.1rem; }
.noti a i{ font-style:normal; width:1.6rem; height:1.6rem; line-height:1.6rem;text-align:center;} 
.noti-none a{position:relative;  display:block; background-image: url("/images/mobile/common/alarm.svg");background-repeat: no-repeat; background-size: contain;       width:3rem; height:3rem; margin-right:10px; }

#FF3C00

*/

.noti-none a,
.noti a,
.my-cart a {
	display: inline-block !important;
	position:relative !important;
	width:30px !important;
	height:30px !important;
	margin-right:10px !important;
	background: url('/images/2025/ico-comm.png') no-repeat !important;
	background-size: 200px 200px !important;
	background-position: -90px -26px !important;
}

.my-cart a {
	background-position: -120px -26px !important;
}

.noti-none a i:not(:empty),
.noti a i:not(:empty),
.my-cart a i:not(:empty) {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 2px;
	min-width: 14px;
	height: 14px;
	padding: 0 4px;
	border-radius: 7px;
	background: #ff3c00;
	color:#fff;
	font-size: 8px;
	font-weight: bold;
	line-height: 13px;
	text-align: center;
	white-space: nowrap;
	font-style: normal;
}

.my-cart a i:not(:empty) {
	right: -1px;
}

.noti-message{width:100%;  display:block; position:absolute; bottom:-10px; left:0; padding:0px 20px;}
.noti-message p{margin-left:0px; margin-right:0px; display:block; font-size:13px;  background:#f68c30; height:20px; line-height:20px; color:#fff; text-align:center;}

/*노티*/
.noti2{position:relative; background-image: url("/images/mobile/common/3.svg"); background-repeat: no-repeat; background-size: contain;       width:25px; height:25px; margin-right:10px;}
.noti2 a{color:#f68c30; font-size:10px;display: flex;   position:absolute; right:7.5px; bottom:5px;}
.noti2 a i{ font-style:normal;}


/*운동가이드관리*/
.guide-text{display:block !important;}
.guide-text p{margin-bottom:0.5rem; }
.guide-text p + p{margin-bottom:0; line-height:1.5em;}
.fail_text{color:#f68c30;}
.inp-group.check-box .radio-group,
.radio-group .form-check{padding:0; margin:0; } 
.radio-group .form-check + .form-check{margin-lefT:1rem;}
.titl_flex{    justify-content: space-between; }
/*.holiday span{color:#e40d0d;}*/
/*.in-guide .btn span:before{

    display: block;
    position: absolute;
    width: 0.2rem;
    height: 0.2rem;
    top: 50%;
    left: -0.25rem;
    margin-top: -0.1rem;
    background: #23a911;
    border-radius: 50%;
    content: "";
}*/
.inp-wrap.has-btn.jutify-box .btn{     display: flex;    align-content: center;    justify-content: center;}
.jutify-box .btn span{display: flex;align-content: center;    justify-content: center;}
.pdb-20{padding:1rem; padding-top:0; border-bottom:1px solid #f0f0f0;}
.block-select {z-index:0; width:3.8rem; display:block;}
.block-select .form-check{display:block; margin-bottom:0.2rem; }
.block-select .acc-wrap .acc-body{position:absolute; background-color:#fff;  bottom:44px; border-top:0.05rem solid #ccc;}
.block-select .acc-wrap .btn-acc:after{    top: 0.5rem;    right: 0.35rem;}
.inp-wrap.has-btn.jutify-box .block-select .btn{padding:0; width:3.75rem;justify-content: inherit; padding-left:8px;} 

.jutify-box{align-items: center;justify-content: center; }
.flex-btn{display:flex; flex-basis: 1;}
.flex-btn button + button{margin-left:1rem;}
.jutify-box button{width:50%;}
.jutify-box .flex-box{display:flex; width:70%; }
.jutify-box .flex-box .btn{width:50%; margin-right:0.5rem; }
.jutify-box .flex-box .btn+.btn{margin-right:0;}
.m-none{margin-left:0;}
.m-none .form-check+.form-check{margin-left:10px;}
.wperson .tit-wrap{width:20%;}
.wperson .inp-wrap,
.wperson .img-wrap{width:75%;}
.wperson .img-wrap img{width:100%;}
.wperson .img-wrap span{display:flex;  justify-content: center; margin-top:0.2rem; }
.y-axis{color:#f68c30;}
.wperson .tit-wrap .tit.colum_box{display:flex; flex-direction: column;    justify-content: space-between;}
.wperson .inp-group .tit-wrap.mb1{margin-bottom:1rem;}
.w70{width:70%;}
.w45{width:45% !important;}

/*가이드입력*/
.ora-border{border-top:1px solid #f68c30;}
.spa-between.exercise-box .inp-group{justify-content: space-between; }
.spa-between.exercise-box .inp-group .tit-wrap .tit:lang(en){margin-right:0;}
.w-between50 >div{width:50%  !important;}
.b-between{justify-content: space-between;align-content: center; align-items: center; }
.mt-18{margin-top:1.5rem !important;}
.flexd_box{position: sticky;    bottom: 0;    background-color: #fff;    padding-top: 1rem;    padding-bottom: 1rem;}
.btn-small{width:35%;height: 2.5rem;    padding: 0 0.5rem;    font-size: 0.8rem;    line-height: 2.45rem; }
.add-exer{padding:1.25rem 0rem 1.5rem !important;}
.add-exer .exercise-set{display:flex; border-bottom:1px solid #ccc; padding:0rem 1rem 1.5rem;}
.add-exer.exercise-box .exercise-set .set{border-bottom:0; padding-right:0.7rem; font-size:1rem;}
.add-exer .inp-group.inp-row .group-item.type02{display:block; }
.add-exer .inp-group.inp-row .group-item.type02 .tit-wrap .tit{line-height:1.7em;}
.add-exer .inp-group.inp-row .group-item.type02 .tit-wrap{height:auto; width:100%;}
.add-exer .inp-group.inp-row .group-item.type02 .tit-wrap + .inp-wrap{width:100%;}

.add-exer dl:last-child{border-bottom:0 !important; padding-bottom:0;}

.qr{display:block;width:4rem; height:4rem; margin:0 auto; margin-top:1.65rem;}
.qr img{width:100%; }


.group_flex{}
.j-end{justify-content: flex-end;}

.inner-flex-box .group-item{width:100%;}



/*운동선택 */

.flex-box-input{display:flex; }
.flex-box-input div + div{margin-left:1rem;}



/*별점*/
.memo-box,
.button-box{   
	min-height: 8rem;
	height:auto;
    padding: 0.57rem 0.75rem;
    border: 0.1rem solid #dcdcdc;
    font-size: 1.4rem;
    color: #3c3c3c;
	line-height: 1.6em;
	background-color:#fff;
	overflow-y: auto;
	border-radius: 0.3rem;
}

.starRev{display: flex;    justify-content: center;}
.starR{
	background: url('/images/mobile/common/ico_review.png') no-repeat right 0;
	background-size: auto 100%;
	width: 30px;
	height: 30px;
	display: inline-block;
	text-indent: -9999px;
	cursor: pointer;
	margin-right:20px;
  }
  .starR.on{background-position:0 0;}
.section-text-inner label{display:none; font-size:1.6rem;     font-weight: 500; margin-top:2rem;}
.section-text-inner label.star0{color:#333}
.section-text-inner label.active{display:block; color:#f68c30;}
.flex-right{justify-content: flex-end !important;}


@-webkit-keyframes fadeIn {
  from {opacity:0;}
  to {opacity:1;}
}
@keyframes fadeIn {
  from {opacity:0;}
  to {opacity:1;}
}
@-webkit-keyframes slideUp {
  from {margin-top:100px; opacity:0;}
  to {margin-top:0; opacity:1;}
}
@keyframes slideUp {
   from {margin-top:100px; opacity:0;}
  to {margin-top:0; opacity:1;}
}
.swiper-main .swiper-slide-active .swiper-bg {
 -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.swiper-main .swiper-slide-active .swiper-title {
 -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.swiper-main .swiper-slide-active .swiper-text {
 -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
}

/* @media (min-width: 640px) and (max-width:734px) and (orientation : landscape)  { 
	.swiper-main {position:relative; width:100%; height:auto;}
	.swiper-main .swiper-slide {height:22.15rem;}
	.swiper-main .swiper-slide.item01 .swiper-bg img {max-height:50%;}
	.swiper-main .swiper-slide.item02 .swiper-bg img {padding-top:9rem;}
	.swiper-main .swiper-slide.item03 .swiper-bg img {padding:9rem 5rem 0 5rem;}
	.swiper-main .swiper-slide.item04 .swiper-bg img {padding:8rem 6rem 0 6rem;}
	.swiper-main .swiper-slide.item05 .swiper-bg img {padding:9rem 4rem 0 4rem;}
}

@media (min-width: 735px) and (max-width:811px) and (orientation : landscape)  { 
	.swiper-main {position:relative; width:100%; height:auto;}
	.swiper-main .swiper-slide {height:22.15rem;}
	.swiper-main .swiper-slide.item01 .swiper-bg img {max-height:50%;}
	.swiper-main .swiper-slide.item02 .swiper-bg img {padding-top:9rem;}
	.swiper-main .swiper-slide.item03 .swiper-bg img {padding:8rem 7rem 0 7rem;}
	.swiper-main .swiper-slide.item04 .swiper-bg img {padding:8rem 1rem 0 1rem;}
	.swiper-main .swiper-slide.item05 .swiper-bg img {padding:8rem 1rem 0 1rem;}
}

@media (min-width: 812px) and (max-width:1023px) and (orientation : landscape)  { 
	.swiper-main {position:relative; width:100%; height:auto;}
	.swiper-main .swiper-slide {height:22.15rem;}
	.swiper-main .swiper-slide.item01 .swiper-bg img {max-height:80%;}
	.swiper-main .swiper-slide.item02 .swiper-bg img {padding-top:9rem;}
	.swiper-main .swiper-slide.item03 .swiper-bg img {padding:8rem 1rem 0 1rem;}
	.swiper-main .swiper-slide.item04 .swiper-bg img {padding:8rem 1rem 0 1rem;}
	.swiper-main .swiper-slide.item05 .swiper-bg img {padding:8rem 1rem 0 1rem;}
}

@media (min-width: 1024px) and (max-width:1366px) and (orientation : landscape)  { 
	.swiper-main {position:relative; width:100%; height:auto;}
	.swiper-main .swiper-slide {height:22.15rem;}
	.swiper-main .swiper-slide.item01 .swiper-info {left:20%;}
	.swiper-main .swiper-slide.item01 .swiper-bg img {max-height:100%;}
	.swiper-main .swiper-slide.item02 .swiper-bg img {padding:0;}
	.swiper-main .swiper-slide.item03 .swiper-bg img {padding:9rem 5rem 0 5rem;}
	.swiper-main .swiper-slide.item04 .swiper-bg img {padding:2rem 4rem 0 4rem;}
	.swiper-main .swiper-slide.item05 .swiper-bg img {padding:0;}
}  */


/* login */
.login-title {display:flex; padding:1.25rem 0 3rem; justify-content:center;}
.login-title p {display:block;}
.login-title .img {width:2.1rem; height:1.17rem;}
.login-title .img img {width:100%;}
.login-title .txt {margin-left:0.4rem; font-family:'NotoSans-Light'; font-size:1.3rem; color:#333;}

.login-inputWrap .input-wrap {border-bottom:1px solid #ccc;}
.login-inputWrap .input-wrap + .input-wrap {margin-top:1rem;}
.login-inputWrap .input-wrap input {width:100%; padding:0.4rem 0;}
.login-info {display:flex; position:relative;       justify-content: space-between;}
/*.login-info:after {display:block; clear:both; content:"";}*/
.login-info .login-chk {float:left;}
.login-info .login-find {float:right;}
.login-info .login-find ul {display:flex;}
.login-info .login-find ul li {position:relative;}
.login-info .login-find ul li + li {margin-left:1rem;}
.login-info .login-find ul li + li:before {display:block; position:absolute; width:1px; height:0.6rem; top:50%; left:-0.5rem; margin-top:-0.3rem; background:#ccc; content:"";}
.login-info .login-find ul li a {display:block; font-size:0.6rem; color:#333;}
.login-inputWrap + .btn-loginWrap {margin-top:1rem;}
.btn-loginWrap + .login-info {margin-top:1rem;}
.snslogin-wrap {display:none; position:relative; margin-top:1.5rem; justify-content:center;}
.snslogin-wrap .sns-list {display:flex; margin:-0.5rem 0 0 -0.25rem; flex-wrap:wrap;}
.snslogin-wrap .sns-list li {width:1.75rem; height:1.75rem; margin:0.5rem 0 0 0.25rem;}
.snslogin-wrap .sns-list li .btn {width:100%; height:100%;}
.snslogin-wrap .sns-list li .btn.btn-qq {background:url('/images/mobile/common/ico_login_qq.png') no-repeat; background-size:100%;}
.snslogin-wrap .sns-list li .btn.btn-whats {background:url('/images/mobile/common/ico_login_whats.png') no-repeat; background-size:100%;}
.snslogin-wrap .sns-list li .btn.btn-naver {background:url('/images/mobile/common/ico_login_naver.png') no-repeat; background-size:100%;}
.snslogin-wrap .sns-list li .btn.btn-facebook {background:url('/images/mobile/common/ico_login_facebook.png') no-repeat; background-size:100%;}
.snslogin-wrap .sns-list li .btn.btn-kakao {background:url('/images/mobile/common/ico_login_kakao.png') no-repeat; background-size:100%;}
.snslogin-wrap .sns-list li .btn.btn-twit {background:url('/images/mobile/common/ico_login_twit.png') no-repeat; background-size:100%;}
.snslogin-wrap .sns-list li .btn.btn-wechat {background:url('/images/mobile/common/ico_login_wechat.png') no-repeat; background-size:100%;}
.snslogin-wrap .sns-list li .btn.btn-google {background:url('/images/mobile/common/ico_login_google.png') no-repeat; background-size:100%;}
.snslogin-wrap .sns-list li .btn span {text-indent:-9999px;}



@media all and (max-width:360px) { 
	.total-fit .item .info em {margin-right:0rem; font-size:1.3rem;}
	.footer .footer-top{ justify-content: space-between;}
}


/* product */
.bg-dimgray {background-color:#555;}


/* equipment-wrap */
.equipment-wrap {display:flex; width:100%; min-height:3.57rem; padding:0 1rem; border-bottom:0.05rem solid #eee; justify-content:space-between; align-items:center;}
.equipment-wrap .kor {font-family: 'NotoSans-Medium'; font-size:1.1rem; color:#555;}
.equipment-wrap .en {margin-top:0.5rem; font-family: 'NotoSans-Medium'; font-size:0.6rem; color:#999;}
.equipment-wrap .img  {width:3.57rem;}
.equipment-wrap .img img {width:100%;}
.recording-wrap {display:block; position:relative;}
.recording-list {display:block; position:relative; }
.org{border-color:#f68c30 !important;}




/* content-hearder */
.content-header {display:block; position:relative; height:4.2rem; text-align:center; border-bottom:1px solid #eceef0;}
.content-header.b-b{ border-bottom:1px solid #eceef0;}
.content-header .tit-cont {font-family:'NotoSans-Medium'; font-size:1.6rem; color:#333; line-height:1.6; margin-bottom:10px;}
.content-header p{margin-bottom:10px;}
.content-header .point-on{color:#f68c30;}
/*.title-wrap p{color:#999999; font-size:1.8rem;  }*/
.content-header .title-wrap + .date-wrap{margin-top:0.8rem;}
.content-header .date-wrap + .tab-wrap02 {margin-top:1rem;}
.content-header .date-wrap a,
.content-header .date-wrap p {position:relative; font-family: 'NotoSans-Medium'; font-size:0.9rem; color:#555; margin-top:0.3rem;}
.content-header .date-wrap a:after {display:block; position:absolute; width:0.65rem; height:0.65rem; top:50%; right:-0.87rem; margin-top:-0.18rem; background:url('/images/mobile/common/ico_cal_sel.png') no-repeat; background-size:100%; content:"";}
.content-header .date-wrap + .user-info {margin-top:0.8rem;}
.content-header .user-info {display:inline-block;; position:relative;}
.content-header .tab-wrap02 + .user-info {margin-top:1rem;}
.content-header .title-wrap + .user-info {margin-top:0.8rem;}
.content-header .user-info ul {display:flex; padding:0 1rem; border-radius:0.75rem; background-color:#555;}
.content-header .user-info ul li {display:block; position:relative;  font-size:0.6rem; color:#fff; line-height:1.5rem;}
.content-header .user-info ul li + li {margin-left:0.7rem;}
.content-header .user-info ul li + li:before {display:block; position:absolute; width:1px; height:0.55rem; top:50%; left:-0.37rem; margin-top:-0.27rem; background:#fff; content:"";}
.content-header .user-info + .date-wrap {margin-top:1.5rem;}
.content-header .sub-txt {margin-top:0.65rem; font-size:0.9rem; color:#999; line-height: 1.33;}
.content-header .sub-txt + .btn-wrap {margin-top:1.3rem;}
.wrapper.plan .content-header {padding:1.2rem 0 1.25rem;}
.wrapper.cardio-view .content-header {padding:1.2rem 0 0.95rem;}


/* 회원관리 */
.sch-conWrap {display:block; position:relative; padding:1rem 0 1rem;}
.sch-conWrap .title{display: block;    position: relative;    margin-bottom: 1rem;    font-family: 'NotoSans-Medium';    font-size: 0.75rem;    color: #5c5c5c;    text-align: left;}
.sch-conWrap .shc-checkWrap {display:flex; margin-top:-1.25rem; flex-wrap:wrap;}
.sch-conWrap .shc-checkWrap .form-check {width:50%; margin-top:1.25rem;}
.sch-conWrap .acc-wrap + .inp-wrap {margin-top:0.5rem;}
/* .tbl-list td .mem {display:inline-block; width:4rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} */

/* 회원정보 */
.row-radioinp {display:flex;}
.row-radioinp .inp-wrap {width:5rem; margin-left:1rem;}

/* 운동처방 관리 */
.machine-list {display:block; width:100%;}
.machine-list li {border-bottom:0.05rem solid #f0f0f0;}
.machine-list li .btn {display:flex; width:100%; padding:1rem; justify-content:space-between; align-items:center;}
.machine-list li .btn .txt{display:block; text-align:left;}
.machine-list li .btn .kor {font-family: 'NotoSans-Medium'; font-size:1.4rem;  color:#555;}
.machine-list li .btn .eng {font-size:0.65rem;  color:#555;}
.machine-list li .btn .img {width:71px; height:60px;}
.machine-list li .btn .img img {width:100%;}
.exercise-box {display:block; position:relative; margin-top:1rem; padding:1.25rem 1rem 1.5rem; background-color:#f4f4f4;}
.exercise-box .inp-group.radio-text .inp-wrap {margin-top:0.5rem;}
.exercise-box .inp-group{display:flex;align-items: center; }
.exercise-box .inp-wrap.has-unit02 .inp{    width: calc(100% - 2rem);}
.exercise-box .inp-wrap.has-unit02 .unit{width:5rem;}
.exercise-box .exercise-txt {margin-top:1rem; font-size:0.75rem; color:#999; line-height:1.4;}
.exercise-box .exercise-set + .exercise-set {margin-top:1.5rem;}
.exercise-box .exercise-set .set {padding-bottom:0.25rem; margin-bottom:0.75rem; border-bottom:1px solid #555; font-family: 'NotoSans-Medium'; font-size:0.9rem; color:#555;}

.exercise-box .inp-group.non_flex{display:block;align-items: center; }






/*팝업*/
.add-pop{position:fixed; bottom:0; width:100%; min-height:10.5rem; z-index:2; background-color:#fff; box-shadow: 0px 10px 4px 10px rgba(0, 0, 0, .2);}
.add-pop .inp-wrap{display:flex; justify-content: space-between; padding:1rem; column-gap: 0.2rem;}
.add-pop .inp-wrap.bg-gray{ padding-bottom:0;}
.add-pop .inp-wrap.bg-gray.dl-box:lang(en){padding-bottom:1rem; }
.add-pop .inp-wrap dl{width:34%;}
.add-pop .inp-wrap dl dt{margin-bottom:0.5rem;}
.add-pop .inp-wrap dl dt label{ word-break: break-word;}
.add-pop .inp-wrap dl dd .inp{text-align:right; padding:0.5rem;}
.title-box{display:flex; position:relative; justify-content: center; height:3rem; align-items: center; }
.title-box h1{display:flex; font-size:1rem; text-align: center; }
.m-menu-close{display:block; position:absolute; right:1rem;  background-image: url('/images/mobile/common/m-menu-close.png'); background-size: contain; background-repeat: no-repeat; width:1rem; height:1rem;} 
.add-pop .bg-gray{padding:1rem; }






/*table 드레그엔 드랍*/
tr.tDnD_whileDrag{
	background-color: #c00;

    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .5); 
    box-shadow:0px 0px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);

}
.last-td i{display:inline-block; position:absolute; right:0;    background-position: center right; background-image: url('/images/mobile/common/shape-1311.png'); width:1rem; height:1rem; background-size: contain; background-repeat: no-repeat;}
#table-1 tr{position:relative; }



/*토글*/

/* 네모 토글 */
.Square.toggle-box{justify-content: center; display: flex;}
.Square.toggle-box div.toggleWrap{border-top:0; width:auto;}
.Square.toggle-box label{border-radius: 0.1rem;  width:8rem; height:1.8rem; display:flex;}
.Square.toggle-box label > span{width:3.8rem; height:1.5rem;border-radius: 0.1rem; box-shadow:none; color:#fff; line-height:1.5rem;} 
.Square.toggle-box input:active + div.button label > span, 
.Square.toggle-box input:checked + div.button label > span{left:4rem;}
.Square.toggle-box label > span em{width:100%;}
.Square.toggle-box label > span em.point-r{color:#000; width:100%; position:absolute; right:-3.85rem;}
.Square.toggle-box label > span em.point-l{color:#000; width:100%; position:absolute; right:3.85rem}

.border-line{border-bottom:0.1rem solid #f0f2f4;}

.tgray-box{background-color:#f4f4f4; margin-top:1rem; margin-bottom:1rem;}
.tgray-box.toggle-box div.toggleWrap{background-color:#f4f4f4; border-top:0;     justify-content: space-between;}
.point-text{color:#ff8a00; font-size:1.2rem; }
.point-text strong{color:#3c3c3c; text-align:right; font-size:0.85rem; padding-left:0.3rem; display:block;}
.title-g{

	width: 76%;
    display: flex;
    justify-content: space-between;
}
.toggle-box div.toggleWrap.flex-box {
	width:100%;
	display:flex; 
	justify-content: space-between;
	padding-left:0; 
	padding-right:0;	
}
.toggle-title{display:flex; align-items: center; }
.toggle-title:lang(en){width: 100%;    justify-content: flex-end;}
.toggle-box div.toggleWrap {  
	position: relative;
	width: 100%;
	min-width:4rem;
	margin: 0 auto;
	
	background: #fff;
	height:3.5rem; 
	display:flex; 
	align-items: center;
	
	
  }
 

.toggle-box  div.toggleWrap > span {
	font-size: 1.4rem;
	font-weight: 400;
	color: #787878;
  }
  
.toggle-box  input {
	display: none;
  }
  
.toggle-box  input:active + div.button label,
.toggle-box  input:checked + div.button label {
	border:none;
	box-shadow:0 0 0 1px #ff7d0d;
	background-color:#ff7d0d;
  }
  
.toggle-box  input:disabled + div.button label {
	border:none;
	box-shadow:0 0 0 1px #ccc;
	background-color:#ccc;
  }
  
  
.toggle-box  input:active + div.button label > span,
.toggle-box input:checked + div.button label > span {
	left: 2.3rem;
	background: #fff;
  }
  
.toggle-box .toggleWrap > div.button {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0rem;
	width: 4rem;
	height: 2rem;
	margin-top: 10px;
	/*overflow: hidden;*/
  }
 
 .toggle-box .toggleWrap > div.button:lang(en){    margin-top: 7px;}
.toggle-box  label {
	display: block;
	width: 4rem;
    height: 2rem;
	box-sizing: border-box;
	border-radius: 3.6rem;
	border: 1px solid #dce0e4;
	background: #dce0e4;
	transition: all 0.3s ease;
	box-shadow: 0 0 0 1px #dce0e4;
  }
  
.toggle-box  label > span {
	position: absolute;
	top: 0.15rem;
    left: 0.16rem;
    display: block;
    width: 1.6rem;
    height: 1.6rem;
	border-radius: 50%;
	box-sizing: border-box;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25), 0 3px 3px 0 rgba(0, 0, 0, 0.15);
	/* transition: all 0.3s cubic-bezier(0.275, -0.45, 0.725, 1.45);*/
	transition: all 0.3s ease;
	background: #fff;
  }

  


.patt-3w{display:flex; justify-content:space-between ; flex-direction: row; height:100%; row-gap: 0.5rem; column-gap: 0.5rem; margin-top:1rem; margin-bottom:1rem;}
.patt-3w dl{width:30%;}
.patt-3w dt{letter-spacing: -0.02rem; margin-bottom:0.5rem;}
.mill-img{display:block; width:100%; border:1px solid #ccc; }
.mill-img img{min-width:inherit; width:100%;}
.orang{color:#f7554d !important;}
.orang-g{color:#fff !important; background: #ff7d0d;}
.title-h2{font-size:1rem;}
.tite-btn{display:flex; justify-content: space-between; align-items: center; margin-bottom:1rem ; }
.tite-btn.right{justify-content:space-between; text-align:right;}
.tite-btn.add-box{justify-content: flex-end;}
.tite-btn.add-box button{background-color:#ff8a00; color:#fff; border-color:#ff8a00}
.tite-btn.add-box button::before{content:""; display:block; width:1.8rem; margin-right:1rem; background-size: contain; height:1.8rem; background-image: url(/images/responsive-img/ic-button-add.svg);}
.moving-group{display:flex; }
.moving-group button + button{margin-left:0.25rem;}
.moving-group button{border-color:#555 !important;}
.tite-btn .btn-top{display:block;width:4rem; background-color:#555; height:3.2rem; background-image: url('/images/mobile/common/btn-top.png'); background-position: center; background-repeat: no-repeat; background-size: contain;}
.tite-btn .btn-bottom{display:block; width:4rem; background-color:#555;  height:3.2rem; background-image: url('/images/mobile/common/btn-bottom.png'); background-position: center; background-repeat: no-repeat; background-size: contain;}
.moving tr.on{background-color:#f4f4f4!important;}
.moving tr.on td{ color:#333;}
.moving  tbody tr:nth-child(even){background-color: unset;}



/*알림 커튼*/
.noti-curtain{position: fixed; width:100%; z-index:102;  top:6.6rem;background-color:#000; height:5rem; display:flex; align-items: center; justify-content: center;}
.noti-curtain p{color:#fff; font-size:1.6rem;}
.mar0.radio-group .form-check{margin:0.75rem 1.45rem 0 0rem !important;}




br.w32{display:none;}



/*알림 읽기*/
.ufswaep10_1 tr.on td,
.ufswaep10_1 tr.on td a{color:#333333;}
.ufswaep10_1 tr td,
.ufswaep10_1 tr td a{color:#999999;}


/*두개 인풋*/
.inner-flex-box{display:flex; justify-content: space-between; margin-bottom:0.5rem;}
.inner-flex-box .tit-wrap{margin-bottom:0.5rem;}
.inner-flex-box .tit-wrap .tit{font-weight: 700;}
.group-item + .group-item{margin-left:0.5rem;}

/*안내 팝업*/
.comfirm { z-index:102; display: none; position: fixed;  width: 100%;top:0; height:100vh; background-color:rgba(0, 0, 0, .2); }
.comfirm.comfirm-no1{ z-index:100000 !important;}
.comfirm.none-bg {background-color:transparent;}
.comfirm .comfirm-inner{position:absolute;width: 90%;  border-radius: 0.6rem;  background-color:#fff;   padding:2.5rem 1.8rem; left: 50%; transform:translate(-50%, -50%);  top: 50%;  }
.comfirm .comfirm-inner-agree{position:absolute;width: 90%;  border-radius: 0.6rem;  background-color:#fff;   padding:2.5rem 1.8rem; left: 50%; transform:translate(-50%, -50%);  top: 50%;  }
.comfirm.none-bg .comfirm-inner{padding:0; border:1px solid #ff8a00;  box-shadow: 0px 12px 16px 0 rgba(0, 0, 0, 0.2);}
.comfirm .comfirm-inner p{width:100%; font-size:1.6rem; display:block; text-align:center; color:#3c3c3c;}
.comfirm .comfirm-inner-agree p{width:100%; font-size:1.6rem; display:flex; text-align:left; color:#3c3c3c;}
.comfirm img {width: 100%; display: block; }
.comfirm p.point{color:#f68c30; font-size:1.6rem; margin-bottom:1.55rem;}
.comfirm p.s-text{font-size:1.4rem; color:#8c8c8c; letter-spacing: -0.03rem;margin-bottom:1.55rem;}
.comfirm .left-text{margin-bottom:1rem; }
.comfirm .left-text p.s-text{font-size:1.2rem; text-align:left; margin-bottom:0; margin-top:0;}

/*안내 팝업*/
.qr-layer { z-index:100; display: none; position: fixed;  width: 100%;top:0; height:100vh; background-color:rgba(0, 0, 0, .2); }
.qr-layer .comfirm-inner{position:absolute;width: 90%;  border-radius: 0.6rem;  background-color:#fff;   padding:3rem 1.8rem; left: 50%; transform:translate(-50%, -50%);  top: 50%;  }
.qr-layer .comfirm-inner p{width:100%; font-size:1.6rem; display:block; text-align:center; }



/*영문패치*/
.dl-box:lang(en){display:block;}
.add-pop .dl-box.inp-wrap dl:lang(en){display:flex;width:100%; margin-bottom:0.5rem; align-items: center; }
.add-pop .dl-box.inp-wrap dl dt:lang(en){width:40%;}
.pop-input-inner{background-color:#f4f4f4; border-radius:0.3rem ; padding:1rem;}


/*안내문 추가*/
.cs_info{  text-align:center; top:0;   padding: 0 1rem;display: flex;align-items: center; height: 50px;   position: relative;     z-index: 0; background-color:#f68c30; color:#fff;    width: 100%;}

	.cs_info span{color:#fff; width:100%; display:block; text-align:center; line-height:20px;} 
	.cs_info button.btn{right:15px;     position: absolute;}

	.none-data i{width:4.3rem;  height:5.8rem; margin:0 auto; display:block;  
		background-image:url(/images/responsive-img/empty.svg);  
		background-repeat: no-repeat; 
		background-size:contain; 
		background-position: center; }
	.none-data span{
		width:100%;
		display:block;
		font-size:0.9rem; 
		line-height:1.6rem;
		letter-spacing: -0.05rem;
	}
	.none-data {
		display:flex;
		padding: 0 1rem;
		flex-direction: row;
		flex-wrap: wrap;
		text-align: center;
		position: relative;
		height: 12.5rem;
		margin:auto 0;
		align-items: center;
		color:#a4afbb;
		justify-content: center;
		
	}


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

	.fullColor-box .write-list .item dl dd span {display:block; margin-left:0.3rem; font-size:0.6rem;width:calc(50% - 2.2rem); text-align:right;}

}

@media all and (max-width:320px) { 
	.project-list .item.done a .txt-info .txt-bottom span {font-size:0.6rem;}
	.project-list .item.done a .txt-info .txt-bottom span + span {margin-left:0.8rem;}
	.project-list .item.done a .txt-info .txt-bottom span + span:before {height:0.5rem; left:-0.5rem;}
	.toggle-box div.toggleWrap > span.mar-l4{margin-left:2.5rem !important;}
	.fullColor-box .write-list .item dl dd span {display:block; margin-left:0.3rem; font-size:0.6rem;width:calc(50% - 0.7rem); text-align:left;}
	.title-g{

		width: 72%;
		display: flex;
		justify-content: space-between;
	}


	
	
.project-list.type-result .item .item-top .num p{    width: 1.8rem;    height: 1.8rem;    font-size: 0.7rem;    line-height: 1.7rem;}
.project-list.type-result .item .item-top .img{width: 3rem;    height: 3rem;}
.project-list.type-result .item .item-top .txt-info .txt-bottom span + span{    margin-left: 0.7rem;}
.project-list.type-result .item .item-top .txt-info .txt-bottom span + span:before{    left: -0.5rem;}
.add-exer.exercise-box .exercise-set .set{border-bottom:0; padding-right:0.7rem; font-size:0.75rem;}

.tbl-list th, .tbl-list td{text-align: center;}

br.w32{display:block;}
 .w320-col col{width:40%;}
 .pattern-list li .meta span {padding-right:0.2rem;}
 .pattern-list li .meta span::after{margin-right:0;}
}

@media all and (min-width: 740px) {
.swiper-main .swiper-slide.item01 .swiper-info {display:block; top:19%; left:50%; margin-left:-331px;}
.swiper-main .swiper-slide.item02 .swiper-info,
.swiper-main .swiper-slide.item03 .swiper-info,
.swiper-main .swiper-slide.item04 .swiper-info,
.swiper-main .swiper-slide.item05 .swiper-info {display:block;top:0; left:50%; width:1190px; margin-left:-595px;}
.swiper-main .swiper-slide .swiper-info .swiper-title {display:block; font-family:'Open Sans'; font-weight:bold; color:#f68c30;}
.swiper-main .swiper-slide.item02 .swiper-info .swiper-title,
.swiper-main .swiper-slide.item03 .swiper-info .swiper-title,
.swiper-main .swiper-slide.item04 .swiper-info .swiper-title,
.swiper-main .swiper-slide.item05 .swiper-info .swiper-title {text-align:center;}
.swiper-main .swiper-slide .swiper-info .swiper-title span {display:block; font-family: 'NotoSans-Bold'; font-size:1.4rem;}
.swiper-main .swiper-slide .swiper-info .swiper-title strong {display:block; margin-top:-12px; font-family:'Open Sans'; font-weight:bold; font-size:12rem; letter-spacing:-4px; line-height:12rem;}
.swiper-main .swiper-slide.item02 .swiper-info .swiper-title strong,
.swiper-main .swiper-slide.item03 .swiper-info .swiper-title strong,
.swiper-main .swiper-slide.item04 .swiper-info .swiper-title strong,
.swiper-main .swiper-slide.item05 .swiper-info .swiper-title strong {margin-top:0; font-size:6rem; letter-spacing:0; line-height:6rem;}
.swiper-main .swiper-slide .swiper-info .swiper-text {display:block; padding-top:14px; font-size:2rem; color:#555;}
.swiper-main .swiper-slide.item02 .swiper-info .swiper-text,
.swiper-main .swiper-slide.item03 .swiper-info .swiper-text,
.swiper-main .swiper-slide.item04 .swiper-info .swiper-text,
.swiper-main .swiper-slide.item05 .swiper-info .swiper-text {padding-top:13px; text-align:center;}  
.swiper-main .swiper-slide .swiper-info .swiper-text strong {display:block; font-size:1.9rem;}
.swiper-main .swiper-slide .swiper-info .swiper-text span {display:block; margin-top:4px; font-size:14px; line-height:24px;}
.swiper-main .swiper-slide.item01 .swiper-info .swiper-text span {font-size:2rem;} 
.swiper-main .swiper-slide .swiper-info .swiper-text strong + span {margin-top:15px;}
.swiper-main .swiper-slide.swiper-slide-active .swiper-info .swiper-title {opacity:0;}
.swiper-main .swiper-slide.swiper-slide-active .swiper-info .swiper-text {opacity:0;}
.swiper-main .swiper-slide .swiper-bg {display:table; position:relative; width:1190px; height:100%; margin:0 auto; text-align:center;}
.swiper-main .swiper-slide .swiper-bg .bg {display:table-cell; vertical-align:bottom; height:100%}
.swiper-main .swiper-slide .swiper-bg img {max-height:100%;}
.swiper-main .swiper-slide.item02 .swiper-bg img {max-height:63%;}
.swiper-main .swiper-slide.item01 .swiper-bg img {padding-bottom:78px;}
.swiper-main .swiper-slide.item03 .swiper-bg img {max-height:75%;}
.swiper-main .swiper-slide.item04 .swiper-bg img {/*padding-bottom:40px;*/ max-height:80%;}
.swiper-main .swiper-slide.item05 .swiper-bg img {padding-bottom:100px;}
.swiper-main .swiper-slide.swiper-slide-active .swiper-bg {opacity: 0;}
.swiper-main .swiper-slide.item02 .swiper-info .swiper-text span, 
.swiper-main .swiper-slide.item03 .swiper-info .swiper-text span, 
.swiper-main .swiper-slide.item04 .swiper-info .swiper-text span, 
.swiper-main .swiper-slide.item05 .swiper-info .swiper-text span{font-size:1.4rem;}
.swiper-main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:3.4rem; height:3.4rem; font-size:1.4rem; line-height:3rem; }	
.swiper-main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet + .swiper-pagination-bullet{margin:0 0 0 3.5rem;}
.swiper-main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before{left: -3.7rem;     width: 3.5rem; height:0.2rem;}	
.swiper-main .swiper-slide .swiper-bg{width:100%; padding:0 10%;}	
	.container.pc-container{display: block; width:100% !important;	margin:0;	position: relative;		padding: 1.7rem 0 0rem 0;}
	.swiper-main .swiper-container{    position: relative;		width: 100%;		height: 100%;		padding-top: 112px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{width:100%;}
	.swiper-main .swiper-button-prev {top:calc(50% - 50px); left:calc(50% - 610px); width:6rem; height:6rem; border:1px solid #ff5a00; border-radius:100%; box-shadow: 0px 13px 21px 0 rgba(0, 0, 0, 0.2); background:#fff url('/images/responsive-img/ico_swiper_left.png') no-repeat 50% 50%;}
	.swiper-main .swiper-button-next {top:calc(50% - 50px); right:calc(50% - 610px); width:6rem; height:6rem; border:1px solid #ff5a00; border-radius:100%; box-shadow: 0px 13px 21px 0 rgba(0, 0, 0, 0.2); background:#fff url('/images/responsive-img/ico_swiper_right.png') no-repeat 50% 50%;}
	
i.bg_main_01,
i.bg_main_02,
i.bg_main_03,
i.bg_main_04,
i.bg_main_05{background-position:top center; background-repeat: no-repeat; background-size:contain; display:block; min-height:80vh;    }
i.bg_main_01{background-image: url(/images/responsive-img/pc_bg_main01.webp);}
i.bg_main_02{background-image: url(/images/responsive-img/pc_bg_main02.webp);}
i.bg_main_03{background-image: url(/images/responsive-img/pc_bg_main03.webp);}
i.bg_main_04{background-image: url(/images/responsive-img/pc_bg_main04.webp);}
i.bg_main_05{background-image: url(/images/responsive-img/pc_bg_main05.webp);}

i.bg_main_01:lang(en){background-image: url(/images/responsive-img/pc_bg_main01_en.webp);}
i.bg_main_02:lang(en){background-image: url(/images/responsive-img/pc_bg_main02_en.webp);}
i.bg_main_03:lang(en){background-image: url(/images/responsive-img/pc_bg_main03_en.webp);}
i.bg_main_04:lang(en){background-image: url(/images/responsive-img/pc_bg_main04_en.webp);  background-size:cover;}
i.bg_main_05:lang(en){background-image: url(/images/responsive-img/pc_bg_main05_en.webp);}

i.bg_main_01:lang(de){background-image: url(/images/responsive-img/pc_bg_main01_de.webp);}
i.bg_main_02:lang(de){background-image: url(/images/responsive-img/pc_bg_main02_de.webp);}
i.bg_main_03:lang(de){background-image: url(/images/responsive-img/pc_bg_main03_de.webp);}
i.bg_main_04:lang(de){background-image: url(/images/responsive-img/pc_bg_main04_de.webp);  background-size:cover;}
i.bg_main_05:lang(de){background-image: url(/images/responsive-img/pc_bg_main05_de.webp);}

i.bg_main_04:lang(en){background-image: url(/images/responsive-img/pc_bg_main04_en.webp);}
i.bg_main_05:lang(en){background-image: url(/images/responsive-img/pc_bg_main05_en.webp);}

i.bg_main_01:lang(ja){background-image: url(/images/responsive-img/pc_bg_main01.webp);}
i.bg_main_02:lang(ja){background-image: url(/images/responsive-img/pc_bg_main_02_ja.webp);}
i.bg_main_03:lang(ja){background-image: url(/images/responsive-img/pc_bg_main_03_ja.webp);}
i.bg_main_04:lang(ja){background-image: url(/images/responsive-img/pc_bg_main_04_ja.webp);  background-size:cover;}
i.bg_main_05:lang(ja){background-image: url(/images/responsive-img/pc_bg_main_05_ja.webp);}

.item02 i.bg_main_02{background-position:center center;}
.item03 i.bg_main_03{background-position:bottom center;}
.item04 i.bg_main_04,
.item05 i.bg_main_05{background-position:top 70% center;     background-size: contain;}



}

@media all and (orientation:portrait) {
	.container.pc-container{padding:1.7rem 0 0rem 0 !important}
	.swiper-main .swiper-slide .swiper-bg{padding:0 0rem;}
	.swiper-main .swiper-slide.item03 .swiper-bg {padding:0 5%;}
	.swiper-main .swiper-slide.item02 .swiper-bg {padding:0 5%;}
}
@media all and (orientation:landscape) {
	.container.pc-container{padding:1.7rem 0 0rem 0 !important}
	.swiper-main .swiper-slide.item02 .swiper-bg .bg{vertical-align: center; }
	.swiper-main .swiper-slide.item02 .swiper-bg {padding:0 10%;}
	.swiper-main .swiper-slide .swiper-bg{padding:0 0rem;}
	i.bg_main_03{background-size:100%;}
	.item02 i.bg_main_02{background-position: center;}
	.pad-br{display:none;}
}

@media all and (min-width: 1025px) {
		.qr-btn, .otp-btn{displaY:none;}
	.swiper-main .swiper-slide .swiper-bg{width:111.9rem;}
	.container.pc-container{display: block; width:100% !important;		position: relative;		padding: 1.7rem 0 14.4rem 0;}

	.swiper-main .swiper-slide.item01 .swiper-bg .bg{vertical-align: top;}

.pad-br{display:none;}
}



@media all and (max-width: 739px) {
	i.bg_main_01, i.bg_main_02, i.bg_main_03, i.bg_main_04, i.bg_main_05 {
		background-position: center;
	}
}