@charset "utf-8";

body.on {
    height: 100%;
    min-height: 100%;
    touch-action: none;
    overflow: hidden !important;
}

html.on {
    height: 100%;
    min-height: 100%;
    touch-action: none;
    overflow: hidden !important;
}
.gnb_big_wrap.on .mask {
    display: block;
}
.gnb_big_wrap.on .gnb_wrap {
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}


.img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 메인 */
.main_container {
    margin-top: calc(100vw * (40/640));
    display: flex;
    flex-direction: column;
}

/* con_1 */
.con_1 .user_box {
    display: flex;
    align-items: center;
}
.con_1 .user_box .profile_box {
    width: calc(100vw * (88/640));
    height: calc(100vw * (88/640));
    border-radius: 50%;
    overflow: hidden;
    background: url('../image/main/no_people.png') no-repeat;
    background-size: contain;
    margin-right: calc(100vw * (20/640));
}
.con_1 .user_box .profile_alt .name {
    font-size: calc(100vw * (29/640));
    font-weight: 500;
    color: #111111;
}
.con_1 .user_box .profile_alt .m_box {
    padding: calc(100vw * (10/640));
    border-radius: calc(100vw * (20/640));
    border: 1px solid #e7e7e7;
    background-color: #fff;
    margin-top: calc(100vw * (17/640));
    display: inline-block;
    line-height: 1;
    max-width: calc(100vw * (303/640));
}
.con_1 .user_box .profile_alt .m_box .point {
    position: relative;
    font-size: calc(100vw * (20/640));
    font-weight: 500;
    color: #555555;
    padding-left: calc(100vw * (28/640));
    padding-right: calc(100vw * (20/640));
    line-height: 1;    
    display: inline-block;    
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100vw * (235/640));
}
.con_1 .user_box .profile_alt .m_box .point::after,
.con_1 .user_box .profile_alt .m_box .point::before {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
}
.con_1 .user_box .profile_alt .m_box .point::after {    
    width: calc(100vw * (23/640));
    height: calc(100vw * (24/640));
    left: 0;
    background: url('../image/main/m_icon.png') no-repeat;
    background-size: contain;
}
.con_1 .user_box .profile_alt .m_box .point::before {    
    width: calc(100vw * (6/640));
    height: calc(100vw * (10/640));
    right: 0;
    background: url('../image/main/m_arrow.png') no-repeat;
    background-size: contain;
}

/* con_2 */
.con_2 {
    position: relative;
    margin-top: calc(100vw * (60/640));
}


.animate__animated_5 {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/* 모션이미지 */
.move_img_wrap {
    position: absolute;
    bottom: 100%;
    right: calc(100vw * (70/640));
    display: flex;
    align-items: flex-end;
}
.move_img_wrap.two img {
    width: calc(100vw * (163/640));
    height: calc(100vw * (202/640));
}
.move_img_wrap > img {
    width: calc(100vw * (218/640));
    height: calc(100vw * (168/640));
    z-index: 3;
}
.move_img_wrap .img_wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
}
.move_img_wrap .img_wrap.move_1 {    
    width: calc(100vw * (113/640));
    height: calc(100vw * (94/640));
    z-index: 2;
}
.move_img_wrap .img_wrap.move_1.two {
    width: calc(100vw * (98/640));
    height: calc(100vw * (130/640));
    left: -55%;
}
.move_img_wrap .img_wrap.move_1.two img {    
    width: calc(100vw * (98/640));
    height: calc(100vw * (130/640));
}
.move_img_wrap .img_wrap.move_2 {    
    width: calc(100vw * (155/640));
    height: calc(100vw * (104/640));
    z-index: 1;
}
.animate__tada_2 {
    -webkit-animation-name: tada_2;
    animation-name: tada_2;
    transform-origin: 50% 100%;
}
.animate__animated_2 {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@keyframes tada_2 {
    0% {
        -webkit-transform:  rotate(0);
        transform:  rotate(0)
    }
    10%,
    20% {
        -webkit-transform:  rotate(-3deg);
        transform:  rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform:  rotate(3deg);
        transform:  rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform:  rotate(-3deg);
        transform:  rotate(-3deg)
    }
    to {
        -webkit-transform:  rotate(0);
        transform:  rotate(0)
    }
}
.animate__tada_3 {
    -webkit-animation-name: tada_3;
    animation-name: tada_3;
    transform-origin: 50% 100%;
}
.animate__animated_3 {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@keyframes tada_3 {
    0% {
        -webkit-transform:  rotate(0);
        transform:  rotate(0)
    }
    10%,
    20% {
        -webkit-transform:  rotate(-2deg);
        transform:  rotate(-2deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform:  rotate(2deg);
        transform:  rotate(2deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform:  rotate(-2deg);
        transform:  rotate(-2deg)
    }
    to {
        -webkit-transform:  rotate(0);
        transform:  rotate(0)
    }
}

/* 슬라이드_1 */
.coupon_slide_wrap {
    /* padding-left: calc(100vw * (30/640)); */
}
.coupon_slide_box .item {
    width: calc(100vw * (518/640));
    border-radius: calc(100vw * (30/640));
    padding: calc(100vw * (30/640)) 0;
    box-sizing: border-box;
    margin-right: calc(100vw * (12/640));
}
.coupon_slide_box .item .top_box {
    display: flex;
    justify-content: space-between;
}
.coupon_slide_box .item .top_box .left_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.coupon_slide_box .item .top_box,
.coupon_slide_box .item .store_box {
    padding: 0 calc(100vw * (40/640));
}
.coupon_slide_box .item .top_box .left_box .img_wrap {
    width: calc(100vw * (80/640));
    height: calc(100vw * (80/640));
    border-radius: 50%;
    overflow: hidden;    
}
.coupon_slide_box .item .top_box .left_box .name {
    font-size: calc(100vw * (26/640));
    font-weight: 500;
    color: #fff;
}
.coupon_slide_box .item .top_box .more_btn {
    width: calc(100vw * (4/640));
    height: calc(100vw * (20/640));
    background: url('../image/main/more_btn.png') no-repeat;
    background-size: contain;
    border: unset;
    margin: unset;
    padding: unset;
}
.coupon_slide_box .item .store_box {
    margin-top: calc(100vw * (30/640));   
}
.coupon_slide_box .item .store_box .num_link {
    display: block;
}
.coupon_slide_box .item .store_box .num_link span {
    position: relative;
    font-size: calc(100vw * (46/640));
    font-weight: 500;
    color: #fff;
    padding-right: calc(100vw * (52/640));
    line-height: 1;
}
.coupon_slide_box .item .store_box .num_link span::after {
    position: absolute;
    content: '';
    width: calc(100vw * (39/640));
    height: calc(100vw * (39/640));
    background: url('../image/main/num_arrow.png') no-repeat;
    background-size: contain;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.coupon_slide_box .item_2 .store_box .num_link span::after {
    background: url('../image/main/num_arrow_2.png') no-repeat;
    background-size: contain;
}
.coupon_slide_box .item_3 .store_box .num_link span::after {
    background: url('../image/main/num_arrow_3.png') no-repeat;
    background-size: contain;
}
.coupon_slide_box .item .store_box {
    display: flex;
    justify-content: space-between;
    padding-bottom: calc(100vw * (30/640));
}
.coupon_slide_box .item .store_box .right_box {
    display: flex;
    align-items: flex-end;
}
.coupon_slide_box .item .store_box p {
    font-size: calc(100vw * (19/640));
    font-weight: 500;
    color: #fff;
    margin-top: calc(100vw * (18/640));
}
.coupon_slide_box .item .btm_box {
    border-top: 1px solid rgba(255,255,255,0.2);
}
.coupon_slide_box .item .p_box {
    box-sizing: border-box;
    padding: 0 calc(100vw * (20/640));
    border: 1px solid #fff;
    border-radius: calc(100vw * (27/640));
    line-height: calc(100vw * (55/640));
}
.coupon_slide_box .item .p_box a {
    display: block;
    position: relative;
    font-size: calc(100vw * (19/640));
    font-weight: 500;
    color: #fff;
    padding-left: calc(100vw * (28/640));
}
.coupon_slide_box .item .p_box a::before,
.coupon_slide_box .item .p_box a::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.coupon_slide_box .item .p_box a::before {
    width: calc(100vw * (21/640));
    height: calc(100vw * (21/640));
    background: url('../image/main/btm_icon.png') no-repeat;
    background-size: contain;
    left: 0;
}
.coupon_slide_box .item_1 {
    background: linear-gradient( -45deg, #f09140, #faac3b );
}
.coupon_slide_box .item_2 {
    background: linear-gradient( -45deg, #2e71d3, #4f8eec );
}.coupon_slide_box .item_3 {
    background: linear-gradient( -45deg, #2c3745, #323c4a );
}

/* con_3 */
.con_3 {
    padding: calc(100vw * (40/640)) 0;
}
.con_3 .quick_menu_box {
    box-sizing: border-box;
    border-radius: calc(100vw * (17/640));
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con_3 .quick_menu_box .quick_menu_link {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.con_3 .quick_menu_box .quick_menu_link:last-child {
    margin-right: 0;
}
.con_3 .quick_menu_box .quick_menu_link .name {
    margin-top: calc(100vw * (15/640));
    font-size: calc(100vw * (18/640));
    font-weight: 400;
    color: #333333;
}
.con_3 .quick_menu_box .quick_menu_link .img_wrap {
    width: calc(100vw * (81/640));
    height: calc(100vw * (81/640));
}

/* con_4 */
.con_4 {
    background-color: #ededed;
    padding: calc(100vw * (50/640)) 0 calc(100vw * (180/640));
}
.con_4 .event_wrap {
    box-sizing: border-box;
    background-color: #fff;
    border-radius: calc(100vw * (17/640));
}
.con_4 .event_wrap .event_box {
    padding: calc(100vw * (30/640)) calc(100vw * (45/640));
    border-bottom: 1px solid #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.con_4 .event_wrap .event_box:last-child {
    border-bottom: unset;
}
.con_4 .event_wrap .event_box .top_ment {
    font-size: calc(100vw * (24/640));
    font-weight: 500;
    color: #111111;
}
.con_4 .event_wrap .event_box .btm_ment {
    font-size: calc(100vw * (18/640));
    font-weight: 400;
    color: #aaaaaa;
    margin-top: calc(100vw * (13/640));
    line-height: 1.2;
}
.con_4 .event_wrap .event_box:first-child .img_wrap {    
    width: calc(100vw * (150/640));
    height: calc(100vw * (101/640));
}
.con_4 .event_wrap .event_box:last-child .img_wrap {    
    width: calc(100vw * (132/640));
    height: calc(100vw * (127/640));
}

.con_4 .event_wrap .img_box {
	width: calc(100vw * (60/375));
}

.con_4 .event_box_link {
    width: 100%;
    padding: calc(100vw * (28/640)) calc(100vw * (30/640));
    display: block;
    background-color: #343d5a;
    border-radius: calc(100vw * (12/640));
    box-sizing: border-box;
    margin-top: calc(100vw * (18/640));
}
.con_4 .event_box_link p {
    position: relative;
    font-size: calc(100vw * (20/640));
    color: #fff;
    font-weight: 500;
    padding-left: calc(100vw * (48/640));
    padding-right: calc(100vw * (245/640));
}
.con_4 .event_box_link p::after,
.con_4 .event_box_link p::before {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
}
.con_4 .event_box_link p::before {
    width: calc(100vw * (36/640));
    height: calc(100vw * (36/640));
    background: url('../image/main/event_link_icon.png') no-repeat;
    background-size: contain;
    left: 0;
}
.con_4 .event_box_link p::after {
    width: calc(100vw * (9/640));
    height: calc(100vw * (16/640));
    background: url('../image/main/event_link_arrow.png') no-repeat;
    background-size: contain;
    right: 0;
}

/* btm_menu_wrap */
.con_5 {
    background-color: #ededed;
}
.btm_menu_wrap {
    padding: calc(100vw * (50/640)) 0;
    background-color: #fff;
    margin-top: auto;
    border-radius: calc(100vw * (30/640)) calc(100vw * (30/640)) 0 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 2px 3px 5px rgb(0 0 0 / 10%);
}
.btm_menu_wrap .btm_link_box {
    display: flex;
}
.btm_menu_wrap .btm_link_box .btn_link {
    border-radius: calc(100vw * (10/640));
    box-sizing: border-box;
    width: 50%;
    display: block;
    text-align: center;
    font-size: calc(100vw * (25/640));
    font-weight: 500;
}
.btm_menu_wrap .btm_link_box .btn_link:first-child {
    padding-right: calc(100vw * (80/640));
    margin-right: calc(100vw * (20/640));
    background-color: #fff;
    color: #6f65e9;
    position: relative;
}
.btm_menu_wrap .btm_link_box .btn_link:first-child::after {
    position: absolute;
    content: '';
    width: 1px;
    height: calc(100vw * (60/640));
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #e6e6e6;
}
.btm_menu_wrap .btm_link_box .btn_link:last-child {
    color: #000;
}
.btm_menu_wrap .btm_link_box .btn_link p {
    display: inline-block;
    position: relative;
}
.btm_menu_wrap .btm_link_box .btn_link:first-child p {
    padding-left: calc(100vw * (65/640));
}
.btm_menu_wrap .btm_link_box .btn_link:last-child p {
    padding-left: calc(100vw * (65/640));
}
.btm_menu_wrap .btm_link_box .btn_link:first-child p::after,
.btm_menu_wrap .btm_link_box .btn_link:last-child p::after {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
}
.btm_menu_wrap .btm_link_box .btn_link:first-child p::after {
    width: calc(100vw * (55/640));
    height: calc(100vw * (55/640));
    background: url('../image/main/btm_link_icon_1.png') no-repeat;
    background-size: contain;
    left: 0;
    border-radius: 50%;
    overflow: hidden;
}
.btm_menu_wrap .btm_link_box .btn_link:last-child p::after {
    width: calc(100vw * (55/640));
    height: calc(100vw * (55/640));
    background: url('../image/main/btm_link_icon_2.png') no-repeat;
    background-size: contain;
    left: 0;
    border-radius: 50%;
    overflow: hidden;
}


/* 메인메뉴 */
.mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 90;
    background: rgba(0,0,0,0.6);
    display: none;
}
.gnb_wrap {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 21%;
    right: 0;
    z-index: 95;
    background-color: #fff;
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.gnb_wrap .top_box {
    padding: calc(100vw * (45/640)) 0;
    border-bottom: 7px solid #f0f0f0;
}
.gnb_wrap .top_box .top_menu {
    display: flex;
    justify-content: space-between;
}
.gnb_wrap .top_box .top_menu .left_box {
    display: flex;
    align-items: center;
}
.gnb_wrap .top_box .top_menu .left_box .img_wrap {
    width: calc(100vw * (70/640));
    height: calc(100vw * (70/640));
    border-radius: 50%;
    overflow: hidden;
    margin-right: calc(100vw * (25/640));
}
.gnb_wrap .top_box .top_menu .left_box .txt_box p {
    font-size: calc(100vw * (25/640));
    color: #111;
    font-weight: 500;
}
.gnb_m_box_wrap {
    display: block;
    padding: 0 calc(100vw * (10/640));
    border-radius: calc(100vw * (20/640));
    margin-top: calc(100vw * (10/640));
    border: 1px solid #ddd;
    text-align: center;
}
.gnb_wrap .top_box .top_menu .left_box .txt_box .gnb_m_box {
    font-size: calc(100vw * (20/640));
    color: #555555;
    font-weight: 500;
    line-height: calc(100vw * (40/640));
    position: relative;
    padding-left: calc(100vw * (28/640)); 
    padding-right: calc(100vw * (28/640)); 
    display: block;
}
.gnb_wrap .top_box .top_menu .left_box .txt_box .gnb_m_box::before {
    content: '';
    position: absolute;
    width: calc(100vw * (6/640));
    height: calc(100vw * (10/640));
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../image/main/m_arrow.png) no-repeat;
    background-size: contain;
}
.gnb_wrap .top_box .top_menu .left_box .txt_box .gnb_m_box::after {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: url('../image/main/gnb_m_icon.png') no-repeat;
    background-size: contain;
    width: calc(100vw * (23/640));
    height: calc(100vw * (24/640));
}
.gnb_wrap .top_box .top_menu .right_box {
    display: flex;
}
.gnb_wrap .top_box .top_menu .right_box a {
    display: block;
}
.gnb_wrap .top_box .top_menu .right_box .home_link {
    margin-right: calc(100vw * (25/640));
    width: calc(100vw * (28/640));
}
.gnb_wrap .top_box .top_menu .right_box .close_link {
    width: calc(100vw * (27/640));
}

.gnb_wrap .gnb_menu_box ul {
    padding: calc(100vw * (20/640)) 0;
}
.gnb_wrap .gnb_menu_box ul li {
    display: flex;
    align-items: center;
}
.gnb_wrap .gnb_menu_box ul li .img_wrap {
    min-width: calc(100vw * (30/640));
    width: calc(100vw * (30/640));
    height: calc(100vw * (30/640));
    margin-right: calc(100vw * (20/640));
}
.gnb_wrap .gnb_menu_box ul li a {
    display: block;
    width: 100%;
    position: relative;
    color: #000000;
    font-size: calc(100vw * (24/640));
    padding: calc(100vw * (20/640)) 0;
    font-weight: 400;
}
.gnb_wrap .gnb_menu_box ul li a::after {
    position: absolute;
    content: '';
    right: 0;
    transform: translateY(-50%);
    top: 50%;
    background: url('../image/main/menu_arrow.png') no-repeat;
    background-size: contain;
    width: calc(100vw * (9/640));
    height: calc(100vw * (16/640));
}
.gnb_wrap .gnb_menu_box .ment {
    color: #999999;
    font-size: calc(100vw * (19/640));
    font-weight: 400;
    padding-left: calc(100vw * (50/640));
    letter-spacing: -0.04rem;
    line-height: 1.4;
    padding-bottom: calc(100vw * (55/640));
}
.gnb_wrap .gnb_menu_box {
    border-bottom: 7px solid #f0f0f0;
}

.gnb_wrap .btm_box {
    padding-top: calc(100vw * (40/640));
}
.gnb_wrap .btm_box .friend_btn {
    padding: unset;
    margin: unset;
    background: url(../image/main/friend_bg.png) no-repeat;
    background-size: contain; 
    width: 100%;
    padding-top: calc(100vw * (85/640));
    margin-bottom: calc(100vw * (18/640));
    border: unset;
}
.gnb_wrap .btm_box .btm_ment {
    display: flex;
    justify-content: space-between;
    font-size: calc(100vw * (18/640));
    font-weight: 500;
    color: #a9a9a9;
}
.gnb_wrap .btm_box .btm_ment .sign_out_btn {
    font-size: calc(100vw * (18/640));
    font-weight: 500;
    color: #a9a9a9;
    border: unset;
    padding: unset;
    margin: unset;
    background-color: unset;
}


/***** 가맹점 메인 *****/
.bg_main_wrap {
	 background: linear-gradient(#b2bee4, #b1d3d1);
	 padding-bottom: calc(100vw * (100/640));
	 min-height: 100vh;
    box-sizing: border-box;
}
.semi_bold {
    font-weight: 600;
}

/* main */
.profile_box {
    display: flex;
    align-items: center;
	 margin-top: calc(100vw * (10/640));
}
.profile_box .profile_img_wrap {
    min-width: calc(100vw * (90/640));
    min-height: calc(100vw * (90/640));
    width: calc(100vw * (90/640));
    height: calc(100vw * (90/640));
    border-radius: 50%;
    overflow: hidden;
}
.profile_box .profile_img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.profile_box .profile_alt_box {
    margin-left: calc(100vw * (25/640));
}
.profile_box .profile_alt_box .ment{
    margin-bottom: calc(100vw * (5/640));
    font-size: calc(100vw * (22/640));
	 line-height: 1;
}
.profile_box .profile_alt_box .profile_name{
    font-size: calc(100vw * (29/640));
    font-weight: 500;
    
}

/* 섹션1 */
.section_1 {
    margin-top: calc(100vw * (50/640));
}
.section_1 .section_1_wrap {
    width: 100%;
    height: auto;
    position: relative;
    border-radius: calc(100vw * (22/640));
    background-color: #dee6f6;
    padding: calc(100vw * (25/640));
	 box-shadow: 2px 3px 10px rgb(0 0 0 / 10%);
    box-sizing: border-box;
}
.section_1 .move_img_wrap {
	 right: calc(100vw * (40/640));
}

/* 슬라이드이미지 */
.section_1 .section_1_wrap .change_img_wrap {
    position: absolute;
    right: calc(100vw * (-22/640));
    bottom: 100%;
    z-index: 1;
    width: calc(100vw * (296/640));
    height: calc(100vw * (234/640));
    overflow: hidden;
}
.section_1 .section_1_wrap .change_img_wrap .item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; 
    height: 100%;
    position: relative;
}
.animate__tada_2 {
    -webkit-animation-name: tada_2;
    animation-name: tada_2;
}
.animate__animated_2 {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@keyframes tada_2 {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%,
    20% {
        -webkit-transform:  rotate(-3deg);
        transform:  rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform:  rotate(3deg);
        transform:  rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform:  rotate(-3deg);
        transform:  rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
.section_1 .section_1_wrap .change_img_wrap .item .img_wrap{
    z-index: 2;
    position: relative;    
    width: calc(100vw * (178/640));
    height: calc(100vw * (233/640));
}
.section_1 .section_1_wrap .change_img_wrap .item .sub_img_box {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: calc(100vw * (296/640));
    height: calc(100vw * (88/640));
}
/* .section_1 .section_1_wrap .slide_img_wrap .item:nth-child(2) {
    margin-top: 20px;    
}
.section_1 .section_1_wrap .slide_img_wrap .item:nth-child(3) {
    margin-top: calc(100vw * (35/640));
} */


.section_1 .section_1_wrap  .tit_box {
    position: relative;
    padding-top: calc(100vw * (8/640));
    padding-bottom: calc(100vw * (28/640));
}
.section_1 .section_1_wrap .tit_box .tit_name::after {
    position: absolute;
    content: '';
    background: url('../image/main/tit_icon.png') no-repeat;
    background-size: contain;    
    width: calc(100vw * (36/640));
    height: calc(100vw * (36/640));
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.section_1 .section_1_wrap  .tit_box .tit_name {
    font-size: calc(100vw * (32/640));
    font-weight: 500;
    padding-left: calc(100vw * (46/640));
    position: relative;
}
.section_1 .con_wrap {
    width: 100%;
    background-color: #fff;
    border-radius: calc(100vw * (20/640));
    padding: 0 calc(100vw * (25/640));
	 box-shadow: 2px 3px 10px rgba(0,0,0,0.15);
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

/* 슬라이드컨텐츠 */
.section_1 .con_wrap .slide_tit_box {
    margin-top: calc(100vw * (70/640));
    text-align: center;
    border-bottom: 1px solid #ececec;
}
.section_1 .con_wrap .slide_tit_box .tit {
    font-size: calc(100vw * (23/640));
    font-weight: 500;
    color: #999;
    margin-bottom: calc(100vw * (20/640));
}
.section_1 .con_wrap .slide_tit_box .point_box {
    font-size: calc(100vw * (50/640));
    font-weight: 600;
    color: #000;
    margin-bottom: calc(100vw * (70/640));
    display: flex;
    align-items: center;
    justify-content: center;
}
.section_1 .con_wrap .slide_tit_box .point_box .point {
    display: block;
    max-width: calc(100vw * (421/640));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1;
}
.section_1 .con_wrap .slide_tit_box .point_box .bora {
	display: inline-block;
	font-size: calc(100vw * (28/640));
	color: #6f65e9;
	font-weight: 500;
	background: #eceaff;
	border-radius: 3px;
	padding: 0 5px;
	line-height: 1.5em;
	margin-left: 5px;
}
.section_1 .con_wrap .alt_box {
    margin-bottom: calc(100vw * (50/640));
    margin-top: calc(100vw * (30/640));
}
.section_1 .con_wrap .alt_box .alt_txt {
    font-size: calc(100vw * (19/640));
    font-weight: 400;
    color: #80848a;
    line-height: 1.6;
	 text-align: center;
}
.section_1 .con_wrap .alt_box .alt_txt .navy_txt {
	color: #434664;
}
.section_1 .slide_wrap .swiper-pagination {
    bottom: 0;
}
.section_1 .slide_wrap .swiper-pagination-bullet {
    width: calc(100vw * (9/640));
    height: calc(100vw * (9/640));
}
.section_1 .slide_wrap .swiper-pagination-bullet-active {
    width: calc(100vw * (24/640));
    background-color: #393c59;
    border-radius: calc(100vw * (5/640));
}

.section_1 .qr_box {
	margin: 5px -7px 0;
}
.section_1 .qr_box li {
	width: 100%;
	margin: 10px 7px;
}
.section_1 .qr_box li a {
	displaY: block;
	background: #fff;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
	border-radius: calc(100vw * (20/640));
   padding: calc(100vw * (25/640));
}
.section_1 .qr_box li a .tit {
	font-size: calc(100vw * (25/640));
	font-weight: 500;
	margin-bottom: calc(100vw * (40/640));
	line-height: 1.4em;
}
.section_1 .qr_box li a .gray9 {
	background: url('../image/main/m_arrow.png') no-repeat right / 4px;
	font-size: 12px;
}

/* 2025.05.28. */

.main_subtitle {
	font-size:calc(100vw * (28/640));
	font-weight:500;
	color:#111;
	margin : 0 calc(100vw * (30/640)) calc(100vw * (10/640));
}

.main_new_pop {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.25);
	backdrop-filter:blur(2px);
	z-index:10000000;
	display:none;
}

.main_pop_box {
	box-sizing:border-box;
	max-width:calc(100vw * (315/375));
	min-width:calc(100vw * (315/375));
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	padding: calc(100vw * (40/375)) calc(100vw * (25/375)) calc(100vw * (30/375));
	background:#fff;
	border-radius:calc(100vw * (20/375));
}

.main_pop_title {
	font-size: calc(100vw * (16/375));
	font-weight:500;
	color:#111;
}
.main_pop_subtitle {
	font-size: calc(100vw * (13/375));
	font-weight:400;
	color:#111;
	margin-top:calc(100vw * (8/375));
}
.main_pop_detail {
	font-size: calc(100vw * (13/375));
	font-weight:400;
	color:#767676;
}
.pop_xbtn {
	width:calc(100vw * (30/375));
	top:calc(100vw * (12/375));
	right:calc(100vw * (12/375));
	position:absolute;
}