html { scroll-behavior: smooth; }

.event-on { display: block !important; }

.event-off { display: none !important; }

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

.pixelated { -ms-interpolation-mode: nearest-neighbor; image-rendering: -webkit-optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering: -o-pixelated; image-rendering: pixelated; }

.header { position: fixed; top: 0; left: 0; right: 0; z-index: 500; -webkit-transition: top 0.3s ease; transition: top 0.3s ease; }

.header:after { content: ""; display: block; position: absolute; width: 100%; height: 100vh; display: none; top: 0; background-color: rgba(0, 0, 0, 0.35); opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; z-index: -1; }

.header .inner-content { max-width: 100%; margin: 0 40px; }

.header:not(.active).hide { top: -80px; -webkit-transition: top 0.3s; transition: top 0.3s; }

.header.active:after { display: block; opacity: 1; }

.header.active.top .menu .logo { background-position: center top; }
.header.active.top .menu2 .logo { background-position: center top; }

.header.active.top .menu .ico-menu:before, .header.active.top .menu .ico-menu:after { background-color: #222222; }

.header.active .menu .ico-menu:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: auto; }

.header.active .menu .ico-menu:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); bottom: auto; }

.header.active .menu .ico-menu:hover:before, .header.active .menu .ico-menu:hover:after { width: 100%; height: 2px; }

.header.active .gnb-wrap { right: 0; -webkit-box-shadow: 0 0 10rem rgba(0, 0, 0, 0.35); box-shadow: 0 0 10rem rgba(0, 0, 0, 0.35); }

.header.top { background-color: transparent; }

.header.top .inner-content { background-color: transparent; }

.header.top.active { background-color: transparent; }

.header.top.active .gnb-wrap { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ overflow-y: scroll; overscroll-behavior: contain; }

.header.top.active .gnb-wrap::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ }

.header.top .menu .logo { background-position: center bottom; }
.header.top .menu2 .logo { background-position: center bottom; }

.header.top .menu .ico-menu:before, .header.top .menu .ico-menu:after { background-color: #ffffff; }

.header.scrolled { background-color: #ffffff; -webkit-transition: background 0.3s cubic-bezier(0.57, 0.4, 0.46, 0.64); transition: background 0.3s cubic-bezier(0.57, 0.4, 0.46, 0.64); }

.header.scrolled.active { background-color: transparent; }

.header .menu { display: -webkit-box; display: -ms-flexbox; display: flex; -moz-justify-content: space-between; -ms-justify-content: space-between; -webkit-box-pack: justify; justify-content: space-between; -ms-flex-pack: space-between; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 80px; }
.header .menu2 { display: -webkit-box; display: -ms-flexbox; display: flex; -moz-justify-content: space-between; -ms-justify-content: space-between; -webkit-box-pack: justify; justify-content: space-between; -ms-flex-pack: space-between; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 80px; }

.header .menu .logo { width: 126px; height: 23px; font: 0/0 all; color: transparent; background-image: url("../images/common/re_logo_sp.png"); background-repeat: no-repeat; background-position: center top; background-size: cover; }
.header .menu2 .logo { width: 126px; height: 23px; font: 0/0 all; color: transparent; background-image: url("../images/common/re_logo_sp.png"); background-repeat: no-repeat; background-position: center top; background-size: cover; }

.header .menu .logo a { display: block; height: 100%; }
.header .menu2 .logo a { display: block; height: 100%; }

.header .menu .ico-menu { position: relative; width: 24px; height: 24px; font: 0/0 all; color: transparent; padding: 0; z-index: 10; }

.header .menu .ico-menu:before, .header .menu .ico-menu:after { content: ""; display: block; position: absolute; width: 100%; height: 2px; background-color: #222222; -webkit-transition: all 0.3s; transition: all 0.3s; }

.header .menu .ico-menu:hover:before { width: 80%; height: 2px; right: 0; background-color: #920783; }

.header .menu .ico-menu:hover:after { background-color: #f08300; }

.header .menu .ico-menu:before { top: 7px; }

.header .menu .ico-menu:after { bottom: 7px; }

.header .gnb-wrap { position: fixed; width: 575px; height: 100vh; top: 0; right: -575px; -webkit-transition: right 0.3s cubic-bezier(0.57, 0.4, 0.46, 0.64); transition: right 0.3s cubic-bezier(0.57, 0.4, 0.46, 0.64); background-color: #ffffff; padding: 80px 0 0; overflow: hidden; z-index: 1; }

.header .gnb-wrap .gnb { display: -webkit-box; display: -ms-flexbox; display: flex; -moz-justify-content: center; -ms-justify-content: center; -webkit-box-pack: center; justify-content: center; -ms-flex-pack: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.header .gnb-wrap .gnb .dep1 { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; -moz-align-items: flex-start; -ms-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 18px; font-weight: bold; letter-spacing: -0.5px; }

.header .gnb-wrap .gnb .dep1[data-toggle="false"] > a { cursor: default; cursor: pointer; }

.header .gnb-wrap .gnb .dep1[data-toggle="false"] > a:hover { color: #920783; }

.header .gnb-wrap .gnb .dep1[data-toggle="false"] > a:after { display: none; }

.header .gnb-wrap .gnb .dep1 > a { display: block; position: relative; width: 100%; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; margin: 0 40px; padding: 38px 0 20px; }

.header .gnb-wrap .gnb .dep1 > a:after { content: ""; display: block; position: absolute; width: 16px; height: 9px; bottom: 0; top: 0; right: 0; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; background-image: url("../images/common/icon/ico_menu_arr.png"); background-size: 100%; background-repeat: no-repeat; margin: auto; }

.header .gnb-wrap .gnb .dep1.active > a:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.header .gnb-wrap .gnb .dep1:after { content: ""; display: block; }

.header .gnb-wrap .gnb .dep1 .dep2 { display: block; width: 100%; font-family: "NotoSans-R"; font-weight: normal; color: #333333; -webkit-transition: height 0.3s ease; transition: height 0.3s ease; background-color: #f9f9f9; padding: 30px 40px; overflow: hidden; transition: height 0.3s ease; }

.header .gnb-wrap .gnb .dep1 .dep2 li { display: block; position: relative; padding: 0 20px; }

.header .gnb-wrap .gnb .dep1 .dep2 li:after { content: ""; display: block; position: absolute; width: 3px; height: 3px; top: 0; bottom: 0; left: 10px; border-radius: 100%; background-color: #920783; margin: auto; }

.header .gnb-wrap .gnb .dep1 .dep2 li:not(:last-child) { margin-bottom: 20px; }

.header .gnb-wrap .gnb .dep1 .dep2 li a { display: block; }

.header .gnb-wrap .gnb .dep1 .dep2 li a:hover { color: #920783; }

.footer { position: relative; font-family: "NotoSans-L"; font-size: 13px; color: #cecdcb; letter-spacing: -0.2px; background-color: #32312f; padding: 35px 0 45px; }

.footer .inner-content { position: relative; }

.footer .family { position: absolute; width: 280px; top: -5px; right: 0; }

.footer .family.active .site-txt, .footer .family.active .family-list { color: #ffffff; }

.footer .family.active .site-txt { border-color: #ffffff; }

.footer .family.active .site-txt:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.footer .family.active .family-list { height: auto; padding: 15px; }

.footer .family .site-txt { display: block; position: relative; color: #cecdcb; letter-spacing: -1px; border-bottom: 1px solid; padding: 0 0 10px 0; }

.footer .family .site-txt:before { content: ""; display: block; position: absolute; width: 12px; height: 12px; right: 0; background-image: url("../images/common/icon/ico_family.png"); background-repeat: no-repeat; background-size: cover; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }

.footer .family .family-list { position: relative; width: 100%; height: 0; padding: 0; background: #32312f; z-index: 10; overflow: hidden; }

.footer .family .family-list li { margin-top: 15px; }

.footer .family .family-list li:first-child { margin-top: 0; }

.footer .terms { display: -webkit-box; display: -ms-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 8px; width: 40%; margin-top: 0; margin-bottom: 10px; }

.footer .terms li { position: relative; letter-spacing: -1px; margin-right: 20px; }

.footer .terms li:before { content: ""; display: block; position: absolute; width: 1px; height: 15px; top: 50%; right: -11px; background-color: #ffffff; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.footer .terms li:first-child { font-weight: bold; }

.footer .terms li:last-child:before, footer .terms li:nth-child(3):before { display: none; }

.footer .mail { display: inline-block; position: relative; top: 23px; border: 1px solid; border-radius: 30px; background-color: #4d4d4d; padding: 6px 10px 6px 25px; }

.footer .mail:before { content: ""; display: block; position: absolute; width: 11px; height: 9px; top: 0; left: 10px; bottom: 0; margin: auto; background-image: url("../images/common/icon/ico_mail.png"); background-repeat: no-repeat; background-size: cover; }

.footer .copy { display: block; margin-top: 45px; }

.footer .etc { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.footer .etc li { position: relative; margin: 25px 22px 0 0; }

.footer .etc li:first-child:before { display: none; }

.footer .etc li:before { content: ""; display: block; position: absolute; width: 1px; height: 15px; top: 50%; left: -11px; background-color: #ffffff; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

::-moz-selection { background: rgba(240, 130, 0, 0.9); color: #fff; }

::selection { background: rgba(240, 130, 0, 0.9); color: #fff; }

::-moz-selection { background: rgba(240, 130, 0, 0.9); color: #fff; }

.color-pup { color: #91268f !important; }

.color-orn { color: #f08200 !important; }

.bg-baige { background-color: #fffaf4; }

.bg-gray { background-color: #f9f9f9; }

.bg-gray2 { background-color: #efefef; }

.bg-sky { background-color: #6fbbd3; }

.bg-white { background-color: #ffffff; }

.round-box { border-radius: 0 200px; padding: 120px 0; }

.round-box.lt { border-radius: 200px 0 0 0; }

.round-box.rt { border-radius: 0 200px 0 0; }

.round-box.lb { border-radius: 0 0 0 200px; }

.content-tit-area { text-align: center; }

.content-tit-area .tit { font-size: 40px; font-family: tmoney-R; font-weight: bold; letter-spacing: -1px; }

.content-tit-area .tit span { display: inline-block; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.3s 0s, -webkit-transform 0.3s 0s; transition: opacity 0.3s 0s, -webkit-transform 0.3s 0s; transition: opacity 0.3s 0s, transform 0.3s 0s; transition: opacity 0.3s 0s, transform 0.3s 0s, -webkit-transform 0.3s 0s; opacity: 0; }

.content-tit-area .desc { font-size: 18px; letter-spacing: -0.5px; margin-top: 15px; }

.content-tit-area .logo-wrap { width: 275px; height: 49px; margin: 0 auto; margin-top: 30px; }

.content-tit-area .logo-wrap img { width: 100%; }

.sub-content-tit-area .ico { display: inline-block; min-height: 30px; }

.sub-content-tit-area .tit { font-size: 40px; font-family: tmoney-B; letter-spacing: -1px; margin-top: 24px; }

.sub-content-tit-area .desc { font-size: 18px; letter-spacing: -0.45px; margin-top: 39px; }

.info-msg { display: inline-block; color: #333333; font-size: 18px; line-height: 40px; letter-spacing: -0.45px; border-radius: 50px; background-color: #ececec; padding: 0 45px; margin-top: 100px; }

.btn-def { display: -webkit-inline-box; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -moz-justify-content: space-between; -ms-justify-content: space-between; -webkit-box-pack: justify; justify-content: space-between; -ms-flex-pack: space-between; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 165px; height: 50px; line-height: 50px; border: 1px solid #cccccc; border-radius: 5px; background-color: #ffffff; padding: 0 15px; margin-top: 25px; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; }

.btn-def span { display: inline-block; font-size: 15px; }

.btn-def .ico-arr { display: inline-block; position: relative; background-image: url("../images/common/icon/ico_arr_sp.png"); background-repeat: no-repeat; background-size: cover; background-position: center top; width: 20px; height: 16px; width: 14px; height: 11px; font: 0/0 all; color: transparent; }

.btn-def .ico-list { display: inline-block; position: relative; background-image: url("../images/common/icon/ico_list_sp.png"); background-repeat: no-repeat; background-size: cover; background-position: center top; width: 20px; height: 14px; width: 14px; height: 9px; font: 0/0 all; color: transparent; }

.btn-def.disabled { background-color: #ececec; -webkit-transition: none; transition: none; cursor: default; }

.btn-def:hover:not(.disabled) { color: #ffffff; border-color: #920783; background-color: #920783; -webkit-box-shadow: inset 0 0 5px #992b97; box-shadow: inset 0 0 5px #992b97; }

.btn-def:hover:not(.disabled) .ico-arr { background-position: center bottom; }

.btn-def:hover:not(.disabled) .ico-list { background-position: center bottom; }

@-webkit-keyframes animate { 0% { width: 0;
    height: 0;
    opacity: 0.2; }
  100% { width: 500px;
    height: 500px;
    opacity: 0; } }

@keyframes animate { 0% { width: 0;
    height: 0;
    opacity: 0.2; }
  100% { width: 500px;
    height: 500px;
    opacity: 0; } }

.highlight { display: inline-block; position: relative; }

.highlight:before { content: ""; display: block; position: absolute; width: 100%; height: 0.5em; bottom: 0.1em; background-color: rgba(22, 65, 78, 0.2); z-index: -1; z-index: 1; }

.highlight.type1:before { background-color: rgba(65, 178, 127, 0.2); }

.highlight.type2:before { background-color: rgba(244, 199, 11, 0.2); }

.ico-hide { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-justify-content: center; -ms-justify-content: center; -webkit-box-pack: center; justify-content: center; -ms-flex-pack: center; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -moz-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 200px; height: 200px; top: 0; left: 0; right: 0; bottom: 0; text-align: center; background-color: rgba(240, 131, 0, 0.8); border-radius: 100%; margin: auto; }

.ico-hide i { display: inline-block; width: 44px; height: 46px; background-image: url("../images/common/icon/ico_prepare.png"); background-repeat: no-repeat; background-size: contain; }

.ico-hide span { display: inline-block; width: 100%; font-size: 22px; color: #ffffff; letter-spacing: -1px; margin-top: 15px; }

.ico-step { display: inline-block; width: 56px; height: 56px; font-family: tmoney-B; font-size: 28px; line-height: 56px; letter-spacing: -2px; text-align: center; color: #ffffff; border-radius: 100%; background-color: #16414e; }

.ico-step.type1 { background-color: #41b27f; }

.ico-step.type2 { background-color: #f4c70b; }

.ico-step.type3 { background-color: #39b0e6; }

.ico-step.type4 { background-color: #c669bc; }

.ico-step.type5 { background-color: #0732fb; }

.item-list .img-area .img-wrap { position: relative; }

.item-list .img-area img { width: 100%; }

.item-list.type1 { display: -webkit-box; display: -ms-flexbox; display: flex; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -webkit-box-pack: start; justify-content: flex-start; -ms-flex-pack: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.item-list.type1 .item { width: 33.33%; padding: 0 15px; }

.item-list.type2 { position: relative; }

.item-list.type2 .item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 200px; }

.item-list.type2 .item .txt-area, .item-list.type2 .item .img-area { width: 50%; }

.item-list.type2 .item .txt-area { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; padding-left: 50px; margin: auto 0; }

.item-list.type2 .item .img-area { display: -webkit-box; display: -ms-flexbox; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.item-list.type2 .item:nth-child(2n) .txt-area { padding-left: 110px; }

.item-list.type2 .item:nth-child(2n-1) { -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; }

.item-list.type2 .item:nth-child(2n-1) .txt-area { padding-left: 117px; }

.item-list.type2 .item:last-child { margin-bottom: 0; }

.item-list.type3 { position: relative; }

.item-list.type3 .item { display: -webkit-box; display: -ms-flexbox; display: flex; }

.item-list.type3 .item .txt-area, .item-list.type3 .item .img-area { width: 50%; }

.item-list.type3 .item .txt-area { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-align-content: center; -ms-flex-line-pack: center; align-content: center; text-align: left; margin: auto 0; }

.item-list.type3 .item .txt-area .tit { width: 100%; font-weight: bold; letter-spacing: -3px; color: #222222; margin-top: 20px; }

.item-list.type3 .item .txt-area .desc { letter-spacing: -1.5px; line-height: 1.5; color: #333333; margin-top: 30px; }

.item-list.type3 .item .txt-area .desc p + p { margin-top: 15px; }

.item-list.type3 .item:nth-child(2n) .txt-area { padding-left: 102px; }

.item-list.type3 .item:nth-child(2n-1) { -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; }

.item-list.type3 .item:nth-child(2n-1) .txt-area { padding-left: 117px; }

.item-list.type3 .item:last-child { margin-bottom: 0; }

.item-list.type4 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; }

.item-list.type5 { margin-top: 160px; }

.item-list.type5 .item .img-section { margin-top: 100px; display: flex; flex-wrap: wrap; }

.item-list.type5 .item .img-section .img-area { width: calc(50% - 15px); margin: 80px 0 0 30px; }

.item-list.type5 .item .img-section .img-area:nth-child(odd) { margin-left: 0; }

.item-list.type5 .item .img-section .img-area:first-child,
.item-list.type5 .item .img-section .img-area:nth-child(2) { margin-top: 0; }

.item-list.type5 .item .img-section .img-area .tex-area { margin-top: 30px; text-align: left; }

.quick-wrap { position: fixed; bottom: 40px; right: 40px; opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; z-index: 100; }

.quick-wrap a { display: block; height: 100%; }

.quick-wrap .go-top { width: 50px; height: 50px; background-image: url("../images/common/go_top.png"); background-position: center left; background-repeat: no-repeat; background-size: cover; }

.quick-wrap .go-top:hover { background-position: center right; }

.quick-wrap.quick-abs { position: absolute; top: -108px; bottom: auto; }

.quick-wrap.active { bottom: 40px; }

.quick-wrap.active.quick-abs { bottom: auto; }

.quick-wrap.top { opacity: 0; }

.go-app-wrap { position: fixed; bottom: 0; left: 0; right: 0; z-index: 200; -webkit-transform: translateY(108px); transform: translateY(108px); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; opacity: 0; visibility: hidden; }

.go-app-wrap .go-app a { display: block; height: 108px; font-size: 30px; font-weight: bold; text-align: center; line-height: 108px; color: #ffffff; background-color: #920783; }

.go-app-wrap.active { -webkit-transform: translateY(0px); transform: translateY(0px); }

.on .content-tit-area .tit span { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.on .content-tit-area .tit span:nth-child(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

.on .content-tit-area .tit span:nth-child(3) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }

@media all and (max-width: 1200px) { .inner-content { margin: 0 4vw; }
  .ico-hide { -webkit-transform: scale(0.8); transform: scale(0.8); }
  .round-box { border-radius: 0 100px; }
  .round-box.lt { border-radius: 100px 0 0 0; }
  .round-box.rt { border-radius: 0 100px 0 0; }
  .round-box.lb { border-radius: 0 0 0 100px; }
  .content-tit-area .tit { font-size: 36px; }
  .content-tit-area .desc { font-size: 16px; }
  .item-list.type1 { margin: 0 -5px; }
  .item-list.type1 .item { padding: 0 5px; }
  .item-list.type2 .item:nth-child(2n) .txt-area { padding-left: 50px; }
  .item-list.type2 .item:nth-child(2n-1) .txt-area { padding-left: 30px; }
  .item-list.type3 .item:nth-child(2n) .txt-area { padding-left: 60px; }
  .item-list.type3 .item:nth-child(2n-1) .txt-area { padding-left: 50px; } }

@media all and (max-width: 920px) { .header .gnb-wrap { width: 500px; }
  .footer .family { position: relative; top: 0; right: auto; width: auto; }
  .footer .terms { width: auto; margin-top: 20px; row-gap: 5px; }
  .footer .mail { position: relative; top: 20px; left: 0; }
  .footer .etc li:last-child:before { display: none; }
  .inner-content { margin: 0 3vw; }
  .ico-step { width: 45px; height: 45px; font-size: 23px; line-height: 45px; }
  .ico-hide { -webkit-transform: scale(0.6); transform: scale(0.6); }
  .item-list.type2 .item { margin-bottom: 100px; }
  .item-list.type2 .item:nth-child(2n) .txt-area { padding-left: 40px; }
  .item-list.type3 .item:nth-child(2n) .txt-area { padding-left: 50px; }
  .item-list.type3 .item:nth-child(2n-1) .txt-area { padding-left: 40px; } }

@media all and (max-width: 720px) { .header .inner-content { margin: 0 5.5556vw; }
  .header:not(.active).hide { top: -16.6667vw; }
  .header.active .menu .ico-menu:hover:before, .header.active .menu .ico-menu:hover:after { width: 100%; height: 0.4167vw; }
  
  .header .menu { height: 16.6667vw; }
  .header .menu2 { height: 16.6667vw; }
  .header .menu .logo { width: 28.056vw; height: 5vw; background-image: url("../images/common/re_logo_sp_m.png"); }
  .header .menu2 .logo { width: 28.056vw; height: 5vw; background-image: url("../images/common/re_logo_sp_m.png"); }
  .header .menu .ico-menu { width: 5.5556vw; height: 5.5556vw; }
  .header .menu .ico-menu:hover:before { width: 80%; height: 0.4167vw; }
  .header .menu .ico-menu:before { height: 0.4167vw; top: 1.6667vw; }
  .header .menu .ico-menu:after { height: 0.4167vw; bottom: 1.6667vw; }
  .header .gnb-wrap { width: 63.3333vw; padding: 16.6667vw 0 0; }
  .header .gnb-wrap .gnb .dep1 { font-size: 3.8889vw; letter-spacing: -0.03em; }
  .header .gnb-wrap .gnb .dep1 > a { margin: 0 5.5556vw; padding: 8.3333vw 0 4.1667vw; }
  .header .gnb-wrap .gnb .dep1 > a:after { top: 4.1667vw; width: 3.0556vw; height: 1.6667vw; }
  .header .gnb-wrap .gnb .dep1 .dep2 { font-size: 3.6111vw; padding: 5.5556vw 5.5556vw; }
  .header .gnb-wrap .gnb .dep1 .dep2 li { padding: 0 3.4722vw; }
  .header .gnb-wrap .gnb .dep1 .dep2 li:after { width: 0.8333vw; height: 0.8333vw; left: 1.3889vw; }
  .header .gnb-wrap .gnb .dep1 .dep2 li:not(:last-child) { margin-bottom: 4.8611vw; }
  .footer { font-size: 3.3333vw; letter-spacing: -0.2px; padding: 8.3333vw 0 22.2222vw; }
  .footer .family.active .family-list { padding: 2.0833vw; }
  .footer .family .site-txt { padding: 2.0833vw 0; }
  .footer .family .site-txt:before { width: 3.4722vw; height: 3.4722vw; }
  .footer .family .family-list { position: relative; width: 100%; background: #32312f; z-index: 10; }
  .footer .family .family-list li { margin-top: 2.0833vw; }
  .footer .family .family-list li:first-child { margin-top: 0; }
  .footer .terms { margin-top: 7.6389vw; row-gap: 1vw; }
  .footer .terms li { margin-right: 2.7778vw; }
  .footer .terms li:before { height: 10px; right: -1.5278vw; }
  .footer .mail { top: 0; padding: 1.6667vw 2.7778vw 1.6667vw 6.9444vw; margin-top: 6.25vw; }
  .footer .mail:before { width: 3.0556vw; height: 2.5vw; left: 2.7778vw; }
  .footer .etc { display: block; }
  .footer .etc li { margin-top: 3.3333vw; }
  .footer .etc li:before { display: none; }
  .inner-content { margin: 0 5.5556vw; }
  .info-msg { font-size: 3.3333vw; line-height: 9.0278vw; padding: 0 4.4444vw; margin-top: 13.8889vw; }
  .ico-step { width: 11.1111vw; height: 11.1111vw; font-size: 5.5556vw; line-height: 11.1111vw; }
  .ico-hide { width: 27.778vw; height: 27.778vw; -webkit-transform: scale(1); transform: scale(1); }
  .ico-hide i { width: 6.111vw; height: 6.389vw; }
  .ico-hide span { font-size: 3.056vw; margin-top: 2.083vw; }
  .quick-wrap { bottom: 5.5556vw; right: 5.5556vw; }
  .quick-wrap .go-top { width: 11.1111vw; height: 11.1111vw; }
  .quick-wrap.quick-abs { position: absolute; top: -15vw; bottom: auto; }
  .quick-wrap.active { bottom: 20.5556vw; }
  .go-app-wrap { -webkit-transform: translateY(15vw); transform: translateY(15vw); opacity: 1; visibility: visible; }
  .go-app-wrap .go-app a { height: 15vw; font-size: 4.1667vw; line-height: 15vw; }
  .round-box { border-radius: 0 27.7778vw; }
  .round-box.lt { border-radius: 27.7778vw 0 0 0; }
  .round-box.rt { border-radius: 0 27.7778vw 0 0; }
  .round-box.lb { border-radius: 0 0 0 27.7778vw; }
  .content-tit-area .tit { font-size: 8.3333vw; }
  .content-tit-area .logo-wrap { width: 46.6667vw; height: 8.3333vw; margin-top: 4.1667vw; }
  .content-tit-area .desc { font-family: "NotoSans-L"; font-size: 3.8889vw; margin-top: 2.0833vw; }
  .sub-content-tit-area .ico { min-height: 6.9444vw; }
  .sub-content-tit-area .tit { font-size: 8.3333vw; }
  .sub-content-tit-area .desc { font-family: "NotoSans-L"; font-size: 4.1667vw; margin-top: 6.25vw; }
  .btn-def { width: 35.5556vw; height: 10vw; line-height: 10vw; border-radius: 0.6944vw; padding: 0 2.7778vw; margin-top: 5.5556vw; }
  .btn-def span { font-size: 3.3333vw; }
  .btn-def .ico-arr { width: 2.7778vw; height: 2.2222vw; }
  .btn-def .ico-list { width: 2.7778vw; height: 1.9444vw; }
  .item-list.type1 { margin: 0; }
  .item-list.type1 .item { width: 100%; }
  .item-list.type2 .item .txt-area, .item-list.type2 .item .img-area { width: 100%; }
  .item-list.type3 .item .txt-area, .item-list.type3 .item .img-area { width: 100%; }
  .item-list.type3 .item .txt-area { text-align: center; -moz-justify-content: center; -ms-justify-content: center; -webkit-box-pack: center; justify-content: center; -ms-flex-pack: center; }
  .item-list.type5 { margin-top: 22.2222vw; }
  .item-list.type5 .item .img-section { margin-top: 8.3333vw; display: flex; flex-wrap: wrap; }
  .item-list.type5 .item .img-section .img-area { width: 100%; margin: 8.3333vw 0 0 0; }
  .item-list.type5 .item .img-section .img-area:nth-child(2) { margin-top: 8.3333vw; }
  .item-list.type5 .item .img-section .img-area .tex-area { margin-top: 8.3333vw; text-align: center; }
}