/*@import url("renew_fonts.css");*/

@font-face {
	font-display: block;
	font-family: "Noto Sans kr";
	font-weight: 100;
	font-style: normal;
	src: url("../font/NotoSans-Thin.woff") format("woff");
}

@font-face {
	font-display: block;
	font-family: "Noto Sans kr";
	font-weight: 200;
	font-style: normal;
	src: url("../font/NotoSans-Light.woff") format("woff");
}

@font-face {
	font-display: block;
	font-family: "Noto Sans kr";
	font-weight: 300;
	font-style: normal;
	src: url("../font/NotoSans-DemiLight.woff") format("woff");
}

@font-face {
	font-display: block;
	font-family: "Noto Sans kr";
	font-weight: 400;
	font-style: normal;
	src: url("../font/NotoSans-Regular.woff") format("woff");
}

@font-face {
	font-display: block;
	font-family: "Noto Sans kr";
	font-weight: 500;
	font-style: normal;
	src: url("../font/NotoSans-Medium.woff") format("woff");
}

@font-face {
	font-display: block;
	font-family: "Noto Sans kr";
	font-weight: 700;
	font-style: normal;
	src: url("../font/NotoSans-Black.woff") format("woff");
}

@font-face {
	font-display: block;
	font-family: "Noto Sans kr";
	font-weight: 900;
	font-style: Bold;
	src: url("../font/NotoSans-Bold.woff") format("woff");
}

@font-face {
	font-display: block;
	font-family: "Roboto";
	font-weight: 500;
	font-style: Bold;
	src: url("../font/Roboto-Bold.woff") format("woff");
}

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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, summary, time, mark, audio, video, section {
    /*margin: 0;*/
    /*padding: 0;*/
    /*border: 0;*/
    /*font-size: 100%;*/
    /*vertical-align: baseline*/
}

html {
    /*width: 100%;*/
    /*min-width: 80rem;*/
    /*height: 100%;*/
    /*box-sizing: border-box;*/
    font-family: 'Noto Sans kr', sans-serif;
    /*overscroll-behavior-y: none;*/
    /*overflow-x: auto;*/
    /*overflow-y: hidden;*/
    /*backface-visibility: hidden;*/
    /*-webkit-backface-visibility: hidden*/
}

html > body {
    /*height: 100%;*/
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
    /*touch-action: none;*/
    /*overscroll-behavior-y: none;*/
    /*backface-visibility: hidden;*/
    /*-webkit-backface-visibility: hidden*/
}

div {
    /*overscroll-behavior-y: none;*/
    /*backface-visibility: hidden;*/
    /*-webkit-backface-visibility: hidden*/
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    /*display: block*/
}

body {
    /*line-height: 1;*/
    font-weight: 200;
    font-family: 'Noto Sans kr', sans-serif;
    /*font-size: 1.4rem;*/
    /*color: #000;*/
    /*background: #f2f7ff !important;*/
    /*letter-spacing: -0.03em*/
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

body {
    /*-webkit-touch-callout: none;*/
    /*-webkit-user-select: none !important;*/
    /*-moz-user-select: -moz-none !important;*/
    /*-ms-user-select: none !important;*/
    /*user-select: none !important*/
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

img {
    pointer-events: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

button {
    border: 0;
    margin: 0;
    padding: 0;
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
    font-family: 'Noto Sans kr', sans-serif;
    font: unset
}

button:focus, input:focus {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a:link {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

button:focus {
    outline: none
}

​ a {
    text-decoration: none !important;
    z-index: 99
}

a:link, a:visited {
    /*color: #000*/
}

.shrink {
    font-stretch: ultra-condensed
}

.accent {
    font-weight: 500
}

.accent.bolder {
    font-weight: 500
}

.txt_normal {
    font-weight: 200
}

.color_white {
    color: white !important
}

.color_black {
    color: black !important
}

.color_card {
    color: #815aea !important
}

.go_to_last {
    pointer-events: auto;
    z-index: 99
}

.no_margin {
    margin: 0 !important
}

.no_animation {
    animation: none !important
}

.roboto {
    font-family: 'Roboto';
    font-weight: bold
}

.flex_center {
    display: flex;
    align-items: center
}

.main_wrap {
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto
}

.sub_wrap {
    -webkit-overflow-scrolling: touch
}

section {
    display: inline-block;
    position: relative;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 80rem;
    margin: 0 auto;
    background: white
}

section.card_intro.int01, section.card_benefit.int01, section.video_gallery.int01 {
    display: inline-flex;
    justify-content: center;
    align-items: flex-start;
    margin: 0 auto;
    height: 25.8rem;
    border-bottom: 1px solid #cccccc
}

section.card_intro.int01 .section_wrap, section.card_benefit.int01 .section_wrap, section.video_gallery.int01 .section_wrap {
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-end;
    width: auto;
    min-width: calc(100% - 48rem);
    height: 100%
}

section.card_intro.int01 .section_wrap .title_wrap, section.card_benefit.int01 .section_wrap .title_wrap, section.video_gallery.int01 .section_wrap .title_wrap {
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start
}

section.card_intro.int01 .section_wrap .title_wrap .title_main, section.card_benefit.int01 .section_wrap .title_wrap .title_main, section.video_gallery.int01 .section_wrap .title_wrap .title_main {
    font-size: 6rem;
    line-height: 8rem;
    letter-spacing: -0.3rem;
    color: black;
    margin-bottom: 1.1rem;
    text-align: left
}

section.card_intro.int01 .section_wrap .title_wrap .title_sub, section.card_benefit.int01 .section_wrap .title_wrap .title_sub, section.video_gallery.int01 .section_wrap .title_wrap .title_sub {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 3rem;
    letter-spacing: -0.125rem;
    color: #999999;
    text-align: left;
    margin-bottom: 5rem
}

section.card_intro.flexvert, section.card_benefit.flexvert, section.video_gallery.flexvert {
    flex-direction: column;
    justify-content: flex-end
}

section.card_intro.int02, section.card_benefit.int02 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding-top: 5rem;
    height: 74rem;
    background: white
}

section.video_gallery.int02 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding-top: 5rem;
    height: auto;
    background: white
}

section.card_intro.int02 .section_wrap, section.card_benefit.int02 .section_wrap {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: auto;
    min-width: calc(100% - 48rem)
}

section.video_gallery.int02 .section_wrap {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-width: calc(100% - 48rem)
}

section.card_intro.int02 .section_wrap .toggle_wrap, section.card_benefit.int02 .section_wrap .toggle_wrap, section.video_gallery.int02 .section_wrap .toggle_wrap {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 9.8rem;
    border: 1px solid #cccccc;
    border-radius: 1.5rem;
    overflow: hidden
}

section.card_intro.int02 .section_wrap .toggle_wrap .toggle_btn, section.card_benefit.int02 .section_wrap .toggle_wrap .toggle_btn, section.video_gallery.int02 .section_wrap .toggle_wrap .toggle_btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 100%;
    text-align: center
}

section.card_intro.int02 .section_wrap .toggle_wrap label, section.card_benefit.int02 .section_wrap .toggle_wrap label, section.video_gallery.int02 .section_wrap .toggle_wrap label {
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: -0.09rem;
    color: #999999;
    text-align: center;
    cursor: pointer
}

section.card_intro.int02 .section_wrap .toggle_wrap :checked + label, section.card_benefit.int02 .section_wrap .toggle_wrap :checked + label, section.video_gallery.int02 .section_wrap .toggle_wrap :checked + label {
    font-weight: 500;
    background-color: #805ae9;
    color: white;
}

section.card_intro.int02 .section_wrap .cont_wrap, section.card_benefit.int02 .section_wrap .cont_wrap, section.video_gallery.int02 .section_wrap .cont_wrap {
    position: relative;
    display: none;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 59rem
}

section.card_intro.int02 .section_wrap .cont_wrap.active, section.card_benefit.int02 .section_wrap .cont_wrap.active, section.video_gallery.int02 .section_wrap .cont_wrap.active {
    display: inline-flex
}

section.card_intro.int02 .section_wrap .cont_wrap .page_turner, section.card_benefit.int02 .section_wrap .cont_wrap .page_turner, section.video_gallery.int02 .section_wrap .cont_wrap .page_turner {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 5rem;
    height: 5rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer
}

section.card_intro.int02 .section_wrap .cont_wrap .page_turner.left, section.card_benefit.int02 .section_wrap .cont_wrap .page_turner.left, section.video_gallery.int02 .section_wrap .cont_wrap .page_turner.left {
    background-image: url(../images/main/renew/btn-l.png);
    image-rendering: -webkit-optimize-contrast;
}

section.card_intro.int02 .section_wrap .cont_wrap .page_turner.right, section.card_benefit.int02 .section_wrap .cont_wrap .page_turner.right, section.video_gallery.int02 .section_wrap .cont_wrap .page_turner.right {
    background-image: url(../images/main/renew/btn-r.png);
    image-rendering: -webkit-optimize-contrast;
}

section.card_intro.int02 .section_wrap .cont_wrap .cont_page_box, section.card_benefit.int02 .section_wrap .cont_wrap .cont_page_box, section.video_gallery.int02 .section_wrap .cont_wrap .cont_page_box {
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
    width: auto;
    max-width: 52rem;
    height: 100%
}

section.card_intro.int02 .section_wrap .cont_wrap .cont_page_box .title_main, section.card_benefit.int02 .section_wrap .cont_wrap .cont_page_box .title_main, section.video_gallery.int02 .section_wrap .cont_wrap .cont_page_box .title_main {
    width: auto;
    max-width: 52rem;
    font-size: 3.5rem;
    line-height: 4rem;
    letter-spacing: -0.175rem;
    color: black;
    margin-bottom: 4rem;
    font-weight: 900
}

section.card_intro.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box, section.card_benefit.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box, section.video_gallery.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: 52rem;
    height: 12rem;
    margin-bottom: 5rem
}

section.card_intro.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box .icon_elem, section.card_benefit.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box .icon_elem, section.video_gallery.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box .icon_elem {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 33%;
    height: 12rem
}

section.card_intro.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box .icon_elem .icon_elem_img, section.card_benefit.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box .icon_elem .icon_elem_img, section.video_gallery.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box .icon_elem .icon_elem_img {
    width: 6rem;
    height: 6rem;
    margin-bottom: 1rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

section.card_intro.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box .icon_elem .icon_elem_img.money, section.card_benefit.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box .icon_elem .icon_elem_img.money, section.video_gallery.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box .icon_elem .icon_elem_img.money {
    background-image: url(../images/main/renew/ic-money.png);
    image-rendering: -webkit-optimize-contrast;
}

section.card_intro.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box .icon_elem .icon_elem_img.down, section.card_benefit.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box .icon_elem .icon_elem_img.down, section.video_gallery.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box .icon_elem .icon_elem_img.down {
    background-image: url(../images/main/renew/ic-download.png);
    image-rendering: -webkit-optimize-contrast;
}

section.card_intro.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box .icon_elem .icon_elem_img.ages, section.card_benefit.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box .icon_elem .icon_elem_img.ages, section.video_gallery.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box .icon_elem .icon_elem_img.ages {
    background-image: url(../images/main/renew/ic-age.png);
    image-rendering: -webkit-optimize-contrast;
}

section.card_intro.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box .icon_elem .icon_elem_tit, section.card_benefit.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box .icon_elem .icon_elem_tit, section.video_gallery.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box .icon_elem .icon_elem_tit {
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -0.08rem;
    text-align: center;
    color: #666666;
    transform: rotate(0.04deg)
}

section.card_intro.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box .icon_elem_border, section.card_benefit.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box .icon_elem_border, section.video_gallery.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box .icon_elem_border {
    display: inline-flex;
    align-items: center;
    width: 0.5%;
    height: 100%;
    margin: auto 0;
}

section.card_intro.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box .icon_elem_border:after, section.card_benefit.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box .icon_elem_border:after, section.video_gallery.int02 .section_wrap .cont_wrap .cont_page_box .mid_icon_box .icon_elem_border:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 10rem;
    border-right: 1px solid #eeeeee
}

section.card_intro.int02 .section_wrap .cont_wrap .cont_page_box .title_sub, section.card_benefit.int02 .section_wrap .cont_wrap .cont_page_box .title_sub, section.video_gallery.int02 .section_wrap .cont_wrap .cont_page_box .title_sub {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 1.3rem;
    line-height: 1.6rem;
    letter-spacing: -0.125rem;
    color: #666666;
    text-align: left
}

section.card_intro.int02 .section_wrap .cont_wrap .cont_page_box .title_sub.greybox, section.card_benefit.int02 .section_wrap .cont_wrap .cont_page_box .title_sub.greybox, section.video_gallery.int02 .section_wrap .cont_wrap .cont_page_box .title_sub.greybox {
    width: auto;
    max-width: 36rem;
    height: auto;
    min-height: 4.2rem;
    line-height: normal;
    padding: 1rem 2rem;
    background-color: #fbfbfb;
    border-radius: 1rem;
    font-weight: 300;
}

section.card_intro.int02 .section_wrap .cont_wrap .cont_page, section.card_benefit.int02 .section_wrap .cont_wrap .cont_page, section.video_gallery.int02 .section_wrap .cont_wrap .cont_page {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

section.card_intro.int02 .section_wrap .cont_wrap .cont_page.left, section.card_benefit.int02 .section_wrap .cont_wrap .cont_page.left, section.video_gallery.int02 .section_wrap .cont_wrap .cont_page.left {
    width: 60%
}

section.card_intro.int02 .section_wrap .cont_wrap .cont_page.left.flexvert, section.card_benefit.int02 .section_wrap .cont_wrap .cont_page.left.flexvert, section.video_gallery.int02 .section_wrap .cont_wrap .cont_page.left.flexvert {
    flex-direction: column
}

section.card_intro.int02 .section_wrap .cont_wrap .cont_page.right, section.card_benefit.int02 .section_wrap .cont_wrap .cont_page.right, section.video_gallery.int02 .section_wrap .cont_wrap .cont_page.right {
    flex-direction: column;
    width: 40%;
    transform: perspective(1000);
    -webkit-transform: perspective(1000);
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d
}

section.card_intro.int02 .section_wrap .cont_wrap .cont_page.right .page_img, section.card_benefit.int02 .section_wrap .cont_wrap .cont_page.right .page_img, section.video_gallery.int02 .section_wrap .cont_wrap .cont_page.right .page_img {
    display: block;
    width: 22rem;
    height: 35rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotateY(-90deg);
    -webkit-transform: rotateY(-90deg);
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transition: transform 300ms ease-in-out;
    -webkit-transition: transform 300ms ease-in-out
}

section.card_intro.int02 .section_wrap .cont_wrap .cont_page.right .page_img.purple, section.card_benefit.int02 .section_wrap .cont_wrap .cont_page.right .page_img.purple, section.video_gallery.int02 .section_wrap .cont_wrap .cont_page.right .page_img.purple {
    background-image: url(../images/main/renew/img_intro_05_loko_purple.png);
    image-rendering: -webkit-optimize-contrast;
}

section.card_intro.int02 .section_wrap .cont_wrap .cont_page.right .page_img.mint, section.card_benefit.int02 .section_wrap .cont_wrap .cont_page.right .page_img.mint, section.video_gallery.int02 .section_wrap .cont_wrap .cont_page.right .page_img.mint {
    background-image: url(../images/main/renew/img_intro_05_loko_mint.png);
    image-rendering: -webkit-optimize-contrast;
}

section.card_intro.int02 .section_wrap .cont_wrap .cont_page.right .page_img.silver, section.card_benefit.int02 .section_wrap .cont_wrap .cont_page.right .page_img.silver, section.video_gallery.int02 .section_wrap .cont_wrap .cont_page.right .page_img.silver {
    background-image: url(../images/main/renew/img_intro_05_loko_silver.png);
    image-rendering: -webkit-optimize-contrast;
}

section.card_intro.int02 .section_wrap .cont_wrap .cont_page.right .page_img.gold, section.card_benefit.int02 .section_wrap .cont_wrap .cont_page.right .page_img.gold, section.video_gallery.int02 .section_wrap .cont_wrap .cont_page.right .page_img.gold {
    background-image: url(../images/main/renew/img_intro_05_loko_gold.png);
    image-rendering: -webkit-optimize-contrast;
}

section.card_intro.int02 .section_wrap .cont_wrap .cont_page.right .title_tag, section.card_benefit.int02 .section_wrap .cont_wrap .cont_page.right .title_tag, section.video_gallery.int02 .section_wrap .cont_wrap .cont_page.right .title_tag {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 14.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    margin-top: 1.5rem;
    background-color: #f7f5fd;
    border-radius: 50rem;
    color: #805ae9;
    font-size: 1.3rem;
    font-weight: 900;
    text-align: center;
    letter-spacing: -0.065rem;
    transform: rotate(0.04deg);
}

section.card_intro.int02 .section_wrap .cont_wrap .card_gold, section.card_intro.int02 .section_wrap .cont_wrap .card_silver, section.card_intro.int02 .section_wrap .cont_wrap .card_mint, section.card_intro.int02 .section_wrap .cont_wrap .card_purple, section.card_benefit.int02 .section_wrap .cont_wrap .card_gold, section.card_benefit.int02 .section_wrap .cont_wrap .card_silver, section.card_benefit.int02 .section_wrap .cont_wrap .card_mint, section.card_benefit.int02 .section_wrap .cont_wrap .card_purple, section.video_gallery.int02 .section_wrap .cont_wrap .card_gold, section.video_gallery.int02 .section_wrap .cont_wrap .card_silver, section.video_gallery.int02 .section_wrap .cont_wrap .card_mint, section.video_gallery.int02 .section_wrap .cont_wrap .card_purple {
    display: none;
    width: 100%
}

section.card_intro.int02 .section_wrap .cont_wrap .card_gold.active, section.card_intro.int02 .section_wrap .cont_wrap .card_silver.active, section.card_intro.int02 .section_wrap .cont_wrap .card_mint.active, section.card_intro.int02 .section_wrap .cont_wrap .card_purple.active, section.card_benefit.int02 .section_wrap .cont_wrap .card_gold.active, section.card_benefit.int02 .section_wrap .cont_wrap .card_silver.active, section.card_benefit.int02 .section_wrap .cont_wrap .card_mint.active, section.card_benefit.int02 .section_wrap .cont_wrap .card_purple.active, section.video_gallery.int02 .section_wrap .cont_wrap .card_gold.active, section.video_gallery.int02 .section_wrap .cont_wrap .card_silver.active, section.video_gallery.int02 .section_wrap .cont_wrap .card_mint.active, section.video_gallery.int02 .section_wrap .cont_wrap .card_purple.active {
    display: inline-flex
}

section.card_intro.int02 .section_wrap .cont_wrap .card_gold.active .cont_page.right, section.card_intro.int02 .section_wrap .cont_wrap .card_silver.active .cont_page.right, section.card_intro.int02 .section_wrap .cont_wrap .card_mint.active .cont_page.right, section.card_intro.int02 .section_wrap .cont_wrap .card_purple.active .cont_page.right, section.card_benefit.int02 .section_wrap .cont_wrap .card_gold.active .cont_page.right, section.card_benefit.int02 .section_wrap .cont_wrap .card_silver.active .cont_page.right, section.card_benefit.int02 .section_wrap .cont_wrap .card_mint.active .cont_page.right, section.card_benefit.int02 .section_wrap .cont_wrap .card_purple.active .cont_page.right, section.video_gallery.int02 .section_wrap .cont_wrap .card_gold.active .cont_page.right, section.video_gallery.int02 .section_wrap .cont_wrap .card_silver.active .cont_page.right, section.video_gallery.int02 .section_wrap .cont_wrap .card_mint.active .cont_page.right, section.video_gallery.int02 .section_wrap .cont_wrap .card_purple.active .cont_page.right {
    transform: perspective(1000);
    -webkit-transform: perspective(1000);
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d
}

section.card_intro.int02 .section_wrap .cont_wrap .card_gold.active .cont_page.right .page_img, section.card_intro.int02 .section_wrap .cont_wrap .card_silver.active .cont_page.right .page_img, section.card_intro.int02 .section_wrap .cont_wrap .card_mint.active .cont_page.right .page_img, section.card_intro.int02 .section_wrap .cont_wrap .card_purple.active .cont_page.right .page_img, section.card_benefit.int02 .section_wrap .cont_wrap .card_gold.active .cont_page.right .page_img, section.card_benefit.int02 .section_wrap .cont_wrap .card_silver.active .cont_page.right .page_img, section.card_benefit.int02 .section_wrap .cont_wrap .card_mint.active .cont_page.right .page_img, section.card_benefit.int02 .section_wrap .cont_wrap .card_purple.active .cont_page.right .page_img, section.video_gallery.int02 .section_wrap .cont_wrap .card_gold.active .cont_page.right .page_img, section.video_gallery.int02 .section_wrap .cont_wrap .card_silver.active .cont_page.right .page_img, section.video_gallery.int02 .section_wrap .cont_wrap .card_mint.active .cont_page.right .page_img, section.video_gallery.int02 .section_wrap .cont_wrap .card_purple.active .cont_page.right .page_img {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transition: transform 300ms ease-in-out;
    -webkit-transition: transform 300ms ease-in-out
}

section.card_intro.int02.card_benefit, section.card_benefit.int02.card_benefit, section.video_gallery.int02.card_benefit {
    /*padding-bottom: 20rem*/
}

section.card_intro.int02.card_benefit .section_wrap, section.card_benefit.int02.card_benefit .section_wrap, section.video_gallery.int02.card_benefit .section_wrap {
    justify-content: flex-start
}

section.card_intro.int02.card_benefit .section_wrap .cont_wrap, section.card_benefit.int02.card_benefit .section_wrap .cont_wrap, section.video_gallery.int02.card_benefit .section_wrap .cont_wrap {
    min-height: unset
}

section.card_intro.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap, section.card_benefit.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap, section.video_gallery.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: auto;
    max-width: 76rem
}

section.card_intro.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box, section.card_benefit.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box, section.video_gallery.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box {
    flex: 1 1 20%;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 24rem;
    height: 25rem;
    margin: 1rem;
    background-color: white;
    border: 1px solid #eeeeee;
    border-radius: 3rem
}

section.card_intro.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon, section.card_benefit.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon, section.video_gallery.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon {
    width: 10rem;
    height: 10rem;
    margin-bottom: 1.8rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

section.card_intro.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b01, section.card_benefit.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b01, section.video_gallery.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b01 {
    background-image: url(../images/main/renew/img_cofffebean.png);
    image-rendering: -webkit-optimize-contrast;
}

section.card_intro.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b02, section.card_benefit.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b02, section.video_gallery.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b02 {
    background-image: url(../images/main/renew/img_gs25.png);
    image-rendering: -webkit-optimize-contrast;
}

section.card_intro.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b03, section.card_benefit.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b03, section.video_gallery.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b03 {
    background-image: url(../images/main/renew/img_7eleven.png);
    image-rendering: -webkit-optimize-contrast;
}

section.card_intro.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b07, section.card_benefit.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b07, section.video_gallery.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b07 {
    background-image: url(../images/main/renew/benefit_CU.png);
    image-rendering: -webkit-optimize-contrast;
}

section.card_intro.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b04:before, section.card_benefit.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b04:before, section.video_gallery.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b04:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 20rem;
    background-color: #f7f5fd;
    z-index: 1
}

section.card_intro.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b04:after, section.card_benefit.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b04:after, section.video_gallery.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b04:after {
    content: '';
    display: inline-block;
    position: relative;
    width: 50%;
    height: 50%;
    top: -75%;
    left: 25%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/main/renew/ic-store.png);
    image-rendering: -webkit-optimize-contrast;
    z-index: 2
}

section.card_intro.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b05:before, section.card_benefit.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b05:before, section.video_gallery.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b05:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 20rem;
    background-color: #f7f5fd;
    z-index: 1
}

section.card_intro.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b05:after, section.card_benefit.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b05:after, section.video_gallery.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b05:after {
    content: '';
    display: inline-block;
    position: relative;
    width: 50%;
    height: 50%;
    top: -75%;
    left: 25%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/main/renew/ic-coin.png);
    image-rendering: -webkit-optimize-contrast;
    z-index: 2
}

section.card_intro.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b06:before, section.card_benefit.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b06:before, section.video_gallery.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b06:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 20rem;
    background-color: #f7f5fd;
    z-index: 1
}

section.card_intro.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b06:after, section.card_benefit.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b06:after, section.video_gallery.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b06:after {
    content: '';
    display: inline-block;
    position: relative;
    width: 50%;
    height: 50%;
    top: -75%;
    left: 25%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/main/renew/ic-card.png);
    image-rendering: -webkit-optimize-contrast;
    z-index: 2
}

section.card_intro.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b08:before, section.card_benefit.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b08:before, section.video_gallery.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b08:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 20rem;
    background-color: #f7f5fd;
    z-index: 1
}

section.card_intro.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b08:after, section.card_benefit.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b08:after, section.video_gallery.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .ben_icon.b08:after {
    content: '';
    display: inline-block;
    position: relative;
    width: 50%;
    height: 50%;
    top: -75%;
    left: 25%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/main/renew/benefit_0.1.png);
    image-rendering: -webkit-optimize-contrast;
    z-index: 2
}

section.card_intro.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .txt_wrap, section.card_benefit.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .txt_wrap, section.video_gallery.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .txt_wrap {
    text-align: center
}

section.card_intro.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .txt_wrap .txt_sub, section.card_benefit.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .txt_wrap .txt_sub, section.video_gallery.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .txt_wrap .txt_sub {
    font-size: 1.4rem;
    font-weight: 500;
    width: 100%;
    height: auto;
    min-height: 2rem;
    line-height: 2rem;
    letter-spacing: -0.07rem;
    transform: rotate(0.04deg);
}

section.card_intro.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .txt_wrap .txt_main, section.card_benefit.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .txt_wrap .txt_main, section.video_gallery.int02.card_benefit .section_wrap .cont_wrap.benefit_wrap .elem_box .txt_wrap .txt_main {
    font-size: 1.8rem;
    font-weight: 900;
    width: 100%;
    height: auto;
    min-height: 2.6rem;
    line-height: 2.6rem;
    color: #805ae9;
    letter-spacing: -0.09rem;
    transform: rotate(0.04deg);
}

section.card_intro.int02.card_benefit .section_wrap .title_btn:after, section.card_benefit.int02.card_benefit .section_wrap .title_btn:after, section.video_gallery.int02.card_benefit .section_wrap .title_btn:after {
    margin-left: 2rem
}

section.card_intro.int02.video_gallery, section.card_benefit.int02.video_gallery, section.video_gallery.int02.video_gallery {
    /*padding-bottom: 20rem*/
}

section.card_intro.int02.video_gallery .section_wrap, section.card_benefit.int02.video_gallery .section_wrap, section.video_gallery.int02.video_gallery .section_wrap {
    justify-content: flex-start
}

section.card_intro.int02.video_gallery .section_wrap .cont_wrap, section.card_benefit.int02.video_gallery .section_wrap .cont_wrap, section.video_gallery.int02.video_gallery .section_wrap .cont_wrap {
    min-height: unset
}

section.card_intro.int02.video_gallery .section_wrap .cont_wrap.video_wrap, section.card_benefit.int02.video_gallery .section_wrap .cont_wrap.video_wrap, section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: auto
}

section.card_intro.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box, section.card_benefit.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box, section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box {
    flex: 1 1 20%;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 35rem;
    height: 20rem;
    margin: 1rem;
    background-color: #f7f5fd
}

section.card_intro.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon, section.card_benefit.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon, section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon {
    width: 100%;
    height: 100%;
    background-position: center left;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: default
}

section.card_intro.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon:after, section.card_benefit.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon:after, section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(128, 90, 233, 0.5)
}

section.card_intro.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon:hover:after, section.card_benefit.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon:hover:after, section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon:hover:after {
    opacity: 1;
    transition: opacity 0.3s ease-in-out
}

section.card_intro.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g01, section.card_benefit.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g01, section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g01 {
    background-image: url(../images/main/renew/1_kona_tube.jpg);
    cursor: pointer
}

section.card_intro.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g02, section.card_benefit.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g02, section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g02 {
    background-image: url(../images/main/renew/2_kona_tube.jpg);
    cursor: pointer
}

section.card_intro.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g03, section.card_benefit.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g03, section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g03 {
    background-image: url(../images/main/renew/3_kona_tube.jpg);
    cursor: pointer
}

section.card_intro.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g04, section.card_benefit.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g04, section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g04 {
    background-image: url(../images/main/renew/4_kona_tube.jpg);
    cursor: pointer
}

section.card_intro.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g05, section.card_benefit.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g05, section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g05 {
    background-image: url(../images/main/renew/5_kona_tube.jpg);
    cursor: pointer
}

section.card_intro.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g06, section.card_benefit.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g06, section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g06 {
    background-image: url(../images/main/renew/6_kona_tube.jpg);
    cursor: pointer
}

section.card_intro.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g07, section.card_benefit.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g07, section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g07 {
    background-image: url(../images/main/renew/7_kona_tube.jpg);
    cursor: pointer
}

section.card_intro.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g08, section.card_benefit.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g08, section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g08 {
    background-image: url(../images/main/renew/8_kona_tube.jpg);
    cursor: pointer
}

section.card_intro.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g09, section.card_benefit.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g09, section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g09 {
    background-image: url(../images/main/renew/9_kona_tube.jpg);
    cursor: pointer
}

section.card_intro.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g10, section.card_benefit.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g10, section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g10 {
    background-image: url(../images/main/renew/10_kona_tube.jpg);
    cursor: pointer
}

section.card_intro.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g11, section.card_benefit.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g11, section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g11 {
    background-image: url(../images/main/renew/11_kona_tube.jpg);
    cursor: pointer
}

section.card_intro.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g11, section.card_benefit.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g11, section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g12 {
    background-image: url(../images/main/renew/12_kona_tube.jpg);
    cursor: pointer
}

section.card_intro.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g11, section.card_benefit.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g11, section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box .gal_icon.g13 {
    background-image: url(../images/main/renew/13_kona_tube.png);
    cursor: pointer
}

section.card_intro.int02.video_gallery .section_wrap .title_btn:after, section.card_benefit.int02.video_gallery .section_wrap .title_btn:after, section.video_gallery.int02.video_gallery .section_wrap .title_btn:after {
    margin-left: 8rem
}

section.card_intro.int03, section.card_benefit.int03, section.video_gallery.int03 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    height: auto;
    background: #f7f5fd
}

section.card_intro.int03 .section_wrap, section.card_benefit.int03 .section_wrap, section.video_gallery.int03 .section_wrap {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: calc(100% - 48rem)
}

section.card_intro.int03 .section_wrap .title_wrap, section.card_benefit.int03 .section_wrap .title_wrap, section.video_gallery.int03 .section_wrap .title_wrap {
    width: 100%;
    text-align: center
}

section.card_intro.int03 .section_wrap .title_wrap .title_main, section.card_benefit.int03 .section_wrap .title_wrap .title_main, section.video_gallery.int03 .section_wrap .title_wrap .title_main {
    font-size: 4.5rem;
    font-weight: 900;
    line-height: 8rem;
    letter-spacing: -0.225rem;
    color: black;
    margin: 10rem 0 0.5rem
}

section.card_intro.int03 .section_wrap .title_wrap .title_sub, section.card_benefit.int03 .section_wrap .title_wrap .title_sub, section.video_gallery.int03 .section_wrap .title_wrap .title_sub {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: -0.08rem;
    color: #666666;
    transform: rotate(0.04deg)
}

section.card_intro.int03 .section_wrap .cont_wrap, section.card_benefit.int03 .section_wrap .cont_wrap, section.video_gallery.int03 .section_wrap .cont_wrap {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(100% - 44rem);
    height: auto;
    padding: 0 22rem
}

section.card_intro.int03 .section_wrap .cont_wrap .elem_box, section.card_benefit.int03 .section_wrap .cont_wrap .elem_box, section.video_gallery.int03 .section_wrap .cont_wrap .elem_box {
    position: relative;
    display: inline-flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 10rem;
    padding: 7rem 9rem;
    margin-bottom: 3rem;
    border-radius: 3rem;
    background-color: white;
    box-shadow: 0 0 2rem rgba(228, 219, 255, 0.3);
    z-index: 2;
}

section.card_intro.int03 .section_wrap .cont_wrap:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 120rem;
    top: 40rem;
    left: 31.6rem;
    border-right: 1px solid #d6c9fc;
}

section.card_intro.int03 .section_wrap .cont_wrap .elem_box:first-child, section.card_benefit.int03 .section_wrap .cont_wrap .elem_box:first-child, section.video_gallery.int03 .section_wrap .cont_wrap .elem_box:first-child {
    margin-top: 5rem
}

section.card_intro.int03 .section_wrap .cont_wrap .elem_box .num_icon, section.card_benefit.int03 .section_wrap .cont_wrap .elem_box .num_icon, section.video_gallery.int03 .section_wrap .cont_wrap .elem_box .num_icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 35rem;
    background-color: #805ae9;
    color: white;
    font-size: 1.6rem;
    letter-spacing: -0.08rem;
    text-align: center
}

section.card_intro.int03 .section_wrap .cont_wrap .elem_box .num_icon.n01:after, section.card_benefit.int03 .section_wrap .cont_wrap .elem_box .num_icon.n01:after, section.video_gallery.int03 .section_wrap .cont_wrap .elem_box .num_icon.n01:after {
    content: '1'
}

section.card_intro.int03 .section_wrap .cont_wrap .elem_box .num_icon.n02:after, section.card_benefit.int03 .section_wrap .cont_wrap .elem_box .num_icon.n02:after, section.video_gallery.int03 .section_wrap .cont_wrap .elem_box .num_icon.n02:after {
    content: '2'
}

section.card_intro.int03 .section_wrap .cont_wrap .elem_box .num_icon.n03:after, section.card_benefit.int03 .section_wrap .cont_wrap .elem_box .num_icon.n03:after, section.video_gallery.int03 .section_wrap .cont_wrap .elem_box .num_icon.n03:after {
    content: '3'
}

section.card_intro.int03 .section_wrap .cont_wrap .elem_box .num_icon.n04:after, section.card_benefit.int03 .section_wrap .cont_wrap .elem_box .num_icon.n04:after, section.video_gallery.int03 .section_wrap .cont_wrap .elem_box .num_icon.n04:after {
    content: '4'
}

section.card_intro.int03 .section_wrap .cont_wrap .elem_box .num_icon.n05:after, section.card_benefit.int03 .section_wrap .cont_wrap .elem_box .num_icon.n05:after, section.video_gallery.int03 .section_wrap .cont_wrap .elem_box .num_icon.n05:after {
    content: '5'
}

section.card_intro.int03 .section_wrap .cont_wrap .elem_box .txt_wrap, section.card_benefit.int03 .section_wrap .cont_wrap .elem_box .txt_wrap, section.video_gallery.int03 .section_wrap .cont_wrap .elem_box .txt_wrap {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: calc(100% - 21.5rem);
    height: 100%;
    padding: 0 4rem
}

section.card_intro.int03 .section_wrap .cont_wrap .elem_box .txt_wrap .txt_main, section.card_benefit.int03 .section_wrap .cont_wrap .elem_box .txt_wrap .txt_main, section.video_gallery.int03 .section_wrap .cont_wrap .elem_box .txt_wrap .txt_main {
    font-size: 2rem;
    font-weight: 900;
    line-height: 3rem;
    letter-spacing: -0.1rem;
    color: black
}

section.card_intro.int03 .section_wrap .cont_wrap .elem_box .txt_wrap .txt_sub, section.card_benefit.int03 .section_wrap .cont_wrap .elem_box .txt_wrap .txt_sub, section.video_gallery.int03 .section_wrap .cont_wrap .elem_box .txt_wrap .txt_sub {
    margin-top: 0.5rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.1rem;
    color: #666666
}

section.card_intro.int03 .section_wrap .cont_wrap .elem_box .txt_wrap .txt_detail, section.card_benefit.int03 .section_wrap .cont_wrap .elem_box .txt_wrap .txt_detail, section.video_gallery.int03 .section_wrap .cont_wrap .elem_box .txt_wrap .txt_detail {
    width: auto;
    height: auto;
    padding: 0.8rem 1.5rem;
    margin-top: 1.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.065rem;
    color: #805ae9;
    background-color: #f7f5fd;
    border-radius: 1rem;
    transform: rotate(0.04deg)
}

section.card_intro.int03 .section_wrap .cont_wrap .elem_box .txt_wrap .txt_detail.no_color, section.card_benefit.int03 .section_wrap .cont_wrap .elem_box .txt_wrap .txt_detail.no_color, section.video_gallery.int03 .section_wrap .cont_wrap .elem_box .txt_wrap .txt_detail.no_color {
    color: #666666;
    background-color: #fbfbfb
}

section.card_intro.int03 .section_wrap .cont_wrap .elem_box .txt_icon, section.card_benefit.int03 .section_wrap .cont_wrap .elem_box .txt_icon, section.video_gallery.int03 .section_wrap .cont_wrap .elem_box .txt_icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 10rem;
    height: 10rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

section.card_intro.int03 .section_wrap .cont_wrap .elem_box .txt_icon.t01, section.card_benefit.int03 .section_wrap .cont_wrap .elem_box .txt_icon.t01, section.video_gallery.int03 .section_wrap .cont_wrap .elem_box .txt_icon.t01 {
    background-image: url(../images/main/renew/img-card-info-01.png);
    image-rendering: -webkit-optimize-contrast;
}

section.card_intro.int03 .section_wrap .cont_wrap .elem_box .txt_icon.t02, section.card_benefit.int03 .section_wrap .cont_wrap .elem_box .txt_icon.t02, section.video_gallery.int03 .section_wrap .cont_wrap .elem_box .txt_icon.t02 {
    background-image: url(../images/main/renew/img-card-info-02.png);
    image-rendering: -webkit-optimize-contrast;
}

section.card_intro.int03 .section_wrap .cont_wrap .elem_box .txt_icon.t03, section.card_benefit.int03 .section_wrap .cont_wrap .elem_box .txt_icon.t03, section.video_gallery.int03 .section_wrap .cont_wrap .elem_box .txt_icon.t03 {
    background-image: url(../images/main/renew/img-card-info-03.png);
    image-rendering: -webkit-optimize-contrast;
}

section.card_intro.int03 .section_wrap .cont_wrap .elem_box .txt_icon.t04, section.card_benefit.int03 .section_wrap .cont_wrap .elem_box .txt_icon.t04, section.video_gallery.int03 .section_wrap .cont_wrap .elem_box .txt_icon.t04 {
    background-image: url(../images/main/renew/img-card-info-04.png);
    image-rendering: -webkit-optimize-contrast;
}

section.card_intro.int03 .section_wrap .cont_wrap .elem_box .txt_icon.t05, section.card_benefit.int03 .section_wrap .cont_wrap .elem_box .txt_icon.t05, section.video_gallery.int03 .section_wrap .cont_wrap .elem_box .txt_icon.t05 {
    background-image: url(../images/main/renew/img-card-info-05.png);
    image-rendering: -webkit-optimize-contrast;
}

section .title_btn {
    display: inline-flex;
    justify-content: space-around;
    width: 20.3rem;
    height: 2rem;
    padding: 1.7rem 2rem;
    margin: 8rem 0 20rem;
    font-size: 1.8rem;
    font-weight: 200;
    letter-spacing: -0.15rem;
    border-radius: 1.5rem;
    background-color: #805ae9;
    color: white;
    cursor: pointer
}

section .title_btn:after {
    content: '';
    display: block;
    position: relative;
    width: 1.4rem;
    height: 2rem;
    margin-left: 6rem;
    background-image: url(../images/main/renew/ic_arrow.png);
    image-rendering: -webkit-optimize-contrast;
    background-position: center right;
    background-size: 60%;
    background-repeat: no-repeat
}

section.section99 {
    display: inline-flex;
    justify-content: center;
    position: relative;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 16.4rem;
    margin: 0 auto;
    background: #f0f0f0;
    /* background: #5b2ae2 */
}

section.section99 .sec99 {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 12rem);
    max-width: 124rem;
    height: 100%;
    padding: 0 6rem;
    z-index: 3
}

@media (hover: hover) and (max-width: 299px) {
    html {
        font-size: 4px
    }
}

@media (hover: hover) and (min-width: 300px) and (max-width: 359px) {
    html {
        font-size: 5px
    }
}

@media (hover: hover) and (min-width: 360px) and (max-width: 399px) {
    html {
        font-size: 6px
    }
}

@media (hover: hover) and (min-width: 400px) and (max-width: 449px) {
    html {
        font-size: 7px
    }
}

@media (hover: hover) and (min-width: 450px) and (max-width: 759px) {
    html {
        font-size: 8px
    }
}

@media (hover: hover) and (min-width: 760px) and (max-width: 1000px) {
    html {
        font-size: 9px
    }
}

@media (hover: hover) and (min-width: 1001px) and (max-width: 1920px) {
    html {
        font-size: 10px
    }
}

@media (hover: hover) and (min-width: 1921px) {
    html {
        font-size: 11px
    }
}

@media (hover: none) and (max-width: 199px) {
    html {
        font-size: 2px
    }
}

@media (hover: none) and (min-width: 200px) and (max-width: 249px) {
    html {
        font-size: 2.5px
    }
}

@media (hover: none) and (min-width: 250px) and (max-width: 299px) {
    html {
        font-size: 3px
    }
}

@media (hover: none) and (min-width: 300px) and (max-width: 359px) {
    html {
        font-size: 3.5px
    }
}

@media (hover: none) and (min-width: 360px) and (max-width: 399px) {
    html {
        font-size: 4px
    }
}

@media (hover: none) and (min-width: 400px) and (max-width: 449px) {
    html {
        font-size: 4.5px
    }
}

@media (hover: none) and (min-width: 450px) {
    html {
        font-size: 5px
    }
}

@media (hover: hover) and (max-width: 999px){
    section.card_intro.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box, section.card_benefit.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box, section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box{
        flex: 1 1 40% !important;
    }
    /*section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box:nth-last-child(1), section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box:nth-last-child(2){*/
    /*    display: none !important;*/
    /*}*/
    section.card_intro.int01 .section_wrap, section.card_benefit.int01 .section_wrap, section.video_gallery.int01 .section_wrap{
        min-width: calc(100% - 28rem) !important;
    }
    section.video_gallery.int02 .section_wrap {
        width: auto !important;
    }
    section.card_intro.int03 .section_wrap .cont_wrap:before{
        left: 23.6rem !important;
    }
}

@media (hover: hover) and (min-width: 1000px) and (max-width: 1240px){
    section.card_intro.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box, section.card_benefit.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box, section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box{
        flex: 1 1 40% !important;
    }
    /*section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box:nth-last-child(1), section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box:nth-last-child(2){*/
    /*    display: none !important;*/
    /*}*/
    section.card_intro.int01 .section_wrap, section.card_benefit.int01 .section_wrap, section.video_gallery.int01 .section_wrap{
        min-width: calc(100% - 32rem) !important;
    }
    section.video_gallery.int02 .section_wrap {
        width: calc(100% - 20rem) !important;
    }
    section.card_intro.int03 .section_wrap .cont_wrap:before{
        left: 23.6rem !important;
    }
}

@media (hover: hover) and (min-width: 1241px) and (max-width: 1399px){
    section.card_intro.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box, section.card_benefit.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box, section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box{
        flex: 1 1 30% !important;
    }
    /*section.video_gallery.int02.video_gallery .section_wrap .cont_wrap.video_wrap .elem_box:nth-last-child(1){*/
    /*    display: none !important;*/
    /*}*/
    section.video_gallery.int02 .section_wrap {
        width: calc(100% - 40rem) !important;
    }
    section.card_intro.int03 .section_wrap .cont_wrap:before{
        left: calc(53.4% - 43rem) !important;
    }
}

@media (hover: hover) and (min-width: 1400px) and (max-width: 1720px){
    section.card_intro.int03 .section_wrap .cont_wrap:before {
        content: '';
        left: calc(53.4% - 44rem) !important;
    }
}

@media (hover: hover) and (min-width: 1721px){
    section.card_intro.int03 .section_wrap .cont_wrap:before {
        content: '';
        left: 47.6rem !important;
    }
}

@-webkit-keyframes floatingMotion {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    40% {
        -webkit-transform: translateY(1.5rem);
        transform: translateY(1.5rem);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes floatingMotion {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    40% {
        -webkit-transform: translateY(1.5rem);
        transform: translateY(1.5rem);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

/*# sourceMappingURL=style_page.css.map */