/* main */
#contaniner {
    padding-top: 13rem;
    overflow: hidden;
}
.search_b .search_btn img{
	width: 3rem
}
/* sec01 */

@font-face {
	font-family: 'SUIT Variable';
	font-weight:normal;
	src: url('../../font/SUIT-Variable.woff2') format('opentype');
}
.sec01{
	position:relative;
	margin:0;
	padding:0;
	height:100vh;
	overflow: hidden;
    width: 100%;
}
.sec01 .video-box{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: -2px;
    width: calc(100% + 4px);
    z-index: -9;
}
.sec01 .video-bg {
	position:relative;
	top: 0;
	left:0;
    width:100%;
    object-fit: cover;
	outline: none;
    border: 0;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}
.sec01 .makeshop-start-btn{
	font-family: 'SUIT Variable' , sans-serif;
	background: #000;
    display: flex;
    align-items: center;
    border-radius: 35px;
    color: #fff;
    width: 20rem;
    height: 6rem;
    justify-content: center;
    font-size: 1.7rem;
    position: fixed;
    z-index: 9;
    bottom: 5rem;
    left: calc(50% - 10rem);
    box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.39);
}
.sec01 .mo-bg{
	display:none;
}

/* sec02 */
.sec02 .service_list {
    display: flex;
    margin: 0 auto 13rem;
    justify-content: center;
}

.sec02 .sub_con {
    margin-top: 10rem !important;
}

.sec02 .service_list li {
    /* width: calc(100% / 5); */
    width: 26.0rem;
    margin-right: 1.7rem;
    border-radius: 2rem;
    transition: 0.5s;
    opacity: 0;
    transform: translate3d(0, 4rem, 0);
}
.sec02 .service_list li.n2 {
    z-index: -1;
}
.sec02 .service_list li a {
    display: block;
    height: 100%;
}
.sec02 .service_list li.n1 a.n1_link{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:5
}
.sec02 .service_list li:last-child {
   /* margin-right: 0 !important;*/
}

.sec02 .service_list li.n0 {
    background: #bbe4f6;
    transition-delay: 0s;
}
.sec02 .service_list li.n1 {
    background: #afbdff;
    transition-delay: 0.2s;
}

.sec02 .service_list li.n2 {
    background: #ffcff7;
    transition-delay: 0.4s;
}

.sec02 .service_list li.n3 {
    background: #e2d3fa;
    transition-delay: 0.6s;
}

.sec02 .service_list li.n4 {
    background: #cde8bf;
    transition-delay: 0.8s;
}

.sec02 .service_list li.n5 {
    background: #ffeca7;
    transition-delay: 1s;
}
.sec02 .service_list li.n5 .pc-link{
	display:block;
}
.sec02 .service_list li.n5 .mo-link{
	display:none;
}

.sec02 .service_list li .img_b {
    height: 23rem;
}

.sec02 .service_list li .txt_b {
    display: block;
    text-align: center;
    padding-bottom: 3.0rem;
}

.sec02 .service_list li .txt_b strong {
    display: block;
    font-size: 2rem;
    letter-spacing: -0.1rem;
    color: #000;
    margin-bottom: 0.5rem;
}

.sec02 .service_list li .txt_b span {
    display: block;
    font-size: 1.7rem;
    font-weight: normal;
    letter-spacing: -0.085rem;
    color: rgba(0, 0, 0, 0.7);
    line-height: 1.53;

}
.main .sec02 .service_list li .txt_b span {
	height: 7.8rem;
}
.sec02 .sub_con {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.sec02_img {
    display: none;
}

.sec02 .sub_con.img_aniload .img_b .icon.n1 {
    position: absolute;
    top: -3.2rem;
    right: 80.8rem;
}

.sec02 .sub_con.img_aniload .img_b .icon.n2 {
    position: absolute;
    bottom: -2.9rem;
    right: 9.9rem;
}

.sec02 .sub_con.img_aniload .img_b .icon.n1,
.sec02 .sub_con.img_aniload .img_b .icon.n2,
.sec05 .img_b .figure_img {
    transform: scale(0);
}

.sec02.on .sub_con.img_aniload .img_b .icon.n1,
.sec05.on .img_b .figure_img:nth-child(1) {
    animation: trans_scale 0.7s ease-in-out alternate forwards,
        trans_rotate 0.7s 0.7s ease-in-out alternate forwards;
}

.sec05.on .img_b .figure_img:nth-child(2),
.sec02.on .sub_con.img_aniload .img_b .icon.n2 {
    animation: trans_scale 0.7s 0.2s ease-in-out alternate forwards,
        trans_rotate 0.7s 0.7s ease-in-out alternate forwards;
}

.sec05.on .img_b .figure_img:nth-child(3) {
    animation: trans_scale 0.7s 0.3s ease-in-out alternate forwards,
        trans_rotate 0.7s 0.7s ease-in-out alternate forwards;
}

.sec02 .sub_con .inner {
    background: url(../../img/main/sec02_sub_bg.png) no-repeat center/cover;
    padding: 9rem 11.1rem 7.4rem 11.1rem;
    border-radius: 2rem;
}

.sec02 .sub_con .btn_b {
    display: flex;
}

.sec02 .sub_con p {
    margin: 1.7rem 0 4.7rem 0;
    color: rgba(0, 0, 0, 0.7);
}

.sec02 .sub_con .btn_b a:first-child {
    margin-right: 1rem;
}

.sec02.on .service_list .service {
    position: relative;
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
.sec02 .service_list .service.last-child {
    margin-right: 0;
}
.sec02 .service_list .service .icon_b .icon.n1 {
    position: absolute;
    top: 3.8rem;
    left: calc(50%);
    transform: translateX(-50%);
	z-index:1;
}
.sec02 .service_list .service .icon_b .icon.n2 {
    position: absolute;
    top: 14.3rem;
    left: calc(50% - 12.1rem);
    transform: translateX(-50%);
}
.swiper-pagination {
    display: none;
}

/* sec03 */
.sec03 {
    width: 100%;
    margin: 0 auto;
    /* position: relative; */
    height: 100%;
    overflow: hidden; /* 230510 [¼öÁ¤Ç¥½Ã] */
}

.sec03 .service_list_tab {
    text-align: center;
    margin-bottom: 5rem;
}

.sec03 .service_list_tab .service_list_box {
    position: relative;
    display: inline-flex;
}

.sec03 .service_list_tab .service_list {
    display: inline-flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-radius: 1rem;
    /* box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.1); */
    /* background: #f4f6f8; */
}

.sec03 .service_list_tab .service_list li {
    padding: 1.5rem 3rem;
    color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: all 0.5s;
}

/* .sec03 .service_list_tab .service_list li:first-child {
    margin-left: 3.6rem;
}
.sec03 .service_list_tab .service_list li:last-child {
    margin-right: 3.6rem;
} */
.sec03 .service_list_tab .service_list li.on {
    color: #fff;
    position: relative;
}

.sec03 .service_list_box .tab_effect_box {
    width: calc(100% + 1.2rem);
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background: #f4f6f8;
    border-radius: 1.5rem;
}

.sec03 .service_list_box .tab_effect {
    background: url(../../img/main/icon_tab_pointer.png) no-repeat center;
    width: 12.4rem;
    height: 4.9rem;
    position: absolute;
    top: 0.5rem;
    left: var(--tabLeftPos);
    transition: all 0.3s;
    transform: translateX(2%);
    /* z-index: -1; */
}

.sec03 .step_b {
    display: flex;
    width: 128rem;
    height: 100%;
    margin: 0 auto;
    padding: 10rem 5rem 10rem 8rem;
    border-radius: 2.5rem;
    background: #f4f6f8;
    position: relative;
}
.sec03 .step_b .full-bg{
	position:absolute;
	width:100vw;
	height:100%;
	background:#f4f6f8;
	top:0;
	z-index:-1;
	left: 50%;
    transform: translateX(-50%);
}

.sec03 .step_b .step_desc {
    display: none;
}

.sec03 .step_b .step_desc.on {
    display: flex;
    width: 100%;
}

.sec03 .step_b .left_con {
    width: 40%;
}

.sec03 .step_b .right_con {
    width: 60%;
}

.sec03 .step_b .wid .left_con {
    width: 30%;
}

.sec03 .step_b .wid .right_con {
    width: 70%;
}

.sec03 .step_b .left_con span {
    font-size: 1.2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.5);
}

.sec03 .step_b .left_con h3 {
    font-size: 4.2rem;
    font-weight: bold;
    letter-spacing: -0.126rem;
    color: #000;
    margin-bottom: 1.3rem;
}

.sec03 .step_b .left_con p {
    font-weight: normal;
    letter-spacing: -0.045rem;
    color: #000;
    line-height: 1.73;
}

.sec03 .step_b .right_con .step_con {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(26rem, 26rem));
    grid-gap: 1rem 1rem;
    width: 100%;
}

.sec03 .step_b .right_con .step_con li {
    border-radius: 1.5rem;
    box-shadow: 0px 2px 14.7px 0.3px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    margin-right: 1rem;
    width: 26rem;
    position: relative;
}

.sec03 .step_b .right_con .step_con .step {
    transition: background 0.3s ease;
}

.sec03 .step_b .step_desc.n1 .right_con .step_con .step.n1:hover {
    background: #fb9eb0;
}

.sec03 .step_b .step_desc.n1 .right_con .step_con .step.n2:hover {
    background: #f7f4a4;
}

.sec03 .step_b .step_desc.n1 .right_con .step_con .step.n3:hover {
    background: #ebb2e5;
}

.sec03 .step_b .step_desc.n2 .right_con .step_con .step.n1:hover {
    background: #c5b5ef;
}

.sec03 .step_b .step_desc.n2 .right_con .step_con .step.n2:hover {
    background: #b6dfec;
}

.sec03 .step_b .step_desc.n2 .right_con .step_con .step.n3:hover {
    background: #a1dacb;
}

.sec03 .step_b .step_desc.n2 .right_con .step_con .step.n4:hover {
    background: #cde8bf;
}

.sec03 .step_b .step_desc.n2 .right_con .step_con .step.n5:hover {
    background: #f7f4a4;
}

.sec03 .step_b .step_desc.n2 .right_con .step_con .step.n6:hover {
    background: #eab2e5;
}

.sec03 .step_b .step_desc.n2 .right_con .step_con .step.n7:hover {
    background: #fb9eb0;
}

.sec03 .step_b .step_desc.n3 .right_con .step_con .step.n1:hover {
    background: #a1daca;
}

.sec03 .step_b .step_desc.n3 .right_con .step_con .step.n2:hover {
    background: #f6cf91;
}

.sec03 .step_b .step_desc.n3 .right_con .step_con .step.n3:hover {
    background: #cde8bf;
}

.sec03 .step_b .step_desc.n4 .right_con .step_con .step.n1:hover {
    background: #c5b5ef;
}

.sec03 .step_b .step_desc.n4 .right_con .step_con .step.n2:hover {
    background: #b6dfec;
}

.sec03 .step_b .step_desc.n4 .right_con .step_con .step.n3:hover {
    background: #cde8bf;
}

.sec03 .step_b .step_desc.n4 .right_con .step_con .step.n4:hover {
    background: #f7f4a4;
}

.sec03 .step_b .step_desc.n4 .right_con .step_con .step.n5:hover {
    background: #fb9eb0;
}

.sec03 .step_b .step_desc.n4 .right_con .step_con .step.n6:hover {
    background: #f6cf91;
}

.sec03 .step_b .step_desc.n4 .right_con .step_con .step.n7:hover {
    background: #a1daca;
}

.sec03 .step_b .step_desc.n5 .right_con .step_con .step.n1:hover {
    background: #ebb2e5;
}

.sec03 .step_b .step_desc.n5 .right_con .step_con .step.n2:hover {
    background: #fb9eb0;
}

.sec03 .step_b .step_desc.n5 .right_con .step_con .step.n3:hover {
    background: #b6dfec;
}

.sec03 .step_b .step_desc.n5 .right_con .step_con .step.n4:hover {
    background: #a1daca;
}

.sec03 .step_b .right_con .step_con .step:hover .img_b {
    background: #fff !important;
}

.sec03 .step_b .right_con .step_con li a {
    display: flex;
    align-items: center;
    padding: 1.8rem;
}
.sec03 .step_b .right_con .step_con li a.pc-link{
	display:flex
}
.sec03 .step_b .right_con .step_con li a.mo-link{
	display:none
}

.sec03 .step_b .right_con .step_con li .img_b {
    width: 5rem;
    height: 5rem;
    border-radius: 1rem;
    position: relative;
    margin-right: 1.8rem;
}

.sec03 .step_b .step_desc.n1 .right_con .step_con li .img_b.n1 {
    background: #fb9eb0;
}

.sec03 .step_b .step_desc.n1 .right_con .step_con li .img_b.n2 {
    background: #f7f4a4;
}

.sec03 .step_b .step_desc.n1 .right_con .step_con li .img_b.n3 {
    background: #ebb2e5;
}

.sec03 .step_b .step_desc.n2 .right_con .step_con li .img_b.n1 {
    background: #c5b5ef;
}

.sec03 .step_b .step_desc.n2 .right_con .step_con li .img_b.n2 {
    background: #b6dfec;
}

.sec03 .step_b .step_desc.n2 .right_con .step_con li .img_b.n3 {
    background: #a1dacb;
}

.sec03 .step_b .step_desc.n2 .right_con .step_con li .img_b.n4 {
    background: #cde8bf;
}

.sec03 .step_b .step_desc.n2 .right_con .step_con li .img_b.n5 {
    background: #f7f4a4;
}

.sec03 .step_b .step_desc.n2 .right_con .step_con li .img_b.n6 {
    background: #eab2e5;
}

.sec03 .step_b .step_desc.n2 .right_con .step_con li .img_b.n7 {
    background: #fb9eb0;
}

.sec03 .step_b .step_desc.n3 .right_con .step_con li .img_b.n1 {
    background: #a1daca;
}

.sec03 .step_b .step_desc.n3 .right_con .step_con li .img_b.n2 {
    background: #f6cf91;
}

.sec03 .step_b .step_desc.n3 .right_con .step_con li .img_b.n3 {
    background: #cde8bf;
}

.sec03 .step_b .step_desc.n4 .right_con .step_con li .img_b.n1 {
    background: #c5b5ef;
}

.sec03 .step_b .step_desc.n4 .right_con .step_con li .img_b.n2 {
    background: #b6dfec;
}

.sec03 .step_b .step_desc.n4 .right_con .step_con li .img_b.n3 {
    background: #cde8bf;
}

.sec03 .step_b .step_desc.n4 .right_con .step_con li .img_b.n4 {
    background: #f7f4a4;
}

.sec03 .step_b .step_desc.n4 .right_con .step_con li .img_b.n5 {
    background: #fb9eb0;
}

.sec03 .step_b .step_desc.n4 .right_con .step_con li .img_b.n6 {
    background: #f6cf91;
}

.sec03 .step_b .step_desc.n4 .right_con .step_con li .img_b.n7 {
    background: #a1daca;
}

.sec03 .step_b .step_desc.n5 .right_con .step_con li .img_b.n1 {
    background: #ebb2e5;
}

.sec03 .step_b .step_desc.n5 .right_con .step_con li .img_b.n2 {
    background: #fb9eb0;
}

.sec03 .step_b .step_desc.n5 .right_con .step_con li .img_b.n3 {
    background: #b6dfec;
}

.sec03 .step_b .step_desc.n5 .right_con .step_con li .img_b.n4 {
    background: #a1daca;
}

.sec03 .step_b .step_desc .right_con .step_con li span {
    font-size: 1.7rem;
}

.sec03 .step_b .right_con .step_con li .arrow_i {
    position: absolute;
    right: 2rem;
}

.sec03 .icon_b .icon.n1 {
    position: absolute;
    top: -254px;
    left: -242px;
}

.sec03 .icon_b .icon.n2 {
    position: absolute;
    top: -213px;
    right: -178px;
}

.sec03 .icon_b .icon.n3 {
    position: absolute;
    bottom: -69px;
    right: -317px;
}

/* sec04 */
.sec04 .banner_list{
    width: 100%; /* 230510 [¼öÁ¤Ç¥½Ã] */
}
.banner_list ul {
    display: flex;
    margin: 0;
}

.banner_list ul li {
    width: 32rem;
    /* height: 13.5rem; */
    height: auto;
    border-radius: 2rem;
    border: solid 1px #e1e1e1;
    float: left;
    margin: 0 0.5rem;
    overflow: hidden;
    /* margin-right: 1rem; */
}

/* .banner_list ul li.on {
    box-shadow: 0px 2px 14.7px 0.3px rgba(0, 0, 0, 0.08);
    border: 0;
} */

.banner_list .top_con {
    margin-bottom: 2rem;
}

.loop_banner {
    transition: animation 0.4s ease-in-out;
    display: flex;
    /* overflow: hidden; */
}

.loop_banner ul {
    float: left;
}

.loop_banner ul:first-child {
    animation: jsLoopSlide 80s -40s linear infinite;
}

.loop_banner ul:last-child {
    animation: jsLoopSlide2 80s linear infinite;
    /* padding-left: 1rem; */
}

.loop_banner.bottom_con ul:first-child {
    animation: jsLoopSlide3 80s -40s linear infinite;
}

.loop_banner.bottom_con ul:last-child {
    animation: jsLoopSlide4 80s linear infinite;
    padding-left: 1rem;
}

/* .banner_list ul li.active {
    box-shadow: 0px 2px 14.7px 0.3px rgba(0, 0, 0, 0.08);
    border: 0;
} */

/* .loop_banner:hover ul.on,
.loop_banner.bottom_con:hover ul.on {
    animation-play-state: paused;
}

.loop_banner:hover ul.active,
.loop_banner.bottom_con:hover ul.active {
    animation-play-state: paused;
} */

.loop_banner:hover ul,
.loop_banner.bottom_con:hover ul {
    animation-play-state: paused;
}

.banner_list ul li:hover {
    box-shadow: 0px 2px 14.7px 0.3px rgba(0, 0, 0, 0.08);
    border: 0;
}


@keyframes jsLoopSlide {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes jsLoopSlide2 {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-200%);
    }
}

@keyframes jsLoopSlide3 {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

@keyframes jsLoopSlide4 {
    0% {
        transform: translateX(-200%);
    }

    100% {
        transform: translateX(0);
    }
}

/* sec05 */
.sec05 {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 19.6rem 0 15.2rem 0;
}
.sec05 .inner {
    display: flex;
    width: 163.5rem;
    height: 42.0rem;
    margin: 0 auto;
    justify-content: center;
}
.sec05 .left_con {
	margin-top: 1.5rem;
    margin-right: 1.5rem;
    position: relative;
	width:63.5rem;
	height:100%;
	background:#bbe5f7;
	text-align:center;
	border-radius: 2rem;
}
.sec05 .left_con h3 {
    letter-spacing:-0.1rem;
    color: #1f6eff;
    font-size: 3.4rem;
    font-weight: 600;
	position:relative;
	z-index:1;
	margin-top: 9rem;
}
.sec05 .left_con h3 .square-box{
	position:absolute;
	border:2px solid #2e7ef7;
	width:45rem;
	height:8.8rem;
	left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
}
.sec05.img_aniload .left_con h3 .square-box{
    animation: trans_square 0.5s 0.5s ease-in-out alternate forwards;

}
@keyframes trans_square {
    50% {
        transform:translate(-50%, -50%) scale(1.1);
    }

    100% {
        transform:translate(-50%, -50%) scale(1);
    }
}
.sec05 .left_con h3 .square-box span{
	width:11px;
	height:11px;
	background:#fff;
	border:2px solid #2e7ef7;
	position:absolute;

}
.sec05 .left_con h3 .square-box span:nth-child(1){
	left:0;
	top:0;
	transform: translate(-50%, -50%);
}
.sec05 .left_con h3 .square-box span:nth-child(2){
	left:50%;
	top:0;
	transform: translate(-50%, -50%);
}
.sec05 .left_con h3 .square-box span:nth-child(3){
	right:0;
	top:0;
	transform: translate(50%, -50%);
}
.sec05 .left_con h3 .square-box span:nth-child(4){
	right:0;
	bottom:0;
	transform: translate(50%, 50%);
}
.sec05 .left_con h3 .square-box span:nth-child(5){
	left:50%;
	bottom:0;
	transform: translate(-50%, 50%);
}
.sec05 .left_con h3 .square-box span:nth-child(6){
	left:0;
	bottom:0;
	transform: translate(-50%, 50%);
}
.sec05 .left_con h4{
	letter-spacing:-0.1rem;
    color: #000;
    font-size: 2.2rem;
    font-weight: 400;
	margin-top:5rem;
}
.sec05 .left_con .cs-box{
	margin-top:3.5rem;
}
.sec05 .left_con .cs-box .cs-box-tit{
	font-size:1.8rem;
	color:#000;
	font-weight:600;
}
.sec05 .left_con .cs-box .flex-box{
	display:flex;
	align-items:center;
	justify-content:center;
}
.sec05 .left_con .cs-box .flex-box .img_b{
	width:5rem;
    height:5rem;
	border-radius:1rem;
    background:#fff;
    margin-right:1.4rem;
	padding-top:0.6rem;
}
.sec05 .left_con .cs-box .call-num{
	font-size:2rem;
	color:#000;
	font-weight:600;
	text-align:left;
}
.sec05 .left_con .cs-box .center-time{
	font-size:1.6rem;
	color:#000;
	font-weight:400;
	letter-spacing:-0.05rem;
	margin-top:1rem;
}
.sec05 .left_con a {
    position: absolute;
    top: calc(50% + 5.7rem);
    left: calc(50% + 9rem);
    transform: translate(-50%, -50%);
}

.sec05 .right_con {
    width: 63rem;
    margin-top: 1.5rem;
}

.sec05 .right_con .info_desc {
    border-radius: 2rem;
}

.sec05 .right_con .info_desc a {
    display: flex;
    align-items: center;
    padding: 1.7rem 2.5rem;
    position: relative;
	height:100%;
}

.sec05 .right_con .info_desc a span {
    font-size: 2rem;
    letter-spacing: -0.06rem;
}

.sec05 .arrow_i {
    position: absolute;
    right: 3.2rem;
	display:none !important;
}

.sec05 .right_con .info_desc.n1 {
    background: #decdfa;
    height: 22.3rem;
    margin-bottom: 1.5rem;
    padding: 2.5rem 2.5rem 3rem 2.5rem;
}

.sec05 .right_con .info_desc.n2 {
    background: #f7cf91;
    width: 28.2rem;
    margin-bottom: 1.5rem;
}

.sec05 .right_con .info_desc.n3 {
    background: #ffeca7;
    width: 28.2rem;
}

.sec05 .right_con .info_desc.n4 {
    background: #cde8bf;
    width: 100%;
    /*padding: 3rem 3.4rem;*/
}

.sec05 .center_info {
    display: flex;
    padding: 0;
}

.sec05 .center_info .center_info_desc {
    margin-right: 1.5rem;
}

.sec05 .center_info .img_b {
    width: 5rem;
    height: 5rem;
    border-radius: 1rem;
    background: #fff;
    position: relative;
    margin-right: 1.4rem;
}


.sec05 .center_info .center_info_desc .info_desc.n2,
.sec05 .center_info .center_info_desc .info_desc.n3,
.sec05 .center_info .info_desc.n4 {
    transition: background 0.3s ease;
}

.sec05 .center_info .center_info_desc .info_desc.n2 .img_b {
    background: #fff;
}

.sec05 .center_info .center_info_desc .info_desc.n3 .img_b {
    background: #fff;
}
.sec05 .center_info .info_desc.n4 .img_b {
    background: #fff;
}

.sec05 .center_info .center_info_desc .info_desc.n2:hover .img_b {
    background: #f7cf91;
    transition: background 0.3s ease;
}
.sec05 .center_info .center_info_desc .info_desc.n3:hover .img_b {
    background: #ffeca7;
    transition: background 0.3s ease;
}
.sec05 .center_info .info_desc.n4:hover .img_b {
    background: #cde8bf;
    transition: background 0.3s ease;
}

.sec05 .center_info .center_info_desc .info_desc.n2:hover,
.sec05 .center_info .center_info_desc .info_desc.n3:hover,
.sec05 .center_info .info_desc.n4:hover {
    background: #fff;
    box-shadow: 0px 2px 14.7px 0.3px rgba(0, 0, 0, 0.08);
}



.keyword_search.search_b,
.keyword_search {
    display: flex;
    margin-bottom: 3rem;
}

.keyword_search button {
    width: 5rem;
    height: 5rem;
    border-radius: 1rem;
    box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.15);
    background: #fff;
}

.keyword_search input {
    height: 5rem;
    border-radius: 1rem;
    box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
    width: calc(99.999% - (1rem + 5rem));
    margin-right: 1rem;
    padding: 1.7rem 3rem;
}

.keyword_search input::placeholder {
    color: rgba(0, 0, 0, 0.5);
    opacity: 0.5;
}

.sec05 .right_con .info_desc.n1 h4 {
    font-size: 2rem;
    letter-spacing: -0.06rem;
    color: #000;
    margin-bottom: 1rem;
}

.sec05 .right_con .info_desc.n1 p {
    letter-spacing: -0.045rem;
    color: rgba(0, 0, 0, 0.8);
    opacity: 0.8;
}

.sec05 .img_b .icon.n1 {
    position: absolute;
    right: 17.2rem;
    bottom: 24.4rem;
}

.sec05 .img_b .icon.n2 {
    position: absolute;
    left: 29.8rem;
    top: 12.9rem;
}

.sec05 .img_b .icon.n3 {
    position: absolute;
    right: 7.3rem;
    top: 20.9rem;
}
.sec05 .img_b .icon.n4 {
    position: absolute;
    right: 7.3rem;
    top: 20.9rem;
}

.svg_arrow {
    /*position: absolute;
    top: 14.3rem;
    left: calc(50% + 22.1rem);
    transform: translateX(-50%);
    width: 24.7rem;*/
	position: absolute;
    top: 2.5rem;
    left: calc(50% + 17.5rem);
    transform: translateX(-50%);
    width: 30.5rem;
}

#st0 {
    fill: #647df2;
    opacity: 0;
}

#st1 {
    fill: none;
    stroke: #647df2;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke-dasharray: 269;
    stroke-dashoffset: 269;
}

.sec02.on .service_list .service #st0 {
    animation: svg2 0s 0.6s linear forwards;
}

.sec02.on .service_list .service #st1 {
    animation: svg1 0.6s 0.6s linear forwards;
}

@keyframes svg1 {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes svg2 {
    to {
        opacity: 1;
    }
}


/* ¸ÞÀÎ ·¹ÀÌ¾î */
.main-popup {
    display: none;
    position: fixed;
    top: 200px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
}
.main-popup .popup {
    position: relative;
    width: auto;
    border-radius: 20px;
    overflow: hidden;
    background-color: #f4f6f8;
    border: 1px solid #dbdbdb;
}
.main-popup .popup-close {
    z-index: 100;
    position: absolute;
    top: 3rem;
    right: 3rem;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
}
.main-popup .popup-body {
    width: 100%;
    min-height: auto;
    background-color: #fff;
}
.main-popup .popup-body .popup-content .content-pc {
    display: block;
}
.main-popup .popup-body .popup-content .content-mo {
    display: none;
}
.main-popup .popup-foot {
    width: 100%;
    height: 70px;
}
.main-popup .popup-foot .pop-btn {
    display: inline-flex;
    width: 50%;
    height: 100%;
    justify-content: center;
    align-items: center;
    float: left;
    color: #7F7F7F;
    cursor: pointer;
    border-top: 1px solid #DBDBDB;
    font-size: 15px;
    font-weight: 400;
}
.main-popup .popup-foot .pop-btn:hover {
    color: #000;
}
.main-popup .popup-foot .pop-btn.today-none {
    border-right: 1px solid #DBDBDB;
}


/* ¸ÞÀÎ °øÁö ·¹ÀÌ¾î */
.main-popup.popup-nt {
    z-index: 12;
    left: 180px;
}
.main-popup.popup-nt .popup {
    max-width: 806px;
}
.main-popup.popup-nt .popup-body .popup-content.roll {
    position: relative;
    height: 590px;
    overflow-y: overlay;
}
.main-popup.popup-nt .popup-body .popup-content.roll::-webkit-scrollbar {
    width: 0.5rem;
}
.main-popup.popup-nt .popup-body .popup-content.roll::-webkit-scrollbar-thumb {
    outline: none;
    border: 5px solid transparent;
    background-color: #ccc;
}
.main-popup.popup-nt .popup-body .popup-content.roll::-webkit-scrollbar-track {
    box-shadow: none;
    background-color: transparent;
}
.main-popup.popup-nt .popup-body .popup-content .ico-scroll {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    width: 70px;
    height: 70px;
    background: url('../../img/main/icon_scroll.png') no-repeat 0 0;
}
.main-popup.popup-nt .popup-body .popup-content.roll .ico-scroll {
    display: block;
}


/* ¸ÞÀÎ ±¤°í ·¹ÀÌ¾î */
.main-popup.popup-ad {
    z-index: 11;
    right: 180px;
}
.main-popup.popup-ad .popup {
    max-width: 402px;
}
.main-popup.popup-ad .swiper_container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.main-popup.popup-ad .swiper-slide a {
    display: block;
}
.main-popup.popup-ad .swiper-slide a img {
    width: 400px;
    height: 330px;
}
.main-popup.popup-ad .swiper-pagination {
    display: block;
    bottom: 10px;
}
.main-popup.popup-ad .swiper-pagination .swiper-pagination-bullet {
    border-radius: 50px;
}


/* ¸®´º¾ó ¸ÞÀÎ css */


.main section.renew-main *{font-family: 'SUIT-Variable', sans-serif; font-weight:400}
.main section.renew-main h2.new-main-h2-tit{color:#292F38;font-size:5.4rem;letter-spacing:-0.2rem;font-weight:500;text-align:center;line-height:1.3}
.main section.renew-main h2.new-main-h2-tit .sub-tit{color:#227AFF ;font-size:2rem;;font-weight:700;margin-bottom:3rem}
.main section.renew-main h2.new-main-h2-tit span{display:block;}
.main section.renew-main h2.new-main-h2-tit span.mo-br{display:inline}
.main section.renew-main h2.new-main-h2-tit i.grd-txt{font-size:5rem;font-weight:600}
.main section.renew-main h2.new-main-h2-tit strong.col-blue{color:#227AFF}
.main section.renew-main .section-wrap{max-width:140rem;margin:0 auto;}

.main section.new-sec01{}
.main section.new-sec01 #visual-bk-bg{position: absolute;width: 100%;height: 100%;background: #000;opacity: 0;}
.main section.new-sec01 .video-bg{/*position: fixed;z-index: -9;*/}

.main section.new-sec02 {background-color:#10141C;position:relative; z-index:3;padding-top:19rem;padding-bottom:13rem;background-image:url('../../img/main/renewal_main/new_sec02_bg.png?3');background-repeat: no-repeat;background-size: 100%;background-position:top center;}
.main section.renew-main.new-sec02  .section-wrap{max-width:100%;padding:0 }
.main section.new-sec02 .cont-box {padding-top:10rem ;padding:10rem 4rem 0}
.main section.new-sec02 h2.new-main-h2-tit{color:#fff}
/*
.main section.new-sec02 .cont-box #wheel:after{content:'';display:block;width:100%;background:#fff;height:15%;bottom:0;z-index:1;position:absolute;}

.main section.new-sec02 .cont-box #wheel ul.brand-card .flipster__item--past-1 .flipster__item__content{transform: rotateZ(-14deg) translate(-5%);}
.main section.new-sec02 .cont-box #wheel ul.brand-card .flipster__item--past-2 .flipster__item__content{transform: rotateZ(-28deg) translate(-16%, 16%);}
.main section.new-sec02 .cont-box #wheel ul.brand-card .flipster__item--past-3 .flipster__item__content{transform: rotateZ(-42deg) translate(-46%, 46%);}
.main section.new-sec02 .cont-box #wheel ul.brand-card .flipster__item--future-1 .flipster__item__content{transform: rotateZ(14deg) translate(5%);}
.main section.new-sec02 .cont-box #wheel ul.brand-card .flipster__item--future-2 .flipster__item__content {transform: rotateZ(28deg) translate(16%, 16%);}
.main section.new-sec02 .cont-box #wheel ul.brand-card .flipster__item--future-3 .flipster__item__content {transform: rotateZ(42deg) translate(46%, 46%);} 
.main section.new-sec02 .cont-box ul.brand-card li:nth-child(1) .card{ background: linear-gradient(#FFFBEA, #EDE2B4);}
.main section.new-sec02 .cont-box ul.brand-card li:nth-child(2) .card{ background: linear-gradient(#EEE5FF, #D1C4F0);}
.main section.new-sec02 .cont-box ul.brand-card li:nth-child(3) .card{ background: linear-gradient(#E2E3E1, #B5C29C);}
.main section.new-sec02 .cont-box ul.brand-card li:nth-child(4) .card{ background: linear-gradient(#DEEEF2, #C0D9FA);}
.main section.new-sec02 .cont-box ul.brand-card li:nth-child(5) .card{ background: linear-gradient(#FFF3F9, #DFA6C4);}
.main section.new-sec02 .cont-box ul.brand-card li .card{width:38rem;height:50rem;padding:5rem 4rem;text-align:center;border-radius:2.5rem;position:relative; }
.main section.new-sec02 .cont-box ul.brand-card li .card .card-video{position:absolute; top:0;left:-1px;width:calc(100% + 2px) ;height: auto;display:none;border-radius: 2.5rem;}
.main section.new-sec02 .cont-box ul.brand-card li.flipster__item--current .card .card-video{display:block}
.main section.new-sec02 .cont-box ul.brand-card li .card .img{margin-bottom:5rem}
.main section.new-sec02 .cont-box ul.brand-card li .card .txt{font-weight:500; color:#363636; font-size:2rem;letter-spacing: -1px;text-align:center }
.main section.new-sec02 .cont-box ul.brand-card li .card .logo{margin:4rem auto 0;text-align:center}
.main section.new-sec02 .cont-box ul.brand-card li .card .logo img{display:inline-block}*/
/*
.main section.new-sec02 .cont-box ul.brand-card{z-index:2}
.main section.new-sec02 .flipster--flat .flipster__item--past,.main section.new-sec02 .flipster--flat .flipster__item--future {opacity:1}
.main section.new-sec02 .flipster--flat .flipster__item--past .flipster__item__content { -ms-transform: scale(1);transform: scale(1)}
.main section.new-sec02 .flipster--flat .flipster__item--future .flipster__item__content {-ms-transform: scale(1);transform: scale(1)}
.main section.new-sec02 .cont-box ul.brand-card li {}
.main section.new-sec02 .cont-box ul.brand-card li .card {position:relative;height:40rem}
.main section.new-sec02 .cont-box ul.brand-card li .card .img{height:100%;}
.main section.new-sec02 .cont-box ul.brand-card li .card .img img{max-height:100%}
.main section.new-sec02 .cont-box ul.brand-card li .card .hover{opacity:0;transition:all 0.3s;position:absolute; top:0;left:0;width:100%;height:100%;background-image:url('../../img/main/renewal_main/new_sec02_card_bg.png?1');background-repeat: no-repeat;background-size:cover;background-position:top center;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 1rem;}
.main section.new-sec02 .cont-box ul.brand-card li .card .hover span{font-family: 'SUIT Variable';color:#fff;font-weight:400; font-size:2.3rem;}
.main section.new-sec02 .cont-box ul.brand-card li:hover .card .hover{opacity:1;transition:all 0.3s}*/


.main section.new-sec02 .cont-box ul.brand-card{z-index:2;}
.main section.new-sec02 .flipster--flat .flipster__item--past,.main section.new-sec02 .flipster--flat .flipster__item--future {opacity:1}
.main section.new-sec02 .flipster--flat .flipster__item--past .flipster__item__content { -ms-transform: scale(1);transform: scale(1)}
.main section.new-sec02 .flipster--flat .flipster__item--future .flipster__item__content {-ms-transform: scale(1);transform: scale(1)}
.main section.new-sec02 .cont-box ul.brand-card li {width: 304px;height: 400px;}
.main section.new-sec02 .cont-box ul.brand-card li .card {position:relative; }
.main section.new-sec02 .cont-box ul.brand-card li .card img{width:304px}
.main section.new-sec02 .cont-box ul.brand-card li .card .hover{position:absolute; top:0;left:0;width:100%;height:100%;background-image:url('../../img/main/renewal_main/new_sec02_card_bg.png?1');background-repeat: no-repeat;background-size:cover;background-position:top center;display: flex;justify-content: center;align-items: center;}
.main section.new-sec02 .cont-box ul.brand-card li .card .hover .txt-lf{text-align:left;display: flex;flex-direction: column;justify-content: center;align-items: left;gap: 1.6rem;}
.main section.new-sec02 .cont-box ul.brand-card li .card .hover span{font-family: 'SUIT Variable';color:#fff;font-weight:400; font-size:2.3rem;}
.main section.new-sec02 .cont-box ul.brand-card li .card {width:304px;height:400px}
.main section.new-sec02 .cont-box ul.brand-card li .card .hover {
  transform: perspective(1500px) rotate3d(0, 1, 0, 90deg);
  pointer-events: none;
  transition: transform 0.2s ease;
  backface-visibility: visible !important;
  transform-style: preserve-3d;
  transition-delay: 0s;
}
.main section.new-sec02 .cont-box ul.brand-card li .card:hover .hover {
  transform: perspective(1500px) rotate3d(0, 1, 0, 0deg);
  pointer-events: auto;
  transition-delay: 0.19s; 
}
.main section.new-sec02 .cont-box ul.brand-card li .card .img {
  transform: perspective(1500px) rotate3d(0, 1, 0, 0deg);
  transition: transform 0.2s ease;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transition-delay: 0.19s; 
}
.main section.new-sec02 .cont-box ul.brand-card li .card:hover .img {
  transform: perspective(1500px) rotate3d(0, 1, 0, -90deg);
  transition-delay: 0s; 
}




/*.main section.new-sec02 .cont-box .pc-card{overflow-x: unset;}*/
.main section.new-sec02 .cont-box .mo-card{display:none}


.main section.new-sec03 {background:#fff; padding:6rem 0 14rem;position:relative; z-index:2}
.main section.new-sec03 .cont-box {padding-top:10rem}
.main section.new-sec03 .cont-box .price-box{display: flex;align-items: end;}
.main section.new-sec03 .cont-box .price-box dt{padding-bottom: 0.3rem;width: 30rem;}
.main section.new-sec03 .cont-box .price-box dt ul{ display:flex;flex-direction:column;gap: 0.6rem;}
.main section.new-sec03 .cont-box .price-box dt ul li{letter-spacing:0.03rem;width:100%; height:8.4rem;background:#F6F7F9;font-size:1.7rem;color:#394457;font-weight:600;padding-left:4rem; border-radius:2rem 0 0 2rem;display: flex;align-items: center;}
.main section.new-sec03 .cont-box .price-box dt ul li:last-child{position:relative}
.main section.new-sec03 .cont-box .price-box dt ul li:last-child:after{content:'';display:block;background:#F6F7F9;position:absolute; right:-20px;height:100%;width:20px;z-index:-1}
.main section.new-sec03 .cont-box .price-box dd{background:#B2B2B2;border-radius:2rem;margin-right:1rem;width:27.8rem}
.main section.new-sec03 .cont-box .price-box dd:last-child{margin-right:0;}
.main section.new-sec03 .cont-box .price-box dd .name{color:#fff; height:7.2rem;border-radius:2rem 2rem 0 0;display: flex; align-items: center;justify-content: center;font-weight:700;font-size:2.3rem;}
.main section.new-sec03 .cont-box .price-box dd ul{ display:flex;flex-direction:column;width:100%;}
.main section.new-sec03 .cont-box .price-box dd ul li{letter-spacing:0.03rem;border:1px solid #E2E8F0;width:100%; height:9rem;background:#fff;font-size:2rem;color:#60718E;font-weight:600;display: flex;align-items: center;justify-content: center;flex-direction: column;line-height: 1.3;border-bottom:0;}
.main section.new-sec03 .cont-box .price-box dd ul li:first-child{border-radius:2rem 2rem 0 0;}
.main section.new-sec03 .cont-box .price-box dd ul li:last-child{border-radius: 0 0 1.7rem 1.7rem;border-bottom:1px solid #E2E8F0}
.main section.new-sec03 .cont-box .price-box dd ul li .mo-txt{display:none}
.main section.new-sec03 .cont-box .price-box dd ul li span{letter-spacing:0.03rem;color:#B5C4D9; font-size: 1.6rem;}
.main section.new-sec03 .cont-box .price-box dd ul li.price-ttl{padding:1.6rem;}
.main section.new-sec03 .cont-box .price-box dd ul li.price-ttl p{letter-spacing:0.03rem;background:#2E3644;color:#fff;border-radius:1.5rem;font-weight:700; font-size:2rem;display: flex; align-items: center;justify-content: center;width: 100%;height: 100%;}
.main section.new-sec03 .cont-box .price-box dd.makeshop{background:linear-gradient(#227AFF, #3EEFFD);padding: 0 0.3rem 0.3rem;margin-bottom: -0.2rem;}
.main section.new-sec03 .cont-box .price-box dd.makeshop ul li{color:#227AFF;font-size:2.2rem;border: 0;border-top: 1px solid #e2e0f0;}
.main section.new-sec03 .cont-box .price-box dd.makeshop ul li > a{letter-spacing:0.03rem;margin-top:0.5rem;color:#fff; font-size:1.3rem;width:8.2rem; height:3.2rem; background:#16C79A;display:block;border-radius:3rem;display: flex; align-items: center;justify-content: center;font-weight:800}
.main section.new-sec03 .cont-box .price-box dd.makeshop ul li.price-ttl p{background:#227AFF;}
.main section.new-sec03 .cont-box .price-box dd.makeshop ul li.price-ttl p > a{display:block;width:100%; height:100%;color:#fff;font-weight:700; font-size:2rem;display: flex;align-items: center;justify-content: center;}
.main section.new-sec03 .cont-box .bottom-txt{letter-spacing:0.03rem;font-size:1.4rem; color:#8991A8; text-align:right;margin-top:3rem}

.main section.new-sec04 {background:#fff; padding:14rem 0;position:relative; z-index:2}
.main section.new-sec04 .cont-box {padding-top:10rem}
.main section.new-sec04 .cont-box ul{display:flex;gap:2rem;flex-wrap: wrap;width:100%}
.main section.new-sec04 .cont-box ul li{background:#F6F7F9; width:calc(50% - 1rem);border-radius:2rem;position:relative;height:49rem;padding:6rem 0 0;}
.main section.new-sec04 .cont-box ul li .tit{color:#292F38;font-weight:700; font-size:3.5rem;letter-spacing:-0.1rem;line-height:1.2;padding:0 6.5rem;}
.main section.new-sec04 .cont-box ul li .tit span{color:#227AFF;font-weight:700}
.main section.new-sec04 .cont-box ul li .txt{color:#6C6868;font-size:1.6rem;margin-top:1rem;margin-top:1.5rem;padding:0 6.5rem;letter-spacing: 0.01rem;}
.main section.new-sec04 .cont-box ul li br.mo-br{display:none}
.main section.new-sec04 .cont-box ul li .bg-img{position:absolute;bottom:0;right:0;height: 25.6rem;}
.main section.new-sec04 .cont-box ul li .bg-img img{max-height:100%}

.main section.new-sec05 {background:#EDF3FF; padding:14rem 0;position:relative; z-index:2}
.main section.new-sec05 .cont-box .txt-box{text-align:center}
.main section.new-sec05 .cont-box .txt-box li{color:#292F38;font-size:2.5rem;margin-bottom:1.5rem;display: flex;justify-content: center;align-items: center;}
.main section.new-sec05 .cont-box .txt-box li:last-child{margin-bottom:0;}
.main section.new-sec05 .cont-box .txt-box li strong{font-weight:700}
.main section.new-sec05 .cont-box .txt-box li img{margin-right:1rem}
.main section.new-sec05 .shop-channel-box {margin:19rem 0}
.main section.new-sec05 .shop-channel-box .shop-channel-top{overflow:hidden;display:flex;}
.main section.new-sec05 .shop-channel-box .shop-channel-bottom{overflow:hidden;margin-top:5.5rem;display:flex;}
.main section.new-sec05 .shop-channel-box ul{display:flex;gap:7.5rem;justify-content: center;align-items: center;padding-left:7.5rem}
.main section.new-sec05 .shop-channel-box ul li{}
.main section.new-sec05 .shop-channel-box ul li img{max-width:none}
.main section.new-sec05 .shop-channel-box .shop-channel-top ul:first-child {animation: channelLoopSlide 80s -40s linear infinite;}
.main section.new-sec05 .shop-channel-box .shop-channel-top ul:last-child {animation: channelLoopSlide2 80s linear infinite;}
.main section.new-sec05 .shop-channel-box .shop-channel-bottom ul:first-child {animation: channelLoopSlide3 80s -40s linear infinite;}
.main section.new-sec05 .shop-channel-box .shop-channel-bottom ul:last-child {animation: channelLoopSlide4 80s linear infinite;}
@keyframes channelLoopSlide {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}
@keyframes channelLoopSlide2 {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-200%);
    }
}
@keyframes channelLoopSlide3 {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}
@keyframes channelLoopSlide4 {
    0% {
        transform: translateX(-200%);
    }
    100% {
        transform: translateX(0);
    }
}

.main section.new-sec06 {background:#fff; padding:14rem 0;position:relative; z-index:2}
.main section.renew-main.new-sec06  .section-wrap{ max-width: 134.8rem;}
.main section.new-sec06 .cont-box {padding-top:10rem}
.main section.new-sec06 .cont-box dl{display:flex;align-items: center;}
.main section.new-sec06 .cont-box dl.top-box{}
.main section.new-sec06 .cont-box dl.bottom-box{flex-direction: row-reverse;margin-top:6rem}
.main section.new-sec06 .cont-box dl dt{width:61.7rem;height:38rem; background:#227AFF;border-radius:2.5rem;display:flex;justify-content: center;}
.main section.new-sec06 .cont-box dl dd{display:flex;flex-direction: column;width: calc(100% - 61.7rem);height: 100%;/* align-items: center;*/}
.main section.new-sec06 .cont-box dl dd .txt-box{text-align:left}
.main section.new-sec06 .cont-box dl dd .txt-box .tit{font-size:4.6rem; font-weight:700; color:#292F38}
.main section.new-sec06 .cont-box dl dd .txt-box .txt{font-size:2.4rem;color:#292929;margin-top:4rem}
.main section.new-sec06 .cont-box dl.top-box dd{padding-left:14rem}
.main section.new-sec06 .cont-box dl.bottom-box dd{align-items: flex-end;padding-right: 14rem;}


.main section.new-sec07{ z-index:0;position:relative;padding-top:0;background:#1d1d1d}
.main section.new-sec07 .new-sec07-bg{position: relative;background-image: url('../../img/main/renewal_main/new_sec07_bg.jpg');background-repeat: no-repeat;background-size: cover;background-position: center;width: 100%;height: 100%;left: 0;bottom: 0;z-index: -1;}
.main section.new-sec07 .new-sec07-bg.bg-on{position:fixed}
.main section.new-sec07 .section-wrap .bg-section{height: 100vh; display: flex; justify-content: center; align-items: center;position:relative; z-index:1;background: transparent;opacity: 0;transform: translateY(50px);flex-direction: column;padding-top:0;}
.main section.new-sec07 h2.new-main-h2-tit{color:#fff;}
.main section.new-sec07 h2.new-main-h2-tit .sub-tit{margin-bottom:2rem}
.main section.new-sec07 .sec-cont01 .cont-box{display:flex;width: 100%;justify-content: space-around;margin-top: 15rem;}
.main section.new-sec07 .sec-cont01 .cont-box dl{text-align: center;}
.main section.new-sec07 .sec-cont01 .cont-box dl dt{font-size:2.4rem; color:#C1C6CC}
.main section.new-sec07 .sec-cont01 .cont-box dl dd{font-size:3.4rem;color:#fff;font-weight:500 }
.main section.new-sec07 .sec-cont01 .cont-box dl dd strong{font-size:7rem;font-weight:700}
.main section.new-sec07 .sec-cont01 .cont-box dl dd strong span.num{text-align:center;display:inline-block;font-weight: 700;}
.main section.new-sec07 .sec-cont01 .cont-box dl:nth-child(1) dd strong span.num{width:9rem; }
.main section.new-sec07 .sec-cont01 .cont-box dl:nth-child(2) dd strong span.num{width:5rem;}
.main section.new-sec07 .sec-cont01 .cont-box dl:nth-child(3) dd strong span.num{width:13rem;}

.main section.new-sec07 .sec-cont02 .cont-box ul.brand-list{display: grid;grid-template-columns: repeat(4, 1fr);gap: 3rem;align-items: center;justify-content: center;}
.main section.new-sec07 .sec-cont02 .cont-box ul.brand-list li .mo-logo{display:none}
.main section.new-sec07 .section-wrap .bg-section.sec-cont02 {height:80vh;/*justify-content: flex-start;*/}

.main section.new-sec08{position:relative;background:#fff; z-index:1;height:100vh;  display: flex; justify-content: center; align-items: center; padding:0}
.main section.new-sec08 .bg-section{display: flex; justify-content: center; align-items: center;background: transparent;transform: translateY(50px);flex-direction: column;opacity: 0;}

.main .start-btn{position:fixed;width:17rem;height:6.2rem; background:#191F28;border-radius:5rem;z-index: 3;bottom:4rem;transform: translate(-50%); left: 50%;}
.main .start-btn a{width:100%;height:100%;color: #fff;font-size:1.9rem;font-weight:400;justify-content: center;align-items: center;display: flex;letter-spacing:0.01rem;line-height: 0;}

#footer{position:relative; z-index:1}

