@charset "utf-8";
/****************************************/
/* Name: MAGICBODY
/* PART: CONTENT STYLE 
/* Version: 1.0 / day: 2024-01-31
/* Author:  
/****************************************/


/*
================================================================================
메인콘텐츠
================================================================================
*/

/* 슬라이드 기본설정 */
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	/* Fix of Webkit flickering */
	z-index: 1;
  }
  .swiper-container-vertical > .swiper-wrapper {
	flex-direction: column;
  }
  .swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
  }
  .swiper-container-android .swiper-slide,
  .swiper-wrapper {
	transform: translate3d(0px, 0, 0);
  }
  .swiper-container-multirow > .swiper-wrapper {
	flex-wrap: wrap;
  }
  .swiper-container-multirow-column > .swiper-wrapper {
	flex-wrap: wrap;
	/* flex-direction: column; */
  }
  .swiper-container-free-mode > .swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto;
  }
  .swiper-container-pointer-events {
	touch-action: pan-y;
  }
  .swiper-container-pointer-events.swiper-container-vertical {
	touch-action: pan-x;
  }
  .swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
  }
  .swiper-slide-invisible-blank {
	visibility: hidden;
  }
  /* Auto Height */
  .swiper-container-autoheight,
  .swiper-container-autoheight .swiper-slide {
	height: auto;
  }
  .swiper-container-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height;
  }
  /* a11y */
  .swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
  }
  .swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out;
  }
  .swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity;
  }
  .swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none;
  }
  .swiper-container-fade .swiper-slide-active,
  .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
  }




.main .swiper-container ~ .control button,
.main .slide_center ~ .control button{opacity: 0;transition: 0.3s;}
.main .swiper-container:hover ~ .control button,
.main .slide_center:hover ~ .control button,
.main .control:hover button{opacity: 1;}

.mCon1{padding-bottom: 150px;background-color: #000;}
.mCon1 .visual_bg{position: absolute;top: 0;left: 0;width: 100%;height: 100vh;z-index:10}
.mCon1 .visual_bg .line_g1::before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';background: #000;mix-blend-mode: color;z-index: 20;}
.mCon1 .visual_bg .line_g1::after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';background: rgba(19, 44, 39, 0.30);mix-blend-mode: multiply;z-index: 20;}
.mCon1 .visual_bg .line_g2::before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';background: linear-gradient(180deg, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0.00) 23.96%, rgba(0, 0, 0, 0.50) 56.25%, #000 75.52%);z-index: 30;}
.mCon1 .visual_bg .line_g2::after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';opacity: 0.2;background: linear-gradient(180deg, #000 3.12%, rgba(0, 0, 0, 0.00) 10.42%, rgba(0, 0, 0, 0.50) 56.25%, #000 75.52%);z-index: 30;}
.mCon1 .visual_bg video{width: 100%;height: 100%;object-fit: cover;}

.mCon1 .popul_con{position: relative;margin: 0 auto;padding: 495px 40px 0;max-width: 1392px;z-index: 20;}
.mCon1 .popul_con .vi_txt{margin-bottom: 155px;font-size: 36px;color: #fff;font-weight: 500;line-height: 1.4;}
.mCon1 .popul_con .vi_txt .mbr{display: none;}
.mCon1 .popul_con .vi_txt span{color: #FF8616;}
.mCon1 .popul_con .box{position: relative;}



.main{overflow: hidden;}
.main h2{margin-bottom: 48px;font-size: 28px;font-weight: 500;}
.main h2 .txt{color: #7C7D8B;}
.main h2 .go_total{display: inline-block;}
.main h2 .go_total a{position: relative;display: block;padding-right: 15px;font-size: 14px;color: #bbb;font-weight: 700;}
.main h2 .go_total a::after{position: absolute;top: 50%;right: 0;width: 5px;height: 5px;content: '';border: 1px solid #fff;border-width: 2px 2px 0 0;transform: translateY(-50%) rotate(45deg);}
.main .control button{position: absolute;top: 50%;width: 46px;height: 46px;text-indent: -999px;overflow: hidden;background-color: #000;border-radius: 50%;transform: translateY(-50%);z-index: 20;}
.main .control button::after{position: absolute;top: 50%;left: 50%;width: 5px;height: 5px;content: '';border: 1px solid #fff;border-width: 0 2px 2px 0;transform: translate(-50%, -50%) rotate(135deg);}
.main .control .next_btn{right: -100px;}
.main .control .prev_btn{left: -100px;}
.main .control .next_btn::after{transform: translate(-50%, -50%) rotate(-45deg);}

.main .page_btn{position: absolute;top: 10px;right: 0;}
.main .page_btn button{margin-left: 6px;width: 8px;height: 4px;text-indent: -999px;overflow: hidden;background-color: #D9D9D9;border-radius: 2px;opacity: 0.2;}
.main .page_btn button.swiper-pagination-bullet-active{opacity: 1;}

.mSlide1,
.mSlide2,
.mSlide4{overflow: visible;}
.mSlide1 ul li .class_con,
.mSlide2 ul li .class_con,
.mSlide4 ul li .class_con,
.mSlide6 ul li .infor{opacity: 0.2;transition: 0.2s;}
.mSlide1 ul li.swiper-slide-active .class_con,
.mSlide1 ul li.swiper-slide-next .class_con,
.mSlide1 ul li.swiper-slide-next + li .class_con,
.mSlide2 ul li.swiper-slide-active .class_con,
.mSlide2 ul li.swiper-slide-next .class_con,
.mSlide2 ul li.swiper-slide-next + li .class_con,
.mSlide2 ul li.swiper-slide-next + li + li .class_con,
.mSlide4 ul li.swiper-slide-active .class_con,
.mSlide4 ul li.swiper-slide-next .class_con,
.mSlide4 ul li.swiper-slide-next + li .class_con,
.mSlide4 ul li.swiper-slide-next + li + li .class_con,
.mSlide6 ul li.swiper-slide-active .infor,
.mSlide6 ul li.swiper-slide-next .infor,
.mSlide6 ul li.swiper-slide-next + li .infor{opacity: 1;}

.mSlide1::before,
.mSlide2::before,
.mSlide4::before,
.mSlide6::before{position: absolute;top: 0;left: -100%;width: 100%;height: 100%;content: '';z-index: 20;}
.mSlide1::after,
.mSlide2::after,
.mSlide4::after,
.mSlide6::after{position: absolute;top: 0;right: -100%;width: 100%;height: 100%;content: '';z-index: 20;}

.mSlide3 .swiper-wrapper {display: grid;grid-template-columns: 1fr;grid-template-rows: auto auto;grid-auto-flow: column;}
.mSlide3 ul li{margin-bottom:30px;padding: 0 15px;}



.mCon2{position: relative;margin-bottom: 100px;padding: 30px 40px;background: #0E0E0D}
.mCon2::before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';background:url('../img/m_ce_bg.png') no-repeat left top;mix-blend-mode: luminosity;}
.mCon2 .box{position: relative;margin: 0 auto;max-width: 1312px;z-index: 1;}

.mCon3{position: relative;margin-bottom: 100px;padding: 30px 40px;background: #0E0E0D}
.mCon3 .box{position: relative;margin: 0 auto;max-width: 1312px;z-index: 1;}
.mCon3::before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';background:url('../img/m_ce_rt_bg.png') no-repeat right bottom;mix-blend-mode: luminosity;}

.mCon4{margin-bottom: 100px;padding: 30px 40px;background: #0E0E0D }
.mCon4 .box{position: relative;margin: 0 auto;max-width: 1312px;}

.mCon5{position: relative;background-color: #000;}
.mCon5::before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';background:url('../img/m_bt_bg_lt.png') no-repeat left top;mix-blend-mode: luminosity;}
.mCon5::after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';background:url('../img/m_bt_bg_rt.png') no-repeat right bottom;mix-blend-mode: luminosity;}
.mCon5 .box{position: relative;margin: 0 auto;padding: 240px 40px 180px;max-width: 1401px;z-index: 1;}
.mCon5 .box .con1{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 20px;margin:0 auto 260px;max-width: 1312px;}
.mCon5 .box .con1 p{font-size: 46px;line-height: 1.4;}
.mCon5 .box .con1 p b{color: #F3D588;}
.mCon5 .box .con1 .num_con ul{display: flex;align-items: center;gap: 80px;}
.mCon5 .box .con1 .num_con ul li{font-size: 18px;line-height: 1.2;}
.mCon5 .box .con1 .num_con ul li .num{font-family: var(--font-monts);font-size: 56px;font-weight: 600;}
.mCon5 .box .con1 .num_con ul li .txt{display: block;opacity: 0.5;}
.mCon5 .box .con2{position: relative;margin-bottom:110px;}
.mCon5 .box .con2 .control button{background-color: #2B2B2B;}
.mCon5 .box .con2 .control .prev_btn{left: -50px;}
.mCon5 .box .con2 .control .next_btn{right: -50px;}
.mSlide5{display: block;padding: 0 40px;}
.review ul li a{display: block;}
.review ul li .photo{position: relative;margin-bottom:25px;overflow: hidden;border-radius: 8px;}
.review ul li .photo::before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';background:url('../img/ic_play.svg') no-repeat center center;}
.review ul li .photo img{width: 100%;height: 100%;object-fit: cover;}
.review ul li .infor{padding-top: 20px;background: url('../img/ic_quot.svg') no-repeat left top / 19px;}
.review ul li .infor .tit{display: block;margin-bottom: 10px;height: 55px;font-size: 18px;color: #EDEDED;font-weight: 500;white-space: normal;overflow: hidden;	text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.review ul li .infor .txt{display: block;margin-bottom: 20px;font-size: 14px;opacity:0.5}
.review ul li .infor .name{display: block;padding-left:30px;font-size: 14px;opacity:0.5;background: url('../img/ic_profile.svg') no-repeat left center / 20px;}

.mCon5 .box .con3{position: relative;}
.mCon5 .box .con3 .control button{background-color: #2B2B2B;}
.mCon5 .box .con3 .control .prev_btn{left: -50px;}
.mCon5 .box .con3 .control .next_btn{right: -50px;}

.mSlide6{display: block;padding: 0 40px;overflow: visible;}
.mSlide6 ul li .infor{display: flex;flex-direction: column;justify-content: center;padding: 24px 32px;border-radius: 8px;background-color: #222223;}
.mSlide6 ul li .infor .tit{display: block;margin-bottom: 16px;padding-top: 30px;height: 110px;font-size: 18px;color: #EDEDED;font-weight: 500;white-space: normal;overflow: hidden;	text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;	-webkit-box-orient: vertical;background: url('../img/ic_quot.svg') no-repeat left top / 19px;}
.mSlide6 ul li .infor .txt{margin-bottom: 20px;font-size: 14px;opacity: 0.5;}
.mSlide6 ul li .infor .name{display: block;padding-left:30px;font-size: 14px;opacity:0.5;background: url('../img/ic_profile.svg') no-repeat left center / 20px;}


/* 애니효과 */
.ani_0{transition-property: all;transition-duration: 1s;-webkit-transition-property: all;-webkit-transition-duration: 1s;}
.ani{opacity:0;transition-property: all;transition-duration: 1s;-webkit-transition-property: all;-webkit-transition-duration: 1s;}
.ani_y,
.swip_y{opacity:0;transform:translateY(50px);transition-property: all;transition-duration: 1s;-webkit-transform:translateY(50px);-webkit-transition-property: all;-webkit-transition-duration: 1s;}
.ani_y.m{transform:translateY(-50px);-webkit-transform:translateY(-50px);transition-timing-function:ease;-webkit-transition-timing-function:ease}
.ani_x,
.swip_x{opacity:0;transform:translateX(50px);transition-property: all;transition-duration: 2s;-webkit-transform:translateX(50px);-webkit-transition-property: all;-webkit-transition-duration: 2s;}
.ani_x.m,
.swip_x.m{transform:translateX(-50px);-webkit-transform:translateX(-50px);transition-timing-function:ease;-webkit-transition-timing-function:ease}
.delay1{transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.delay2{transition-delay:0.5s;-webkit-transition-delay:0.5s;}
.delay3{transition-delay:0.8s;-webkit-transition-delay:0.8s;}
.delay4{transition-delay:1.1s;-webkit-transition-delay:1.1s;}
.delay5{transition-delay:1.4s;-webkit-transition-delay:1.4s;}
.delay6{transition-delay:1.7s;-webkit-transition-delay:1.7s;}
.delay7{transition-delay:2.0s;-webkit-transition-delay:2.0s;}
.delay8{transition-delay:2.3s;-webkit-transition-delay:2.3s;}
.delay9{transition-delay:2.6s;-webkit-transition-delay:2.6s;}
.delay10{transition-delay:3.0s;-webkit-transition-delay:3.0s;}
.action .ani_y{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}
.action .ani_x{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);}
.action .ani{opacity:1;}

.firstAct .ani_y{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}
.firstAct .ani_x{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);}
.firstAct .ani{opacity:1;}




/*
================================================================================
반응형 메인 콘텐츠
================================================================================
*/




 /* PC Device */
@media all and (max-width:1980px){
	
	.section2 .mConBox,
	.section4 .mConBox{max-width: 1400px;}
	#footer .footWrap{position: relative;margin: 0 auto;max-width: 1400px;}
}

 /* PC Device */
@media all and (max-width:1550px){

	.main .control .prev_btn{left: -20px;}
	.main .control .next_btn{right: -20px;}
	
	
}

/* PC Device */
@media all and (max-width:1400px){

	.mSlide1::before, .mSlide2::before, .mSlide4::before, .mSlide6::before{display: none;}
	.mSlide1 ul li .class_con, .mSlide2 ul li .class_con, .mSlide4 ul li .class_con, .mSlide6 ul li .infor{opacity: 1;}

	.mSlide5{padding: 0;overflow: visible;}
	.mSlide6{padding: 0;}

	

	
}

/* PC Device */
@media all and (max-width:1200px){


	.mCon5 .box .con1 .num_con ul{gap: 40px;}

	
}

/* TABLET Device */
@media all and (max-width:950px){

	

	.main .page_btn{display: none;}
	.main .page_btn button{margin: 0 1.2rem 0 0;width: 1.6rem;height: 0.8rem;border-radius: 0.4rem;}
	.main h2{display: flex;align-items: flex-end;flex-wrap: wrap;margin-bottom: 3.2rem;font-size: 4.4rem;}
	.main h2 .txt{padding-right: 1.6rem;font-size: 3.2rem;}
	.main h2 .go_total{margin-left: auto;}
	.main h2 .go_total a{padding-right: 3rem;font-size: 2.4rem;}
	.main h2 .go_total a::after{width: 1rem;height: 1rem;border-width: 0.2rem 0.2rem 0 0;}
	.main .control{display: none;}

	.mCon1 .popul_con{padding: 62rem 4.8rem 0;}
	.mCon1 .popul_con .vi_txt{margin-bottom: 16rem;font-size: 5.2rem;}
	.mCon1 .popul_con .vi_txt .mbr{display: block;}
	.mCon1 .visual_bg video{width: 160%;height: 75rem;transform: translateX(-35%);}

	.mCon1{padding-bottom: 10.9rem;}
	.mCon1 .page_btn{display: block;position: relative;top: 0;margin-bottom: 6.4rem;}
	.mSlide1 .class_con .infor .price del{order:1}
	.mSlide1 .class_con .infor .price .act{order:2}
	.mSlide1 .class_con .infor .price .per{order:3;width: auto;}

	.main .class_con{border: 0;}
	.main .class_con .photo{overflow: hidden;border-radius: 1.6rem;}
	.main .class_con .infor{padding: 3rem 0.8rem;}

	.mSlide1 .class_con .infor .tit{height: 10rem;font-size: 3.2rem;}

	.mCon2{margin-bottom: 8rem;padding: 8rem 4.8rem 0;}

	.mCon3{margin-bottom: 8rem;padding: 8rem 4.8rem 0;}
	.mCon3 .slide_center{margin: 0;padding: 0;}

	.mSlide3{overflow: visible;}
	.mSlide3 .swiper-wrapper{display: flex;}
	.mSlide3 ul li{margin-bottom: 0;margin-top: 0 !important;padding:0;}
	
	.mCon4{margin-bottom: 12rem;padding: 8rem 4.8rem 0;}
	.main .mCon4 h2{flex-wrap: wrap;}
	.main .mCon4 h2 .txt{width: 100%;}

	.mCon5::before{background-size: 70rem;background-position: left -8rem;}
	.mCon5 .box{padding: 14rem 4.8rem 21rem;}
	.mCon5 .box .con1{display: block;margin-bottom: 16rem;}
	.mCon5 .box .con1 p{margin-bottom: 8rem;font-size: 4.4rem;}
	.mCon5 .box .con1 .num_con ul{gap: 1rem;justify-content: space-between;}
	.mCon5 .box .con1 .num_con ul li{font-size: 2.6rem;}
	.mCon5 .box .con1 .num_con ul li .num{font-size: 6rem;}
	.mCon5 .box .con2{margin-bottom: 12rem;}

	.mSlide6 ul li .infor{padding:6.4rem 4.8rem ;border-radius: 1.6rem;}
	.mSlide6 ul li .infor .tit{margin-bottom: 2rem;padding-top: 4.3rem;height: 24rem;font-size: 3.2rem;background-size: 3.7rem; -webkit-line-clamp: 4;}
	.mSlide6 ul li .infor .txt{margin-bottom: 3.2rem;font-size: 2.4rem;}
	.mSlide6 ul li .infor .name{padding-left: 4.8rem;font-size: 2.8rem;background-size: 3.9rem;}

}

 /* Mobile Device */
@media all and (max-width:640px){
	
	
}

 /* Mobile Device */
@media all and (max-width:340px){


}

/*
================================================================================
서브 콘텐츠
================================================================================
*/

.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:70px !important; }
.mb-70 { margin-bottom:-70px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }

.mr5 { margin-right:5px !important; }
.mr8 { margin-right:8px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mr50 { margin-right:50px !important; }

.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }

.pt5 { padding-top:5px !important; }
.pt8 { padding-top:8px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt45 { padding-top:45px !important; }
.pt50 { padding-top:50px !important; }

.pb5 { padding-bottom:5px !important; }
.pb8 { padding-bottom:8px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; }
.pb45 { padding-bottom:45px !important; }
.pb50 { padding-bottom:50px !important; }

.pp60{ padding:60px !important; }


/* text-align */
.txt_left{text-align:left !important;}
.txt_right{text-align:right !important;}
.txt_center{text-align:center !important;}

.fon24{font-size:24px !important}
.fon18{font-size:18px !important}
.fon15{font-size:15px !important}
.fon14{font-size:14px !important}
.fon13{font-size:13px !important}
.fon12{font-size:12px !important}

input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="email"]{padding:5px 16px;height:60px;font-size:16px;color: #fff;font-weight: 700;background-color:rgba(255, 255, 255, 0.08);border:0;border-radius:8px;-webkit-appearance: none;-moz-appearance: none; appearance: none; -ms-appearance: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
input.sm{height: 40px;}
textarea{padding:16px;width:100%;color: #fff;background-color:rgba(255, 255, 255, 0.08);border:0;border-radius:8px}
input[type="file"]{margin:1px 0;height:40px;font-size:14px;background:none;}
input[type="submit"]{cursor:pointer;}
select{padding:0 30px 0 16px;height:60px;font-size:16px;color:#fff;font-weight: 700;cursor:pointer;outline:none;-webkit-appearance: none;-moz-appearance: none; appearance: none;-ms-appearance: none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background:#212120 url('../img/ic_select_arrow.svg') no-repeat right 12px center / 11px;border:0;border-radius: 8px;}
select::-ms-expand{display: none;}
input::-ms-clear{display:none}
input:-ms-input-placeholder {color: #636363;}
input::-webkit-input-placeholder {color: #636363;}
input::-moz-placeholder {color: #636363;}
input::-moz-placeholder {color: #636363;}
textarea::-ms-clear{display:none}
textarea:-ms-input-placeholder {color: #636363;}
textarea::-webkit-input-placeholder {color: #636363;}
textarea::-moz-placeholder {color: #636363;}
textarea::-moz-placeholder {color: #636363;}
input:disabled,
select:disabled{background-color:#f3f3f3}

.mb{display: none;}

h2.title{margin-bottom: 50px;font-size: 24px;font-weight: 700;}
h2.title .point_txt{margin-left: 24px;font-size: 14px;color: rgba(255, 255, 255, 0.5);}
h2.title .point_txt em{font-family: var(--font-monts);font-size: 16px;color: #E84141;}
h2.title .num{font-size: 14px;color: rgba(255, 255, 255, 0.5);font-weight: 500;}
h3.title{margin:48px 0 24px;font-size: 18px;font-weight: 500;}

.td_right tbody td{text-align:right}
.td_left tbody td{text-align:left}
.th_left tbody th{text-align:left}
.t_typel{font-size: 16px;border:1px solid #e5e5e5;border-top:1px solid #282A2C;}
.t_typel tr{text-align:center;}
.t_typel thead th{padding:15px 10px;font-weight:400;background-color: #282A2C;word-break:keep-all;border:1px solid #4B4B4B}
.t_typel thead th.first{padding:15px 20px;font-weight: 500;text-align: left;}
.t_typel tbody th{padding:15px 20px;font-weight:500;word-break:break-all;text-align: left;border:1px solid #282A2C;}
.t_typel tbody td{padding:15px 15px;border:1px solid #282A2C;}


/* 체크박스 */
.check_box{position:absolute;width: 0;height: 0;opacity: 0;}
.check_box + label{position:relative;padding-left: 30px;font-size: 14px;color: #9F9EAB;font-weight: 500;}
.check_box + label::before{position: absolute;top: 0;left: 0;display:block;width:20px;height:20px;content: '';background-color: #65686A;border:0;border-radius: 4px;}
.check_box + label::after{display: none;position:absolute;top:5px;left:5px;width:8px;height:4px;content:'';border: 1px solid #fff;border-width: 0 0 2px 2px;transform: rotate(-45deg);}
.check_box:checked + label::before{background-color: #E5641C;}
.check_box:checked + label::after{display: block;}

/* 라디오박스 */
.radio_box{position:absolute;width: 0;height: 0;opacity: 0;}
.radio_box + label{position:relative;padding-left: 30px;font-size: 14px;color: #9F9EAB;font-weight: 500;}
.radio_box + label::before{position: absolute;top: 0;left: 0;display:block;width:18px;height:18px;content: '';background-color: #fff;border:2px solid transparent;border-radius: 50%;opacity: 0.16;box-sizing: border-box;}
.radio_box + label::after{position:absolute;top:6px;left:6px;width:6px;height:6px;content:'';background-color: #000;border-radius: 50%;}
.radio_box:checked + label::before{opacity: 1;background-color: #0E0E0E;border-color: #65686A;}
.radio_box:checked + label::after{background-color: #ddd;}

.btnList{margin-top: 40px;text-align: right;}

/* 기본버튼 */
.btnBc{position: relative;display:inline-block;vertical-align:middle;text-align:center;border-radius: 8px;height:40px;}
.btnBc a,
.btnBc button,
.btnBc input{position:relative;display: flex;align-items: center;justify-content: center; margin:0;padding:0 10px;width: 100%;min-width:50px;font-size: 16px;color:#000;font-weight: 700;height:100%;text-decoration:none;white-space:nowrap;background: #fff;vertical-align:top;cursor:pointer;border: 2px solid transparent;border-radius: 8px;box-sizing: border-box;}


.btnBc.l{height: 50px;}

.btnBc button:disabled,
.btnBc input:disabled{cursor:default;box-shadow: none !important;}

.btnBc.default a:hover,
.btnBc.default button:hover,
.btnBc.default input:hover{color: #fff;background-color: #FF8616;}

.btnBc.default::before{position: absolute;left: 50%;bottom: 0;width: 80%;max-width: 100px;height: 80%;content: '';border-radius: 50%;box-shadow: 0px 10px 30px 0px rgba(255, 255, 255, 0.25);transform: translateX(-50%);}
.btnBc.default:hover::before{box-shadow: 0px 10px 24px 0px rgba(255, 134, 22, 0.18);}

.btnBc.default button:disabled:hover,
.btnBc.default input:disabled:hover,
.btnBc.default button:disabled,
.btnBc.default input:disabled{color: #000;background-color:#fff;opacity: 0.2;}

.btnBc.secondary a,
.btnBc.secondary button,
.btnBc.secondary input{min-width: 60px;font-size: 14px;color: #94979A;background-color: transparent;border-color:#65686A;}

.btnBc.secondary a:hover,
.btnBc.secondary button:hover,
.btnBc.secondary input:hover{color: #FF8616;border-color:#FF8616;}

.btnBc.secondary button:disabled:hover,
.btnBc.secondary input:disabled:hover,
.btnBc.secondary button:disabled,
.btnBc.secondary input:disabled{color: #fff;border-color:#fff;opacity: 0.2;}

.btnBc.secondary.m a,
.btnBc.secondary.m button,
.btnBc.secondary.m input{color: #94979A;border-color: #65686A;}

.btnBc.secondary.m a:hover,
.btnBc.secondary.m button:hover,
.btnBc.secondary.m input:hover{color: #fff;border-color:#fff;}

.btnBc.tertiary a,
.btnBc.tertiary button,
.btnBc.tertiary input{font-size: 14px;color: #fff;background-color: #65686A;}

.btnBc.tertiary a:hover,
.btnBc.tertiary button:hover,
.btnBc.tertiary input:hover{color: #65686A;background-color: #fff;}

.btnBc.activate a,
.btnBc.activate button,
.btnBc.activate input{font-size: 14px;color: #fff;background-color: #FF8616;}

.btnBc.activate a:hover,
.btnBc.activate button:hover,
.btnBc.activate input:hover{color: #fff;background-color: #E5641C;}

.btnBc a::before,
.btnBc button::before{margin-right: 10px;width: 24px;height: 24px;flex-shrink: 0;background-repeat: no-repeat;background-position: center center;}

.btnBc.ic1 a::before,
.btnBc.ic1 button::before{content: '';background-image: url('../img/ic_purchase.svg')}

.btnBc.ic1 a:hover::before,
.btnBc.ic1 button:hover::before{content: '';background-image: url('../img/ic_purchase_hover.svg')}

.btnBc.ic2 a::before,
.btnBc.ic2 button::before{content: '';background-image: url('../img/ic_basket2.svg');}

.btnBc.ic2 a:hover::before,
.btnBc.ic2 button:hover::before{content: '';background-image: url('../img/ic_basket2_hover.svg')}

.btnBc.ic3 a::before,
.btnBc.ic3 button::before{content: '';margin-right: 5px;background-image: url('../img/ic_play3.svg')}

.class_con{position: relative;border-radius: 8px;overflow: hidden;border: 1px solid #282A2C;}
.class_con .top_infor{position: absolute;top: 0;left: 0;display: flex;gap:5px;padding: 10px;z-index: 10;}
.class_con .top_infor .new{font-family: var(--font-poppins);font-size: 12px;color: #E5641C;font-weight: 600;line-height: 26px;padding: 0 10px;background-color:#D0D0D0;border-radius: 8px;}
.class_con .top_infor .best{font-family: var(--font-poppins);font-size: 12px;color: #E5E5E5;font-weight: 600;line-height: 26px;padding: 0 10px;background-color:rgba(78, 78, 78, 0.60);border-radius: 8px;}
.class_con .bookmark{position: absolute;top: 10px;right: 10px;width: 22px;height: 25px;text-indent: -999px;overflow: hidden;background-image: url('../img/ic_bookmark.svg');background-repeat:no-repeat;background-position:center center;background-size:100%;opacity: 0.5;z-index: 10;}
.class_con .bookmark.on{opacity: 1;background-image: url('../img/ic_bookmark_on.svg')}
.class_con .photo{position: relative;border-bottom: 1px solid #282A2C;}
.class_con .photo img{width: 100%;height: 100%;object-fit: cover;}
.class_con .infor{padding: 30px 24px;}
.class_con .infor .tit{display: block;margin-bottom: 10px;height: 55px;font-size: 18px;color: #EDEDED;font-weight: 500;white-space: normal;overflow: hidden;	text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.class_con .infor .txt{display: block;margin-bottom: 20px;font-size: 14px;font-weight: 500;opacity: 0.5;}
.class_con .infor .price{display: flex;justify-content: space-between;gap: 10px;font-family: var(--font-monts);font-size: 16px;font-weight: 600;}
.class_con .infor .price del{opacity: 0.5;}
.class_con .infor .price .act{margin-right: auto;}
.class_con .infor .price .per{color: #FFC267;}
.class_con .infor .state{display: flex;align-items: center;justify-content: space-between;margin-bottom: 16px;font-size: 14px;}
.class_con .infor .state .day{color: rgba(255, 255, 255, 0.4);}
.class_con .infor .state .day span{font-family: var(--font-monts);color: #fff;font-weight: 600;}
.class_con .infor .state .per span{font-family: var(--font-monts);color: #E84141;font-weight: 600;} 
.class_con .infor .term{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;margin-bottom:16px;font-size: 14px;}
.class_con .infor .term .name{flex-shrink: 0;width: 70px;color: rgba(255, 255, 255, 0.4);}
.class_con .infor .term .day,
.class_con .infor .term .per{font-family: var(--font-monts);width: calc(100% - 78px);font-weight: 600;}
.class_con .infor .term .per{color: #E84141;}

.class_con .infor .class_btn_list{display: flex;justify-content: space-between;gap: 8px;}
.class_con .infor .class_btn_list .btnBc{flex: 1;}
.class_con .line_bar{margin: 0 -1px;height: 6px;background-color: #4A4A4A;}
.class_con .line_bar span{display: block;height: 100%;background-color: #E84141;}

.li_dot{text-align: left;}
.li_dot > li{position: relative;margin-bottom: 10px;padding-left: 13px;}
.li_dot > li::before{position: absolute;top: 10px;left: 0;width: 4px;height: 4px;content: '';background-color: #94979A;border-radius: 50%;}

/* 로그인 */
.login_con span[class^="btn_login_"]{display: block;}
.login_con span[class^="btn_login_"] a{display: block;padding-left: 50px;font-size:16px;font-weight: 500;line-height: 60px;text-align: center;border-radius: 8px;}
.login_con .btn_login_kaka{margin-bottom: 8px;}
.login_con .btn_login_kaka a{color: #0E0E0D;background: #F8EF2C url('../img/ic_kakao.svg') no-repeat 27px center;border-radius: 8px;}
.login_con .btn_login_nave a{background: #41CB35 url('../img/ic_naver.svg') no-repeat 30px center;border-radius: 8px;}
.login_con .login_ch{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-top:24px;}
.login_con .login_ch .rt{font-size: 14px;}
.login_con .login_ch .rt span{position: relative;margin-right: 16px;padding-left: 10px;color: rgba(255,255,255,0.3);}
.login_con .login_ch .rt span::before{position: absolute;top:50%;left: 0;content: '';width: 4px;height: 4px;background-color:#D9D9D9;border-radius: 50%;transform: translateY(-50%);}
.login_con .login_ch .rt a{display: inline-block;font-weight: 500;opacity: 0.7;}

.bbs_top{display: flex;justify-content: flex-end;gap: 8px;margin:-90px 0 80px;}
.bbs_top .search_con{width: 306px;}
.bbs_top select{min-width: 200px;}
.search_con{display: flex;background-color: rgba(255, 255, 255, 0.08);border-radius: 8px;}
.search_con .ser_txt{width: 100%;background-color: transparent;}
.search_con .ser_btn{flex-shrink: 0;width: 50px;height: 58px;text-indent: -999px;overflow: hidden;background: url('../img/ic_search.svg') no-repeat center center / 16px;border: 0;}

.list_typeA ul{display: flex;flex-wrap: wrap;gap:80px 32px;}
.list_typeA ul li{width: calc(25% - 24px);}

.list_typeB ul{display: flex;flex-wrap: wrap;gap:78px 30px;}
.list_typeB ul li{width: calc(33.33% - 20px);}
.list_typeB ul li .class_con{overflow: visible;}
.list_typeB ul li .class_con .photo{overflow: hidden;border-radius: 8px 8px 0 0;}

.list_typeC{font-size: 14px;font-weight: 400;}
.list_typeC tr{text-align: center;}
.list_typeC thead th{padding: 20px;opacity: 0.5;border-bottom: 1px solid #282A2C;}
.list_typeC tbody td{padding: 20px 10px;opacity: 0.5;border-bottom: 1px solid #282A2C;}
.list_typeC tbody td.subject{font-size: 16px;opacity: 1;text-align: left;font-weight: 500;}
.list_typeC tbody td.subject a:hover{text-decoration: underline;}
.list_typeC.notice thead{border-top: 2px solid #65686A;}

.list_typeC.faq thead{border-top: 2px solid #65686A;}
.list_typeC.faq td.subject a{position: relative;display: block;padding-right: 30px;}
.list_typeC.faq .faq_tit td.subject a::after{position: absolute;top: 50%;right: 0;width: 5px;height: 5px;content: '';border: 1px solid #fff;border-width: 2px 2px 0 0;transform: translateY(-50%) rotate(135deg);}
.list_typeC.faq .faq_tit.selected td.subject a::after{transform: translateY(-50%) rotate(-45deg);}
.list_typeC.faq .faq_con td{padding: 0;opacity: 0.7;border-bottom: 0;}
.list_typeC.faq .faq_con td .con{display: none;padding:60px 24px 60px 88px ;text-align: left;background: url('../img/ic_reply.svg') no-repeat 38px 60px;border-bottom: 1px solid #282A2C;}

.list_typeD{border-top: 1px solid #282A2C;}
.list_typeD > ul > li{padding: 32px;border-bottom: 1px solid #282A2C;}
.list_typeD ul li .state{display: flex;gap: 8px;margin-bottom: 16px;}
.list_typeD ul li .state span{display: flex;align-items: center;justify-content: center;width: 77px;height: 29px;font-size: 12px;font-weight: 700;text-align: center;border-radius: 15px;border: 2px solid #282A2C;}
.list_typeD ul li .state .st1{color: #E5E5E5;background-color: rgba(78, 78, 78, 0.4);border: 0;}
.list_typeD ul li .state .st2{color: rgba(255, 255, 255, 0.6);}
.list_typeD ul li .box{display: flex;gap: 32px;justify-content: space-between;}
.list_typeD ul li .box .photo{flex-shrink: 0;width: 200px;height: 120px;overflow: hidden;border-radius: 8px;}
.list_typeD ul li .box .photo img{width: 100%;height: 100%;object-fit: cover;}
.list_typeD ul li .box .con{width: 100%;}
.list_typeD ul li .box .con .tit{display: block;margin-bottom: 20px;font-size: 18px;font-weight: 700;}
.list_typeD ul li .box .infor{flex-shrink: 0;min-width: 200px;}
.list_typeD ul li .box .infor li{display: flex;align-items: center;gap: 8px;margin-bottom: 8px;font-size: 14px;color: rgba(255, 255, 255, 0.7);}
.list_typeD ul li .box .infor li .name{flex-shrink: 0;width: 85px;opacity: 0.5;}
.list_typeD ul li .box .infor li .total_price{font-size: 20px;color: #fff;font-weight: 700;}

.list_typeE{border-top: 1px solid #282A2C;}
.list_typeE ul li{display: grid;grid-template-columns: auto auto auto;gap: 8px;align-items: center;padding: 24px;border-bottom: 1px solid #282A2C;}
.list_typeE ul li .tit{display: block;order:1;grid-column: 1 / 3;font-weight: 700;}
.list_typeE ul li .date{display: block;order:3;grid-column: 1 / 3;font-size: 13px;opacity: 0.6;}
.list_typeE ul li .point{display: block;order:2;grid-row-end : span 2;text-align: right;}
.list_typeE ul li .point.use{color: #E84141;}
.list_typeE ul li .point.acc{color: #699BF7;}

.btn_down{display: inline-block;}
.btn_down a{display: block;width: 40px;height: 40px;text-indent: -999px;overflow: hidden;background: url('../img/ic_down.svg') no-repeat center center;border: 1px solid #282A2C;border-radius: 8px;}


/* 페이지표시 */
.page{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;margin-top:80px;font-family:var(--font-poppins);text-align:center;}
.page a{position:relative;display: flex;align-items: center;justify-content: center;margin:2px 10px;width:36px;height:36px;font-size:18px;color:#fff;opacity: 0.5;border-radius: 50%;text-decoration:none;}
.page a.on{color:#000;opacity: 1;font-weight: 500;background-color: #fff;z-index:2}
.page a.img{margin: 2px 5px;} 
.page a.img:nth-of-type(2){margin-right:40px}
.page a.img:nth-last-of-type(2){margin-left:40px}
.page a img{width: auto;}

.location{display: flex;margin-bottom: 18px;flex-wrap: wrap;opacity: 0.5;}
.location li{position: relative;margin-right: 15px;padding-right: 20px;font-size: 14px;}
.location li:not(:last-child)::after{position: absolute;top: 50%;right: 0;width: 7px;height: 7px;content: '';border:1px solid #fff;border-width: 2px 2px 0 0;transform: translateY(-50%) rotate(45deg);}

.view_typeA{position: relative;}
.view_typeA .class_infor{display: flex;justify-content: space-between;gap: 80px;margin-bottom: 120px;}
.view_typeA .class_infor .lt{width:56%;max-width: 700px;}
.view_typeA .class_infor .lt .img{position: relative;margin-bottom: 24px;overflow: hidden;border-radius: 16px;}
.view_typeA .class_infor .lt .img a{position:relative;display: block;}
.view_typeA .class_infor .lt .img a::after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';background: url('../img/ic_play2.svg') no-repeat center center;}
.view_typeA .class_infor .lt .img img{width: 100%;height: 100%;object-fit: cover;}
.view_typeA .class_infor .lt .img .top_infor{position: absolute;top: 0;left: 0;display: flex;gap:5px;padding: 18px;z-index: 10;}
.view_typeA .class_infor .lt .img .top_infor .new{font-family: var(--font-poppins);font-size: 12px;color: #E5641C;font-weight: 600;line-height: 26px;padding: 0 10px;background-color:#D0D0D0;border-radius: 8px;}
.view_typeA .class_infor .lt .img .top_infor .best{font-family: var(--font-poppins);font-size: 12px;color: #E5E5E5;font-weight: 600;line-height: 26px;padding: 0 10px;background-color:rgba(78, 78, 78, 0.60);border-radius: 8px;}
.view_typeA .class_infor .lt .img .bookmark{position: absolute;top: 18px;right: 18px;width: 22px;height: 25px;text-indent: -999px;overflow: hidden;background-image: url('../img/ic_bookmark.svg');background-repeat:no-repeat;background-position:center center;background-size:100%;opacity: 0.5;z-index: 10;}
.view_typeA .class_infor .lt .img .bookmark.on{opacity: 1;background-image: url('../img/ic_bookmark_on.svg')}
.view_typeA .class_infor .lt .infor{display: flex;justify-content: space-between;align-items: center;font-size: 16px;}
.view_typeA .class_infor .lt .infor .name{display: flex;align-items: center;font-weight: 500;color: rgba(255, 255, 255, 0.4);}
.view_typeA .class_infor .lt .infor .name .profile{flex-shrink: 0;margin-right: 10px;width:40px;height: 40px;overflow: hidden;background-color: #D9D9D9;border-radius: 50%;}
.view_typeA .class_infor .lt .infor .name .profile img{width: 100%;height: 100%;object-fit: cover;}
.view_typeA .class_infor .lt .infor .period{margin: 0 16px 0 auto;font-family: var(--font-monts);color: rgba(255, 255, 255, 0.4);font-weight: 700;}
.view_typeA .class_infor .lt .infor .period span{margin-left: 5px;color: #fff;}
.view_typeA .class_infor .lt .infor .num{position: relative;padding-left:16px;font-family: var(--font-monts);color: rgba(255, 255, 255, 0.4);font-weight: 700;}
.view_typeA .class_infor .lt .infor .num span{margin-left: 5px;color: #fff;}
.view_typeA .class_infor .lt .infor .num::before{position: absolute;top: 50%;left: 0;width: 1px;height: 10px;content: '';border-left:1px solid #282A2C;transform: translateY(-50%);}
.view_typeA .class_infor .rt{width:44%;}
.view_typeA .class_infor .rt h2{margin-bottom: 12px;font-size: 28px;font-weight: 500;line-height: 1.4;}
.view_typeA .class_infor .rt .txt{margin-bottom: 24px;font-size: 14px;font-weight: 500;line-height: 1.4;opacity: 0.45;}
.view_typeA .class_infor .rt .purchase_con{margin:24px 0;padding: 32px;background-color: rgba(255, 255, 255, 0.06);;border-radius: 8px;}
.view_typeA .class_infor .rt .purchase_con .select_list{margin-bottom: 16px;padding-bottom: 8px;border-bottom: 1px solid #4D4D4D;}
.view_typeA .class_infor .rt .purchase_con .select_list li{position: relative;padding: 8px 120px 8px 0;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.view_typeA .class_infor .rt .purchase_con .select_list li .price{position: absolute;top: 50%;right: 0;font-family: var(--font-monts);font-weight: 700;transform: translateY(-50%);}
.view_typeA .class_infor .rt .purchase_con .price_sum .regular{display: flex;justify-content: space-between;align-items: center;margin-bottom: 16px;font-size: 16px;font-weight: 500;}
.view_typeA .class_infor .rt .purchase_con .price_sum .regular .price{font-family: var(--font-monts);font-weight: 700;color: rgba(255, 255, 255, 0.5);}
.view_typeA .class_infor .rt .purchase_con .price_sum .regular .per{margin:0 20px 0 auto;}
.view_typeA .class_infor .rt .purchase_con .price_sum .regular.final .per{font-family: var(--font-monts);color: #FFC46A;font-weight: 700;}
.view_typeA .class_infor .rt .purchase_con .price_sum .regular.final .price{font-size: 24px;color: #fff;}
.view_typeA .class_infor .rt .buy_btn_list{display: flex;gap:8px;justify-content: space-between ;}
.view_typeA .class_infor .rt .buy_btn_list .btnBc{flex: 1;}
.view_typeA .class_infor .rt .pc_mb_purchase .btn_purchase{display: none;}
.view_typeA .class_infor .rt .pc_mb_purchase .detail_con .close{display: none;}
.view_typeA .class_infor .rt .price_mb{display: none;}

.view_typeA .class_detail h2{margin-bottom:48px;font-size: 24px;font-weight: 700;}
.view_typeA .class_detail .li_dot{color: #94979A;}
.view_typeA .class_detail .tabCon{padding-top:150px;transition: 0.5s ease;}


.review_list{position: relative;margin-bottom: 95px;}
.review_list .control button{position: absolute;top: 50%;width:40px;height: 40px;opacity: 1;;text-indent: -999px;overflow: hidden;transform: translateY(-50%);background-color: #000;border-radius: 20px;z-index: 20;}
.review_list .control button::after{position: absolute;top: 50%;left: 50%;width: 5px;height: 5px;content: '';border: 1px solid #fff;border-width: 0 2px 2px 0;transform: translate(-50%, -50%) rotate(135deg);}
.review_list .control .prevSlide{left: 0;border-radius: 0 20px 20px 0;}
.review_list .control .nextSlide{right: 0;border-radius: 20px 0 0 20px}
.review_list .control .nextSlide::after{transform: translate(-50%, -50%) rotate(-45deg);}
.review_list .control button.swiper-button-disabled{display: none;}

.class_order ul{margin-bottom:24px;}
.class_order ul li{display: flex;justify-content: space-between;align-items: center;padding: 27px 0;border-bottom: 1px solid #282A2C;}
.class_order ul li .lt .tit{display: block;font-size: 18px;font-weight: 500;}
.class_order ul li .lt .txt{display: block;margin-top: 10px;font-weight: 500;opacity: 0.4;}
.class_order ul li .rt .btnBc{width: 120px;}
.class_order ul li .rt .time{display: inline-block;margin-left: 16px;font-family: var(--font-monts);font-size: 14px;font-weight: 600;}

.tab_menu{position: relative;}
.tab_menu.page_link{position: sticky;top: 0;transition:0.5s ease;background-color: #0E0E0D;z-index: 20}
.tab_menu ul{display: flex;gap: 50px;border-bottom: 1px solid #282A2C;}
.tab_menu ul li a{position: relative;display: block;padding:16px 0;font-weight: 500;opacity: 0.5;}
.tab_menu ul li a::after{position: absolute;left: 50%;bottom: -1px;width: 0;height: 2px;content: '';background-color: #fff;transition: 0.2s;}
.tab_menu ul li a:hover,
.tab_menu ul li.on a{opacity: 1;}
.tab_menu ul li a:hover::after,
.tab_menu ul li.on a::after{left: 0;width: 100%;}
.tab_menu.fix{top: 70px;}

.btn_more{width: 100%;height: 52px;font-size: 14px;font-weight: 700;background-color: #1C1B1B;border-radius: 8px;}
.btn_more span{position: relative;padding-left: 24px;color: rgba(255, 255, 255, 0.8);}
.btn_more span::before{position: absolute;top: 50%;left: 0;width:24px;height: 24px;opacity: 0.4;content: '';background:url('../img/ic_more.svg') no-repeat center center;transform: translateY(-50%);}

.comment_con .comment_write{display: flex;gap: 8px;margin-bottom:32px;}
.comment_con .comment_write textarea{height: 100px;}
.comment_con .comment_write input{flex-shrink: 0;width: 100px;font-size: 14px;background-color: #65686A;border-radius: 8px;border: 0;}
.comment_con .comment_num{margin-bottom: 16px;font-size: 14px;color: rgba(255, 255, 255, 0.6);}
.comment_con .comment_num span{margin-left: 5px;color: #fff;}
.comment_con .comment_list{margin-bottom: 24px;border-top: 1px solid #282A2C;}
.comment_con .comment_list li{padding:24px 0 ;border-bottom: 1px solid #282A2C;}
.comment_con .comment_list li .name{margin-right: 10px;}
.comment_con .comment_list li .date{font-size: 13px;opacity: 0.5;}
.comment_con .comment_list li .con{margin-top: 24px;font-size: 14px;opacity: 0.6;}

.locat_btn{display: flex;gap: 8px;margin-bottom:24px;}
.locat_btn .btnBc.on a{color: #fff;border-color: #fff;}

.locat_tab_con dl{display: flex;flex-wrap: wrap;font-size: 14px;font-weight: 700;}
.locat_tab_con dl dt{position: relative;flex-shrink: 0;padding-right: 24px;margin-bottom: 24px;width:40px;opacity: 0.4;}
.locat_tab_con dl dt::after{position: absolute;top:5px;right: 0;width: 0;height: 10px;content: '';border-left: 1px solid #333;}
.locat_tab_con dl dd{margin-bottom: 24px;padding-left: 24px;width: calc(100% - 40px);}
.locat_tab_con p{margin-bottom: 24px;font-size: 14px;opacity: 0.7;}

.top_notice{display: flex;align-items: center;margin-bottom: 80px;padding: 16px 0;border-bottom: 1px solid #212226;}
.top_notice h2{flex-shrink: 0;width: 150px;font-size: 20px;}
.top_notice h2 a{position: relative;display: inline-block;padding-right:22px;}
.top_notice h2 a::after{position: absolute;top: 0;right: 0;width: 24px;height: 100%;content: '';opacity: 0.4;background: url('../img/ic_more.svg') no-repeat right center / 10px ;}
.top_notice .notic_box{position: relative;padding-right: 50px;width: calc(100% - 150px);}
.top_notice .noticeSlide{height:25px;}
.top_notice .noticeSlide ul li{position: relative;padding-right: 100px;font-size: 14px;}
.top_notice .noticeSlide ul li a{display: block;opacity: 0.8;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.top_notice .noticeSlide ul li .date{position: absolute;top: 50%;right: 0;font-size: 13px;opacity: 0.6;;transform: translateY(-50%);}
.top_notice .notic_box .control{position: absolute;top: 50%;right: 0;display: flex;flex-direction: column;transform: translateY(-50%);z-index: 10;}
.top_notice .notic_box .control button{position: relative;width: 24px;height: 24px;text-indent: -999px;overflow: hidden;opacity: 0.5;}
.top_notice .notic_box .control button::after{position: absolute;top: 50%;left: 50%;width: 6px;height: 6px;content: '';border:1px solid #fff;border-width: 2px 2px 0 0;transform: translate(-50%, -20%) rotate(-45deg);}
.top_notice .notic_box .control .nextSlide_notice::after{transform: translate(-50%, -70%) rotate(135deg);}

.view_typeB .class_infor{display: flex;overflow: hidden;margin-bottom: 120px;border: 1px solid #282A2C;border-radius: 8px;}
.view_typeB .class_infor .img{width: 492px;}
.view_typeB .class_infor .img img{width: 100%;height: 100%;object-fit: cover;}
.view_typeB .class_infor .con{display: flex;align-items: center;gap: 40px;padding: 40px;}
.view_typeB .class_infor .infor h2{margin-bottom:4px;font-size: 24px;font-weight: 700;}
.view_typeB .class_infor .infor .txt{margin-bottom: 20px;font-size: 14px;opacity: 0.4;}
.view_typeB .class_infor .infor ul{display: flex;gap:10px 24px;flex-wrap: wrap;margin-bottom: 36px;}
.view_typeB .class_infor .infor ul li{display: flex;gap:8px;font-size: 14px;}
.view_typeB .class_infor .infor ul li .name{opacity: 0.4;}
.view_typeB .class_infor .infor .line_bar{position: relative;padding-top: 45px;z-index: 1;}
.view_typeB .class_infor .infor .line_bar::before{display: block;width: 100%;height: 6px;content: '';background-color: #4A4A4A;}
.view_typeB .class_infor .infor .line_bar .line{position: absolute;left: 0;bottom: 0;height: 6px;background-color: #E84141;}
.view_typeB .class_infor .infor .line_bar .line .progress{position: absolute;right: -53px;bottom: 20px;padding: 0 5px;min-width: 106px;line-height: 29px;text-align: center;background-color: #E84141;border-radius: 4px;box-shadow: 4px 4px 4px 0px #000;}
.view_typeB .class_infor .infor .line_bar .line .progress span{font-family: var(--font-monts);font-weight: 600;}
.view_typeB .class_infor .infor .line_bar .line .progress::after{position: absolute;left: 50%;bottom: -7px;width: 0;height: 0;content: '';border-top: 7px solid #E84141;border-left: 5px solid transparent;border-right: 5px solid transparent;transform: translateX(-50%);}
.view_typeB .class_infor .class_btn{display: flex;flex-direction: column;flex-shrink: 0;gap: 16px;width: 140px;}
.view_typeB .class_infor .class_btn .btnBc.default{height: 140px;}
.view_typeB .tab_menu{margin-bottom: 80px;}
.view_typeB .class_detail h2{margin-bottom:40px;font-size: 24px;font-weight: 700;}
.view_typeB .class_detail h2 span{font-size: 16px;opacity: 0.5;font-weight: 400;}
.view_typeB .class_detail .index_top{display: flex;justify-content: space-between;}

.view_typeB .bbs_top{margin-bottom: 20px;}

.view_typeC{border-top: 1px solid #65686A;border-bottom: 1px solid #282A2C;}
.view_typeC .tit{display: flex;justify-content: space-between;padding:28px 32px;border-bottom: 1px solid #282A2C;}
.view_typeC .tit h2{font-size: 22px;font-weight: 700;}
.view_typeC .tit .date{font-size: 14px;opacity: 0.5;}
.view_typeC .content{padding: 80px 32px;color: rgba(255, 255, 255, 0.8);font-weight: 400;}

.index_list{position: relative;margin-bottom: 48px;}
.index_list .index_control{border-bottom: 1px solid #313338;}
.index_list h3{padding-bottom: 16px;border-bottom: 1px solid #313338;}
.index_list .btn_open_close{position: absolute;top:0;right: 0;}
.index_list ul li{position: relative;padding: 32px 0 32px 38px;}
.index_list ul li:not(:first-child){border-top: 1px solid #313338;}
.index_list ul li .tit{margin-bottom: 8px;}
.index_list ul li .txt{display: flex;justify-content: space-between;flex-wrap: wrap;font-size: 14px;}
.index_list ul li .txt .date{opacity: 0.5;}
.index_list ul li .txt .time{color: rgba(255, 255, 255, 0.5);}
.index_list ul li .txt .time span{margin-left: 10px;font-family: var(--font-monts);font-size: 16px;color: #E84141;font-weight: 600;}
.index_list ul li .ic_state{position:absolute;top: 39px;left: 7px;}

.ic_state{position: relative;display: inline-block;width: 14px;height: 14px;text-indent: -999px;overflow: hidden;border-radius: 50%;}
.ic_state.st1{background-color: #3FEA6F;}
.ic_state.st2{background-color: #FFC267;}
.ic_state.st3{background-color: #94979A;}
.ic_state.st4::after{position: absolute;top: 50%;left: 50%;width: 0;height: 0;content: '';border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-left: 9px solid #FF8616;transform: translate(-50%, -50%);}

.bbs_top .state{padding-top: 20px;}
.bbs_top .state ul{display: flex;gap: 30px;}
.bbs_top .state ul li{position: relative;display: flex;gap: 10px;align-items: center;font-size: 14px;color: rgba(255, 255, 255, 0.5);}

.btn_open_close{position: relative;width: 24px;height: 24px;text-indent: -999px;overflow: hidden;}
.btn_open_close::before{position: absolute;top: 50%;left: 50%;width: 6px;height: 6px;content: '';border: 1px solid #fff;border-width: 0 0 2px 2px;transform: translate(-50%, -50%) rotate(-45deg);}
.btn_open_close.on::before{transform: translate(-50%, -50%) rotate(135deg);}

.join_profile{margin: 0 auto;max-width: 650px;}
.join_profile .write_form ul li{position: relative;padding:32px 24px 32px 144px;border-bottom: 1px solid #212223;}
.join_profile .write_form ul li .name{position: absolute;top: 32px;left: 24px;}

.write_typeA{color: rgba(255, 255, 255, 0.6);}
.write_typeA tbody th{padding: 16px 24px;font-weight: 500;border-bottom: 1px solid #212223;}
.write_typeA tbody td{padding: 16px 24px;height: 58px;border-bottom: 1px solid #212223;}
.write_typeA tbody td .pass_con{display: flex;align-items: center;gap: 20px;}
.write_typeA tbody td .pass_con input{padding: 0;width: 100%;background-color: transparent;}
.write_typeA.line{border-top: 1px solid #65686A;}

.write_typeA tbody td .pos_point{color: #fff;}
.write_typeA tbody td .point_use{display: flex;align-items: center;gap: 8px;flex-wrap: wrap;}
.write_typeA tbody td .point_use input.sm{width: 115px;color: rgba(255, 255, 255, 0.36);text-align: right;}
.write_typeA tbody td .dis_coupon{display: flex;align-items: center;gap: 8px;}
.write_typeA tbody td .dis_coupon input.sm{width: 100%;}
.write_typeA tbody td .dis_coupon .btnBc{flex-shrink: 0;width: 84px;}
.write_typeA tbody td .li_dot{font-size: 14px;}

.btn_list{display: flex;align-items: center;justify-content: center;gap: 10px;margin:60px 0;text-align: center;}
.btn_list .btnBc{width: 160px;}

.btn_list2{margin-top: 60px;text-align: right;}

.login_form{margin: 0 auto;padding: 40px 0;max-width:400px;}
.login_form h1{margin-bottom: 6px;font-family: var(--font-monts);font-size: 22px;color: #ddd;font-weight: 600;text-align: center;}
.login_form h2{margin-bottom: 60px;font-size: 28px;font-weight: 700;text-align: center;}

.magic_player{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;z-index: 500;}
.magic_player .player_box{position: absolute;top: 50%;left: 50%;display: flex;margin: 0 auto;width: 100%;/*max-width:1920px;max-height: 1000px;*/height: 100%;overflow: hidden;background-color: #000;transform: translate(-50%, -50%);border: 1px solid #282A2C;}
.magic_player .player_box .player_lt{display: flex;flex-direction: column;width: 100%;}
.magic_player .player_box .player_lt .head_player{position: relative;display: flex;align-items: center;justify-content: space-between;flex-shrink: 0;gap: 80px;padding: 0 80px 0 60px;height: 130px;border-bottom: 1px solid #282A2C;}
.magic_player .player_box .player_lt .head_player .logo{flex-shrink: 0;width: 228px;}
.magic_player .player_box .player_lt .head_player .tit{width: 100%;}
.magic_player .player_box .player_lt .head_player .tit h2{margin-bottom: 8px;}
.magic_player .player_box .player_lt .head_player .tit p{font-size: 14px;opacity: 0.6;}
.magic_player .player_box .player_lt .head_player .btn_out{padding-right: 38px;font-size: 12px;font-weight: 700;background:url('../img/ic_logout.svg') no-repeat right center / 22px;}
.magic_player .player_box .player_lt .head_player .btn_open{position: absolute;top: 50%;right: 0;width: 40px;height: 40px;text-indent: -999px;overflow: hidden;border: 1px solid #282A2C;border-width:1px 0 1px 1px;border-radius: 20px 0 0 20px;transform: translateY(-50%);}
.magic_player .player_box .player_lt .head_player .btn_open::after{position: absolute;top: 50%;left: 50%;width: 6px;height: 6px;content: '';border: 1px solid #fff;border-width: 2px 2px 0 0;transform: translate(-50%, -50%) rotate(45deg);}
.magic_player .player_box .player_lt .head_player .btn_open.on::after{transform: translate(-50%, -50%) rotate(-135deg);}
.magic_player .player_box .player_lt .con_play{height:calc(100% - 120px);}
.magic_player .player_box .player_lt .con_play video{width: 100%;height: 100%;}
.magic_player .player_box .player_rt{flex-shrink: 0;padding:16px 0 30px 40px;width: 560px;transition: 0.4s ease;border-left: 1px solid #282A2C;}
.magic_player .player_box .player_rt .tab_menu{margin-bottom: 56px;}
.magic_player .player_box .player_rt .player_list{padding-right: 40px;height: calc(100% - 130px);overflow: auto;}
.magic_player .player_box .player_rt.on{margin-right: -560px;opacity: 0;}

.bbs_searchA{display: flex;gap: 8px;margin-bottom: 80px;}
.bbs_searchA .term{display: flex;align-items: center;flex-shrink: 0;width: 350px;background-color: rgba(255, 255, 255, 0.08);border-radius: 8px;}
.bbs_searchA .term input{width: 100%;background-color: transparent;}
.bbs_searchA .term button{margin:0 16px;flex-shrink: 0;width: 24px;height: 24px;text-indent: -999px;overflow: hidden;background: url('../img/ic_date.svg') no-repeat center center;}
.bbs_searchA select{flex-shrink:0;width: 180px;}
.bbs_searchA .ser_txt{width: 100%;}
.bbs_searchA .ser_btn{flex-shrink: 0;width: 58px;height: 60px;font-size: 14px;font-weight: 700;background-color: #65686A;border:0;border-radius: 8px;}

.shop_basket_con .shop_basket_top{position: relative;display: flex;align-items: center;margin-bottom: 24px;}
.shop_basket_con .shop_basket_top button{position: relative;margin-left: 45px;font-size: 14px;opacity: 0.6;}
.shop_basket_con .shop_basket_top button::before{position: absolute;top: 50%;left: -20px;width: 0;height: 16px;content: '';border-left: 1px solid #65686A;transform: translateY(-50%);}
.shop_basket_con .shop_basket_list > ul > li{display: flex;align-items: flex-start;gap: 5px;padding: 32px;border: 1px solid #282A2C;border-width: 1px 1px 0;}
.shop_basket_con .shop_basket_list > ul > li:last-child{border-bottom: 1px solid #282A2C;}
.shop_basket_con .shop_basket_list > ul > li .check_box + label{flex-shrink: 0;}
.shop_basket_con .shop_basket_list > ul > li .prod_infor{width: calc(100% - 28px);}
.shop_basket_con .total_price{padding: 30px;border-bottom: 1px solid #282A2C;}
.shop_basket_con .total_price ul{display: flex;justify-content: center;align-items: center;text-align: center;}
.shop_basket_con .total_price ul li{position: relative;padding: 0 50px;font-size: 18px;}
.shop_basket_con .total_price ul li .price em{font-family: var(--font-monts);font-weight: 600;}
.shop_basket_con .total_price ul li .name{display: block;font-size: 14px;opacity: 0.5;}
.shop_basket_con .total_price ul li.total .name{display: inline-block;font-size: 18px;opacity: 1;} 
.shop_basket_con .total_price ul li.total .price{color: #E84141;}
.shop_basket_con .total_price ul li.total .price em{font-size: 22px;}
.shop_basket_con .total_price ul li:nth-child(1)::after{position: absolute;top: 50%;right: 0;width: 10px;height: 0;content: '';border-top: 2px solid #fff;transform: translateY(-50%);}
.shop_basket_con .total_price ul li:nth-child(2)::after{position: absolute;top: 50%;right: 0;width: 10px;height: 4px;content: '';border: 1px solid #fff;border-width: 2px 0;transform: translateY(-50%);}

.shop_basket_con .shop_basket_btn{margin-top: 80px;text-align: center;}
.shop_basket_con .shop_basket_btn .btnBc{width: 350px;height: 70px;}

.prod_infor{position: relative;padding:0 220px 0 216px;width: 100%;min-height: 120px;}
.prod_infor .photo{position: absolute;top: 0;left: 0;width: 200px;height: 120px;overflow: hidden;border-radius: 8px;}
.prod_infor .photo img{width: 100%;height: 100%;object-fit: cover;}
.prod_infor .tit{display: block;margin-bottom: 16px;width: 100%;height: 30px;font-size: 18px;font-weight: 700;overflow: hidden;	text-overflow: ellipsis;word-wrap: break-word;
	display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.prod_infor ul li{margin-bottom: 4px;font-size: 14px;opacity: 0.5;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.prod_infor ul li a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.prod_infor .price{position: absolute;top: 0;right: 0;display: flex;justify-content: flex-end;align-items: center;gap: 5px;width: 200px;font-family: var(--font-monts);font-weight: 600;}
.prod_infor .price del{opacity: 0.5;}
.prod_infor .delet{position: relative;width: 24px;height: 24px;text-indent: -999px;overflow: hidden;}
.prod_infor .delet::before,
.prod_infor .delet::after{position: absolute;top: 50%;left: 50%;width: 14px;height: 2px;content: '';background-color: #fff;}
.prod_infor .delet::before{transform:translate(-50% ,-50%) rotate(45deg) }
.prod_infor .delet::after{transform:translate(-50% ,-50%) rotate(-45deg) }

.order_payment_con{display: flex;justify-content: space-between;gap: 2%;align-items: flex-start;}
.order_payment_con > div > h3:first-child{margin-top: 0;}
.order_payment_con .lt{width:62%;}
.order_payment_con .order_list{border-top: 1px solid #65686A;}
.order_payment_con .order_list > ul > li{padding: 32px;border-bottom: 1px solid #282A2C;}
.order_payment_con .order_list > ul > li .prod_infor{padding: 0 170px 0 216px;}
.order_payment_con .write_typeA tbody th{padding: 24px;vertical-align: top;}
.order_payment_con .write_typeA tbody td{padding: 24px;height: auto;}
.order_payment_con .write_typeA tbody td .li_dot{margin-top:16px;}
.order_payment_con .pay_select{padding-top: 16px;border-top: 1px solid #65686A;}
.order_payment_con .pay_select ul{display: flex;gap: 8px;}
.order_payment_con .pay_select ul li{flex: 1;height: 108px;}
.order_payment_con .pay_select ul li .radio_box + label{display: flex;justify-content: center;padding: 58px 0 0;width: 100%;height: 100%;font-size: 16px;color: rgba(255, 255, 255, 0.7);font-weight: 500;box-sizing: border-box;border: 1px solid #282A2C;border-radius: 8px;overflow: hidden;}
.order_payment_con .pay_select ul li .radio_box + label::before{top: 24px;left: 50%;transform: translateX(-50%);}
.order_payment_con .pay_select ul li .radio_box + label::after{top: 30px;left: 50%;transform: translateX(-50%);}
.order_payment_con .pay_select ul li .radio_box:checked + label{padding: 57px 0 0;color: #fff;border-color: #65686A;border-width: 2px;}
.order_payment_con .rt{position:sticky;top:70px;padding: 32px;width: 34%;border: 1px solid #282A2C;border-radius: 8px;}
.order_payment_con .total_price{padding: 1px 0;}
.order_payment_con .total_price ul{margin-bottom: 44px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.order_payment_con .total_price ul li{display: flex;justify-content: space-between;gap:10px;align-items: center;margin: 24px 0;}
.order_payment_con .total_price ul li .name{font-size: 14px;opacity: 0.5;}
.order_payment_con .total_price ul li .price{font-family: var(--font-monts);font-weight: 600;}
.order_payment_con .total_price .total{display: flex;align-items: center;justify-content: space-between;margin-bottom: 44px;}
.order_payment_con .total_price .total .name{font-size: 18px;;}
.order_payment_con .total_price .total .price em{font-family: var(--font-monts);font-size: 24px;color: #E84141;font-weight: 600;}
.order_payment_con .total_price .payment_btn .btnBc{width: 100%;height: 70px;}
.order_payment_con .total_price .payment_btn .btnBc a,
.order_payment_con .total_price .payment_btn .btnBc button,
.order_payment_con .total_price .payment_btn .btnBc input{font-weight: 700;}

/*
================================================================================
반응형 서브 콘텐츠
================================================================================
*/

 /* PC Device */
@media all and (min-width:1301px){
	
	
}

/* TABLET Device */
@media all and (max-width:1450px){

    .list_typeB ul li{width: calc(50% - 20px);}
	
	.magic_player .player_box .player_lt .head_player{gap: 30px;padding: 0 60px 0 30px;}
	.magic_player .player_box .player_lt .head_player .logo{width: 170px;}
	.magic_player .player_box .player_rt{padding: 16px 0 30px 20px;width: 300px;}
	.magic_player .player_box .player_rt .player_list{padding-right: 20px;}

	.bbs_searchA{flex-wrap: wrap;}
	.bbs_searchA .term{width: 100%;}
	.bbs_searchA .ser_txt{width: calc(100% - 254px);}

	.bbs_searchA select + select + .ser_txt{width: calc(100% - 442px);}
    

}

 /* TABLET Device */
@media all and (max-width:1300px){
	
	.list_typeA ul li{width: calc(50% - 24px);}

    .view_typeB .class_infor{display: block;}
    .view_typeB .class_infor .con{display: block;}
    .view_typeB .class_infor .img{width: 100%;}
    .view_typeB .class_infor .infor{margin-bottom: 50px;}
    .view_typeB .class_infor .class_btn{flex-direction: row;justify-content: space-between;width: 100%;}
    .view_typeB .class_infor .class_btn .btnBc{width: 50%;height: 50px;}
    .view_typeB .class_infor .class_btn .btnBc.default{width: 60%;height: auto;}


	.order_payment_con{display: block;}
	.order_payment_con .lt{margin-bottom: 60px;width: 100%;}
	.order_payment_con .rt{position: relative;top: 0;width: 100%;}
	
	
}

 /* PC Device */
 @media all and (min-width:951px){

	.view_typeA .class_infor .rt .pc_mb_purchase .detail_con,
	.view_typeA .class_infor .rt .pc_mb_purchase .btn_buy{display: block !important;}
	.view_typeA .class_infor .rt .pc_mb_purchase .btn_purchase{display: none !important;}

 }

 /* TABLET Device */
 @media all and (max-width:950px){

	.mt15 { margin-top:1.5rem !important; }
	.mt20 { margin-top:2rem !important; }
	.mt25 { margin-top:2.5rem !important; }
	.mt30 { margin-top:3rem !important; }
	.mt35 { margin-top:3.5rem !important; }
	.mt40 { margin-top:4rem !important; }
	.mt50 { margin-top:5rem !important; }
	.mt60 { margin-top:6rem !important; }
	.mt70 { margin-top:7rem !important; }
	.mb15 { margin-bottom:1.5rem !important; }
	.mb20 { margin-bottom:2rem !important; }
	.mb25 { margin-bottom:2.5rem !important; }
	.mb30 { margin-bottom:3rem !important; }
	.mb35 { margin-bottom:3.5rem !important; }
	.mb40 { margin-bottom:4rem !important; }
	.mb45 { margin-bottom:4.5rem !important; }
	.mb50 { margin-bottom:5rem !important; }
	.mb60 { margin-bottom:6rem !important; }
	.mb70 { margin-bottom:7rem !important; }

	.mr15 { margin-right:1.5rem !important; }
	.mr20 { margin-right:2rem !important; }
	.mr25 { margin-right:2.5rem !important; }
	.mr30 { margin-right:3rem !important; }
	.mr35 { margin-right:3.5rem !important; }
	.mr40 { margin-right:4rem !important; }
	.mr45 { margin-right:4.5rem !important; }
	.mr50 { margin-right:5rem !important; }

	.ml15 { margin-left:1.5rem !important; }
	.ml20 { margin-left:2rem !important; }
	.ml25 { margin-left:2.5rem !important; }
	.ml30 { margin-left:3rem !important; }

	.pt15 { padding-top:1.5rem !important; }
	.pt20 { padding-top:2rem !important; }
	.pt25 { padding-top:2.5rem !important; }
	.pt30 { padding-top:3.rem !important; }
	.pt35 { padding-top:3.5rem !important; }
	.pt40 { padding-top:4rem !important; }
	.pt45 { padding-top:4.5rem !important; }
	.pt50 { padding-top:5rem !important; }

	.pb15 { padding-bottom:1.5rem !important; }
	.pb20 { padding-bottom:2rem !important; }
	.pb25 { padding-bottom:2.5rem !important; }
	.pb30 { padding-bottom:3rem !important; }
	.pb35 { padding-bottom:3.5rem !important; }
	.pb40 { padding-bottom:4rem !important; }
	.pb45 { padding-bottom:4.5rem !important; }
	.pb50 { padding-bottom:5rem !important; }

	.pp60{ padding:6rem !important; }

	.pc{display: none;}
	.mb{display: block;}
	.mbr{display: none;}


	h2.title{margin-bottom: 3.6rem;font-size: 4.4rem;}
	h2.title .point_txt{display: block;margin:1.9rem 0 0;font-size: 2.6rem;}
	h2.title .point_txt em{font-size: 2.8rem;}
	h2.title .num{font-size: 2.6rem;}

	h3.title{margin: 11.2rem 0 3.2rem;font-size:3.2rem;}

	.sub_con_wrapA h2.title{margin-bottom: 6.4rem;text-align: center;}


	input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="email"]{padding: 0 3.2rem;font-size: 2.6rem;height: 10rem;}
	select{padding: 0 8rem 0 3.2rem;font-size: 2.6rem;height: 10rem;background-size: 2.2rem;background-position: right 4.4rem center;}
	textarea{padding: 3.2rem;font-size: 2.8rem;border-radius: 1.6rem;}

	input.sm{height: 8rem;}

    .class_con{border-radius: 1.6rem;}
	.class_con .top_infor{padding: 1.7rem 1.6rem;gap: 0.6rem;}
	.class_con .top_infor .new,
	.class_con .top_infor .best{padding: 0 1.6rem;font-size: 2.4rem;line-height: 3.8rem;}
	.class_con .bookmark{top: 1.7rem;right: 1.6rem;width: 2.9rem;height: 3.3rem;}
	.class_con .infor{padding:3rem;}
	.class_con .infor .tit{margin-bottom: 0.4rem;height: 8.4rem;font-size: 2.6rem;}
	.class_con .infor .txt{margin-bottom: 3.2rem;font-size: 2.4rem;}
	.class_con .infor .price{flex-wrap: wrap;gap:0 1.5rem;font-size: 2.6rem;}
	.class_con .infor .price .per{order: 1;width: 100%;}
	.class_con .infor .price del{order: 2;}
	.class_con .infor .price .act{order: 3;}
    .class_con .infor .state{margin-bottom: 1.6rem;font-size: 2.8rem;}
    .class_con .infor .class_btn .btnBc a, .class_con .infor .class_btn .btnBc button, .class_con .infor .class_btn .btnBc input{font-size: 2.8rem;}
    .class_con .line_bar{height: 1.2rem;}
	.class_con .infor .term{gap:0 0.8rem;margin-bottom: 1.6rem;font-size: 2.8rem;}
	.class_con .infor .term .name{width: 14rem;}
	.class_con .infor .term .day, .class_con .infor .term .per{width: calc(100% - 15rem);}
	


	.li_dot > li{margin-bottom: 2rem;padding-left: 2.4rem;font-size: 2.8rem;}
	.li_dot > li::before{top: 1.5rem;width: 0.7rem;height: 0.7rem;}


	.login_con span[class^="btn_login_"] a{padding-left: 5rem;font-size: 2.8rem;line-height: 10rem;border-radius: 1.6rem;}
	.login_con .btn_login_kaka{margin-bottom: 1.6rem;}
	.login_con .btn_login_kaka a{background-size: 4.1rem;background-position: 5.9rem center;}
	.login_con .btn_login_nave a{background-size: 3.6rem;background-position: 6.2rem center;}
	.login_con .login_ch{margin-top: 3.2rem;gap: 2rem;}
	.login_con .login_ch .rt{font-size: 2.4rem;}
	.login_con .login_ch .rt span{margin-right: 1.6rem;padding-left:2.4rem;}
	.login_con .login_ch .rt span::before{width: 0.8rem;height: 0.8rem;}

	.check_box + label{padding-left: 5.6rem;font-size: 2.4rem;}
	.check_box + label::before{width: 4rem;height: 4rem;border-radius: 0.8rem;}
	.check_box + label::after{top: 1rem;left: 1rem;width: 1.5rem;height: 1rem;border-width: 0 0 0.4rem 0.4rem;}

	.radio_box + label{padding-left: 5.2rem;font-size: 2.4rem;}
	.radio_box + label::before{width: 3.6rem;height: 3.6rem;}
	.radio_box + label::after{top: 1.2rem;left: 1.2rem;width: 1.2rem;height: 1.2rem;}

	.bbs_top{justify-content: flex-start;margin: 0 0 5rem;gap: 1.6rem;}
	.bbs_top .search_con{flex: 1;width: 60%;}
	.bbs_top select{min-width: 100px;width: 40%;}

	.bbs_top + .list_typeA,
	.bbs_top + .list_typeB{margin-top: 0;}

	.search_con .ser_txt{padding-right: 0;}
	.search_con .ser_btn{height: 10rem;width: 10rem;background-size: 3.3rem;}
	

	.list_typeA ul{gap:3.8rem 1.4rem;}
	.list_typeA ul li{width: calc(50% - 0.7rem);}
	.list_typeA ul li .class_con{border: 0;border-radius: 0;}
	.list_typeA ul li .class_con .photo{border-radius: 1.6rem;overflow: hidden;}
	.list_typeA ul li .class_con .infor{padding: 3rem 0.8rem;}

    .list_typeB ul{gap:8rem 0;}
    .list_typeB ul li{width: 100%;}
	.list_typeB ul li .class_con .photo{border-radius: 1.6rem 1.6rem 0 0;}
	.list_typeB ul li .class_con .infor .tit{height: 10rem;font-size: 3.2rem;}

	.list_typeC{font-size: 2.6rem;border-top: 0.2rem solid #282A2C;}
	.list_typeC colgroup{display: none;}
	.list_typeC thead{display: none;}
	.list_typeC tbody td{padding: 3.2rem 1.6rem;vertical-align: top;border-bottom-width: 0.2rem;}
	.list_typeC tbody td.subject{font-size: 2.8rem;}
	
	.list_typeC.notice tbody tr{display: grid;grid-template-columns: 8rem auto;gap: 0.8rem;padding: 3.2rem 0;border-bottom: 1px solid #282A2C;}
	.list_typeC.notice tbody tr td{padding: 0;}
	.list_typeC.notice tbody tr td.num{grid-row: 1 / span 2;text-align: center;}
	.list_typeC.notice tbody tr td.subject{border-bottom: 0;}
	.list_typeC.notice tbody tr td.date{text-align: left;}

	.list_typeC.faq td.num{padding: 3.2rem 0;width: 7.6rem;}
	.list_typeC.faq td.subject{padding-left: 0;}
	.list_typeC.faq td.subject a{padding-right: 4rem;}
	.list_typeC.faq .faq_tit td.subject a::after{width: 1.2rem;height: 1.2rem;border-width: 0.3rem 0.3rem 0 0;}
	.list_typeC.faq .faq_con td .con{padding: 10rem 1.6rem 10rem 7.6rem;font-size: 2.8rem;background-position: 2.1rem 10rem;background-size: 2.3rem;}

	.list_typeD > ul > li{padding: 6.4rem 3.2rem;}
	.list_typeD ul li .state{gap: 1.6rem;margin-bottom: 3.2rem;}
	.list_typeD ul li .state span{width: 13.8rem;height: 5.2rem;font-size: 2rem;border-radius: 2.6rem;border-width: 0.2rem;}
	.list_typeD ul li .box{display: block;}
	.list_typeD ul li .box .photo{display: none;}
	.list_typeD ul li .box .con .tit{display: block;margin-bottom: 3.2rem;font-size: 3.2rem;}
	.list_typeD ul li .box .infor{min-width: 100%;}
	.list_typeD ul li .box .infor li{gap: 3.2rem;margin: 1.7rem 0 0;font-size: 2.8rem;}
	.list_typeD ul li .box .infor li .name{width: 17rem;}
	.list_typeD ul li .box .infor li .total_price{font-size: 3.2rem;}

	.list_typeE ul li{padding: 4.8rem 3.2rem;gap: 0.8rem;font-size: 2.8rem;}
	.list_typeE ul li .date{font-size: 2.4rem;}

	.btn_down a{width: 8rem;height: 8rem;border-radius: 1.6rem;background-size: 4.8rem;}

	.page{margin-top:8rem ;}
	.page a{margin: 0.5rem 0.5rem;width: 6.4rem;height: 6.4rem;font-size: 2.8rem;}
	.page a.img{margin: 0;width: auto;}
	.page a img{width: 4.8rem;}
	.page a.img:nth-of-type(2){margin-right: 1rem;}
	.page a.img:nth-last-of-type(2){margin-left: 1rem;}

	.view_typeA .class_infor{display: block;}
	.view_typeA .class_infor .lt{margin-bottom: 3.2rem;width: 100%;max-width: 100%;}
	.view_typeA .class_infor .rt{width: 100%;}
	
	.view_typeA .class_infor .rt .buy_btn_list .btnBc.l{height: 8rem;}

	.location{margin-bottom: 3.2rem;}
	.location li{margin-right: 2.4rem;padding-right: 2.4rem;font-size: 2.6rem;}
	.location li:not(:last-child)::after{width: 1.6rem;height: 1.6rem;}

	.view_typeA .class_infor{margin-bottom: 10rem;}
	.view_typeA .class_infor .lt .img{margin-bottom: 3.2rem;}
	.view_typeA .class_infor .lt .img a::after{background-size: 6rem;}
	.view_typeA .class_infor .lt .img .top_infor{padding: 1.6rem;gap: 0.6rem;}
	.view_typeA .class_infor .lt .img .top_infor .new,
	.view_typeA .class_infor .lt .img .top_infor .best{padding: 0 1.6rem;font-size: 2.4rem;line-height: 3.8rem;border-radius: 1.6rem;}
	.view_typeA .class_infor .lt .img .bookmark{top: 2rem;right: 2rem;width: 2.8rem;height: 3.3rem;}
	.view_typeA .class_infor .lt .infor{font-size: 2.6rem;}
	.view_typeA .class_infor .lt .infor .name .profile{width: 4.8rem;height: 4.8rem;}
	.view_typeA .class_infor .lt .infor .period{margin-right:2rem;font-size: 2.6rem;}
	.view_typeA .class_infor .lt .infor .period span{margin-left: 1.6rem;}
	.view_typeA .class_infor .lt .infor .num{padding-left:2rem;}
	.view_typeA .class_infor .lt .infor .num::before{height: 2rem;}
	.view_typeA .class_infor .lt .infor .num span{margin-left: 1.6rem;}
	.view_typeA .class_infor .rt h2{margin-bottom: 2.4rem;font-size: 4rem;}
	.view_typeA .class_infor .rt .txt{margin-bottom: 3.2rem;font-size: 2.6rem;}

	.view_typeA .class_infor .rt .purchase_con{margin:3.2rem 0 0;padding: 0;}
	.view_typeA .class_infor .rt .purchase_con .select_list{margin-bottom: 3.2rem;padding-bottom: 1.6rem;}
	.view_typeA .class_infor .rt .purchase_con .select_list li{padding: 1.6rem 16rem 1.6rem 0;}
	.view_typeA .class_infor .rt .purchase_con .select_list li .price{font-size: 2.4rem;}
	.view_typeA .class_infor .rt .purchase_con .price_sum .regular{margin-bottom: 3.2rem;font-size: 3.2rem;}
	.view_typeA .class_infor .rt .purchase_con .price_sum .regular.final .price{font-size: 4rem;}

	.view_typeA .class_infor .rt .pc_purchase{display: none;}
	.view_typeA .class_infor .rt .price_mb{display: block;display: flex;justify-content: space-between;	gap: 10px;font-family: var(--font-monts);font-size: 3.2rem;		font-weight: 600;}
	.view_typeA .class_infor .rt .price_mb del{opacity: 0.5;}
	.view_typeA .class_infor .rt .price_mb .act{margin-right: auto;}
	.view_typeA .class_infor .rt .price_mb .per{color: #FFC267;}
	.view_typeA .class_infor .rt .pc_mb_purchase .detail_con{display: none;position: fixed;left: 0;bottom: 10rem;padding: 3rem 4.8rem 0;width: 100%;background-color: #000;border: 1px solid #444647;z-index: 50;}
	.view_typeA .class_infor .rt .pc_mb_purchase .btn_purchase{display: block}
	.view_typeA .class_infor .rt .pc_mb_purchase .btn_buy{display: none}
	.view_typeA .class_infor .rt .pc_mb_purchase .buy_btn_list{position:fixed;left: 0;bottom: 0;padding: 2rem 4.8rem;gap: 1.6rem;width: 100%;background-color: #000;z-index: 310;}
	.view_typeA .class_infor .rt .pc_mb_purchase .detail_con .close{display: block;position: relative;margin: 0 auto 2rem;width: 10rem;height: 5rem;text-indent: -999px;overflow: hidden;}
	.view_typeA .class_infor .rt .pc_mb_purchase .detail_con .close::after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';background:url('../img/ic_select_arrow.svg') no-repeat center center / 2.6rem;opacity: 0.5;}

	.view_typeA .class_detail h2{margin-bottom:4.8rem;font-size: 4.4rem;}
	.view_typeA .class_detail .tabCon{padding-top:20rem;}

	.review_list{margin:0 -4.8rem 15rem;padding: 0 4.8rem;overflow: hidden;}
	.review_list .reviewSlide{overflow: visible;}
	.review_list .control button{display: none;}

	.review ul li .photo{margin-bottom: 3.2rem;border-radius: 1.6rem;}
	.review ul li .photo::before{background-size: 9rem;}
	.review ul li .infor{padding-top: 4rem;background-size: 3rem;}
	.review ul li .infor .tit{margin-bottom: 1.6rem;height: 10rem;font-size: 3.2rem;}
	.review ul li .infor .txt{margin-bottom:2.7rem;font-size: 2.4rem;}
	.review ul li .infor .name{padding-left: 4.8rem;font-size: 2.8rem;background-size: 3.9rem;}

	.comment_con .comment_write{gap: 1.6rem;margin-bottom:6.4rem;}
	.comment_con .comment_write textarea{height: 16rem;;}
	.comment_con .comment_write input{width: 16rem;font-size: 2.8rem;border-radius: 1.6rem;}
	.comment_con .comment_num{margin-bottom: 3.2rem;font-size: 2.8rem;}
	.comment_con .comment_list{margin-bottom: 6.4rem;}
	.comment_con .comment_list li{padding: 4.8rem 0;}
	.comment_con .comment_list li .name{margin-right:1.6rem;font-size: 3.2rem;}
	.comment_con .comment_list li .date{font-size: 2.6rem;}
	.comment_con .comment_list li .con{margin-top: 3.2rem;font-size: 2.8rem;}

	.tab_menu.fix{top: 7rem;}
	.tab_menu.page_link{margin:0 -4.8rem;padding: 0 4.8rem;}
	.tab_menu ul{gap: 1rem;text-align: center;}
    .tab_menu ul li{flex: 1;}
	.tab_menu ul li a{padding: 3.2rem 0;font-size: 2.8rem;}

	.btnBc{height: 8rem;border-radius: 1.6rem;}
	.btnBc a, .btnBc button, .btnBc input{padding: 0 1rem;font-size: 2.8rem;border-width: 0.3rem;border-radius: 1.6rem;}
	
	.btnBc.l{height: 10rem;}
	.btnBc.l a,
	.btnBc.l button,
	.btnBc.l input{font-size: 2.8rem;}
	
	
	.btnBc.secondary a, .btnBc.secondary button, .btnBc.secondary input{min-width: 16rem;font-size: 2.6rem;}

	.btnBc.tertiary a, .btnBc.tertiary button, .btnBc.tertiary input{font-size: 2.6rem;}

	.btnBc.activate a,
	.btnBc.activate button,
	.btnBc.activate input{font-size: 2.6rem;}

	.btnBc a::before, .btnBc button::before{margin-right: 1.6rem;width: 3.2rem;height: 3.2rem;background-size: 2.2rem;border-radius: 1.6rem;}
	.btnBc.ic2 a::before,
	.btnBc.ic2 button::before{background-size: 2.7rem;}
	.btnBc.ic3 a::before, .btnBc.ic3 button::before{margin-right: 0.8rem;}

    .btnBc.default::before{box-shadow: 0px 1.2rem 6rem 0px rgba(255, 255, 255, 0.25);}
    .btnBc.default:hover::before{box-shadow: 0px 1.2rem 6rem 0px rgba(255, 134, 22, 0.18);}

	.class_order ul{margin-bottom: 4.8rem;}
	.class_order ul li{align-items: self-start;padding: 6rem 0;}
	.class_order ul li .lt .tit{font-size: 3.2rem;}
	.class_order ul li .lt .txt{margin-top: 1rem;font-size: 2.8rem;}
	.class_order ul li .rt .btnBc{width: 16rem;}
	.class_order ul li .rt .time{display: block;margin:1.6rem 0 0 ;font-size: 2.4rem;text-align: right;}

	.btn_more{height: 10.4rem;font-size: 2.6rem;border-radius: 1.6rem;}
	.btn_more span{padding-left:5.4rem;}
	.btn_more span::before{width: 4.8rem;height: 4.8rem;background-size: 2.4rem;}

	.locat_btn{gap: 0.8rem;margin-bottom: 4.8rem;}
	.locat_tab_con dl{font-size: 2.8rem;}
	.locat_tab_con dl dt{padding-right: 3rem;margin-bottom: 3rem;width: 8rem;}
	.locat_tab_con dl dt::after{top: 1rem;height: 2rem;border-left-width: 0.3rem;}
	.locat_tab_con dl dd{margin-bottom: 3rem;padding-left: 3rem;width: calc(100% - 8rem);}
	.locat_tab_con p{margin-bottom: 4rem;font-size: 2.8rem;}

    .top_notice{display: block;margin-bottom: 8rem;padding: 4.8rem 0;border-top: 0.2rem solid #212226;border-bottom-width: 0.2rem;}
    .top_notice h2{margin-bottom: 1.6rem;font-size: 3.2rem;}
    .top_notice h2 a{padding-right: 3.6rem;}
    .top_notice h2 a::after{width: 2rem;background-size: 2rem;}
    .top_notice .notic_box{padding-right: 6.4rem;width: 100%;}
    .top_notice .noticeSlide{height: 7.8rem;}
    .top_notice .noticeSlide ul li{padding-right: 0;font-size: 2.6rem;}
    .top_notice .noticeSlide ul li a{padding-right: 0;}
    .top_notice .noticeSlide ul li .date{position: relative;top:0;transform: translateY(0);font-size: 2.4rem;}
    .top_notice .notic_box .control button{width: 4.8rem;height: 4.8rem;}
    .top_notice .notic_box .control button::after{width: 1.2rem;height: 1.2rem;border-width: 0.4rem 0.4rem 0 0;}

    .view_typeB .class_infor{margin-bottom: 12rem;border-radius: 1.6rem;}
    .view_typeB .class_infor .con{padding: 4.8rem;}
    .view_typeB .class_infor .infor{margin-bottom: 4.8rem;}
    .view_typeB .class_infor .infor h2{margin-bottom: 1.6rem;font-size: 4rem;}
    .view_typeB .class_infor .infor .txt{margin-bottom: 3.2rem;font-size: 2.6rem;}
    .view_typeB .class_infor .infor ul{display: block;margin-bottom: 4.8rem;gap: 0;}
    .view_typeB .class_infor .infor ul li{gap: 1.6rem;font-size: 2.6rem;}
    .view_typeB .class_infor .infor .line_bar{padding-top: 8.4rem;}
    .view_typeB .class_infor .infor .line_bar .line{height: 1.2rem;}
    .view_typeB .class_infor .infor .line_bar::before{height: 1.2rem;}
    .view_typeB .class_infor .infor .line_bar .line .progress{bottom:4rem;right: -8.9rem;min-width: 17.8rem;font-size: 2.6rem;line-height: 4.7rem;border-radius: 0.8rem;}
    .view_typeB .class_infor .infor .line_bar .line .progress::after{bottom: -1.2rem;border-width: 1.4rem 1rem 0 1rem;}
    .view_typeB .class_infor .class_btn{gap: 1.6rem;}
    .view_typeB .class_infor .class_btn .btnBc{height: 10rem;}
    .view_typeB .class_detail .index_top{display: block;}
    .view_typeB .class_detail h2{margin-bottom: 4.4rem;font-size: 4.4rem;}
    .view_typeB .class_detail h2 span{font-size: 2.6rem;}
    .view_typeB .class_detail .index_top{margin-bottom: 9.6rem;}
	.view_typeB .tab_menu{margin-bottom: 16rem;}
	.view_typeB .tab_menu ul{gap: 10rem;}
	.view_typeB .tab_menu ul li{flex: none;}

	.view_typeB .bbs_top{margin-bottom: 5rem;}

    .bbs_top .state{padding-top: 0;}
    .bbs_top .state ul{flex-wrap: wrap;gap: 2rem;}
    .bbs_top .state ul li{gap: 1.6rem;font-size: 2.4rem;}

    .index_list h3{padding-bottom:3.2rem;font-size: 2.8rem;}

    .btn_open_close{width: 4.8rem;height: 4.8rem;}
    .btn_open_close::before{width: 1.4rem;height: 1.4rem;border-width: 0 0 0.4rem 0.4rem;}

	.index_list{margin-bottom: 6.4rem;}
    .index_list ul li{padding: 4.8rem 0 4.8rem 5.6rem;}
    .index_list ul li .tit{margin-bottom: 1.6rem;font-size: 2.8rem;}
    .index_list ul li .txt{font-size: 2.4rem;}
    .index_list ul li .txt .time span{font-size: 2.6rem;}
    .index_list ul li .ic_state{top: 5.4rem;left:1.4rem ;}

    .ic_state{width: 2.8rem;height: 2.8rem;}
    .ic_state.st4::after{border-width: 1.4rem 0 1.4rem 1.8rem;}
	
	.login_form{padding:10rem 0;max-width: 60rem;}
	.login_form h1{font-size: 3.2rem;}
	.login_form h2{margin-bottom: 8rem;font-size: 4.2rem;}
	
	.magic_player .player_box{position: relative;top: 0;left: 0;display: block;padding-top: 14.4rem;overflow: auto;transform: none}
	.magic_player .player_box .player_lt .head_player{position: fixed;top: 0;left: 0;padding: 0 4.8rem;gap: 0;height: 14.4rem;width: 100%;background-color: #000;z-index: 30;}
	.magic_player .player_box .player_lt .head_player .logo{width: 24rem;}
	.magic_player .player_box .player_lt .head_player .btn_open{display: none}
	.magic_player .player_box .player_lt .head_player .tit{display: none;}
	.magic_player .player_box .player_lt .head_player .btn_out{padding-right: 0;width: 4.8rem;height: 4.8rem;text-indent: -999px;overflow: hidden;background-position: center center;background-size: 4.4rem;}
	.magic_player .player_box .player_rt{padding:6rem 4.8rem 2rem;width: 100%;}
	.magic_player .player_box .player_rt .player_list{padding-right: 0;height: auto;overflow: visible;}

	.magic_player .player_box .player_rt .tab_menu ul{gap: 10rem;}
	.magic_player .player_box .player_rt .tab_menu ul li{flex: none;}

	.write_typeA{font-size: 2.6rem;}
	.write_typeA colgroup{display: none;}
	.write_typeA tbody th{padding: 3rem 1rem 3rem 1.6rem;}
	.write_typeA tbody td{padding: 3rem 1.6rem;height: 10rem;}

	.btn_list{margin: 4.8rem 0;gap: 1rem;}
	.btn_list .btnBc{width: 100%;}

	.bbs_searchA{gap: 1.6rem;margin-bottom: 9.6rem;}
	.bbs_searchA .term{font-size: 2.8rem;}
	.bbs_searchA .term button{margin:0 2rem;width: 4.8rem;height: 4.8rem;background-size: 100%;}
	.bbs_searchA select{width: 20rem;}
	.bbs_searchA .mb_select{width: calc(50% - 0.8rem);}
	.bbs_searchA .ser_txt{width: calc(100% - 33.2rem);}
	.bbs_searchA .ser_btn{width: 10rem;height: 10rem;font-size: 2.6rem;}

	.bbs_searchA .mb_select + .ser_txt{width: calc(100% - 11.6rem);}

	.view_typeC .tit{display: block;padding: 8rem 0;}
	.view_typeC .tit h2{margin-bottom: 1.6rem;font-size: 3.6rem;}
	.view_typeC .tit .date{display: block;font-size: 2.6rem;}
	.view_typeC .content{padding: 12rem 0;font-size: 2.8rem;}

	.btn_list2{margin-top: 8rem;}
	
	.shop_basket_con .shop_basket_top{margin-bottom: 4.8rem;}
	.shop_basket_con .shop_basket_top button{margin-left: 6.4rem;font-size: 2.4rem;}
	.shop_basket_con .shop_basket_top button::before{left: -3rem;height: 3.2rem;}

	.shop_basket_con .shop_basket_list > ul > li{gap: 0.8rem;padding: 3.2rem;}
	.shop_basket_con .shop_basket_list > ul > li .prod_infor{width: calc(100% - 6.4rem);}

	.shop_basket_con .total_price{padding: 6rem 3.2rem;}
	.shop_basket_con .total_price ul{display: flex;flex-direction: column;gap: 1.6rem;align-items:stretch}
	.shop_basket_con .total_price ul li{display: flex;justify-content: space-between;align-items: center;padding: 0;font-size: 2.6rem;}
	.shop_basket_con .total_price ul li:nth-child(1)::after,
	.shop_basket_con .total_price ul li:nth-child(2)::after{display: none;}
	.shop_basket_con .total_price ul li .name,
	.shop_basket_con .total_price ul li.total .name{font-size: 2.6rem;}
	.shop_basket_con .total_price ul li.total .price em{font-size: 4rem;}
	.shop_basket_con .total_price ul li .price.disc::before{content: '- ';}

	.shop_basket_con .shop_basket_btn{position: fixed;left: 0;bottom: 0;margin-top: 0;padding: 2rem 4.8rem;width: 100%;background-color: #000;z-index: 310;}
	.shop_basket_con .shop_basket_btn .btnBc{width: 100%;height: 8rem;}

	.prod_infor{padding: 0;}
	.prod_infor .photo{position: relative;float: left;margin-bottom: 1.6rem;width: 16rem;height: 9.6rem;border-radius: 1.6rem;}
	.prod_infor .tit{float: right;margin-bottom: 0;width: calc(100% - 18rem);height: 9rem;-webkit-line-clamp: 2;font-size: 2.8rem;}
	.prod_infor ul{clear: both;margin-bottom: 1.6rem;width: 100%;}
	.prod_infor ul li{margin-bottom: 0.8rem;font-size: 2.4rem;}
	.prod_infor .price{position: relative;gap: 1.6rem;font-size: 2.8rem;width: 100%;justify-content: flex-start;}
	.prod_infor .delet{display: none;}

	.order_payment_con .lt > h3:first-child{margin-top: 11.2rem;}
	.order_payment_con .order_list > ul > li{padding: 3.2rem;}
	.order_payment_con .order_list > ul > li .prod_infor{padding: 0;}

	.order_payment_con .write_typeA tbody th{padding: 3rem 1rem 3rem 1.6rem;width: 18rem;}
	.order_payment_con .write_typeA tbody td{padding: 3rem 1.6rem;}
	.write_typeA tbody td .point_use{gap: 1.6rem;}
	.write_typeA tbody td .pos_point{display: block;}
	.write_typeA tbody td .point_use input.sm{width: 90%;}
	.write_typeA tbody td .dis_coupon{gap: 1.6rem;}
	.write_typeA tbody td .dis_coupon .btnBc{width: 16.8rem;}
	.order_payment_con .write_typeA tbody td .li_dot{margin: 1.6rem 0 0 -18rem;}

	.order_payment_con .lt{margin-bottom: 8rem;}
	.order_payment_con .pay_select{padding-top: 3.2rem;}
	.order_payment_con .pay_select ul{display:block}
	.order_payment_con .pay_select ul li{margin-bottom: 1.6rem;height: auto;}
	.order_payment_con .pay_select ul li .radio_box + label{justify-content: flex-start;align-items: center;padding:0 0 0 10rem;height: 14.6rem;font-size: 2.8rem;border-width: 0.2rem;border-radius: 1.6rem;}
	.order_payment_con .pay_select ul li .radio_box + label::before{left: 3.2rem;top:50%;transform: translate(0, -50%);}
	.order_payment_con .pay_select ul li .radio_box + label::after{left: 4.4rem;top: 50%;transform: translate(0, -50%);}
	.order_payment_con .pay_select ul li .radio_box:checked + label{padding:0 0 0 9.8rem;border-width: 0.4rem;}

	.order_payment_con .rt{padding: 6.4rem;}
	.order_payment_con .total_price ul{margin-bottom: 4.8rem;}
	.order_payment_con .total_price ul li{gap: 1rem;margin: 2.4rem 0;}
	.order_payment_con .total_price ul li .name{font-size: 2.6rem;}
	.order_payment_con .total_price ul li .price{font-size: 2.8rem;}
	.order_payment_con .total_price .total{margin-bottom: 0;}
	.order_payment_con .total_price .total .name{font-size: 2.6rem;}
	.order_payment_con .total_price .total .price{font-size: 3.2rem;}
	.order_payment_con .total_price .total .price em{font-size: 4.4rem;}

	.order_payment_con .total_price .payment_btn{position: fixed;left: 0;bottom: 0;padding: 2rem 4.8rem;width: 100%;background-color: #000;z-index: 310;}
	.order_payment_con .total_price .payment_btn .btnBc{height: 8rem;}

}


 /* Mobile Device */
@media all and (max-width:640px){

	

}

 /* Mobile Device */
@media all and (max-width:420px){

	

}