@charset "utf-8";

* {
	letter-spacing: -0.5px;
}
:root{
	--main-color: #0047BB;
	--sub-color: #01A5BD;

	--gray-color: #737981;
	--gray-color2: #737981;
	--placeholder: #AEB8C7;

	--light-gray: #AEB8C7;

	--block-color: #1D2123;
	--block-color2: #1D2123;

	--border-color: #D9E4F5;
	--background-color: #F5FAFC;
	--red-color: #D3201E;
	--dvideColor: #DFECF1;

	--btn-unable-color: #E5EEF6;
	--box-bg-color: #F0F6FF;
	--item-bg-color: #F7F8F9;

	--reward-color: #4949B0;
	--bg-gradient: linear-gradient(180deg, #C5DDE7 23.56%, #F5FAFC 100%);
	--box-shadow: 0 6px 12px 0 rgba(129, 138, 142, 0.12);

}

body.on {
    touch-action: none;
    overflow: hidden !important;
    -webkit-user-select: none;
}

html.on {
    touch-action: none;
    overflow: hidden !important;
    overscroll-behavior: none;
    -webkit-user-select: none;
}

#load {
    display: none;
	z-index:999999999;
}

input[type=search] {
    padding-right: 15px;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    width: calc(100vw * (10/375));
    height: calc(100vw * (10/375));
    background-color: transparent;
    background: url(../image/sub/up_x_btn.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-border-radius: 0;
    cursor: pointer;
}

.loading-container {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
    z-index: 99999999999;
    display: flex;
    align-items: center;
    justify-content: center
}

.loading-container .loading {
    width: calc(100vw * (100/640));
    height: calc(100vw * (100/640));
    border-radius: 50%;
    border: 2px solid transparent;
    border-color: transparent #fff transparent #FFF;
    -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading 1.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%
}

.loading-container #loading-text {
    -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
    -o-animation: loading-text-opacity 2s linear 0s infinite normal;
    -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
    animation: loading-text-opacity 2s linear 0s infinite normal;
    color: #ffffff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: calc(100vw * (10/640));
    font-weight: bold;
    opacity: 0;
    text-align: center;
    text-transform: uppercase;
    width: calc(100vw * (100/640))
}

@keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

@-o-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

@keyframes loading-text-opacity {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes loading-text-opacity {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes loading-text-opacity {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes loading-text-opacity {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

/* header */
#header {
    color: #464646;
}

.header_inner {
    align-items: stretch;
    justify-content: space-between;
    /* border: 1px solid red; */
    background-color: transparent;
    height: calc(100vw * (80/375));
    padding: 0 calc(100vw * (16/375)) 0 calc(100vw * (24/375));
    position: relative;
    display: flex;
        align-items: flex-start;
    justify-content: unset;
	padding-top: calc(100vw * (16/375));
}

.profile_info {
	display:flex;
	flex-direction: column;
	gap:calc(100vw * (4/375));
}
.profile_info .notranslate {
	color: var(--block-color);
	font-size: calc(100vw * (22/375));
	font-weight: 600;
	line-height: 1.1;
	margin: calc(100vw * (8 / 375)) 0;
}
.profile_info .info_bottom {
	display:flex;
	align-items:center;
	gap:calc(100vw * (6/375));
}
.profile_info .info_bottom .profile_img {
	width: calc(100vw * (20/375));
	height: calc(100vw * (20/375));
}
.profile_info .info_bottom .row2 {
	font-size:calc(100vw * (14/375));
	color:var(--gray-color2);
	font-weight:400;
}
.profile_info .info_bottom .profile_img .header_profile{
	margin-right:0;
}

.header_profile {
    width: calc(100vw * (40/375));
    height: calc(100vw * (40/375));
    margin-right: calc(100vw * (25/375));
}

.h_bell {
    margin-left: auto;
    width: calc(100vw * (46/375));
	background: rgba(255, 255, 255, 0.20);
	border-radius: calc(100vw * (23/375));
}


.profile_text .row {
    margin-bottom: calc(100vw * (0/375));
    font-weight: 700;
	gap: calc(100vw * (4/375));
    font-size: calc(100vw * (14/375));
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}

.profile_text .row1 .user_nation {
	font-size:calc(100vw * (12/375));
	color:#a1a7b0;
	font-weight:500;
	text-transform:uppercase;
}

.profile_text .row2 {
    font-weight: 500;
    font-size: calc(100vw * (12/375));
    color: #464646;
	line-height:calc(100vw * (20/375));
}


.ham_btn {
    margin-left: 0;
    width: calc(100vw * (46/375));
    justify-content: center;
}

.h_menu .icon {
    width: calc(100vw * (17/375));
    height: calc(100vw * (17/375));
    background: url('../image/common/menu.svg') no-repeat center / contain;
}

/* END header */

/* footer */

#main_footer .foot1 .f_on {
    display: none;
}

#main_footer .foot1 .f_off {
    display: block;
}


#main_footer .footer_inner {
	transition: 0.5s;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: calc(100vw * (64 / 375));
	z-index: 100;
	gap: calc(100vw * (40 / 375));
	display: flex;
	align-items: center;
/*	background: linear-gradient(180deg, rgba(245, 250, 252, 0.00) 0%, #F5FAFC 50%);*/
	background: none;
	padding: 0;
	border-radius: 0;
	justify-content: center;
}
#main_footer .footer_group {
	display:flex;
	align-items: flex-start;
	border-radius: calc(100vw*(30 / 375)) calc(100vw*(30 / 375)) 0 0;
	border: 1px solid var(--border-color);
	border-bottom: 0;
	background: var(--white, #FFF);
	padding: calc(100vw*(8 / 375)) calc(100vw*(12 / 375));
	gap: 0;
	width: 100%;
	min-height: calc(100vw*(64 / 375));
}
#main_footer .foot_item {
	flex:1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: calc(100vw * (3/375));
	margin-top:0;
	padding: 0;
}

#main_footer .foot_item img {
    width: calc(100vw * (30/375));
}

#main_footer .foot_text {
    width: 100%;
	font-size:calc(100vw * (13/375));
	color: var(--light-gray);
	text-transform: capitalize;
}

#main_footer .foot_item.is-active .foot_text{
	color: var(--main-color);
}
.foot_item.is-current {
    pointer-events: none;
}


.footer_inner>a .img_box {
    width: calc(100vw * (24/375));
    height: calc(100vw * (24/375));
}

.footer_inner>a .img_box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer_inner>a .tit {
    margin-top: calc(100vw * (8/375));
}

.footer_inner>a.center {
    border-radius: 50%;
    transform: translateY(calc(100vw * (-12/375)));
    background-color: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
}

.footer_inner>a.center .bg {
    justify-content: center;
    width: calc(100vw * (64/375));
    height: calc(100vw * (64/375));
    border-radius: 50%;
    background: linear-gradient(180deg, #6B46FF 0%, #B35FF5 100%);
}

.main_footer_center {
	width: calc(100vw * (75 / 375));
    height: calc(100vw * (75 / 375));
    border-radius: 50%;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16);
    background: var(--main-color);
    z-index: 15;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: calc(100vw * (-12 / 375));
	img {
		width:calc(100vw * (30/375));
	}
}

/* END footer */

/* gnb */
.gnb_wrap {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: transparent;
    -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;
    overflow: auto;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: rgba(244, 244, 249, 0.4);
    backdrop-filter: blur(5px);
	overflow:hidden;
}

.gnb_big_wrap.on .gnb_wrap {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.gnb_big_wrap.close .gnb_wrap {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: 0;
    -moz-transition: 0;
    -ms-transition: 0;
    -o-transition: 0;
    transition: 0;
}

.gnb_box {
	display: flex;
	flex-direction: column;
    width: 100%;
    height: 100vh;
	overflow: hidden;
    margin-left: auto;
    background: var(--background-color);
    border-radius: 0 0 0 0;
    color: var(--block-color);
}

.g_logo {
	flex-shrink: 0;
	height: calc(100vw * (68/375));
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.g_logo .logo {
    margin-left: calc(100vw * (20/375));
}
.g_logo .logo img {
    height: calc(100vw * (24/375));
}

.g_logo .g_xbtn {
    width: calc(100vw * (50/375));
    height: calc(100vw * (50/375));
    margin-right: calc(100vw * (6/375));
	background-image:url('../image/common/gnb_xbtn_renew.png');
	background-size:cover;
}
.g_logo .g_xbtn img{
	display:none;
	width: 100%;
	height: 100%;
}

.g_menu {
	flex: 1;
    overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.g_cash {
    margin: 0 calc(100vw * (16/375)) calc(100vw * (10/375));
    display: flex;
    align-items: center;
	height: calc(100vw * (98/375));
    justify-content: space-between;
    padding: 0 calc(100vw * (20/375));
    border-radius: calc(100vw * (20/375));
	background: #FFF;
	box-shadow: var(--box-shadow);
}

.g_cash .left .row1 {
    font-weight: 500;
    font-size: calc(100vw * (14/375));
    line-height: 1.4em;
}

.g_cash .left .row2 {
    font-weight: 600;
    font-size: calc(100vw * (28/375));
    line-height: 1.4em;
	letter-spacing: calc(100vw * (-1.44 / 375));
	display:flex;
	align-items:center;
	gap:calc(100vw * (4/375));
}

.g_cash .left .row3 {
    font-weight: 400;
    font-size: calc(100vw * (12/375));
    line-height: 1.3em;
    width: calc(100vw * (79/375));
    height: calc(100vw * (23/375));
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(249, 249, 249, 0.2);
    border-radius: 20px;
    margin-top: calc(100vw * (13/375));
}

.g_cash .g_QR {
    display: block;
    width: calc(100vw * (52/375));
    height: calc(100vw * (52/375));
}
.g_cash .g_QR img{
    width: calc(100vw * (30/375));
    height: calc(100vw * (30/375));
}

.g_plus {
    height: calc(100vw * (60/375));
    padding: 0 calc(100vw * (20/375));
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F1FBFB;
	border-radius:calc(100vw * (6/375));
	margin:0 calc(100vw * (20/375));
	color:var(--sub-color);
}

.g_plus .left {
    font-weight: 400;
    font-size: calc(100vw * (16/375));
    line-height: 1.35em;
}

.g_plus .right {
    display: flex;
    align-items: center;
    gap: calc(100vw * (10/375));
    font-size: calc(100vw * (18/375));
    font-weight: 600;
}
.g_plus .right:after{
	content:"";
	width: calc(100vw * (6/375));
    height: calc(100vw * (12/375));
	background-image:url('../image/common/gnb_arw_renew.png');
	background-size:100% 100%;
}

.g_plus .right img {
    width: calc(100vw * (6/375));
    height: calc(100vw * (12/375));
	display:none;
}

.g_list {
    padding: calc(100vw * (20/375));
	background: #FFF;
	border-radius: calc(100vw * (20/375));
	margin: 0 calc(100vw * (16/375));
	box-shadow: var(--box-shadow);
}

.g_link > li {
    position: relative;
	padding: calc(100vw * (22 / 375)) 0;
}

.g_list a {
	display:block;
	width:100%;
    font-weight: 500;
    font-size: calc(100vw * (18/375));
    height: auto;
	display:flex;
    align-items: flex-start;
	justify-content:space-between;
	position:relative;
}


.g_link > li:not(.sub_list_link) a:after {
    content:"";
    width: calc(100vw * (6/375));
    height: calc(100vw * (12/375));
    background-image: url('../image/common/g_link_renew.png');
    background-size:100% 100%;
    position: absolute;
    top: calc(100vw * (5/375));
    right: 0;
}

.sub_list_link a svg {
	transition:0.5s;
	transform-origin:center center;
	transform:rotate(180deg);
	display:none;
}

.sub_list_link.on a svg {
	transform:rotate(0deg);
}
.sub_list_link a:after{
	content:"";
    width: calc(100vw * (14/375));
    height: calc(100vw * (9/375));
    background-image: url('../image/common/sub_list_link_renew.png');
    background-size:100% 100%;
    position: absolute;
    top: calc(100vw * (5/375));
	transform:rotate(180deg);
	transition:0.5s;
	transform-origin:center center;
    right: 0;
}
.sub_list_link.on a:after{
	transform:rotate(0deg);
	transition:0.5s;
}

.menu_footer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin: calc(100vw * (20 / 375)) calc(100vw * (20 / 375)) calc(100vw * (30 / 375));
}

.menu_etc{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: calc(100vw * (18/375));
	color:var(--main-color);
    font-weight: 500;
	height: calc(100vw * (52/375));
}

.menu_etc.ver{
	color:var(--gray-color2);
}




.g_inlink_group {
	display:flex;
	background:transparent;
	border-radius:calc(100vw * (6/375));
	height:calc(100vw * (56/375));
	align-items:center;
	justify-content:space-between;
	margin-top:calc(100vw * (12/375));
	border:1px solid var(--border-color);
	.g_inlink {
		display:flex;
		align-items:center;
		justify-content:center;
		padding: 0 calc(100vw * (20/375));
		text-align:center;
		font-size:calc(100vw * (16/375));
	}
	.g_inline {
		width: 1px;
		height:calc(100vw * (12/375));
		background:var(--border-color);
	}
}




.g_sns {
	display:flex;
	align-items:center;
	gap:calc(100vw * (10/375));
	padding: 0 calc(100vw * (16/375));
	margin-top: calc(100vw * (10/375));
}

.g_sns button{
	flex:1;
	display:flex;
	align-items:center;
	justify-content: center;
	font-size:calc(100vw * (17/375));
	font-weight:500;
	border-radius:calc(100vw * (20/375));
	height:calc(100vw * (62/375));
	gap:calc(100vw * (4/375));
	background:#FFF;
	box-shadow: var(--box-shadow);
}

.g_sns #shareKakao img {
	width:calc(100vw * (28/375));
}
.g_sns #shareLine img{
	width:calc(100vw * (25/375));
}


/* END gnb */

/* sub_header */
.sub_header {
    width: 100%;
    padding: 0 calc(100vw * (9/375)) 0 calc(100vw * (16/375));
    height: calc(100vw * (60/375));
     background-color: var(--background-color);
	position:fixed;
	top:0;
	left:0;
	z-index:49;
}

.sub_header * {
    font-family: 'Pretendard', sans-serif;
}

/*.sub_header.pw {*/
/*    background-color: #F4F4F9;*/
/*}*/

.sub_header_box {
    display: block;
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
}

.back_link {
    width: calc(100vw * (32/375));
    height: calc(100vw * (32/375));
    display: block;
	background-image:url('../image/sub/sub_back_renew.png');
	background-size: 100% 100%;
	background-repeat:no-repeat;
	img{
		display:none;
	}
}

.sub_header .right {
    display: flex;
    align-items: center;
    gap: 0;
}

.sub_header .left {
    display: flex;
    gap: calc(100vw * (10/375));
    align-items: center;
}

.sub_header .name {
    font-weight: 500;
    font-size: calc(100vw * (20/375));
    line-height: unset;
    color: var(--block-color);
}

.sub_header .h_menu {
    width: calc(100vw * (46/375));
    height: calc(100vw * (46/375));
	background-image:url('../image/common/sub_menu_renew.png');
	background-size:100% 100%;
	background-repeat:no-repeat;
	img {
		display:none;
	}
}

.sub_header .sub_home {
    width: calc(100vw * (46/375));
    height: calc(100vw * (46/375));
	background-image:url('../image/common/sub_home_renew.png');
	background-size:100% 100%;
	background-repeat:no-repeat;
	img {
		display:none;
	}
}

/* END sub_header */


/* modal */
.modal {
    position: fixed;
    z-index: 1001000000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}

.modal_con {
    position: fixed;
    left: 0;
    right: 0;
    display: none;
    bottom: 0;
    max-height: 95%;
    overflow: auto;
    z-index: 1002;
    background: #fff;
    border-radius: calc(100vw * (20/375)) calc(100vw * (20/375)) 0 0;
}

.modal_head {
    padding: 0 calc(100vw * (20/375));
    height: calc(100vw * (60/375));
    justify-content: space-between;
    border-radius: calc(100vw * (20/375)) calc(100vw * (20/375)) 0 0;
    background-color: #fff;
}

.modal_head .modal_tit {
    font-weight: 600;
    color: #111;
    font-size: calc(100vw * (16/375));
}

.modal_head .modal_close {
    width: calc(100vw * (25/375));
    height: calc(100vw * (25/375));
    justify-content: center;
}

.modal_head .modal_close .img_icon {
    width: calc(100vw * (13/375));
    height: calc(100vw * (13/375));
}

/* END modal */

/* pop */
.pop * {
    font-family: 'pretendard' !important;
}

.pop {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    max-width: 95%;
    max-height: 95%;
    /* overflow: auto; */
    background-color: #fff;
    z-index: 1001000001;
    border-radius: calc(100vw * (12/375));
    display: none;
}

.pw_pop .pop {
    width: 95%;
}

.pop_close_btn {
    position: absolute;
    width: calc(100vw * (10/375));
    right: calc(100vw * (15/375));
    top: calc(100vw * (15/375));
    z-index: 2;
}

.pop_close_btn img {
    filter: invert(1);
    width: 100%;
}

.common_pop .pop {
    width: calc(100vw - (100vw * (80 / 375)));
    padding: calc(100vw * (20/375)) calc(100vw * (20/375));
}

.id_btn button.chk {
    background: transparent;
    border: 1px solid var(--border-color);
    color: var(--block-color);
}

.id_btn {
	display:flex;
	justify-content: center;
}

.id_btn button {
	flex:1;
    height: calc(100vw * (52/375));
	padding : 0 calc(100vw * (20/375));
    margin: 0 calc(100vw * (5/375));
    border-radius: calc(100vw * (10/375));
    font-size: calc(100vw * (16/375));
    background: #FFF;
	color: var(--block-color);
	border: 1px solid var(--border-color);
	font-weight:600;
}

/* END pop */
.g_home_btn {
    width: calc(100vw * (24/375));
    justify-content: center;
    margin-right: calc(100vw * (10/375));
}

.g_home_btn .icon {
    width: calc(100vw * (24/375));
    height: calc(100vw * (24/375));
}

a {
    -webkit-tap-highlight-color: transparent;
}

button.color_Yellow {background:#efd748; color: #000;}
button.color_Green {background:#13b163;}
button.color_Red {background:#d84343;}

.commonPopTitle {
/*	padding-bottom :calc(100vw * (10/375));*/
/*	margin-bottom:calc(100vw * (20/375));*/
	margin-bottom:calc(100vw * (12/375));
/*	border-bottom:1px solid rgba(0,0,0,0.09);*/
/*	font-size: calc(100vw * (16/375));*/
	font-size: calc(100vw * (18/375));
	color:var(--main-color);
	font-weight:600;
	text-transform: capitalize;
}

.commonPopText {
	font-size:calc(100vw * (16/375));
	font-weight: 500;
	line-height:1.4;
	color: var(--block-color);
}


button{
	-webkit-tap-highlight-color: transparent; 
    transition: background 0.1s ease;
}
button:active {
	transform: scale(0.98);
}


.pw_find{
	text-align: center;
	padding: calc(100vw * (20 / 375)) 0;
	font-size: calc(100vw * (15 / 375));
	color: var(--gray-color2);
	text-decoration: underline;
}