@charset "UTF-8";

@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-3Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-9Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	height: 100%;
	font-size: 62.5%;
}
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #333;
	background: #fff;
	font-size: 13px;   /* ie */
	font-size: 1.3rem; /* 13px */
	-webkit-text-size-adjus: none;
	letter-spacing: -.13px;
	font-family:'Pretendard', Malgun Gothic, "맑은 고딕", AppleGothic, '돋움', Dotum, sans-serif;
}
footer {
	background: #150E05;
}
dl, dt, dd {
	margin: 0;
	padding: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}
button {
	border: 0;
	background: transparent;
	cursor: pointer;
	font-family:'Pretendard', sans-serif, 'Noto Sans KR', Malgun Gothic, "맑은 고딕", AppleGothic, '돋움', Dotum, sans-serif;
}
img {
	border: 0;
	outline: none;
	vertical-align: middle;
	max-width: 100%;
}
a {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}
address, em {
	font-style: normal;
}
b, strong {
	font-weight: 700;
}
caption, legend {
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	left: -3000px;
	text-indent: -10000px;
}

/* 섹션 스크롤 */
[class^="section"]{
	scroll-margin-top: 80px;
}

.wrapper{
	overflow: hidden;
	width: 100%;
}
.inner{
	position: relative;
    max-width: 1400px;
    margin: 0 auto;
	letter-spacing: -0.2px;
	text-align: center;
}
.header{
	position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1000;
	background:transparent;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s;
}
.wrapper .header-wrap{
	height: 80px;
	max-width: 1400px;
	display: inline;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
    padding: 18px 0 19px;
	margin: 0 auto;
}

.header .header-wrap .header-logo{
	background: url(../images/logo01.svg) no-repeat;
	width: 145px;
	height: 23px;
	background-size: 100%;
}
.wrapper .header .gnb-area a{
	padding: 0 33px;
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-ms-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s;
}
.wrapper .header-wrap .util a{
	border: 1px solid rgba(255, 255, 255, 0.3);
	font-size: 17px;
	padding: 10px 24px;
	border-radius: 100px;
	font-weight: 700;
	-webkit-transition: border, background .3s ease;
	-moz-transition: border, background .3s ease;
	-ms-transition: border, background .3s ease;
	-o-transition: border, background .3s ease;
	transition: border, background .3s;
}

/* 스크롤 fixed 클래스 추가 */
.header.fixed .header-wrap .header-logo{
	background: #241B10;
	-webkit-mask: url(../images/logo01.svg);
	mask: url(../images/logo01.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: 145px 23px;
	mask-size: 145px 23px;
}
@media only screen and (max-width: 768px) {
	.header.fixed .header-wrap .header-logo{
		-webkit-mask-size: 100% auto;
		mask-size: 100% auto;
	}
}
.header.fixed{
	background: #fff;
	box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 4%);
}
.header.fixed .gnb-area a{
	color: #241B10;
}
.wrapper .header.fixed .header-wrap .util a{
	border-color: #E8802A;
	background: #E8802A;
}

.wrapper .header h1{
	font-size: 19px;
	font-weight: 600;
}
.wrapper .header .gnb-area{
	font-size: 18px;
    font-weight: 700;
}
.tit-wrap .txt p{
	font-size: 17px;
	font-weight: 300;
	color: #33281A;
	line-height: 1.589;
}
.txt-label{
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
	margin-bottom: 22px;
	color: #C4661A;
}
.txt-label span{
	width:24px;
    height:1px;
    background:#C4661A;
}
.txt-label strong{
	margin:0;
    font-size:12px;
    font-weight:800;
	letter-spacing:6px;
    line-height:1;
    text-transform:uppercase;
}
.txt .txt-lg h2{
	font-size: 54px;
	line-height: 1.2595;
	font-family: 'A2z';
	font-weight: 600;
	color: #241B10;
}
.section2 .inner,
.section3 .inner,
.section4 .inner, 
.section5 .inner,
.section6 .inner,
.section7 .inner,
.section8 .inner
{
	padding:120px 0 140px;
}
.section3 .tit-wrap,
.section4 .tit-wrap,
.section5 .tit-wrap,
.section6 .tit-wrap,
.section7 .tit-wrap,
.section8 .tit-wrap{
	padding-bottom: 50px;
}
.section4 .tit-wrap .txt .txt-lg, 
.section5 .tit-wrap .txt .txt-lg,
.section6 .tit-wrap .txt .txt-lg,
.section7 .tit-wrap .txt .txt-lg,
.section8 .tit-wrap .txt .txt-lg{
	margin-bottom: 15px;
}
.section1{
	background: url(../images/img01.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	height: 1080px;
	color: #fff;
	position: relative;
}
.section1 .txt-wrap{
	padding-top: 300px;
	line-height: normal;
	color: #fff;
}
.section1 .txt-wrap .sub{
    font-size:20px;
    font-weight:300;
    line-height:1;
}
.section1 .txt-wrap .tit{
    margin:20px 0 32px;
    letter-spacing:-0.04em;
	font-family: 'A2z';
    color:#fff;
}
.section1 .txt-wrap .tit p{
	font-size: 86px;
	font-weight: 700;
}
.section1 .txt-wrap .tit span{
	font-weight: 800;
}
.section1 .txt-wrap .tit strong{
    color:#F88525;
    font-weight:800;
}
.section1 .txt-wrap .tit div{
	font-size: 96px;
	line-height: 1.3022;
}
.section1 .txt-wrap .info{
	display: flex;
    align-items: center;
    justify-content: center;
	font-family: 'A2z';
	padding-bottom: 56px;
}
.section1 .txt-wrap .info p{
    position:relative;
    font-size:18px;
    font-weight:200;
    line-height:1.4;
    color:#fff;
}
.section1 .txt-wrap .info p strong{
    margin-left: 10px;
    font-size: 22px;
    font-weight: 500;
}
.section1 .txt-wrap .info p:first-child{
	padding-right: 20px;
    margin-right: 20px;
}
.section1 .txt-wrap .info p:first-child::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 24px;
    background: rgba(255, 255, 255, .4);
}
.section1 .txt-wrap .btn a{
	display: inline-block;
	border-radius: 100px;
    background: #E8802A;
	font-size: 24px;
	font-weight: 700;
	padding: 19px 82px 19px 53px;
	box-shadow: 0 0 40px 4px rgba(232, 128, 42, 0.6);
}
.section1 .txt-wrap .btn a::after{
	content: '';
	position: absolute;
	background: url(../images/ico01.svg) no-repeat;
	width: 18px;
	height: 20px;
	margin: 5px 0 0 17px;
	background-size: 100%
}
.section1 .txt-wrap .txt-lg p{
	font-size: 58px;
	font-weight: 600;
	line-height: 1.2;
}
.section1 .box{
	background: linear-gradient(180deg, #E8802A 0%, #D9701C 100%);
	height: 98px;
	padding: 35px;
    text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
	display: flex;
    flex-direction: row;
    align-items: center;
	justify-content: center;
	font-size: 24px;
	line-height: normal;
}
.section1 .box .txt01,
.section1 .box .txt02,
.section1 .box .txt03{
	margin: 0 52px;
	position: relative;
	font-family: 'A2z';
	font-weight: 600;
}
.section1 .box .txt02::before,
.section1 .box .txt03::before
{
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	background: #F4CAA8;
	border-radius: 100px;
    top: 13px;
    left: -50px;
}
.section1 .box span{
	font-size: 14px;
	color: #FAEADE;
	font-weight: 600;
}
.section2{
	background: #fff;
}
.section2 .txt-wrap .txt .txt-lg h2{
	font-size: 42px;
	line-height: 1.524;
}
.section2 .txt-wrap .txt .txt-lg h2 span{
	color: #E8802A;
	position:relative;
    display:inline-block;
    z-index:1;
}
.section2 .txt-wrap .txt .txt-lg h2 span::after{
	content: "";
    position: absolute;
    left: -1px;
    bottom: 5px;   
    width: 260px;
    height: 20px;    
    background: #FAE3D0;
    z-index: -1;
}
.section2 .txt-wrap .txt .txt-m h3{
	font-family: 'A2z';
	font-weight: 600;
	font-size: 36px;
	line-height: 1.6115;
}
.section2 .txt-wrap .txt .txt-m h3 span{
	color: #E8802A;
}
.section2 .txt-wrap .txt-label{
	margin-bottom: 60px;
}
.section2 .txt-wrap .txt p{
	font-size: 21px;
	line-height: 1.8577;
	color: #33281A;
	margin: 40px 0 28px;
	font-weight: 500;
}
.section3{
	background: linear-gradient(180deg, #FBF6EC 0%, #F7EFDE 100%);
}
.section3 .cont{
	display: flex;
	flex-direction: row;
}
.section3 .cont .img{
	background: url(../images/img02.png) no-repeat;
	background-size: 100%;
	width: 600px;
	height: 480px;
}
.section3 .cont .txt-area{
	text-align: left;
	padding-left: 60px;
}
.section3 .cont .txt-area p{
	font-size: 24px;
	font-weight: 600;
	color: #241B10;
	padding-bottom: 10px;
	line-height: normal;
}
.section3 .cont .txt-area p em{
	color: #C4661A;
}
.section3 .cont .txt-area span{
	font-size: 17px;
	color: #5A4A34;
	line-height: 1.8;
}
.section3 .cont .txt-area span b{
	font-weight: bold;
	color: #33281A;
}
.section3 .cont .txt-area .txt01{
	padding-bottom: 40px;
}
.section3 .cont .txt-area .txt02{
	padding: 40px 0 60px;
	border-top: 1px solid #E4D8C4;
}
.section3 .cont .txt-area .txt02 span{
	display: block;
}
.section3 .cont .txt-area .box{
	background: #4E3A23;
	border-radius: 20px;
	padding: 45px 38px;
}
.section3 .cont .txt-area .box h3{
	font-size: 24px;
	color: #F5EAD8;
	line-height: 1.4588;
	font-family: 'A2z';
	font-weight: 700;
	letter-spacing: -0.5px;
}
.section3 .cont .txt-area .box h3 span{
	color: #F6A54C;
	padding: 0;
	font-size: 24px;
}
.section4{
	background: #fff;
	text-align: center;
}
.section4 .cont ul li{
	border: 1px solid #E4D8C4;
	border-radius: 22px;
	display: flex;
	flex-direction: column;
}
.section4 .cont ul .box1 .img,
.section4 .cont ul .box2 .img,
.section4 .cont ul .box3 .img,
.section4 .cont ul .box4 .img,
.section4 .cont ul .box5 .img,
.section4 .cont ul .box6 .img{
	width: 400px;
	height: 280px;
}
.section4 .cont ul{
	display: flex;
    flex-direction: row;
    gap: 30px;
	justify-content: center;
}
.section4 .cont .ul2{
	padding-top: 30px;
}
.section4 .cont ul .box1 .img{
	background: url(../images/img03.png) no-repeat;
	background-size: 100%;
}
.section4 .cont ul .box2 .img{
	background: url(../images/img04.png) no-repeat;
	background-size: 100%;
}
.section4 .cont ul .box3 .img{
	background: url(../images/img05.png) no-repeat;
	background-size: 100%;
}
.section4 .cont ul .box4 .img{
	background: url(../images/img06.png) no-repeat;
	background-size: 100%;
}
.section4 .cont ul .box5 .img{
	background: url(../images/img07.png) no-repeat;
	background-size: 100%;
}
.section4 .cont ul .box6 .img{
	background: url(../images/img08.png) no-repeat;
	background-size: 100%;
}
.section4 .cont ul li .txt{
	text-align: left;
	padding: 30px 30px 36px 30px;
}
.section4 .cont ul li .txt em{
	font-size: 12px;
	font-weight: 700;
	color: #C4661A;
}
.section4 .cont ul li .txt p{
	font-size: 22px;
	font-weight: 700;
	color: #241B10;
	margin: 12px 0;
	line-height: normal;
}
.section4 .cont ul li .txt span{
	font-size: 15px;
	font-weight: 300;
	color: #33281A;
	line-height: 1.5;
	display: block;
}
.section4 .box{
	background: #241B10;
	width: 1260px;
	margin: 0 auto;
	padding: 30px 158px 36px 120px;
	margin-top: 50px;
	border-radius: 14px;
	display: flex;
	justify-content: space-between;
	line-height: normal;
}
.section4 .box .txt-area span{
	color: #fff;
	font-size: 27px;
	font-weight: 600;
	font-family: 'A2z';
}
.section4 .box .txt-area p{
	font-size: 15px;
	color: #B49B76;
	text-align: left;
	margin-top: 9px;
}
.section4 .box .btn-area a{
	background: #E8802A;
	color: #fff;
	display: inline-block;
	border-radius: 100px;
	font-size: 16px;
	font-weight: 700;
	padding: 14px 49px 15px 32px;
	margin-top: 5px;
}
.section4 .box .btn-area a::after{
	content: '';
	position: absolute;
	background: url(../images/ico02.svg) no-repeat;
	width: 16px;
	height: 16px;
	margin: 2px 0 0 7px;
	background-size: 100%;
}
.section5{
	background: #1C1408;
}
.section5 .tit-wrap .txt-label{
	color: #E9A24B;
}
.section5 .tit-wrap .txt .txt-lg h2{
	color: #fff;
}
.section5 .txt-label span{
	color: #E9A24B;
}
.section5 .tit-wrap .txt p{
	color: #DDC9A8;
}
.section5 .video-area{
	height: 787px;
	border-radius: 14px;
	background-position: center center;
	position: relative;
	overflow: hidden;
}
.section5 .video-area iframe{
	width: 100%;
	height: 100%;
}

.section5 .video-area .label{
	background: url(../images/label.png) no-repeat;
	background-size: cover;
	width: 252px;
	height: 62px;
	position: absolute;
	top: 0;
	right: 0;
}
.section6{
	background: linear-gradient(180deg, #FBF6EC 0%, #F4EADA 100%);
}
.section6 .tit-wrap .txt-label strong{
    color:#C4661A;
}
.section6 .cont .box ul{
	font-size: 0;
	display: inline-block;
}
.section6 .cont .box .row2{
	margin-left: 28px;
}
.section6 .cont .box ul li{
	background: #fff;
	padding: 35px 0 55px 38px;
	width: 326px;
	border-radius: 20px;
	text-align: left;
	line-height: normal;
	display: inline-block;
	position: relative;
	border: 1px solid #E4D8C4;
}
.section6 .cont .box ul li strong{
	font-size: 18px;
	font-weight: 800;
	color: #E8802A;
}
.section6 .cont .box ul li span{
	font-size: 22px;
	font-weight: 700;
	color: #241B10;
	margin: 25px 0 12px;
	display: block;
}
.section6 .cont .box ul li p{
	font-size: 15px;
	font-weight: 300;
	color: #7A6A52;
	display: block;
	line-height: 1.667;
}
.section6 .cont .box ul li+li{
	margin-left: 32px;
}
.section6 .row2 li:last-child::after{
    display:none;
}
.section6 li::after{
    content: "";
    position: absolute;
    top: 46%;
    right: -23px;
    width: 10px;
    height: 18px;
    background: #D7C0A2;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.section7{
	background: linear-gradient(180deg, #F7F1E7 0%, #F4EADA 100%);
}
.section7 .tit-wrap .txt-label{
	background: #F9EAD8;
	padding: 10px 22px 10px 39px;
	width: 296px;
    margin: 0 auto;
	border-radius: 100px;
	margin-bottom: 22px;
}
.section7 .tit-wrap .txt-label p{
	font-size: 13px;
    font-weight: 700;
    color: #C4661A;
    letter-spacing: 2px;
    line-height: normal;
	position: relative;
}
.section7 .tit-wrap .txt-label p::before{
	content:"";
	position: absolute;
    width: 12px;
    height: 12px;
    background: url("../images/ico03.svg") no-repeat center;
    background-size: 100%;
	left: -22px;
    top: 2px;
}
.section7 .tit-wrap .txt .txt-lg h2 span{
	color: #E8802A;
}
.section7 .tit-wrap .txt p em{
	font-weight: 500;
}
.section7 .cont{
	text-align: left;
}
.section7 .cont .box-wrap{
	display: flex;
    max-width: 1260px;
    margin: 0 auto;
    gap: 30px;
    justify-content: center;
}
.section7 .cont .box-wrap .box{
	width: 400px;
}
.section7 .box .benefit_item{
    overflow:hidden;
    background:#fff;
    border:1px solid #E4D8C4;
    border-radius:20px;
	box-shadow: 0 8px 24px 0 rgba(120, 80, 30, 0.08);
}
.section7 .box3 .benefit_item{
	background: linear-gradient(165deg, #2E1F0E 0%, #1C1408 100%);
}
.section7 .box .benefit_img{
	position:relative;
	height: 245px;
}
.section7 .box1 .benefit_img{
	background: url(../images/img10.png) no-repeat;
	background-size: cover;
	background-position: center center;
}
.section7 .box2 .benefit_img{
	background: url(../images/img11.png) no-repeat;
	background-size: cover;
	background-position: center center;
}
.section7 .box3 .benefit_img{
	background: url(../images/img12.png) no-repeat;
	background-size: cover;
	background-position: center center;
}
.section7 .box .step{
    position:absolute;
    top:20px;
    left:20px;
    gap:12px;
    padding: 10px 15px 11px 31px;
    background:#fff;
    border-radius:999px;
    font-size:13px;
    font-weight:700;
    color:#241B10;
	line-height: normal;
}
.section7 .box3 .step{
	background:rgba(28, 20, 8, 0.72);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	color: #E9A24B;
}
.section7 .box .step::before{
	width: 13px;
	height: 13px;
	position: absolute;
    left: 13px;
}
.section7 .box1 .step::before{
	content: '';
	background: url(../images/ico04.svg) no-repeat;
	background-size: 100%;
}
.section7 .box2 .step::before{
	content: '';
	background: url(../images/ico05.svg) no-repeat;
	background-size: 100%;
}
.section7 .box3 .step::before{
	content: '';
	background: url(../images/ico06.svg) no-repeat;
	background-size: 100%;
}
.section7 .box .benefit_cont{
    padding:25px 30px 50px 35px;
	line-height: normal;
	height: 755px;
}
.section7 .box2 .benefit_price strong{
    font-size:58px;
	font-family: 'A2z';
    font-weight:700;
    line-height:1;
    color:#EE8225;
}
.section7 .box2 .benefit_price span{
    margin-left:4px;
    font-size:24px;
	font-family: 'A2z';
    font-weight:700;
    color:#241B10;
}
.section7 .box .benefit_sub{
	margin: 11px 0 25px;
    font-size:14px;
    font-weight:600;
}
.section7 .box3 .benefit_sub{
	color:#E9A24B;
}
.section7 .box2 .benefit_sub{
    color:#C4661A;
}
.section7 .box2 .benefit_cont h3{
    margin-bottom:44px;
    font-size:14px;
    font-weight:700;
    line-height:1.786;
	font-family: 'A2z';
    color:#241B10;
}
.section7 .box3 .benefit_cont .bonus_box{
	background: linear-gradient(60deg, #F5C97E24 0%, #C4661A1A 100%);
	border: 1px solid #F5C97E6B;
	border-radius: 14px;
	padding: 20px 22px 27px 22px;
	margin: -5px 0 24px;
}
.section7 .box3 .benefit_cont .bonus_box .bonus_label{
	background: linear-gradient(80deg, #F5C97E 0%, #E9A24B 100%);
	padding: 6px 14px 6px 28px;
	border-radius: 100px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	position: relative;
}
.section7 .box3 .benefit_cont .bonus_box .bonus_label::before{
	content: '';
	background: url(../images/ico20.svg) no-repeat;
	background-size: 100%;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 12px;
    top: 7px;
}
.section7 .box3 .benefit_cont .bonus_box .bonus_price em{
	font-size: 14px;
	color: #E9A24B;
	font-weight: 700;
}
.section7 .box3 .benefit_cont .bonus_box .bonus_price strong{
	font-size: 41px;
	font-family: 'A2z';
	font-weight: 700;
	background: linear-gradient(50deg, #F5C97E 0%, #E9A24B 60%, #C4661A 100%);
	-webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}
.section7 .box3 .benefit_cont .bonus_box .bonus_price .lg{
	color: #F7ECD8;
	font-size: 18px;
	font-family: 'A2z';
	font-weight: 700;
}
.section7 .box3 .benefit_cont .bonus_box .bonus_price .sm{
	color: #DDC9A8;
	font-size: 14px;
	font-family: 'A2z';
	font-weight: 700;
}
.section7 .box3 .benefit_cont .bonus_box h4{
	font-size: 14px;
	font-family: 'A2z';
	font-weight: 700;
    line-height: 1.786;
	color: #F7ECD8;
	margin-top: 12px;
}
.section7 .box3 .benefit_cont .bonus_box p{
	color: #DDC9A8;
	font-size: 14px;
	padding-top: 12px;
	border-top: 1px dashed #6A4821;
	margin-top: 12px;
}
.section7 .box3 .benefit_cont .bonus_box p strong{
	color: #F5C97E;
}
.section7 .box1 .benefit_desc{
	margin-bottom:150px;
}
.section7 .box2 .benefit_desc{
	margin-bottom:206px;
}
.section7 .box .benefit_desc{
    font-size:15px;
    line-height:1.9;
    color:#33281A;
	font-weight: 300;
}
.section7 .box3 .line{
	border-top: 1px dashed #5E411E;
	padding-top: 25px;
}
.section7 .box1 .line,
.section7 .box2 .line
{
    padding-top: 25px;
    border-top: 1px dashed #E4D8C4;
}
.section7 .box .benefit_option li{
    position:relative;
    padding-left:25px;
    font-size:14px;
    color:#241B10;
}
.section7 .box3 .benefit_option li{
	color:#F3E7D4;
}
.section7 .box3 .benefit_option li::before{
	content: '';
    background: url(../images/ico09.svg) no-repeat;
    background-size: 100%;
}
.section7 .box3 .benefit_option .plus::before{
	background: url(../images/ico10.svg) no-repeat;
	background-size: 100%;
}
.section7 .box .benefit_option li::before{
	width: 17px;
    height: 17px;
    position: absolute;
	left: 0;
}
.section7 .box1 .benefit_cont .benefit_eng{
	font-size: 13px;
	color: #C4661A;
	font-weight: 700;
	margin-bottom: 10px;
	letter-spacing: 2px;
}
.section7 .box1 .benefit_cont .benefit_box{
	background: linear-gradient(180deg, #FFE9C9 0%, #FFF6E6 100%);
	border: 1px solid #F3D9A9;
	border-radius: 14px;
	padding: 18px 25px;
	margin: 22px 0 18px;
}

.section7 .box1 .benefit_cont .benefit_box span{
	color: #B5610F;
	font-size: 11px;
	font-weight: 700;
	margin-bottom: 9px;
	display: block;
}

.section7 .box1 .benefit_cont .benefit_box strong{
	font-size: 14px;
	font-family: 'A2z';
	font-weight: 700;
    line-height: 1.786;
	color: #241B10;
}
.section7 .box1 .benefit_cont .benefit_box strong em{
	color: #B5610F;
}
.section7 .box1 .benefit_cont .benefit_title{
	font-family: 'A2z';
	font-weight: 600;
	font-size: 29px;
    line-height: 1.38;
}
.section7 .box3 .benefit_cont .benefit_price strong{
	background:linear-gradient(90deg,#C4661A 0%,#E9A24B 60%,#F5C97E 100%);
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
	font-family: 'A2z';
	font-weight: 700;
	font-size: 58px;
}
.section7 .box3 .benefit_cont .benefit_price span{
	color: #F7ECD8;
	font-family: 'A2z';
	font-weight: 700;
	font-size: 24px;
}
.section7 .box3 .benefit_desc{
	margin-bottom: 34px;
	color: #DDC9A8;
}
.section7 .m{
	display: none;
}
.section7 .box1 .benefit_option li::before,
.section7 .box2 .benefit_option li::before{
	content: '';
    background: url(../images/ico07.svg) no-repeat;
    background-size: 100%;
}
.section7 .box2 .benefit_option .plus::before{
	background: url(../images/ico08.svg) no-repeat;
	background-size: 100%;
}
.section7 .box .benefit_option li+li{
	margin-top: 20px;
}
.section7 .notice{
    max-width: 1260px;
    margin: 60px auto 0;
}
.section7 .notice_inner{
    padding:45px 60px;
    background:#F8F3EA;
    border:1px solid #E5D8C5;
    border-radius:18px;
	line-height: normal;
}
.section7 .notice_title{
	margin: 0 0 19px 25px;
    font-size:14px;
    font-weight:700;
    color:#C4661A;
	position: relative;
}
.section7 .notice_title::before{
    content:"";
    width:15px;
    height:15px;
    background:url(../images/ico12.svg) no-repeat;
	position: absolute;
	left: -24px;
    top: 2px;
	background-size: 100%;
}
.section7 .notice_list li{
    margin-bottom:14px;
    font-size:15px;
    color:#2A2013;
	margin-left: 17px;
	position: relative;
}
.section7 .notice_list li::before{
	content: '';
	background: url(../images/ico21.svg) no-repeat;
	background-size: 100%;
	width: 11px;
	height: 10px;
	position: absolute;
	left: -16px;
    top: 4px;
}
.section7 .notice_list li em{
	color: #C4661A;
	margin-right: 2px;
}
.section7 .notice_list li:last-child{
    margin-bottom:0;
}
.section7 .notice_title li::before{
    content:"";
    position:absolute;
    left:0;
    top:18px;
    width:14px;
    height:14px;
    background:url("../images/icon_notice_dot.svg") no-repeat center;
    background-size:contain;
}
.section7 .notice_list strong{
    font-weight:700;
    color:#2A2013;
}
.section8{
	background: #FAF7F1;
}
.section8 .cont{
    display: flex;
	gap: 18px;
	justify-content: center;
}
.section8 .cont .service_left{
    display: inline-block;
}
.section8 .cont .service_left li{
	background: #fff;
	width: 600px;
	height: 72px;
	padding: 24px 26px;
	display: flex;
    justify-content: space-between;
	align-items: center;
}
.section8 .cont .service_left li + li{
    border-top:0;
}
.section8 .cont .service_left .row1{
	border-radius: 18px 18px 0 0;
	border: 1px solid #E4D8C4;
}
.section8 .cont .service_left .row2{
	border-style: solid;
	border-color: #E4D8C4;
	border-width: 0 1px 1px 1px;
}
.section8 .cont .service_left .row3{
	border-style: solid;
	border-color: #E4D8C4;
	border-width: 0 1px 1px 1px;
	border-radius: 0 0 20px 20px;
}
.section8 .cont .service_left li span{
	font-size: 15px;
	color: #5A4A34;
}
.section8 .cont .service_left li strong{
	font-family: 'A2z';
    font-weight: 700;
	color: #E8802A;
	font-size: 20px;
}
.section8 .cont .service_left .row2 strong{
	color: #241B10;
	font-size: 15px;
}
.section8 .cont .service_right{
    flex:1;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
	margin-left: 18px;
	float: right;
}
.section8 .cont .service_right ul+ul{
	padding-top: 18px;
}
.section8 .cont .service_right li{
	background: #fff;
	border-radius: 14px;
	padding: 22px 68px 22px 22px;
	display: flex;
    flex-direction: column;
    align-items: flex-start;
	border: 1px solid #E4D8C4;
}
.section8 .cont .service_right li span{
	font-size: 14px;
	color: #9C8A72;
	margin: 12px 0 0 3px;
	text-align: left;
}
.section8 .cont .service_right li .logo{
	width: 89px;
	height: 22px;
}
.section8 .cont .service_right li .prosell{
	background: url(../images/ico13.svg) no-repeat;
	background-size: cover;
}
.section8 .cont .service_right li .mypicksell{
	background: url(../images/ico14.svg) no-repeat;
	background-size: cover;
}
.section8 .cont .service_right li .linkstory{
	background: url(../images/ico15.svg) no-repeat;
	background-size: cover;
}
.section8 .cont .service_right li .ucansign{
	background: url(../images/ico16.svg) no-repeat;
	background-size: cover;
}
.section8 .cont .service_right li .payapp{
	background: url(../images/ico17.svg) no-repeat;
	background-size: cover;
}
.section8 .cont .service_right li p{
	font-size: 15px;
	font-weight: 600;
	color: #241B10;
}
.section9{
	background: #E8802A;
}
.section9 .inner{
	padding: 100px 0;
}
.section9 .tit-wrap span{
	font-size: 14px;
	color: #5C3208;
	font-weight: 800;
}
.section9 .tit-wrap .txt .txt-lg{
	margin: 30px auto 28px;
}
.section9 .tit-wrap .txt-lg h2{
	font-size: 66px;
	line-height: 1.182;
}
.section9 .btn-wrap{
	margin: 40px 0 25px;
	font-size: 0;
}
.section9 .btn-wrap a{
	border-radius: 100px;
	font-size: 16px;
	font-weight: 700;
	display: inline-block;
	line-height: normal;
}
.section9 .btn-wrap .apply{
	background: #241206;
	padding: 21px 57px 22px 44px;
	color: #F7ECD8;
	position: relative;
}
.section9 .btn-wrap .apply::after{
	position: absolute;
    content: '';
    background: url(../images/ico18.svg) no-repeat;
    background-size: cover;
    width: 13px;
    height: 13px;
    top: 23px;
    right: 39px;
}
.section9 .btn-wrap .call{
	background: #E8802A;
	border: 1px solid #9A541C;
	padding: 21px 29px 22px 43px;
	position: relative;
	margin-left: 12px;
}
.section9 .btn-wrap .call::before{
	position: absolute;
    content: '';
    background: url(../images/ico19.svg) no-repeat;
    background-size: cover;
    width: 13px;
    height: 13px;
    top: 23px;
    left: 27px;
}
.section9 .notice{
	font-size: 13px;
	font-weight: 300;
	color: #5C3208;
}
footer .logo-area .logo{
	display: inline-block;
	background: url(../images/logo02.svg) no-repeat;
	background-size: cover;
	width: 80px;
	height: 21px;
	margin-bottom: 20px;
}
footer .footer-wrap{
	text-align: left;
	padding: 50px 0;
	line-height: normal;
}
footer .company-wrap{
    display: flex;
    justify-content: space-between;
}
footer .logo-area p{
	font-size: 15px;
	color: #9A876F;
	line-height: 1.6;
}
footer .company-wrap{
	display: flex;
}
footer .service-area h5{
	font-size: 12px;
	color: #C9B89C;
	font-weight: 400;
	margin-left: 35px;
}
footer .service-area ul{
	list-style: none;
    display: grid;
	grid-template-columns: repeat(2, minmax(71px, auto));
	margin-top: 30px;
}
footer .service-area li{
	font-size: 14px;
    color: #DAD8D7;
    display: inline-block;
    height: 37px;
    width: 130px;
	padding: 10px 35px;
}
footer .address-area{
	color: #BCAB8F;
	font-weight: 300;
	margin-top: 55px;
	padding-top: 30px;
	border-top: 1px solid #282119;
}
footer .address-area p+p{
	margin-top: 10px;
}
footer .address-area p{
	display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
	font-size: 12px;
}
footer .address-area .copyright{
	margin-top: 30px;
	font-size: 12px;
}
footer .service-area a{
	width: 100%;
    height: 100%;
    display: block;
}
footer .service-area{
	margin-right: 57px;
}

@media (max-width:1399px){
.wrapper .header-wrap{
	margin: 0 20px;
}	
.inner{
	margin: 0 20px;
}
.section1 .txt-wrap .tit{
	margin: 18px 0 30px;
}
.section1 .txt-wrap .sub{
	font-size: 19px;
}
.section1 .txt-wrap .tit p{
	font-size: 82px;
}
.section1 .txt-wrap .info p{
	font-size: 17px;
}
.section1 .txt-wrap .info p strong{
	font-size: 21px;
	margin-left: 6px;
}
.section1 .txt-wrap{
	padding-top: 270px;
}
.section1 .txt-wrap .info p:first-child{
	padding-right: 18px;
    margin-right: 18px;
}
.section1 .txt-wrap .info{
	padding-bottom: 52px;
}
.section1 .txt-wrap .tit div{
	font-size: 92px;
	line-height: 1.2;
}
.section1 .txt-wrap .btn a{
	font-size: 22px;
	padding: 17px 72px 19px 50px;
}
.section1 .txt-wrap .btn a::after{
	width: 14px;
    height: 16px;
    margin: 6px 0 0 12px;
}
.section1{
	height: 980px;
}
.section1 .box{
	font-size: 21px;
	height: 90px;
}
.section1 .box .txt01,
.section1 .box .txt02,
.section1 .box .txt03{
	margin: 0 42px;
}
.section1 .box span{
	font-size: 13px;
}
.section2 .txt-wrap .txt .txt-lg h2{
	font-size: 37px;
}
.section2 .txt-wrap .txt .txt-lg h2 span::after{
	width: 229px;
    height: 18px;
}
.section2 .txt-wrap .txt p{
	font-size: 20px;
    line-height: 1.7;
	margin: 34px 0 22px;
}
.section2 .txt-wrap .txt .txt-m h3{
	font-size: 33px;
    line-height: 1.55;
}
.section2 .inner,
.section3 .inner,
.section4 .inner,
.section5 .inner,
.section6 .inner,
.section7 .inner,
.section8 .inner{
	padding: 100px 0 120px;
}
.txt .txt-lg h2{
	font-size: 48px;
}
.section3 .cont .txt-area .box h3{
	font-size: 20px;
}
.section4 .cont ul{
	gap: 20px;
}
.section4 .cont ul .box img{
	width: 28vw;
    height: 20vw;
}
.section4 .cont ul .box1 .img,
.section4 .cont ul .box2 .img,
.section4 .cont ul .box3 .img,
.section4 .cont ul .box4 .img,
.section4 .cont ul .box5 .img,
.section4 .cont ul .box6 .img{
	width: 29vw;
    height: 20.3vw;
}
.txt-label strong{
	font-size: 11px;
}
.txt-label span{
	width: 22px;
}
.section3 .cont .img{
	width: 560px;
	height: 448px;
}
.section3 .cont .txt-area{
	padding-left: 45px;
}
.section3 .cont .txt-area p{
	font-size: 22px;
	padding-bottom: 8px;
}
.section3 .cont .txt-area span{
	font-size: 16px;
	line-height: 1.7;
}
.section3 .cont .txt-area .txt01{
	padding-bottom: 32px;
}
.section3 .cont .txt-area .txt02{
	padding: 32px 0 52px;
}
.section3 .cont .txt-area .box{
	padding: 40px 32px;
}
.txt-label{
	margin-bottom: 20px;
}
.section3 .cont .txt-area .box h3 span{
	font-size: 20px;
}
.tit-wrap .txt p{
	font-size: 16px;
	line-height: 1.5;
}
.section4 .cont ul li .txt em{
	font-size: 11px;
}
.section4 .cont ul li .txt p{
	font-size: 20px;
	margin: 10px 0;
}
.section4 .cont ul li .txt span{
	font-size: 14px;
}
.section4 .cont ul li .txt{
	padding: 24px 24px 30px 24px;
	width: 29vw;
}
.section4 .box .txt-area span{
	font-size: 23px;
}
.section4 .box .txt-area p{
	font-size: 14px;
}
.section4 .box{
	margin-top: 40px;
	width: 91vw;
	padding: 25px 9vw 30px 7vw;
}
.section4 .box .btn-area a{
	font-size: 15px;
	padding: 12px 45px 13px 30px;
}
.section4 .box .btn-area a::after{
	width: 15px;
    height: 15px;
}
.section5 .video-area .label{
	width: 242px;
}
.section6 .cont .box ul li{
	width: 22.5vw;
	padding: 30px 30px 50px 30px;
}
.section6 .cont .box ul li span{
	font-size: 20px;
}
.section6 .cont .box ul li strong{
	font-size: 16px;
}
.section6 .cont .box ul li p{
	font-size: 14px;
    line-height: 1.6;
}
.section6 .cont .box ul li+li{
	margin-left: 25px;
}
.section6 li::after{
	width: 8px;
    height: 16px;
	right: -19px;
}
.section3 .tit-wrap,
.section4 .tit-wrap,
.section5 .tit-wrap,
.section6 .tit-wrap,
.section7 .tit-wrap
.section8 .tit-wrap{
	padding-bottom: 40px;
}
.section7 .tit-wrap .txt-label p{
	font-size: 12px;
}
.section7 .tit-wrap .txt-label{
	width: 271px;
}
.section7 .notice_title{
	font-size: 13px;
}
.section7 .notice_inner{
	padding: 40px 50px;
}
.section7 .notice_list li{
	margin-bottom: 13px;
	font-size: 14px;
}
.section7 .notice{
	margin: 50px auto 0;
}
.section3 .tit-wrap,
.section4 .tit-wrap,
.section5 .tit-wrap,
.section6 .tit-wrap,
.section7 .tit-wrap,
.section8 .tit-wrap{
	padding-bottom: 44px;
}
.section8 .cont .box-lg li{
	width: 40vw;
	height: 67px;
}
.section8 .cont .box-lg li span{
	font-size: 14px;
}
.section8 .cont .box-lg li strong{
	font-size: 18px;
}
.section8 .cont .service_left .row1,
.section8 .cont .service_left .row2,
.section8 .cont .service_left .row3{
	width: 37vw;
	height: 68px;
}
.section8 .cont .service_right li .logo{
	width: 81px;
    height: 20px;
}
.section8 .cont .service_right li{
	width: 16vw;
	padding: 20px;
}
.section8 .cont{
	gap: 16px;
}
.section8 .cont .service_right{
	margin-left: 16px;
    gap: 16px;
}
.section9 .tit-wrap .txt-lg h2{
	font-size: 60px;
}
.section9 .tit-wrap span{
	font-size: 13px;
}
.section9 .btn-wrap a{
	font-size: 15px;
}
.section9 .btn-wrap .apply{
	padding: 20px 55px 20px 42px;
}
.section9 .btn-wrap .apply::after{
	width: 11px;
    height: 11px;
    top: 23px;
    right: 36px;
}
.section9 .btn-wrap .call{
	padding: 20px 26px 20px 43px;
	margin-left: 10px;
}
.section9 .inner{
	padding: 90px 0;
}
.section9 .btn-wrap .call::before{
	width: 11px;
    height: 11px;
}
.section7 .box .benefit_img{
	height: 235px;
}
.section7 .box1 .benefit_cont .benefit_eng{
	font-size: 12px;
}
.section7 .box1 .benefit_cont .benefit_title{
	font-size: 27px;
}
.section7 .box3 .benefit_desc {
	margin-bottom: 58px;
}
.section7 .box .benefit_desc{
	font-size: 14px;
    line-height: 1.7;
}
.section7 .box3 .benefit_cont .bonus_box h4{
	font-size: 13px;
}
.section7 .box .pc{
	display: none;
}
.section7 .box3 .benefit_cont .bonus_box .bonus_price strong{
	font-size: 36px;
}
.section7 .box3 .benefit_cont .bonus_box .bonus_price .lg{
	font-size: 16px;
}
.section7 .box3 .benefit_cont .bonus_box .bonus_price .sm{
	font-size: 12px;
}
.section7 .box3 .benefit_cont .bonus_box{
	padding: 18px 20px 25px 20px;
}
.section7 .box .step{
	font-size: 12px;
}
.section7 .box3 .benefit_cont .bonus_box p{
	font-size: 13px;
}
.section7 .box .benefit_option li::before{
	width: 15px;
    height: 15px;
}
.section7 .box .benefit_option li{
	padding-left: 23px;
}
.section7 .box .benefit_cont{
	padding: 20px 25px 45px 30px;
	height: 735px;
}
.section7 .box1 .benefit_cont .benefit_box strong{
	font-size: 13px;
	line-height: 1.7;
}
.section7 .box .benefit_option li,
.section7 .box2 .benefit_cont h3
{
	font-size: 13px;
}
.section7 .box2 .benefit_price strong,
.section7 .box3 .benefit_cont .benefit_price strong{
	font-size: 56px;
}
.section7 .box2 .benefit_price span,
.section7 .box3 .benefit_cont .benefit_price span{
	font-size: 23px;
}
.section6 .pc{
	display: none;
}
.section1 .box .txt02::before,
.section1 .box .txt03::before{
	left: -45px;
}
.section7 .box2 .benefit_desc{
	margin-bottom: 194px;
}
}

@media (max-width:1210px){
.section6 .cont .box .row2{
	margin: 25px 0 0;
	display: block;
}
.section6 .cont .box ul li{
	width: 32vw;
}
.section8 .cont .box-sm ul{
	width: 660px;
}
}

@media (max-width:991px){
	.section7 .cont .box-wrap{
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	.section3 .cont .box .pc{
		display: none;
	}
}

@media only screen and (max-width: 768px) {
	.wrapper .header h1{
		font-size: 2.3vw;
	}
	.wrapper .header-wrap{
		margin: 0 2.7vw;
		height: 60px;
		padding: 0;
	}
	.header .header-wrap .header-logo{
		width: 112px;
        height: 19px;
	}
	.wrapper .header .gnb-area{
		font-size: 2vw;
		display: none;
	}
	.wrapper .header-wrap .util a{
		font-size: 13px;
        padding: 8px 18px;
	}
	.wrapper .header .gnb-area a{
		padding: 0 1.5vw;
	}
	.tit-wrap .txt p{
		font-size: 3.5vw;
        word-break: keep-all;
        width: 70vw;
        margin: 0 auto;
	}
	.txt-label strong{
		font-size: 2.5vw;
		letter-spacing: 0.5vw;
	}
	.txt-label span {
        width: 2.5vw;
    }
	.txt-label{
		margin-bottom: 4vw;
	}
	.txt .txt-lg h2{
		font-size: 8vw;
        line-height: 1.4;
	}
	.section1{
		height: 145vw;
	}
	.section1 .box{
		padding: 4vw;
		font-size: 3.5vw;
        flex-wrap: wrap;
        height: 20vw;
        margin: 0 auto;
	}
	.section1 .box .txt01,
	.section1 .box .txt02,
	.section1 .box .txt03{
		margin: 0 5vw 0 0;
	}
	.section1 .box .txt02::before,
	.section1 .box .txt03::before{
		left: -2.8vw;
        top: 2.4vw;
        width: 0.7vw;
        height: 0.8vw;
	}
	.section1 .box .txt03{
		margin: 0;
	}
	.section1 .txt-wrap .btn a::after{
		margin: 0.9vw 0 0 1.5vw;
        width: 3vw;
        height: 3vw;
	}
	.section1 .box span{
		font-size: 2.5vw;
	}
	.section1 .txt-wrap .sub{
		font-size: 3.8vw;
	}
	.section1 .txt-wrap .tit p{
		font-size: 11.7vw;
	}
	.section1 .txt-wrap .info p{
		font-size: 3.2vw;
        line-height: 1.7;
	}
	.section1 .txt-wrap .tit div{
		font-size: 13vw;
	}
	.section1 .txt-wrap .tit{
		margin: 3vw 0 5vw;
	}
	.section1 .txt-wrap .info p strong{
		font-size: 3vw;
		margin-left: 0.7vw;
	}
	.section1 .txt-wrap .info{
		padding-bottom: 7vw;
		flex-direction: column;
	}
	.section1 .txt-wrap .info p:first-child{
		padding-right: 2.3vw;
		margin-right: 2.3vw;
	}
	.section1 .txt-wrap{
		padding-top: 32vw;
	}
	.section1 .txt-wrap .info p:first-child::after{
		display: none;
	}
	.section1 .txt-wrap .btn a{
		font-size: 4vw;
        padding: 3.4vw 12.5vw 3.5vw 9vw;
    }
	.section2 .txt-wrap .txt-label{
		margin-bottom: 6vw;
	}
	.section2 .txt-wrap .txt p{
		font-size: 3.8vw;
        margin: 6vw 0 5vw;
        line-height: 1.8;
	}
	.section2 .txt-wrap .txt .txt-m h3{
		font-size: 6vw;
        line-height: 1.55;
	}
	.section2 .txt-wrap .txt .txt-lg h2{
		font-size: 6.5vw;
		line-height: 1.5;
	}
	.section2 .txt-wrap .txt .txt-lg h2 span::after{
		width: 40.2vw;
        height: 3vw;
        bottom: 0.5vw;
        left: -0.3vw;
	}
	.section2 .txt-wrap .txt-label{
		margin-bottom: 7.5vw;
	}
	.section3 .cont{
		flex-direction: column;
	}
	.section3 .cont .txt-area{
		padding-left: 0;
	}
	.section3 .cont .img{
		width: 82vw;
        height: 65.6vw;
		margin: 0 auto;
    }
	.section3 .cont .txt-area{
		text-align: center;
		padding-top: 6.5vw;
	}
	.section3 .cont .txt-area p{
		font-size: 4.5vw;
        padding-bottom: 1.8vw;
        width: 74vw;
        word-break: keep-all;
        margin: 0 auto;
        line-height: 1.3;
	}
	.section3 .cont .txt-area .txt01 span{
		display: block;
        width: 61vw;
        margin: 0 auto;
	}
	.section3 .cont .txt-area .txt02 span{
		display: block;
		width: 77vw;
		margin: 0 auto;
	}
	.section3 .cont .txt-area span{
		font-size: 3.2vw;
        word-break: keep-all;
	}
	.section3 .cont .txt-area .txt01{
		padding-bottom: 5vw;
	}
	.section3 .cont .txt-area .txt02{
		padding: 6vw 0 7vw;
	}
	.section3 .cont .txt-area .box{
		padding: 5vw 5vw 5.5vw;
        word-break: keep-all;
	}
	.section3 .cont .txt-area .box{
		border-radius: 3vw;
	}
	.section3 .cont .txt-area .box h3,
	.section3 .cont .txt-area .box h3 span{
		font-size: 4vw;
        line-height: 1.6;
	}
	.section4 .tit-wrap .txt .txt-lg,
	.section5 .tit-wrap .txt .txt-lg,
	.section6 .tit-wrap .txt .txt-lg,
	.section7 .tit-wrap .txt .txt-lg,
	.section8 .tit-wrap .txt .txt-lg{
		margin-bottom: 3vw;
	}
	.section4 .tit-wrap .txt p{
		width: 76vw;
	}
	.section4 .cont ul li{
		border-radius: 4.5vw;
	}
	.section4 .cont ul{
		flex-direction: column;
    	align-items: center;
		gap: 6vw;
	}
	.section4 .cont ul .box1 .img,
	.section4 .cont ul .box2 .img,
	.section4 .cont ul .box3 .img,
	.section4 .cont ul .box4 .img,
	.section4 .cont ul .box5 .img,
	.section4 .cont ul .box6 .img{
		width: 80vw;
		height: 56.1vw;
	}
	.section4 .cont .ul2{
		padding-top: 4vw;
	}
	.section4 .cont ul li .txt{
		width: 80vw;
        padding: 6.5vw 6vw 8vw 6vw;
        line-height: normal;
	}
	.section4 .box .btn-area a {
        font-size: 4vw;
        padding: 3.5vw 12vw 3.8vw 9vw;
    }
	.section4 .box .txt-area p{
		font-size: 3.5vw;
        text-align: center;
        margin-top: 5vw;
	}
	.section4 .box .txt-area span{
		font-size: 8vw;
        word-break: keep-all;
        line-height: 1.3;
	}
	.section4 .box .txt-area{
		margin-bottom: 6vw;
	}
	.section4 .box .btn-area a::after {
        width: 4vw;
        height: 4vw;
        margin: 0.3vw 0 0 2vw;
    }
	.section4 .cont ul li .txt em{
		font-size: 3vw;
	}
	.section4 .box{
        padding: 12vw 5vw 11vw 5vw;
        width: 82vw;
        border-radius: 4vw;
        margin-top: 5.3vw;
        flex-direction: column;
	}
	.section4 .cont ul li .txt p{
		font-size: 4.5vw;
		margin: 3vw 0;
	}
	.section4 .cont ul li .txt span{
		font-size: 3.5vw;
	}
	.section5 .video-area{
		height: 53.3vw;
		border-radius: 3vw;
	}
	.section5 .txt .pc{
		display: none;
	}
	.section5 .tit-wrap .txt p{
		word-break: keep-all;
    	width: 67vw;
	}
	.section5 .tit-wrap .txt .txt-lg h2{
		width: 88vw;
	}
	.section5 .video-area .label{
		width: 34vw;
        height: 10vw;
	}
	.section6 .cont .box ul li{
		margin: 0 auto;
        display: block;
        width: 70vw;
        padding: 8vw 8vw 10vw 8vw;
        border-radius: 4vw;
	}
	.section6 .cont .box ul li+li{
		margin: 10vw 0;
	}
	.section5 .tit-wrap .txt p{
		width: 70vw;
	}
	.section6 .tit-wrap .txt p{
		width: 73vw;
	}
	.section6 .cont .box ul li strong{
		font-size: 4.5vw;
	}
	.section6 .cont .box ul li span{
		font-size: 4.5vw;
        margin: 4vw 0 4vw;
	}
	.section6 .cont .box ul li p{
		font-size: 3.8vw;
	}
	.section6 .cont .box .row2 li+li{
		display: inline-block;
	}
	.section6 .cont .box .row2{
		margin: 0;
	}
	.section6 .cont .box .row2 li:last-child{
		margin: 10vw 0 0;
	}
	.section7 .notice_inner{
		padding: 7vw 6vw;
		border-radius: 3vw;
	}
	.section7 .notice_title{
		font-size: 3.2vw;
        margin: 0px 0px 3.5vw 4.5vw;
	}
	.section7 .notice_list li{
		margin-bottom: 2.8vw;
        font-size: 3vw;
        line-height: 1.5;
		margin-left: 3vw;
		word-break: keep-all;
	}
	.section7 .notice_title::before{
		width: 3vw;
        height: 3vw;
        left: -5vw;
        top: 0.3vw;
	}
	.section7 .box .benefit_desc{
		font-size: 3vw;
		margin-bottom: 15vw;
	}
	.section7 .cont .box-wrap .box{
		width: 80vw;
	}
	.section7 .box .benefit_option li, .section7 .box2 .benefit_cont h3{
		font-size: 3vw;
	}
	.section7 .box .pc{
		display: block;
	}
	.section7 .box3 .benefit_cont .bonus_box .bonus_label::before{
		width: 2.3vw;
        height: 2.3vw;
        left: 2.5vw;
        top: 2vw;
	}
	.section7 .notice{
		width: 80vw;
		margin: 6vw auto 0;
	}
	.section7 .box3 .benefit_cont .bonus_box .bonus_label{
		font-size: 2.5vw;
	}
	.section7 .box3 .benefit_cont .bonus_box .bonus_label{
		padding: 1.8vw 3vw 1.8vw 5.8vw;
		letter-spacing: 0.15vw;
	}
	.section7 .box1 .line, .section7 .box2 .line{
		padding-top: 6vw;
	}
	.section7 .box .benefit_option li+li{
		margin-top: 3.8vw;
	}
	.section7 .box .benefit_option li::before{
		width: 3.2vw;
        height: 4vw;
	}
	.section7 .box1 .benefit_cont .benefit_box strong{
		font-size: 3vw;
	}
	.section7 .box2 .benefit_cont h3{
		font-size: 3vw;
        margin-bottom: 7vw;
	}
	.section7 .box1 .benefit_cont .benefit_eng{
		font-size: 2.7vw;
        margin-bottom: 3vw;
	}
	.section7 .box2 .benefit_price strong,
	.section7 .box3 .benefit_cont .benefit_price strong{
		font-size: 12vw;
	}
	.section7 .cont .box-wrap{
		gap: 6vw;
	}
	.section7 .box1 .benefit_cont .benefit_box{
		padding: 4vw;
		margin: 4vw 0 4vw;
		border-radius: 1.8vw;
	}
	.section7 .box3 .benefit_cont .bonus_box h4{
		font-size: 3vw;
        margin-top: 4vw;
	}
	.section7 .box2 .benefit_price span,
	.section7 .box3 .benefit_cont .benefit_price span{
		font-size: 4vw;
	}
	.section7 .box .benefit_sub{
		font-size: 3.5vw;
		margin: 1.5vw 0 7vw;
	}
	.section7 .box1 .benefit_desc{
		margin-bottom: 15vw;
		line-height: 1.8;
    }
	.section7 .box .benefit_item{
		border-radius: 4vw;
	}
	.section7 .box .benefit_cont{
		padding: 8vw 6vw 10vw 6vw;
		height: auto;
	}
	.section7 .box3 .benefit_cont .bonus_box .bonus_price em{
		font-size: 3vw;
	}
	.section7 .box3 .benefit_cont .bonus_box p{
		font-size: 3vw;
		margin-top: 3vw;
		padding-top: 4vw;
	}
	.section7 .box .benefit_option li{
		padding-left: 5vw;
	}
	.section7 .box1 .benefit_cont .benefit_box span{
		font-size: 2.5vw;
	}
	.section7 .box .benefit_img{
		height: 48vw;
	}
	.section7 .box1 .benefit_cont .benefit_title{
		font-size: 5vw;
	}
	.section7 .box3 .line{
		padding-top: 3.5vw;
	}
	.section7 .box3 .benefit_cont .bonus_box .bonus_price .lg{
		font-size: 4vw;
	}
	.section7 .box3 .benefit_cont .bonus_box .bonus_price .sm{
		font-size: 3vw;
	}
	.section7 .box3 .benefit_cont .bonus_box .bonus_price strong{
		font-size: 9vw;
	}
	.section7 .box3 .benefit_cont .bonus_box{
		border-radius: 3vw;
        margin: -0.7vw 0 4vw;
        padding: 6.5vw 4.8vw 7vw 4.5vw;
	}
	.section8 .cont .box-lg .row1{
		border-radius: 2vw 2vw 0 0;
	}
	.section8 .cont .box-lg .row1,
	.section8 .cont .box-lg .row2,
	.section8 .cont .box-lg .row3{
		padding: 0 4.5vw;
	}
	.section7 .box .step{
		top: 2.5vw;
        left: 2.5vw;
        font-size: 2.5vw;
        padding: 2.4vw 3vw 2.5vw 5.5vw;
	}
	.section7 .box .step::before{
		width: 2.5vw;
        height: 2.5vw;
		left: 2vw;
	}
	.section7 .txt .pc{
		display: none;
	}
	.section7 .tit-wrap .txt p{
		width: 76vw;
	}
	.section7 .txt .txt-lg h2{
		width: 89vw;
    	margin: 0 auto;
	}
	.section7 .notice_list li::before{
		left: -3.3vw;
    	top: 1.3vw;
		width: 2.2vw;
    	height: 2.2vw;
	}
	.section8 .cont{
		flex-direction: column;
	}
	.section8 .cont .service_right{
		grid-template-columns: repeat(2, 40vw);
        float: none;
        gap: 4vw;
		margin-left: 0;
        justify-content: center;
    }
	.section8 .cont .service_left .row1,
	.section8 .cont .service_left .row2,
	.section8 .cont .service_left .row3{
		width: 84vw;
        height: 16vw;
	}
	.section8 .cont .service_left li{
		padding: 0 5vw;
	}
	.section8 .cont .service_left li strong{
		font-size: 4.5vw;
	}
	.section8 .cont .service_left .row2 strong{
		font-size: 4vw;
	}
	.section8 .cont .service_left{
		margin-bottom: 4vw;
	}
	.section8 .cont .service_right li .logo{
		width: 21vw;
		height: 5vw;
	}
	.section8 .cont .service_left .row1{
		border-radius: 3vw 3vw 0 0;
	}
	.section8 .cont .service_right li span{
		font-size: 3.2vw;
		margin: 3vw 0 0 0;
	}
	.section8 .cont .service_left .row3{
		border-radius: 0 0 3vw 3vw;
	}
	.section8 .cont .service_left li span{
		font-size: 3.5vw;
	}
	.section8 .cont .service_right li{
		width: 40vw;
		padding: 4vw 0 4vw 4vw;
		border-radius: 3vw;
	}
	.section8 .cont .service_right li p{
		font-size: 3.5vw;
	}
    .section9 .tit-wrap .txt-lg h2{
		font-size: 11vw;
	}
	.section9 .tit-wrap span{
		font-size: 3vw;
	}
	.section9 .btn-wrap{
		margin: 5.2vw 0 3.2vw;
        display: flex;
        flex-direction: column;
		width: 45vw;
		margin: 6.5vw auto 5vw;
		gap: 3vw;
	}
	.section9 .btn-wrap a{
		font-size: 4vw;
	}
	.section9 .tit-wrap .txt p{
		width: 80vw;
	}
	.section9 .btn-wrap .apply{
		padding: 4.5vw 11vw 4.5vw 7vw;
	}
	.section9 .notice{
		font-size: 3vw;
	}
	.section9 .inner{
		padding: 15vw 0;
	}
	.section9 .btn-wrap .apply::after{
		width: 3.5vw;
        height: 3.5vw;
        top: 38%;
        right: 24%;
	}
	.section9 .tit-wrap .txt .txt-lg{
		margin: 4vw auto;
	}
	.section9 .btn-wrap .call{
		padding: 4.5vw 7vw 4.5vw 10vw;
		margin-left: 0;
	}
	.section9 .btn-wrap .call::before{
		width: 3vw;
        height: 3vw;
        top: 39%;
		left: 8vw;
	}
	.section7 .tit-wrap .txt-label{
		width: 60vw;
        padding: 3vw 1vw 3vw 6vw;
	}
	.section7 .tit-wrap .txt-label p{
		font-size: 3vw;
		letter-spacing: 0.3vw;
	}
	.section7 .tit-wrap .txt-label p::before{
		left: -9%;
		top: 6%;
		width: 3vw;
        height: 3vw;
	}
	.section6 li::after{
		width: 4vw;
        height: 2.1vw;
        right: 33vw;
        clip-path: polygon(0 0, 100% 0, 50% 100%);
        top: 52.5vw;
	}
	.section3 .tit-wrap,
	.section4 .tit-wrap,
	.section5 .tit-wrap,
	.section6 .tit-wrap,
	.section7 .tit-wrap,
	.section8 .tit-wrap{
		padding-bottom: 8vw;
	}
	.section2 .inner,
	.section3 .inner,
	.section4 .inner,
	.section5 .inner,
	.section6 .inner,
	.section7 .inner,
	.section8 .inner{
		padding: 17vw 0 18vw;
	}
	footer .company-wrap{
		flex-direction: column;
	}
	footer .service-area ul{
		gap: 1vw;
		justify-content: start;
		margin-top: 3vw;
	}
	footer .service-area{
		margin-top: 12vw;
	}
	footer .logo-area .logo{
		width: 115px;
    	height: 30px;
	}
	footer .address-area{
		margin-top: 30px;
	}
	footer .service-area .right{
		margin-left: 20px;
	}
	footer .service-area li{
		padding: 0;
		width: auto;
	}
	footer .service-area h5{
		margin-left: 0;
	}
	footer .service-area a{
		padding: 2.5vw 0;
        width: 30vw;
	}
}