@font-face {
  font-family: "GmarketSans";
  font-weight: 300;
  src: url('/theme/aurora/css/GmarketSansLight.woff2') format(woff);
}
@font-face {
  font-family: "GmarketSans";
  font-weight: 500;
  src: url('/theme/aurora/css/GmarketSansMedium.woff2') format(woff);
}
@font-face {
  font-family: "GmarketSans";
  font-weight: 800;
  src: url('/theme/aurora/css/GmarketSansBold.woff2') format(woff);
}

@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: local('Pretendard Variable'), url('/theme/aurora/css/PretendardVariable.woff2') format('woff2-variations');
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button, input, textarea{ font-family: 'GmarketSans', 'Montserrat', Malgun Gothic,'Malgun Gothic', sans-serif; margin:0;padding:0;border:0; line-height:150%; letter-spacing:normal;  word-break: keep-all;} /* delete vertical-align,font:inherit; */

body,html{width:100%; font-size:18px; color: #222; font-weight:400; font-family: 'Pretendard Variable', 'Montserrat', Malgun Gothic,'Malgun Gothic', sans-serif; word-break: keep-all;}
*{font-family: 'Pretendard Variable', 'Montserrat', Malgun Gothic,'Malgun Gothic', sans-serif; word-break: keep-all;}
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table {border-collapse:separate;border-spacing:0; font-size:1rem;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:0.9375rem;}
tbody,tfoot,thead,tr,th,td {margin:0;line-height:160%;letter-spacing:normal;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:inherit;}
a, a:hover{transition:all 0.7s cubic-bezier(0.215,0.61,0.355,1);}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
input:focus, textarea:focus, button:focus {outline:none;} 

 /* Chrome, Safari, Edge */
  .no-spinner::-webkit-outer-spin-button,
  .no-spinner::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  /* Firefox */
  .no-spinner {
    -moz-appearance: textfield;
  }
#wrap {
    width: 100%;
    min-width: 1400px;
    -webkit-transition: padding 0.4s;
    -o-transition: padding 0.4s;
    transition: padding 0.4s;
}

#hd_wrapper {padding:0 20px; background: url('/theme/aurora/img/main-top-bg.png') top center no-repeat;}
#ft {
    padding:60px 0 150px 0;
    color:#444;
    text-align: left;
}
#ft_wr {
    background: #F5F5F5;
    padding:40px 45px;
    border-radius: 20px;
    margin-bottom:30px;   
    width:100%;
}
#ft .info li {
    position: relative;
    margin-bottom:10px;
    padding-left:15px;
}
#ft .info li::before {
    content: '';
    position: absolute;
    background: #9f9f9f;
    width:4px;
    height:4px;
    border-radius: 4px;
    top:10px;
    margin-left:-10px;
}
#ft .ft-in {padding:50px 0; border-bottom:1px solid #ddd;}
.fine {background: #fff; padding:30px; border-radius: 10px; margin:30px 0; position: relative; overflow: hidden; border:1px solid #ddd;}
.fine img {width:100%; max-width: 1100px; margin:0 auto;}
.fine p {padding-top:30px; text-align: center; font-size:20px;  font-weight: 400; line-height: 1.3; color:#444;}

#ft .ft-in .info h6 {font-size:30px; color:#222; font-weight: bold; padding-bottom: 20px;}

.bt-link {padding-top:30px; padding-bottom:30px;}
.bt-link li {float:left; margin-right:20px;}
.ft_cnt {padding:30px 0;}

.ft-link {padding-top:10px; margin:10px 0 20px 0; border-top:1px solid rgba(255,255,255,0.1)}
.ft-link li {float:left; padding-right: 20px; color:#555;}
.ft-link li::before {display: none;}


.btn-bottom {position: fixed; bottom:0; padding: 40px 0 30px 0; background: #FF5500; width:100%;  z-index: 99;}
.btn-bottom a {font-family: 'GmarketSans'; font-size:50px; color:#fff; font-weight: 700;  text-align: center; display: block;}

.sub-logo {padding:20px 0; text-align: center}
.sub-logo img {width:150px;}
#container_title span {padding-top:20px; text-align: center;}

/********************
랜딩페이지
********************/

.sub-inner {max-width:1200px; margin:0 auto;}

.main {width: 100%; margin:0 auto;}
.main h1 {text-align: center; padding-bottom:30px;}
.main h1 img {height:180px;}

.main h2, .main h2 span {letter-spacing: -1.2pt; 
    font-family: 'GmarketSans';
    font-weight: 900; text-align: center}

.pc_none {display: none;}
    

.sec1 {
    background: linear-gradient(to bottom, #FF5500, #FFF8F4),  url('/theme/aurora/img/sec1_bg.jpg') top center repeat-x;
    background-size: contain;
    padding:50px 0 120px 0;
}
.sec1 .video {position:relative}
.sec1 h2 {font-size:75px; color:#FFCAAF; padding-bottom:60px; font-weight: 400; line-height: 1;}
.sec1 h2 span {font-size:100px; color:#fff; font-weight: 700;   text-shadow: 0 2px 0 rgba(141, 47, 0, 0.6); line-height: 1.2; padding-top:15px; display: inline-block}
.sec1 p {color:#000435; font-size:60px; text-align: center; padding-top:30px; line-height: 1;}
.sec1 p span {background: #000435; font-size:60px; font-weight: bold; padding:20px 20px 10px 20px; color:#FF5500; display: inline-block; line-height: 1;}



.char-left {position: absolute; z-index: 99; top:-50px; left:-140px;}
.char-right {position: absolute; z-index: 99; bottom:-50px; right:-180px;}

.floating {
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}


.floating2 {
  animation: float2 5s ease-in-out infinite;
}

@keyframes float2 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}


.floating3 {
  animation: float2 5s ease-in-out infinite;
}

@keyframes float3 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}

.floating4 {
  animation: float2 5s ease-in-out infinite;
}

@keyframes float4 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}

.floating5 {
  animation: float2 5s ease-in-out infinite;
}

@keyframes float5 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}


.sec2 {width: 100%; background: linear-gradient(to bottom, #FFF8F4, #FF5500); padding:100px 0 120px 0;}
.sec2 h2 {font-size: 60px; font-weight: 300; color:#483125; padding-bottom: 60px; line-height: 1.2}
.sec2 h2 span {font-weight: 700; line-height: 1}
.sec2 p {font-size: 60px; color:#fff; font-weight: 300; text-align: center; padding-top:60px;}
.sec2 p b {font-weight: 700}




.phone-swiper { width: 100%; padding: 0 0 0 0; overflow: visible; }
.swiper-container { position: relative; }




.swiper-slide {
    width: 400px; 
  display: flex;
  flex-direction: column;
  align-items: self-start;
  position: relative;
  border-radius: 50px;
  box-shadow: -1px 5px 15px #0000001f;
    
}

.swiper-slide img {width:100%; max-width: 400px;}

.swiper-slide .slide-content {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -45%);
  width: 90%;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content: '' !important;}


.swiper-button-prev {
  background: white;
  border-radius: 50%;
  top: 47%;
  margin-left: -25px;
  width: 60px;
  height: 50px;
}
.swiper-button-prev::after {
  font-size: 1.4rem;
  content: '';
}
.swiper-button-prev svg {
  width: 25px;
}

.swiper-button-next {
  background: white;
  border-radius: 50%;
  top: 47%;
  margin-right: -25px;
  width: 60px;
  height: 50px;
}
.swiper-button-next::after {
  font-size: 1.4rem;
  content: "";
}
.swiper-button-next svg {
  width: 25px;
}

.swiper-button-prev,
.swiper-button-next {
  display: none;
}



@media (max-width: 980px) {
    .swiper-button-prev, .swiper-button-next {
        display: flex;
    }
    .swiper-button-prev {margin-left: 0;}
    .swiper-button-next {margin-right: 0;}
}




.sec3 {background: #f5f5f5; padding:120px 0;}
.sec3 h2 {font-family: 'GmarketSans'; font-size:95px; color:#000435; font-weight: 300; padding-bottom:80px;}
.sec3 h2 b {font-family: 'GmarketSans'; font-weight: 700;}
.sec3 li {background: #fff; border-radius: 30px; padding: 80px 90px; display: flex; align-items: center; margin-bottom:30px;}
.sec3 li img { padding-right:75px;}
.sec3 li .info {width:calc(100% - 255px)}
.sec3 li .info h4 {font-size:40px; color:#FF5500; font-weight: bold; padding-bottom:20px;}
.sec3 li .info p {font-size:30px;}
.sec3 .sub-inner > p {text-align: center;}
.sec3 .sub-inner > h5 {text-align: center; font-family: 'GmarketSans'; font-size: 40px; padding:30px 10px 20px 10px; margin-top:30px; font-weight: 400; background: #ff5500; color:#fff;  border-radius: 20px;}
.sec3 .sub-inner > h5 b { font-family: 'GmarketSans'; font-weight: 700}

.fullscreen-swiper {
  width: 100%;
}

.fullscreen-swiper .swiper-slide {
  position: relative;
}

.fullscreen-swiper .swiper-slide img {
  width: 100%;
    max-width: 800px;
  object-fit: cover; /* ✅ 배경 이미지처럼 꽉 채우기 */
}

.swiper-pagination {

    display: block;
}
.swiper-pagination-bullet {width:10px; height:10px; background: #fff !important; opacity: .5;}
.swiper-pagination-bullet-active {width:40px !important; border-radius: 5px !important; height:10px; background: #fff; opacity: 1;}



.sec4 {background:#000435; padding:180px 0;}
.sec4 h2 {color:#fff; font-size:100px; display: flex; align-items:center; padding-top:0; justify-content: center;
  background: linear-gradient(180deg, #fff, #9FA6F5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sec4 h2 img {margin-top: -30px;}
.sec4 h3 {color:#fff; font-weight: 400; font-size:30px; padding-bottom:80px; text-align: center;}




.sec5 {background: #FF5500; padding:160px 0;}
.sec5 h2 { display: flex; align-items: center; justify-content: center;}
.sec5 h2 span{font-family: 'GmarketSans'; color:#fff; font-size:100px; padding-bottom:70px;}
.sec5 h2 b {font-family: 'GmarketSans'; color:#080808;}
.sec5 h2 img {margin-top:-80px; margin-right:20px;}
.sec5 .img {text-align: center;}
.sec5 .img img {width:100%; max-width: 1020px; margin:0 auto;}
.sec5 .btn_ch {display: block; max-width: 680px; width:100%; margin:80px auto 0 auto;} 
.sec5 .btn_ch a { font-family: 'GmarketSans'; display: block; justify-content: center; align-items: center; background: #FAE100; padding:30px 150px; border-radius: 100px; box-shadow:0 20px 30px rgba(255, 230, 0, 0.3); color:#381e1e; font-size:45px; }
.sec5 .btn_ch a:hover {box-shadow: none}


.sec6 {padding:110px 0;}
.h2-wrapper {
  display: flex;
  justify-content: center;
}
.sec6 h2 { color:#222; font-size:70px; margin-bottom:40px; text-align: center; position: relative; display: flex; align-items: center; z-index: 1; padding-top:20px;}
.sec6 h2 img {margin-top:-20px; padding:0 10px;}
.sec6 h2 b { color: #FF5500;}
.sec6 h2::after { content: '';
  position: absolute;
  left: 0;
  bottom: 20px; /* h2의 아래쪽에 위치 */
  width: 100%;
  height: 40px;
  background: #FFE6DA;
  z-index: -1;}
.sec6 .sub-inner {max-width:768px;}


/*결제페이지*/

.join-form {
    position: relative;
    width:100%;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    margin:0 auto 20px auto;
}
.join-form  h4 {
    font-family: 'GmarketSans';
    font-weight: 900;
    text-align: center;
    font-size: 22px;
    color:#222;
    margin-bottom:20px;
}
.join-form .phone-input {
    border:1px solid #ddd;
    border-radius: 5px;
    margin:5px 0;
    display: flex;
    overflow: hidden
}
.join-form .phone-input select{
    border:0;
}
.join-form .phone-input input[type="text"] {
    padding:5px 15px;
    width: 100%;
}
.join-form input[type="checkbox"] {
	width:20px;
	height:20px;
	border:1px solid #ddd;
	border-radius:5px;
	appearance:none;
	-webkit-appearance:none;
	cursor:pointer;
	position:absolute;
	margin-left:-30px;
}
.join-form input[type="checkbox"]:checked {
	background-color:#FF5500;
	border-color: #FF5500;
}
.join-form input[type="checkbox"]:checked::after {
	content:'';
	/* Unicode checkmark */
	color:#fff;
	background:url('../img/ico-check-s.svg') center center no-repeat;
	background-size:contain;
	width:12px;
	height:10px;
	font-size:16px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	font-family:'Noto Sans KR';
}
.join-form .agree {
	margin:20px 0;
	position:relative;
	overflow:hidden;
	display:flex;
}
.join-form .agree li {
    display: flex
}

.join-form .agree label {
	margin-bottom:5px;
	font-size:14px;
	left:20px;
	text-align:left;
	display:flex;
	align-items:top;
	gap:10px;
	padding-left:30px;
    width:180px;
}
.join-form .agree a {font-size:14px; color:#888}

.join-form .all-agree label {
	font-size:18px;
	font-weight:bold;
	margin-right:40px;
}
.join-form .all-agree input[type="checkbox"] {margin-top:5px;}



.join-form li:first-child label {
    font-size: 16px;
    font-weight: bold;
}
.join-form li label {
    margin-bottom: 5px;
    font-size: 14px;
    left:20px;
    text-align: left;
    display: flex;
    align-items: top;
    gap: 10px;
    padding-left:30px;
}
.join-form a.btn-join {
    clear: both;
    display: block;
    background: #FF5500;
    color:#fff;
    border-radius: 5px;
    padding:25px;
    margin-top:30px;
    margin-bottom:20px;
    text-align: center;
    font-size:35px;
    font-weight: bold;
    border-radius: 10px;
}

.join-form .info {
    color:#888; font-size:12px;
}


.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 비율 */
  height: 0;
  overflow: hidden;
    margin-bottom: 50px;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.subscription-options {
	display:flex;
	flex-direction:column;
	gap:16px;
	width:100%;
	max-width:768px;
	margin:0 auto;
}
.subscription-options input[type="radio"] {
	display:none;
}
.option-box {
	position:relative;
	border:2px solid #ccc;
	border-radius:12px;
	padding:30px;
	cursor:pointer;
	font-family:sans-serif;
	background-color:#fff;
	transition:border-color 0.3s,background-color 0.3s;
}
.label-title {
	font-weight:bold;
	font-size:30px;
	display:flex;
	justify-content:space-between;
	text-align:right;
	align-items:center;
	padding-left:30px;
	height:60px;
}
.label-title > span {
	font-weight:bold;
	font-size:30px;
}
.option-box .price {
	color:#222;
    font-size:35px;
	line-height: 0;
}
.original-price {
	text-decoration:line-through;
	color:#aaa;
	font-size:14px;
	margin-left:8px;
}

.original-price2 {
	color:#aaa;
	font-size:24px;
	margin-left:8px;
    text-decoration: line-through;
    font-weight: 300
}
.original-price3 {
	color:#aaa;
	font-size:12px;
}
.discount {
	background-color:rgba(255,85,0,0.2);
	color:#FF5500;
	font-size:18px;
	padding:2px 6px;
	border-radius:4px;
	margin:0 6px;
}
.best-badge {
	position:absolute;
	top:-10px;
	left:-10px;
	background-color:#FF5500;
	color:white;
	font-size:14px;
	padding:4px 8px 2px 8px;
	border-radius:8px;
}
.check-icon-wrapper {
	position:absolute;
	top:30px;
	left:16px;
	width:24px;
	height:24px;
}
.check-icon-wrapper img {
	position:absolute;
	width:24px;
	height:24px;
    top:15px;
    left:10px;
	transition: opacity 0.2s ease;
}
/* 기본은 회색 아이콘 보이기 */
.check-icon-wrapper .icon-colored {
	opacity:0;
}
.subscription-options input[type="radio"]+label {
	color: #666;
}
/* 선택 시 스타일 */
.subscription-options input[type="radio"]:checked+label {
	border-color:#FF5500;
	background-color:#FFF1EA;
	color:#000;
}
.subscription-options input[type="radio"]:checked+label .check-icon-wrapper .icon-colored {
	opacity:1;
}
.subscription-options input[type="radio"]:checked+label .check-icon-wrapper .icon-gray {
	opacity: 0;
}
/* Popup and dim background styles */
#dim {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	display:none;
	justify-content:center;
	align-items:center;
	z-index:999;
}
#popup {
	background:white;
	padding:20px;
	border-radius:10px;
	text-align:center;
	box-shadow:0 4px 10px rgba(0,0,0,0.3);
	max-width:500px;
	position:relative;
}
#popup a {
	display:inline-block;
	margin-top:10px;
	padding:10px 20px;
	background-color:#ccc;
	color:white;
	text-decoration:none;
	border-radius:5px;
}
#popup a.btn-subscrive {
	display:inline-block;
	margin:10px auto 30px auto;
	padding:10px 20px;
	background-color:#F40431;
	color:white;
	width:100%;
	font-size:20px;
	text-decoration:none;
	border-radius:10px;
}
#popup .info-txt p {
	font-weight:300;
	text-align:left;
}
#popup h3 {font-size:24px; padding-bottom:20px;}
#popup .info-txt p.month-price {
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
#popup a.btn-confirm {
	background-color:#222
}
#popup a:hover {
	opacity:.8
}

.radio-group {display: flex; gap: 30px; align-items: center; margin-bottom:20px;}
.radio-option { display: flex; align-items: center; cursor: pointer; font-size: 20px; font-weight: 600; }
.radio-option input {display: none;}
.check-icon { width: 28px; height: 28px; border-radius: 50%; background-color: #ccc; display: inline-flex; justify-content: center;
align-items: center; margin-right: 8px; transition: background-color 0.3s; }
.check-icon svg { width: 14px; height: 14px; fill: white; }
.radio-group input:checked + .check-icon { background-color: #FF5500;}
.radio-group input:checked ~ .label-text { color: #111; font-weight: bold;}
.radio-group input:not(:checked) ~ .label-text { color: #999;}

.card-img {width:100%; position: relative;}
.card-img ul{ margin-bottom:10px; clear:both; position: relative; overflow: hidden;}
.card-img li {border:1px solid #e5e5e5; margin-right:3px; float:left; padding:2px 5px; border-radius: 3px;}
.card-img li img {height: 20px;}
.card-input input {border:0; border-radius: 5px; font-size:15px; margin-bottom:5px;  line-height: 40px;}
.card-input .no-spinner4 { font-size:15px; margin-bottom:5px; margin-right:5px;}
.card-input .no-spinner2 { font-size:15px; margin-bottom:5px; margin-right:5px;}

.card-pay {background: #FFCAAF; width:100%;  color:#222; font-weight: 500; padding:10px 20px; margin:10px 0; text-align: left; font-size:15px;}
.card-pay span {font-weight: 300; font-size:13px;}


.input-box {display: flex; align-content: center; border:1px solid #e5e5e5; border-radius: 5px; padding:5px 10px; width:100%; margin-bottom:5px; line-height: 40px;}
.input-box .in {display: flex; align-content: center;  width:calc(100% - 90px); color:#888; line-height: 40px;}
.input-box .in input {width:25%;}
.input-box label { font-size:13px; line-height: 40px; width:60px; margin-right:20px;}
.input-box label strong {color:#FF6262}


#apply_btn {position:fixed;bottom:20px;right:20px;width:90px;height:90px;text-align:center; z-index:90;}
#apply_btn img {width:100%;}
#apply_btn:hover {}

.fix-btn {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60px;
  z-index: 99;
  background: #fae100;
  text-align: center;
  transition: bottom 0.3s ease; /* 슬라이드 효과 추가 */
}

.fix-btn.hide {
  bottom: -60px; /* 화면 밖으로 내리기 */
}
.fix-btn a {display: block; font-family: "GmarketSans"; font-weight: bold; color:#060700; font-size: 28px; padding:14px 0;}

@media all and (max-width:640px){
    #popup {height: 100vh; overflow-y: scroll; padding-bottom:90px;}
    #popup .popup-footer {position: fixed; bottom:0; background: #fff; width:100%; padding:10px 0;}
    .join-form li:first-child label {font-size:14px;}
    .join-form li label {font-size:12px;}
    .join-form a.btn-join {font-size:25px;}
    .option-box .price p {font-size:20px;}
}

/*******************************************************************************
    @media 768px
*******************************************************************************/
@media all and (max-width:980px){

    #wrap {
        width:100%;
        max-width: 100%;
        min-width: 320px;
        overflow:hidden;
    }
    #ft_wr {
        padding:20px;
    }
    #ft {
        width:100%;
        max-width: 100%;
    }
    #ft li, #ft_link {font-size:14px;}
    
    #logo {
        float:inherit;
        text-align: center;
        
    }
    #logo img {
        height:30px;
    }
    .fix-btn {height:55px;}
    .fix-btn a {font-size:22px;}

    #ft_wr {
    padding:0;
    }

    #ft .ft-in {padding:20px 0;}
   .fine { padding:20px; }
    .fine p { font-size:15px; }
    .info h6 {font-size:20px;}
    .ft_cnt {font-size:14px; padding-top:10px;}

 
    
    
    
    /********************
    랜딩페이지
    ********************/   
    
    
    .main {
        min-width:100%;
        width:100%;
    }
    .sub-inner {
        width:100%;
        padding:0 20px;
    }
    .main h1 {padding-bottom:20px;}
    .main h1 img {height:130px;}
    .btn-bottom {padding:15px 0;}
    .btn-bottom a {font-size: 22px;}
    .btn-bottom a img {width:30px;}
    
    .pc_none {display: block}
    
/*    .sec1 {background-size: contain; padding:30px 0 80px 0; background: url('/theme/aurora/img/sec1_bg_m.jpg') top center repeat-x; linear-gradient(to bottom, #FFF8F4, #FF5500); padding:100px 0 120px 0;} */
    .sec1 {background-size: contain; background: linear-gradient(to bottom, #FF5500, #FFF8F4), url('/theme/aurora/img/sec1_bg_m.jpg') top center repeat-x;  padding: 30px 0 80px 0;}
    .sec1 h2 {font-size:40px;padding-bottom:30px;line-height: 1.2;}
    .sec1 h2 span {font-size:50px; line-height: 1.2;}
    .sec1 p {font-size:22px; padding-top:60px;}
    .sec1 p span {font-size:35px; margin-top:10px; line-height: 1.2; padding:10px 20px 5px 20px;}

    .char-left img {width:40%;}
    .char-right img {width:30%;}
    .char-left {position: absolute; z-index: 99; top:-30px; left:-35px;}
    .char-right {position: absolute; z-index: 99; bottom:-100px; transform: translateX(-50%);}
    
    .video-container {z-index: 1}
    .video::before {content: ''; position: absolute; width:170px; height:230px; background: url('/theme/aurora/img/img_money1.png') top center no-repeat; background-size: cover; left:-50px; top:40px;}
    .video::after {content: ''; position: absolute; width:100px; height:120px; background: url('/theme/aurora/img/img_money2.png') top center no-repeat; background-size: cover; right:-50px; top:150px; float:right; z-index: 0}
    
    

    .sec2 {padding:80px 0;}
    .sec2 h2 {font-size: 30px; padding-bottom: 40px;line-height: 1.2}
    .sec2 h2 span {font-size: 35px; line-height: 1.2}
    .sec2 p {font-size: 30px; padding-top:50px; line-height: 1.3}
    .sec2 p span {font-size:35px; line-height: 1.3}


    .sec3 {padding:80px 0;}
    .sec3 h2 {font-size:55px;  padding-bottom:40px;}
    .sec3 h2 img {width:160px;}
    
    .sec3 li {padding:20px; display: block; margin-bottom:20px;}
    .sec3 li img {width:50%; max-width:100px; margin:0 auto 20px auto; text-align: center; padding-right: 0; display: flex; justify-content: center}
    .sec3 li .info {width:calc(100%); }
    .sec3 li .info h4 {font-size:1.4rem; padding-bottom:10px;}
    .sec3 li .info p {font-size:1rem;}
    
    .sec3 .sub-inner > h5 {font-size: 24px; padding:30px 10px 20px 10px; }
    .sec3 .sub-inner p img {width:100px;}
    
    .sec4 {padding:80px 0;}
    .sec4 h2 {font-size:55px;}
    .sec4 h2 img {margin-top: -25px; width:90px;}
    .sec4 h3 {font-size:20px; padding-bottom:40px;}




    .sec5 {padding:80px 0;}
    .sec5 h2{ padding-bottom:40px; align-items: center}
    .sec5 h2 span {font-size:54px; letter-spacing: -2pt; text-align: left; line-height: 1.2; padding-bottom:0;}
    .sec5 h2 span b {display: block;}
    .sec5 h2 img {margin-top:-20px;  width:120px;}

    .sec5 .btn_ch { margin:40px auto 0 auto;} 
    .sec5 .btn_ch a { padding:20px 10px; border-radius: 50px;  font-size:25px;  text-align: center}
    .sec5 .btn_ch a img {width:40px;}

    .sec6 {padding:80px 0 60px 0;}
    .sec6 h2 { font-size:38px; margin-bottom:40px;}
    .sec6 h2::after {height:20px; bottom:10px;}
    .sec6 h2 img {width:60px; margin-top:-10px;}

    
    .option-box {padding:20px;}
    .label-title {font-size:20px;}
    .label-title > span {font-size:20px; text-align: left;}
    .join-form .agree label {width:auto;}
    .original-price2 {font-size:18px;}
    .check-icon-wrapper img {top:8px; left:0;}
    .other-agree a {padding-left:10px;}
    .discount {font-size:15px;}
   
    
    #apply_btn {position:fixed;bottom:10px;right:10px;width:70px;height:70px;text-align:center; z-index:90;}
    #apply_btn img {width:100%;}

}

@media all and (max-width:580px){
    .sec1 h2 {font-size:25px;}
    .sec1 h2 span {font-size:35px;}
    
    .char-right {transform: translateX(-43%);}
    
     .sec3 h2 {font-size:45px; }
    .sec4 h2 {font-size:45px;}
     .sec5 h2 img {margin-top:-20px;  width:120px;}
    .sec5 h2 span {font-size: 45px;}
}