@charset "utf-8";
:root {
	--bg-color:#0a0a0a;
	--text-color:#fff;
    --color-accent: #ffffff;
}

#page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(11, 12, 16, 0.8);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}


#page-loader.active {
    opacity: 1;
	pointer-events: auto;
}

.circle-spinner {
    width: 50px;
    height: 50px;
    border: 3px solid rgba(255, 255, 255, 0.05);
    border-top: 3px solid var(--color-accent);
    border-radius: 50%;
    animation: spinCircle 0.8s linear infinite;
}

@keyframes spinCircle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}



@font-face{font-family:"BMWMotorrad";font-style:normal;font-weight:100;src:url("/file/font/BMWMotorradW05-Light.woff2") format("woff2"),url("/file/font/BMWMotorradW05-Light.woff") format("woff"),url("/file/font/BMWMotorradW05-Light.ttf") format("truetype"),local("Tahoma")}

@font-face{font-family:"BMWMotorrad";font-style:normal;font-weight:400;src:url("/file/font/BMWMotorradW05-Regular.woff2") format("woff2"),url("/file/font/BMWMotorradW05-Regular.woff") format("woff"),url("/file/font/BMWMotorradW05-Regular.ttf") format("truetype"),local("Tahoma")}

@font-face{font-family:"BMWMotorrad";font-style:normal;font-weight:700;src:url("/file/font/BMWMotorradW05-Bold.woff2") format("woff2"),url("/file/font/BMWMotorradW05-Bold.woff") format("woff"),url("/file/font/BMWMotorradW05-Bold.ttf") format("truetype"),local("Tahoma-Bold"),local("Tahoma Bold")}


@font-face{
        font-family:"BMWMotorrad";font-style:normal;font-weight:100;
        src:url("/file/font/BMWMotorradW05-Light.eot?#iefix");
        src:url("/file/font/BMWMotorradW05-Light.eot?#iefix") format("eot"),url("/file/font/BMWMotorradW05-Light.woff2") format("woff2"),url("/file/font/BMWMotorradW05-Light.woff") format("woff"),url("/file/font/BMWMotorradW05-Light.ttf") format("truetype");
}

@font-face{
        font-family:"BMWMotorrad";font-style:normal;font-weight:400;
        src:url("/file/font/BMWMotorradW05-Regular.eot?#iefix");
        src:url("/file/font/BMWMotorradW05-Regular.eot?#iefix") format("eot"),url("/file/font/BMWMotorradW05-Regular.woff2") format("woff2"),url("/file/font/BMWMotorradW05-Regular.woff") format("woff"),url("/file/font/BMWMotorradW05-Regular.ttf") format("truetype");
}

@font-face{
        font-family:"BMWMotorrad";font-style:normal;font-weight:700;
        src:url("/file/font/BMWMotorradW05-Bold.eot?#iefix");
        src:url("/file/font/BMWMotorradW05-Bold.eot?#iefix") format("eot"),url("/file/font/BMWMotorradW05-Bold.woff2") format("woff2"),url("/file/font/BMWMotorradW05-Bold.woff") format("woff"),url("/file/font/BMWMotorradW05-Bold.ttf") format("truetype");
}
@font-face{
        font-family:"BMWMotorrad";font-style:normal;font-weight:800;
        src:url("/file/font/BMWMotorradW05-Heavy.eot?#iefix");
        src:url("/file/font/BMWMotorradW05-Heavy.eot?#iefix") format("eot"),url("/file/font/BMWMotorradW05-Heavy.woff2") format("woff2"),url("/file/font/BMWMotorradW05-Heavy.woff") format("woff"),url("/file/font/BMWMotorradW05-Heavy.ttf") format("truetype");
}
@font-face{
        font-family:"BMWMotorrad";font-style:normal;font-weight:900;
        src:url("/file/font/BMWMotorradW05-Heavy.eot?#iefix");
        src:url("/file/font/BMWMotorradW05-Heavy.eot?#iefix") format("eot"),url("/file/font/BMWMotorradW05-Heavy.woff2") format("woff2"),url("/file/font/BMWMotorradW05-Heavy.woff") format("woff"),url("/file/font/BMWMotorradW05-Heavy.ttf") format("truetype");
}

@font-face{ font-family:"BMWTypeNextKr";font-style:normal;font-weight:100; src:url("/file/font/BMWTypeNextKrTT-Thin.ttf") format("truetype");}
@font-face{ font-family:"BMWTypeNextKr";font-style:normal;font-weight:300; src:url("/file/font/BMWTypeNextKrTT-Light.ttf") format("truetype");}
@font-face{ font-family:"BMWTypeNextKr";font-style:normal;font-weight:400; src:url("/file/font/BMWTypeNextKrTT-Regular.ttf") format("truetype");}
@font-face{ font-family:"BMWTypeNextKr";font-style:normal;font-weight:600; src:url("/file/font/BMWTypeNextKrTT-Bold.ttf") format("truetype");}

@font-face{font-family:"BMWMotorradOutline";font-style:normal;font-weight:100;src:url("/file/font/BMWMotorradOutlineW01-Rg.woff2") format("woff2"),url("/file/font/BMWMotorradOutlineW01-Rg.woff") format("woff"),url("/file/font/BMWMotorradOutlineW01-Rg.ttf") format("truetype");font-display: swap;}
@font-face{font-family:"BMWMotorradOutline";font-style:normal;font-weight:300;src:url("/file/font/BMWMotorradOutlineW02-Rg.woff2") format("woff2"),url("/file/font/BMWMotorradOutlineW02-Rg.woff") format("woff"),url("/file/font/BMWMotorradOutlineW02-Rg.ttf") format("truetype");font-display: swap;}
@font-face{font-family:"BMWMotorradOutline";font-style:normal;font-weight:500;src:url("/file/font/BMWMotorradOutlineW04-Rg.woff2") format("woff2"),url("/file/font/BMWMotorradOutlineW04-Rg.woff") format("woff"),url("/file/font/BMWMotorradOutlineW04-Rg.ttf") format("truetype");font-display: swap;}
@font-face{font-family:"BMWMotorradOutline";font-style:normal;font-weight:700;src:url("/file/font/BMWMotorradOutlineW05-Rg.woff2") format("woff2"),url("/file/font/BMWMotorradOutlineW05-Rg.woff") format("woff"),url("/file/font/BMWMotorradOutlineW05-Rg.ttf") format("truetype");font-display: swap;}
@font-face{font-family:"BMWMotorradOutline";font-style:normal;font-weight:900;src:url("/file/font/BMWMotorradOutlineW05-Rg.woff2") format("woff2"),url("/file/font/BMWMotorradOutlineW05-Rg.woff") format("woff"),url("/file/font/BMWMotorradOutlineW05-Rg.ttf") format("truetype");font-display: swap;}



*{ outline: none; text-size-adjust: none; font-family: "BMWMotorrad",BMWTypeNextKr;}

html,body { margin:0; padding:0; width:100%; position: relative; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;font-size: 16px;
    -moz-text-size-adjust: none; /* android에서 Firefox 브라우저 */
    -webkit-text-size-adjust: none; /* iOS에서 Safari 브라우저 */
    text-size-adjust: none;
	background-color:var(--bg-color);
	color:var(--text-color);
}
ul,li{ margin:0; padding:0; list-style:none;}
a{color:var(--text-color); text-decoration:none;}
h1,h2,h3,h4,h5,p{ margin:0; padding:0; line-height:1.4;}

input[type=text]
,input[type=tel]
,input[type=email]
,input[type=number]
,select
,textarea
{
	color:var(--text-color);
	background-color:var(--bg-color);
}

#app{ width:100%; display:inline-block;}

/* 팝업 전체 배경 (Dim 처리) */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-content{
	display: flex;
    justify-content: center;
    align-items: center;
	width:100%;
	height:100%;
}
.modal-content .myaddressdiv1 {
	position:relative;
/*    background: #fff;*/
    border-radius: 8px;
    max-width: 580px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;

}
.modal-content .myaddressdiv1 .closeAddressModalBtn{ position:absolute; right:1em; top:3em; color:transparent; width:50px; height:50px; display:inline-block; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%22200%22%20viewBox%3D%220%200%20200%20200%22%20width%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M114%2C100l49-49a9.9%2C9.9%2C0%2C0%2C0-14-14L100%2C86%2C51%2C37A9.9%2C9.9%2C0%2C0%2C0%2C37%2C51l49%2C49L37%2C149a9.9%2C9.9%2C0%2C0%2C0%2C14%2C14l49-49%2C49%2C49a9.9%2C9.9%2C0%2C0%2C0%2C14-14Z%22%2F%3E%0A%3C%2Fsvg%3E%0A"); background-size:contain; background-position:center;}
 
header{ position:absolute; z-index:300;  width:100%; left:0; top:0; display:none;}
header > div{ display:flex; justify-content:space-between; align-items:center; height:100px;}
header > div > h1{ margin:0 50px; }
header > div > div{ text-align:center;}
header > div > div > h2 > span{ font-size:32px; font-weight:900;}
header > div > div > p > span{ font-size:18px; font-weight:400;}
header > div > div > p > span > b{ font-size:18px; font-weight:700;}
header > div > h1 > a > svg{ width:55px; height:55px; object-fit:contain;}
header > div > nav{margin:0 50px; width:55px;}

.menubtn{ background-color:rgba(0,0,0,0.7); position:fixed; right:3em; top:1.5em; transition-duration:0.3s; z-index:400; width:50px; height:50px; display:inline-block; background-position:center center; background-repeat:no-repeat; background-size:80% 80%; 
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22none%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M2%206C2%205.44772%202.44772%205%203%205H21C21.5523%205%2022%205.44772%2022%206C22%206.55228%2021.5523%207%2021%207H3C2.44772%207%202%206.55228%202%206Z%22%20fill%3D%22%23ffffff%22%2F%3E%0A%3Cpath%20d%3D%22M2%2012.0322C2%2011.4799%202.44772%2011.0322%203%2011.0322H21C21.5523%2011.0322%2022%2011.4799%2022%2012.0322C22%2012.5845%2021.5523%2013.0322%2021%2013.0322H3C2.44772%2013.0322%202%2012.5845%202%2012.0322Z%22%20fill%3D%22%23ffffff%22%2F%3E%0A%3Cpath%20d%3D%22M3%2017.0645C2.44772%2017.0645%202%2017.5122%202%2018.0645C2%2018.6167%202.44772%2019.0645%203%2019.0645H21C21.5523%2019.0645%2022%2018.6167%2022%2018.0645C22%2017.5122%2021.5523%2017.0645%2021%2017.0645H3Z%22%20fill%3D%22%23ffffff%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
.menubtn > span{ font-size:0;}
.menubtn.active{ position:fixed; background-color:transparent; transition-duration:0.3s;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%22200%22%20viewBox%3D%220%200%20200%20200%22%20width%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M114%2C100l49-49a9.9%2C9.9%2C0%2C0%2C0-14-14L100%2C86%2C51%2C37A9.9%2C9.9%2C0%2C0%2C0%2C37%2C51l49%2C49L37%2C149a9.9%2C9.9%2C0%2C0%2C0%2C14%2C14l49-49%2C49%2C49a9.9%2C9.9%2C0%2C0%2C0%2C14-14Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");}

.mobilemenu-overlay{ position:fixed; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0); transition-duration:0.5s;visibility:hidden; }
.mobilemenu-overlay.active{ background-color:rgba(0,0,0,0.4); z-index:300; visibility:visible;}

.mobilemenunav{ position:fixed; visibility:hidden; z-index:301; right:-100%; top:0; width:400px; transition-duration:0.3s;}
.mobilemenunav.active{ visibility:visible; right:0; }
.mobilemenunav > div > ul{ width:300px; background-color:#2b2b2b; min-height:80vh; min-height:100svh;  display:flex; flex-direction:column; justify-content:center; gap:30px; padding-right:100px;}
.mobilemenunav > div > ul > li { text-align:right;}
.mobilemenunav > div > ul > li > a{ font-size:32px; font-weight:700;}
.mobilemenunav > div > ul > li > UL > LI > a{ font-size:20px; font-weight:400;}

.headersubtitle > span:before{ content:"DYNAMIC KOREA";}

body[data-page1=''] .menubtn
,body[data-page1='Tutorials'] .menubtn
,body[data-page1='MyInfo'] .menubtn
{ display:none;}

body[data-page2='gangwon2026'] .headersubtitle > span > b:after{ content:"GANGWON";}
body[data-page2='dmz2026'] .headersubtitle > span > b:after{ content:"CHEORWON";}


body[data-page1='Agreements'] > .navbar{ display:block;}
body[data-page1='Season'] > .navbar{ display:block;}
body[data-page1='epicrideclub'] > .navbar{ display:block;}

body[data-page2='find'] > .navbar > div > div{ display:none;}
body[data-page2='open'] > .navbar > div > div{ display:none;}
body[data-page2='open'] > .navbar{ display:none;}
body[data-page2='save'] > .navbar > div > div{ display:none;}

body[data-page1='Trade'] > .navbar{ display:block;}
body[data-page1='Order'] > .navbar{ display:block;}


footer{ }
footer > div{ display:none;  opacity:1; max-width:600px;  width:auto; border-top:0.5px solid #818181; margin:auto; justify-content:space-between; align-items:flex-end; gap:20px; flex-wrap:wrap; padding:37px 20px;padding-bottom:80px;}

footer > .footertype1 > h2 > span{ font-size:14px; font-weight:700; display:block;}
footer > .footertype1 > ul{ width:100%; display:flex; gap:24px; margin-top:20px;}
footer > .footertype1 > nav{ display:flex; gap:24px;}
footer > .footertype1 > nav > a{ font-size:12px; font-weight:700; color:#fff;}
footer > .footertype1 > aside{ font-size:14px; font-weight:400; color:#989898;}
footer > .footertype1 > div{ display:flex; align-items:flex-end; gap:16px;}
footer > .footertype1 > div > span{ font-size:14px; font-weight:900; color:#989898;}
footer > .footertype1 > div > span > span{ display:block; font-size:14px; font-weight:900; color:#989898;}
footer > .footertype1 > p{ font-size:14px; font-weight:400; color:#989898;}


footer > .footertype2 > h2 > span{ font-size:14px; font-weight:700; display:block;}
footer > .footertype2 > .partnersdiv{ width:100%; display:inline-block; }
footer > .footertype2 > .partnersdiv > ul{ display:flex; flex-wrap:wrap; gap:10px 25px; justify-content:flex-start; align-items:center;  flex-grow:1; width:100%; margin-top:20px; margin-bottom:20px;}
footer > .footertype2 > .partnersdiv > ul > li img{ height:20px;}

footer > .footertype2 > nav{ display:flex; gap:24px;}
footer > .footertype2 > nav > a{ font-size:12px; font-weight:700; color:#fff;}
footer > .footertype2 > aside{ font-size:14px; font-weight:400; color:#989898;}
footer > .footertype2 > div{ display:flex; align-items:flex-end; gap:16px;}
footer > .footertype2 > div > span{ font-size:14px; font-weight:900; color:#989898;}
footer > .footertype2 > div > span > span{ display:block; font-size:14px; font-weight:900; color:#989898;}
footer > .footertype2 > p{ font-size:14px; font-weight:400; color:#989898;}




body[data-page2='gangwon2026'] > .footer > .footertype1{ display:flex;}
body[data-page2='dmz2026'] > .footer > .footertype2{ display:flex;}



.outline{  font-family:"BMWMotorradOutline"; font-weight:400;}

.skipdiv{ width:100%; height:100vh; height:100svh; display:flex; position:relative; overflow:hidden;}
.skipdiv > .maindiv{ display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100vh; height:100svh;}
.skipdiv > .maindiv > h1{ margin:auto; line-height:1; display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;}
.skipdiv > .maindiv > h1{ padding-bottom:50px;}
.skipdiv > .maindiv > h1 > span{ font-size:44px; font-weight:900;}
.skipdiv > .maindiv > h1 > span:nth-child(1){ grid-area: 1 / 1 / 3 / 2; margin-right:30px;}
.skipdiv > .maindiv > h1 > span:nth-child(2){ grid-area: 1 / 2 / 2 / 4;}
.skipdiv > .maindiv > h1 > span:nth-child(3){ grid-area: 2 / 2 / 3 / 4;}



.skipdiv > .maindiv > h1 > span{
opacity: 1;
animation-duration:3s;
animation-iteration-count:1;
}

.skipdiv > .maindiv > h1 > span:nth-child(3) > span{ position:relative;  animation-name:skiploadings0; animation-iteration-count:1; animation-duration:3s;}
.skipdiv > .maindiv > h1 > span:nth-child(3) > span:before{ content:""; position:absolute; left:0; top:18px; display:inline-block; width:100%; height:9px; border:1px solid transparent;overflow:hidden; }
.skipdiv > .maindiv > h1 > span:nth-child(3) > span:after{ content:""; position:absolute; left:0; top:40px; display:inline-block; width:100%; height:9px; border:1px solid transparent;overflow:hidden; }
.skipdiv > .maindiv > h1 > span:nth-child(3) > span:before{  animation-name:skiploadings1; animation-iteration-count:1; animation-duration:3s;}
.skipdiv > .maindiv > h1 > span:nth-child(3) > span:after{  animation-name:skiploadings2; animation-iteration-count:1; animation-duration:3s;}
@keyframes skiploadings0 {
    0% { color:transparent; }
    50% { color:transparent; }
    90% { color:transparent;}
    100% {color:#fff;}
}

@keyframes skiploadings1 {
    0% { width:0; border:1px solid #fff; }
    90% { width:100%; border:1px solid #fff;}
    100% { width:100%;  border:1px solid transparent}
}
@keyframes skiploadings2 {
    0% { width:0; border:1px solid #fff; }
    90% { width:100%; border:1px solid #fff;}
    100% { width:100%;  border:1px solid transparent}
}


.homediv1 > .maindiv > .swiperdiv{ width:630px; margin:auto;}

.swipercontaindrdiv{ display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; background-color:#000;}
.swipercontaindrdiv > .imgdiv{  display:flex; justify-content:center; align-items:center; height:638px;}


.swipercontaindrdiv.tutorials3 > .imgdiv
,.swipercontaindrdiv.tutorials4 > .imgdiv
{ justify-content:flex-end; align-items:flex-end;}

.swipercontaindrdiv.tutorials3 > .imgdiv > div > .tutorialsswitch{ max-width:100%; width:auto; object-fit:contain; object-position:center;}
.swipercontaindrdiv.tutorials1 > .imgdiv > div > img{ height:505px;}
.swipercontaindrdiv.tutorials2 > .imgdiv > div > img{ height:496px;}
.swipercontaindrdiv.tutorials3 > .imgdiv > div > img{ height:564px;}
.swipercontaindrdiv.tutorials4 > .imgdiv > div > img{ height:638px;}
.swipercontaindrdiv.tutorials5 > .imgdiv > div > img{ height:563px;}
.swipercontaindrdiv.tutorials6 > .imgdiv > div > img{ height:582px;}

.swipercontaindrdiv > .textdiv > div > h2 > span{ font-size:30px; font-weight:900; display:block; text-align:center;}
.swipercontaindrdiv > .textdiv > div > p{ margin:27px auto;}
.swipercontaindrdiv > .textdiv > div > p > span{ font-size:19px; font-weight:300; display:block; text-align:center;}
.swipercontaindrdiv > .textdiv > div > p > span > b{ font-size:24px; font-weight:700;}

.swipercontaindrdiv > .textdiv > nav{ display:flex; flex-direction:column; gap:18px; margin:auto;}
.swipercontaindrdiv > .textdiv > nav > a{ width:435px; margin:auto; padding:20px 0; text-align:center; border-radius:100px; background-color:#0065B0;}
.swipercontaindrdiv > .textdiv > nav > a:nth-child(1){ background-color:#0000b0;}
.swipercontaindrdiv > .textdiv > nav > a:nth-child(2){ background-color:#00004b;}
/*
.swipercontaindrdiv > .textdiv > nav > a:hover{ background-color:#000061; }
*/
.swipercontaindrdiv > .textdiv > nav > a > .linktext{ font-size:27px; font-weight:500;}
.swipercontaindrdiv > .textdiv > nav > .tutorialshrbar{ width:216px; border:1.6px solid #fff;; margin:20px auto;}

/**/

.memberdiv1 > .maindiv{ height:100vh; min-height:810px; display:flex; justify-content:center; align-items:center;}
.memberdiv1 > .maindiv > form{ width:504px; display:inline-block; margin:50px 0;}
.memberdiv1 > .maindiv > form > h2{ margin-top:100px; text-align:center;}
.memberdiv1 > .maindiv > form > h2 > span{ font-size:40px; font-weight:700; display:block;}


.memberdiv1 > .maindiv > form > nav{ display:flex; flex-direction:column; gap:31px; margin:auto; margin-top:170px;}
.memberdiv1 > .maindiv > form > nav > a{ width:430px; margin:auto; padding:19.5px 0; text-align:center; border-radius:100px; background-color:#0065B0;}
.memberdiv1 > .maindiv > form > nav > a.smsauthbtn{ background-color:#D9D9D9;/* pointer-events:none;*/}
.memberdiv1 > .maindiv > form > nav > a.smsauthbtn.active{ background-color:#000099; pointer-events: auto;}
.memberdiv1 > .maindiv > form > nav > a.signmovebtn{ background-color:#00004b;}
.memberdiv1 > .maindiv > form > nav > a > .linktext{ font-size:27px; font-weight:500;}


.memberdiv1 > .maindiv > form > h3 > span{ font-size:27px; font-weight:700; display:block;}
.memberdiv1 > .maindiv > form > ul{ display:flex; flex-direction:column; gap:48px; margin-top:65px;}
.memberdiv1 > .maindiv > form > ul > li{ display:flex; flex-wrap:wrap;}
.memberdiv1 > .maindiv > form > ul > li > label{ font-size:18px; font-weight:400; color:#0065B0; width:100%;}
.memberdiv1 > .maindiv > form > ul > li > div{ width:63%;}
.memberdiv1 > .maindiv > form > ul > li > nav > a{ font-size:20px; font-weight:700; color:#000; background-color:#D9D9D9; border-radius:160px; padding:13px 36px; display:inline-block;}
.memberdiv1 > .maindiv > form > ul > li > aside{ display:flex; justify-content:center; align-items:flex-end; flex-grow:1;}
.memberdiv1 > .maindiv > form > ul > li > aside > p{ color:#fff; font-size:27px; font-weight:400;}
.memberdiv1 > .maindiv > form input[type=tel]{ background-color:transparent;  border:0; border-bottom:3px solid #fff; width:96%; font-size:25px; font-weight:700; margin-top:14px;}
.memberdiv1 > .maindiv > form input::placeholder {
  color: #6E6E6E;
  font-weight:700;
}

/**/


.regdiv1 > .maindiv > form{ width:540px; margin:auto;}
.regdiv1 > .maindiv > form > h2{ margin-top:100px; text-align:center; margin-bottom:50px;}
.regdiv1 > .maindiv > form > h2 > span{ font-size:27px; font-weight:700; display:block;}

.regdiv1 > .maindiv > form > p{ width:414px; margin:auto; background-color:rgba(255,255,255,0.218); padding:12px 30px; border-radius:10px; }
.regdiv1 > .maindiv > form > p > span{ font-size:16px; font-weight:300; display:block;}
.regform > aside{width:396px; margin:auto; border:1px solid #eee; padding:16px 30px;}
.regform > aside > h4{ margin-bottom:14px; text-align:center;}
.regform > aside > h4 > span{ font-size:24px; font-weight:700; color:#eeeeee; }
.regform > aside > p > span{ font-size:15px; font-weight:400; color:#eeeeee;}
.regform > aside > p > span > a{ color:#09F; font-size:15px; font-size:400;}

.agreeul{ display:flex; flex-direction:column; gap:16px; margin:50px auto; margin-top:80px; width:460px;}
.agreeul > li[data-li-ess="Y"] > div > label > span:before{ content:"[필수] "; color:red;}
.agreeul > li[data-li-ess="N"] > div > label > span:before{ content:"[선택] "; color:gray;}
.agreeul > li > div{ display:flex; align-items:center; gap:8px;}
.agreeul > li > div > a{ color:#555;}
.agreeul > li > div > input[type=checkbox]{ display:none;}
.agreeul > li > div > label{ font-size:22px; font-weight:300; display:flex; gap:8px; align-items:center;}
.agreeul > li > div > label[for='allchk']{ font-weight:700;}
.agreeul > li > div > label:before{ content:""; width:24px; height:24px; display:inline-block;}
.agreeul > li > div > label:before{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%3Cpath%20d%3D%22M12%202c5.514%200%2010%204.486%2010%2010s-4.486%2010-10%2010-10-4.486-10-10%204.486-10%2010-10zm0-2c-6.627%200-12%205.373-12%2012s5.373%2012%2012%2012%2012-5.373%2012-12-5.373-12-12-12zm4.393%207.5l-5.643%205.784-2.644-2.506-1.856%201.858%204.5%204.364%207.5-7.643-1.857-1.857z%22%20fill%3D%22%23555%22%2F%3E%0A%3C%2Fsvg%3E")}

.agreeul > li > div > input[type=checkbox]:checked + label:before{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%3Cpath%20d%3D%22M12%200c-6.627%200-12%205.373-12%2012s5.373%2012%2012%2012%2012-5.373%2012-12-5.373-12-12-12zm-1.25%2017.292l-4.5-4.364%201.857-1.858%202.643%202.506%205.643-5.784%201.857%201.857-7.5%207.643z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E")}
.agreeul > li > fieldset{ display:none; visibility:collapse; transition-duration:0.3s; margin:0;}
.agreeul > li.viewon > fieldset{ display:block; visibility:visible; margin-top:16px;}

.regdiv1 > .maindiv > form > nav{ display:flex; flex-direction:column; gap:18px; margin:auto; margin-top:72px; margin-bottom:50px;}
.regdiv1 > .maindiv > form > nav > a{ width:430px; margin:auto; padding:19.5px 0; text-align:center; border-radius:100px; background-color:#0065B0;}
.regdiv1 > .maindiv > form > nav > a{ background-color:#000099;}
.regdiv1 > .maindiv > form > nav > a > .linktext{ font-size:27px; font-weight:500;}


.regdiv1 > .maindiv > form > h3{ margin-top:100px;}
.regdiv1 > .maindiv > form > h3 > span{ font-size:27px; font-weight:700; display:block;}
.regdiv1 > .maindiv > form > ul{ display:flex; flex-direction:column; gap:58px; margin-top:65px;}
.regdiv1 > .maindiv > form > ul > li > label{ font-size:18px; font-weight:400; color:#0065B0;}
.regdiv1 > .maindiv > form textarea{ background-color:transparent;  border:0; border-bottom:3px solid #fff; width:96%; font-size:25px; font-weight:700;}
.regdiv1 > .maindiv > form select{ background-color:transparent;  border:0; border-bottom:3px solid #fff; width:96%; font-size:25px; font-weight:700;}
.regdiv1 > .maindiv > form select option{ color:#101010;}

.regdiv1 > .maindiv > form input[type=text]{ background-color:transparent;  border:0; border-bottom:3px solid #fff; width:96%; font-size:25px; font-weight:700;}
.regdiv1 > .maindiv > form input::placeholder {
  color: #6E6E6E;
  font-weight:700;
}
.regdiv1 > .maindiv > form textarea::placeholder {
  color: #6E6E6E;
  font-weight:700;
}
.creditcheckimg{ width:100%; height:427px; margin:65px 0; display:inline-block;}
.regdiv1 > .maindiv > .regform{ display:none;}
.regdiv1 > .maindiv[data-tab='0'] > #regform0{ display:block;}
.regdiv1 > .maindiv[data-tab='1'] > #regform1{ display:block;}
.regdiv1 > .maindiv[data-tab='2'] > #regform2{ display:block;}
.regdiv1 > .maindiv[data-tab='3'] > #regform3{ display:block;}


.bikefileupdiv{}
.bikefilepreviewdiv{ display:flex; justify-content:center; align-items:center; margin-bottom:50px;}
.bikefilepreviewdiv > img{ width:130px; height:130px; object-fit:contain; object-position:center;}

.bikereginfoaside > ul{ margin:26px auto; margin-top:50px;}
.bikereginfoaside > ul > li{ margin-left:20px; position:relative; font-size:14px; font-weight:300; }
.bikereginfoaside > ul > li:before{ left:-20px; position:absolute; top:0;}
.bikereginfoaside > ul > li:nth-child(1):before{ content:"1.";}
.bikereginfoaside > ul > li:nth-child(2):before{ content:"2.";}
.bikereginfoaside > ul > li:nth-child(3):before{ content:"3.";}
.bikereginfoaside > ul > li:nth-child(4):before{ content:"4.";}
.bikereginfoaside > ul > li:nth-child(5):before{ content:"5.";}
.bikereginfoaside > ul > li:nth-child(6):before{ content:"6.";}

.aftermybikechkdiv{ width:430px; margin:auto;}
.aftermybikechkdiv > input[type=checkbox]{ display:none;}
.aftermybikechkdiv > label{ font-size:20px; font-weight:400; display:flex; justify-content:flex-end; align-items:center; gap:23px;}
.aftermybikechkdiv > label:after{ content:""; width:26.25px; height:26.25px; display:inline-block; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M22%202v20h-20v-20h20zm2-2h-24v24h24v-24z%22%20fill%3D%22%23FFFFFF%22%20%2F%3E%3C%2Fsvg%3E");}
.aftermybikechkdiv > input[type=checkbox]:checked + label:after{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M0%200v24h24v-24h-24zm10.041%2017l-4.5-4.319%201.395-1.435%203.08%202.937%207.021-7.183%201.422%201.409-8.418%208.591z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E")}

.bikefileupdiv > nav{ display:flex; justify-content:center;}
.bikefileupdiv > nav > a{  background-color:#D9D9D9; border-radius:160px; padding:13px 54px; display:inline-block;}
.bikefileupdiv > nav > a > .linktext{ font-size:20px; font-weight:700; color:#000;}
.ui-autocomplete{ max-height:120px; max-width:540px; overflow:hidden; overflow-y:auto; border:1px solid #fff; background-color:#000;}
.ui-autocomplete > li > div{ padding:8px 20px;}

/**/
.agreementsdiv1 > .maindiv input[type=checkbox]{pointer-events: none;}
.agreementsdiv1{ margin-top:150px;}
.agreementsdiv1 > .maindiv > div{ width:540px; margin:auto; min-height:50vh;}
.agreementsdiv1 > .maindiv > div > h2{ margin-bottom:50px;}
.agreementsdiv1 > .maindiv > div > h2 > span{ font-size:45px; font-weight:700; display:block;}
.agreementsdiv1 > .maindiv > div > ul{ display:flex; flex-direction:column; gap:30px 0;}
.agreementsdiv1 > .maindiv > div > ul > li > h3{ margin:16px auto;}
.agreementsdiv1 > .maindiv > div > ul > li > h3 > span{ font-size:27px; font-weight:700;}

.agreementsdiv1 > div{  margin:auto; margin-top:150px; width:560px;}
.agreementsdiv1 > div > div > div > h2{ text-align:center; font-size:24px; font-weight:700;}
.agreementsdiv1 > div > div > div > p{ line-height:1.6; font-size:17px; font-weight:400;}
.agreementsdiv1 > div table{ width:100%; margin:8px auto; border:1px solid #fff;}
.agreementsdiv1 > div table th{ padding:6px 12px;}
.agreementsdiv1 > div table td{ padding:6px 12px; min-width:80px; font-size:16px; font-weight:400; border:1px solid #fff;}
.agreementsdiv1 > div table td p{font-size:16px; font-weight:400;}
.agreementsdiv1 > div ul{ margin:8px auto;}
.agreementsdiv1 > div ul > li{ margin-left:30px; position:relative; line-height:1.8;}
.agreementsdiv1 > div ul > li:before{ position:absolute; left:-20px; top:0; content:"ㆍ";}


/**/


.seasondiv1{ margin-top:150px;}
.seasondiv1 > .maindiv > form{ width:540px; margin:auto; min-height:50vh;}
.seasondiv1 > .maindiv > form > h2{ margin-bottom:50px;}
.seasondiv1 > .maindiv > form > h2 > span{ font-size:45px; font-weight:700; display:block;}
.seasondiv1 > .maindiv > form > ul{ display:flex; flex-direction:column; gap:30px 0; margin:50px 0;}
.seasondiv1 > .maindiv > form > p > span > span{ font-size:32px; font-weight:700;}
.seasondiv1 > .maindiv > form > p > span{ font-size:22px; font-weight:700;}

.seasondiv1 > .maindiv > form > nav{ display:flex; flex-direction:column; gap:18px; margin:auto; margin-top:72px; margin-bottom:50px;}
.seasondiv1 > .maindiv > form > nav > a{ width:484px; margin:auto; padding:24px 0; text-align:center; border-radius:100px; background-color:#0065B0;}
.seasondiv1 > .maindiv > form > nav > a:hover{ background-color:#000061; }
.seasondiv1 > .maindiv > form > nav > a > .linktext{ font-size:32px; font-weight:400;}


.seasonselectform > ul{ margin:50px auto; display:flex; flex-direction:column; gap:30px;}
.seasonselectform > ul > li{ display:flex;}

.seasonselectA{ display:flex; gap:30px;}
.seasonselectA > .img > img{ width:160px; height:160px; object-fit:cover; border-radius:50%; }
.seasonselectA > .text{ display:flex; flex-direction:column; justify-content:center; }
.seasonselectA > .text > h4 > span{ font-size:24px; font-weight:700;}
.seasonselectA > .text > aside > span{ font-size:20px; font-weight:400;}

/**/


.myinfodiv1{ margin-top:100px;}
.myinfodiv1 > .maindiv > .mainprofile{ width:530px; margin:auto;}
.myinfodiv1 > .maindiv > .mainprofile > form{ background-color:#FFF; border-radius:30px; padding:19px 29px; position:relative; display:flex; gap:34px;}
.myinfodiv1 > .maindiv > .mainprofile > form .profileicondiv{ width:138px; display:flex; justify-content:center; align-items:center;}
.myinfodiv1 > .maindiv > .mainprofile > form .profileicondiv > img{ width:138px; height:138px; object-fit:cover; object-position:center; background-color:#84b4ef; display:inline-block; border-radius:50%;}
.myinfodiv1 > .maindiv > .mainprofile > form .profiletextdiv{ width:calc(100% - 172px);}
.myinfodiv1 > .maindiv > .mainprofile > form .profiletextdiv > nav{ display:flex; justify-content:space-between; align-items:center;}
.myinfodiv1 > .maindiv > .mainprofile > form .profiletextdiv > nav > span{ font-size:12px; font-weight:700; color:#1B1A1A;}
.myinfodiv1 > .maindiv > .mainprofile > form .profiletextdiv > nav > p{ display:flex; align-items:center; gap:8px;}
.myinfodiv1 > .maindiv > .mainprofile > form .profiletextdiv > nav > p > span{ font-size:12px; font-weight:700; color:#1B1A1A;}
.myinfodiv1 > .maindiv > .mainprofile > form .profiletextdiv > nav > p > img{ width:28.89px; height:28.89px;}
.myinfodiv1 > .maindiv > .mainprofile > form .profiletextdiv > nav > a{  border:1px solid #676767; border-radius:9px; padding:6px 7px; display:flex; justify-content:center; align-items:center;}
.myinfodiv1 > .maindiv > .mainprofile > form .profiletextdiv > nav > a > span{ font-size:14px; font-weight:400; color:#1B1A1A;}

.myinfodiv1 > .maindiv > .mainprofile > form[data-owner='false'] .profiletextdiv > nav > p{ display:none;}
.myinfodiv1 > .maindiv > .mainprofile > form[data-owner='true'] .profiletextdiv > nav > span{ display:none;}
.myinfodiv1 > .maindiv > .mainprofile > form[data-owner='true'] .profiletextdiv > nav > span{ display:none;}
.myinfodiv1 > .maindiv > .mainprofile > form[data-owner='true'] .profiletextdiv > nav > a{ display:none;}

.myinfodiv1 > .maindiv > .mainprofile > form .profiletextdiv > h4{ margin-top:36px;}
.myinfodiv1 > .maindiv > .mainprofile > form .profiletextdiv > h4 > span{ font-size:26px; font-weight:700; color:#1B1A1A; }
.myinfodiv1 > .maindiv > .mainprofile > form .profiletextdiv > ul > li{ font-size:16px; font-weight:400; color:#1B1A1A; }
.myinfodiv1 > .maindiv > .mainprofile > form .profiletextdiv > aside{ display:flex; gap:8px; align-items:center; justify-content:flex-end;}
.myinfodiv1 > .maindiv > .mainprofile > form .profiletextdiv > aside > span{ font-size:50px; font-weight:700; color:#CECDCD;}
.myinfodiv1 > .maindiv > .mainprofile > form .profiletextdiv > aside > .rank{ font-size:23.38px; font-weight:400; width:60px; height:60px; display:flex; justify-content:center; align-items:center; background-color:#000; color:#fff; border-radius:50%;}
.myinfodiv1 > .maindiv > .mainprofile > aside > ul{ display:grid; grid-template-columns: repeat(3, 1fr); margin:36px auto; gap:35.78px;}
.myinfodiv1 > .maindiv > .mainprofile > aside > ul > li{}
.myinfodiv1 > .maindiv > .mainprofile > aside > ul > li > a{ border-radius:34px; border:2px solid #D9D9D9; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:30px 0; height:calc(100% - 64px);}
.myinfodiv1 > .maindiv > .mainprofile > aside > ul > li > a > span{ font-size:16.7px; font-weight:400;}
.myinfodiv1 > .maindiv > .mainprofile > aside > ul > li > a > span:last-child{ font-size:23.38px; font-weight:400;}
.myinfodiv1 > .maindiv > .mainprofile > aside > ul > li > a > span > .total_card{ color:#787575;}
.myinfodiv1 > .maindiv > .mainprofile > aside > ul > li > a > span > .total_card.active{ color:#fff;}

.myinfodiv1 > .maindiv > .mainprofile > aside > ul > li:nth-child(3) > a{ background-color:#D9D9D9;}
.myinfodiv1 > .maindiv > .mainprofile > aside > ul > li:nth-child(3) > a > span{ color:#090909;}

.myinfodiv1 > .maindiv > .mainprofile > aside > ul > li > a.morebtn{ background-color:#D9D9D9;}
.myinfodiv1 > .maindiv > .mainprofile > aside > ul > li > a.morebtn > span{ color:#090909;}

.myinfodiv1 > .maindiv > nav{ display:flex; flex-direction:column; gap:18px; margin:auto; margin-top:90px; margin-bottom:50px;}
.myinfodiv1 > .maindiv > nav > a{ width:530px; margin:auto; padding:24px 0; text-align:center; border-radius:100px; background-color:#0000b0;}

.myinfodiv1 > .maindiv > nav > a > .linktext{ font-size:28.39px; font-weight:400;}
.myinfodiv1 > .maindiv > nav > p{ font-size:16.7px; font-weight:400; text-align:center; margin:11px auto; margin-bottom:20px;}
.myinfodiv1 > .maindiv > nav > p.cardbuyment{ display:none;}
.myinfodiv1 > .maindiv > nav > p.cardbuyment.active{ display:block;}
.myinfodiv1 > .maindiv .gubundiv > hr{ width:530px;}


.myinfodiv1 > .maindiv .rewordlistdiv > h4{ width:530px; margin:auto; margin-top:47px;}
.myinfodiv1 > .maindiv .rewordlistdiv > h4 > span{ font-size:29px; font-weight:700; }
.myinfodiv1 > .maindiv .rewordlistdiv > p{ width:530px; margin:auto; margin:9px auto;}
.myinfodiv1 > .maindiv .rewordlistdiv > p > span{ font-size:17px; font-weight:400; }
.myinfodiv1 > .maindiv .rewordlistdiv > table{ margin:auto; margin-top:22px; width:484px; table-layout:fixed;}
.myinfodiv1 > .maindiv .rewordlistdiv > table > thead > tr > th{ font-size:21px; font-weight:700; color:#0066B1;}
.myinfodiv1 > .maindiv .rewordlistdiv > table > tbody > tr > td{ font-size:17px; font-weight:400; text-align:center; padding:3px 0;}


.gwspdiv{ display:flex; justify-content:space-between; width:480px; margin:auto; margin-top:200px; align-items:flex-end; overflow:hidden; margin-bottom:-6px; position:relative; z-index:2;}
.gwspdiv > div{}
.gwspdiv > div:nth-child(1)
,.gwspdiv > div:nth-child(3){ width:150px;}
.gwspdiv > div:nth-child(2){ margin-bottom:8px;}

.profilerollingmentdiv > ul > li{ color:#040303; font-size:15px; font-weight:bold;}

.profilerollingmentdiv {
    height: 24px;          /* 한 줄의 높이 (조절 가능) */
    overflow: hidden;      /* 넘치는 글자 숨김 */
    border-radius: 4px;
}

.profilerollingmentdiv ul {
	animation: roll_up 30s infinite; /* 12초 동안 무한 반복 */
}

.profilerollingmentdiv li {
	padding-left:10px;
    height: 24px;          /* div 높이와 동일하게 설정 */
}
  
/* 위로 흐르는 애니메이션 설정 */
  @keyframes roll_up {
    0%, 20% { transform: translateY(0); }         /* 1번째 문구 고정 */
    25%, 45% { transform: translateY(-24px); }    /* 2번째 문구로 이동 */
    50%, 70% { transform: translateY(-48px); }    /* 3번째 문구로 이동 */
    75%, 95% { transform: translateY(-72px); }    /* 4번째 문구로 이동 */
    100% { transform: translateY(-96px); }        /* 다시 처음으로 부드럽게 연결 */
  }

/**/


.shoporderdiv1{ margin-top:200px;}
.shoporderdiv1 > .maindiv > form{ width:530px; margin:auto; display:none;}
.shoporderdiv1 > .maindiv[data-tab='0'] > .itemselectform{ display:block;}
.shoporderdiv1 > .maindiv[data-tab='1'] > .itempostselectform{ display:block;}

.shoporderdiv1 > .maindiv > form > h2 > span{ font-size:41.89px; font-weight:700; display:block;}
.shoporderdiv1 > .maindiv > form > h2 > span > span{ font-weight:400;}
.shoporderdiv1 > .maindiv > form > p > span > span{ font-size:20.11px; font-weight:700;}
.shoporderdiv1 > .maindiv > form > p > span{ font-size:20.11px; font-weight:700;}



.shoporderdiv1 > .maindiv > form > nav{ display:flex; flex-direction:column; gap:18px; margin:auto; margin-top:72px; margin-bottom:50px;}
.shoporderdiv1 > .maindiv > form > nav > a{ width: 100%; margin: auto; padding: 20px 0; text-align: center; border-radius: 100px;  background-color: #0000b0;}
.shoporderdiv1 > .maindiv > form > nav > a > .linktext{ font-size:32px; font-weight:400;}




.shoporderdiv1 > .maindiv > .itemselectform > ul{ display:flex; flex-direction:column; gap:30px; margin:50px auto;}
.shoporderdiv1 > .maindiv > .itemselectform > ul > li{ }
.shoporderdiv1 > .maindiv > .itemselectform > ul > li input[type=radio]{ pointer-events: none; display:none;}
.shoporderdiv1 > .maindiv > .itemselectform > ul > li > .packagecheckboxdiv > label{ background-color:#fff; border-radius:20px; padding:43px 25px; display:flex; align-items:top; gap:13px; flex-wrap:wrap;}

.shoporderdiv1 > .maindiv > .itemselectform > ul > li input[type=radio]:checked + label{ background-color:#fff;}

.shoporderdiv1 > .maindiv > .itemselectform > ul > li > .packagecheckboxdiv > label .itemicon{ width:104px;}
.shoporderdiv1 > .maindiv > .itemselectform > ul > li > .packagecheckboxdiv > label .itemtext{ max-width:calc(100% - 120px);}
.shoporderdiv1 > .maindiv > .itemselectform > ul > li > .packagecheckboxdiv > label .itemtext > h4 > span{ font-size:40px; font-weight:700; color:#040303;}
.shoporderdiv1 > .maindiv > .itemselectform > ul > li > .packagecheckboxdiv > label .itemtext > p > span{ font-size:20px; font-weight:300; color:#040303;}
.shoporderdiv1 > .maindiv > .itemselectform > ul > li > .packagecheckboxdiv > label .itemprice{ width:100%; text-align:right; font-size:40px; font-weight:700; color:#040303;}
.shoporderdiv1 > .maindiv > .itemselectform > ul > li .itemicon > img{ width:109px; height:109px;}

.packageitemlistimgdiv > h3
,.packagerewardlistimgdiv > h3{ margin-top:65px; margin-bottom:20px;}
.packageitemlistimgdiv > h3 > span
,.packagerewardlistimgdiv > h3 > span{ font-size:20.11px; font-weight:700;}
.packageitemlistimgdiv > p
,.packagerewardlistimgdiv > p{ margin-top:20px;}

.packageitemlistimgdiv > p > span
,.packagerewardlistimgdiv > p > span{  font-size:18px; font-weight:400;}

.packageitemlistimgdiv .img > img
,.packagerewardlistimgdiv .img > img{ width:530px; height:530px; object-fit:cover; border-radius:16px;}

.shoporderdiv1 > .maindiv > .itempostselectform{ margin-top:100px;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > h2{ margin-top:60px;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > ul{ display:flex; flex-direction:column; gap:30px; margin:27px auto;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > ul > li{ background-color:#D9D9D9; border-radius:20px; padding:20px 18px; position:relative; position:relative;}

.shoporderdiv1 > .maindiv > .itempostselectform > div > ul > li[data-state='Y']:before{ content:"구매완료"; font-size:32px; font-weight:700; display:flex; justify-content:center; align-items:center; position:absolute; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0.79); z-index:1;}

.shoporderdiv1 > .maindiv > .itempostselectform > div > ul > li input[type=radio]{ pointer-events: none; display:none;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > ul > li input[type=checkbox]{ pointer-events: none; display:none;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > ul > li > nav > a{ position:absolute; right:25px; top:32px; display:inline-block; border-radius:9px; border:1px solid #676767; padding:4px 8px;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > ul > li > nav > a > .linktext{  font-size:15px; font-weight:400; color:#1B1A1A;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > ul > li > label{ display:flex; align-items:top; gap:13px; flex-wrap:wrap;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > ul > li > label .posttext > h4 > span{ font-size:24px; font-weight:700; color:#040303;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > ul > li > label .posttext > p{ margin:10px auto;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > ul > li > label .posttext > p > span{ font-size:20px; font-weight:300; color:#040303; display:block;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > ul > li > label .itemtext{ width:100%;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > ul > li > label .itemtext > h4 > span{ font-size:24px; font-weight:700; color:#040303;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > ul > li > label .itemtext > aside{ position:absolute; right:25px; top:32px; display:inline-block;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > ul > li > label .itemtext > aside > span{ font-size:18px; font-weight:400; color:#6D6666;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > ul > li > label .itemtext > .img{ display:flex; justify-content:center; width:100%;  margin:34px auto;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > ul > li > label .itemtext > ul > li{ font-size:18px; font-weight:400; color:#6D6666;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > ul > li > label .itemprice{ width:100%; text-align:right; font-size:40px; font-weight:700; color:#040303;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > ul > li > div{ display:flex; justify-content:center; margin-top:29px; margin-bottom:10px; flex-wrap:wrap;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > ul > li > div select{ background-color:transparent; border:1px solid #676767; font-size:18px; font-weight:400; color:#6D6666; padding:15px 22px; border-radius:9px; display:list-item; width:calc(100% - 46px)}
.shoporderdiv1 > .maindiv > .itempostselectform > div > ul > li > div select option{ color:#101010;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > ul > li > div input{ background-color:transparent; border:0; border-bottom:1px solid #676767; font-size:18px; font-weight:400; color:#6D6666; padding:15px 22px; width:calc(92% - 46px); display:none;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > ul > li > div input.active{ display:block;}


.shoporderdiv1 > .maindiv > .itempostselectform > div > div{ margin:13px auto;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > div > p > span{ font-size:25px; font-weight:400;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > div > ul{ display:flex; flex-direction:column; margin:6px auto;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > div > ul > li{ color:#6D6666; font-size:19px; font-weight:400; position:relative; margin-left:20px;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > div > ul > li:before{ position:absolute; left:-20px; top:0; content:"ㆍ";}
.shoporderdiv1 > .maindiv > .itempostselectform > div > div > div select{ background-color:#D9D9D9; border:1px solid #676767; font-size:18px; font-weight:400; color:#101010; padding:15px 22px; border-radius:9px; display:list-item; width:calc(100% - 46px); margin:30px auto;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > div > div select option{ color:#101010;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > div > div > div > ul{ display:flex; flex-direction:column; margin:6px auto; width:calc(100% - 40px);}
.shoporderdiv1 > .maindiv > .itempostselectform > div > div > div > div > ul > li > input[type=checkbox]{ display:none;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > div > div > div > ul > li > label{ display:flex; justify-content:space-between; align-items:center;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > div > div > div > ul > li > label > span{ font-size:23px; font-weight:400; display:flex; align-items:center; gap:37px;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > div > div > div > ul > li > label > span:before{ content:""; width:36px; height:36px; background-repeat:no-repeat; background-position:center; background-size:contain; display:inline-block;}
.shoporderdiv1 > .maindiv > .itempostselectform > div > div > div > div > ul > li > label > span:first-child:before{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M16.2486%2025.1112H19.2028V19.2027H25.1114V16.2484H19.2028V10.3399H16.2486V16.2484H10.34V19.2027H16.2486V25.1112ZM17.7257%2032.4969C15.6823%2032.4969%2013.762%2032.1153%2011.9649%2031.3521C10.1677%2030.5643%208.60438%2029.5057%207.27496%2028.1763C5.94554%2026.8469%204.88693%2025.2836%204.09912%2023.4864C3.33594%2021.6892%202.95435%2019.7689%202.95435%2017.7256C2.95435%2015.6822%203.33594%2013.7619%204.09912%2011.9647C4.88693%2010.1676%205.94554%208.60426%207.27496%207.27484C8.60438%205.94542%2010.1677%204.89912%2011.9649%204.13593C13.762%203.34813%2015.6823%202.95422%2017.7257%202.95422C19.7691%202.95422%2021.6893%203.34813%2023.4865%204.13593C25.2837%204.89912%2026.847%205.94542%2028.1764%207.27484C29.5058%208.60426%2030.5521%2010.1676%2031.3153%2011.9647C32.1031%2013.7619%2032.497%2015.6822%2032.497%2017.7256C32.497%2019.7689%2032.1031%2021.6892%2031.3153%2023.4864C30.5521%2025.2836%2029.5058%2026.8469%2028.1764%2028.1763C26.847%2029.5057%2025.2837%2030.5643%2023.4865%2031.3521C21.6893%2032.1153%2019.7691%2032.4969%2017.7257%2032.4969ZM17.7257%2029.5426C21.0246%2029.5426%2023.8189%2028.3979%2026.1084%2026.1083C28.398%2023.8187%2029.5428%2021.0245%2029.5428%2017.7256C29.5428%2014.4266%2028.398%2011.6324%2026.1084%209.34283C23.8189%207.05327%2021.0246%205.90849%2017.7257%205.90849C14.4268%205.90849%2011.6325%207.05327%209.34295%209.34283C7.05339%2011.6324%205.90861%2014.4266%205.90861%2017.7256C5.90861%2021.0245%207.05339%2023.8187%209.34295%2026.1083C11.6325%2028.3979%2014.4268%2029.5426%2017.7257%2029.5426Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E");}

/**/


.myinfobackbtn{ position:absolute; left:72px; top:82px; width:51px; height:51px; display:inline-block; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2251%22%20height%3D%2251%22%20viewBox%3D%220%200%2051%2051%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M8.18125%2023.375L34%2023.375L34%2027.625L8.18125%2027.625L11.475%2030.9188L8.5%2034L1.67196e-06%2025.5L8.5%2017L11.475%2020.0813L8.18125%2023.375ZM19.125%2031.875L19.125%2040.375L40.375%2040.375L40.375%2010.625L19.125%2010.625L19.125%2019.125L14.875%2019.125L14.875%2010.625C14.875%209.45625%2015.2911%208.45573%2016.1234%207.62344C16.9557%206.79115%2017.9563%206.375%2019.125%206.375L40.375%206.375C41.5438%206.375%2042.5443%206.79115%2043.3766%207.62344C44.2089%208.45573%2044.625%209.45625%2044.625%2010.625L44.625%2040.375C44.625%2041.5438%2044.2089%2042.5443%2043.3766%2043.3766C42.5443%2044.2089%2041.5438%2044.625%2040.375%2044.625L19.125%2044.625C17.9562%2044.625%2016.9557%2044.2089%2016.1234%2043.3766C15.2911%2042.5443%2014.875%2041.5438%2014.875%2040.375L14.875%2031.875L19.125%2031.875Z%22%20fill%3D%22%231D1B20%22%2F%3E%0A%3C%2Fsvg%3E%0A"); background-repeat:no-repeat; background-position:center; background-size:contain;}
.myinfoheaderdiv{ background-color:#DEDDDD; width:100%; display:inline-block; float:left;}
.myinfoheaderdiv .myprofileimg{ width:180px; height:180px; object-fit:cover; border-radius:50%;}
.myinfoprofilediv{ display:flex; justify-content:center; align-items:center; flex-direction:column; gap:27px; height:540px; margin-top:80px; }
.myinfoprofilediv > div{ position:relative;}
.myinfoprofilediv > div > .myinfoprofileeditbtn{ position:absolute; bottom:9px; right:9px; width:36px; height:36px; display:flex; justify-content:center; align-items:center; border-radius:50%; background-color:#fff;}
.myinfoprofilediv > h4 > span{ font-size:25px; font-weight:700; color:#000;}

.myinfobodyerdiv{ width:496px; margin:auto;}
.myinfobodyerdiv > div{ display:inline-block; width:100%;  padding:70px 0;}
.myinfobodyerdiv > div > div > h3 > span{ font-size:25px; font-weight:700; }
.myinfobodyerheaderdiv{ display:flex; gap:30px;}
.myinfobodyerdiv > div > div > nav > .basicmyinfoeditbtn{ width:36px; height:36px; display:flex; justify-content:center; align-items:center; border-radius:50%; background-color:#fff;}
.myinfobodyerdiv > div > div > ul{ display:flex; flex-direction:column; gap:46px; margin:33px auto;}
.myinfobodyerdiv > div > div > ul > li{ display:flex; flex-direction:column; gap:35px;}
.myinfobodyerdiv > div > div > ul > li > label{ font-size:18px; font-weight:400; color:#0066B1;}
.myinfobodyerdiv > div > div > ul > li > div > p{ font-size:25px; font-weight:400; border-bottom:2px solid #fff;}
.myinfobodyerdiv > div > div > ul > li > div > ul{border-bottom:2px solid #fff;}
.myinfobodyerdiv > div > div > ul > li > div > ul > li{ font-size:25px; font-weight:400; }

/**/
.myinfobasicbackbtn{ position:absolute; left:72px; top:82px; width:51px; height:51px; display:inline-block; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2251%22%20height%3D%2251%22%20viewBox%3D%220%200%2051%2051%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M8.18125%2023.375L34%2023.375L34%2027.625L8.18125%2027.625L11.475%2030.9188L8.5%2034L1.67196e-06%2025.5L8.5%2017L11.475%2020.0813L8.18125%2023.375ZM19.125%2031.875L19.125%2040.375L40.375%2040.375L40.375%2010.625L19.125%2010.625L19.125%2019.125L14.875%2019.125L14.875%2010.625C14.875%209.45625%2015.2911%208.45573%2016.1234%207.62344C16.9557%206.79115%2017.9563%206.375%2019.125%206.375L40.375%206.375C41.5438%206.375%2042.5443%206.79115%2043.3766%207.62344C44.2089%208.45573%2044.625%209.45625%2044.625%2010.625L44.625%2040.375C44.625%2041.5438%2044.2089%2042.5443%2043.3766%2043.3766C42.5443%2044.2089%2041.5438%2044.625%2040.375%2044.625L19.125%2044.625C17.9562%2044.625%2016.9557%2044.2089%2016.1234%2043.3766C15.2911%2042.5443%2014.875%2041.5438%2014.875%2040.375L14.875%2031.875L19.125%2031.875Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fsvg%3E%0A"); background-repeat:no-repeat; background-position:center; background-size:contain;}

.myinfobasiceditobodyerdiv > form{ width:500px; margin:auto;}
.myinfobasiceditobodyerdiv > form > h3{ margin-top:150px;}
.myinfobasiceditobodyerdiv > form > h3 > span{ font-size:27.2px; font-weight:700; display:block;}
.myinfobasiceditobodyerdiv > form > div > ul{ margin:60px auto; display:flex; flex-direction:column; gap:50px;}
.myinfobasiceditobodyerdiv > form > div > ul > li{ display:flex; flex-direction:column; gap:30px;}
.myinfobasiceditobodyerdiv > form > div > ul > li > label{ font-size:18px; font-weight:400; color:#0066B1;}
.myinfobasiceditobodyerdiv > form > div > ul > li > div{ position:relative;}
.myinfobasiceditobodyerdiv > form > div > ul > li input[type='text']
,.myinfobasiceditobodyerdiv > form > div > ul > li input[type='tel']
,.myinfobasiceditobodyerdiv > form > div > ul > li textarea
,.myinfobasiceditobodyerdiv > form > div > ul > li select{ font-size:25px; font-weight:400; background-color:transparent; border:0; border-bottom:2px solid #fff; width:calc(100% - 14px);}

.myinfotelchange{ position:absolute; right:14px; top:0; width:68px; padding:4.67px 0; background-color:#D9D9D9; color:#000; border-radius:30px; text-align:center; font-size:16px; font-weight:400;}

.myinfobasiceditobodyerdiv > form > div > ul > li select option{ color:#000;}

.myinfobasiceditnav{ margin:90px auto;}
.myinfobasiceditnav > a{ display:inline-block; font-size:28.39px; font-weight:500; background-color:#0000b0; border-radius:100px; width: 100%; margin: auto; padding: 20px 0; text-align: center;}

/**/
.myinfoprofileeditdiv{ background-color:#DEDDDD; padding:80px 0;}
.myinfoprofilebackbtn{ position:absolute; left:72px; top:82px; display:flex; gap:17px; align-items:center;}
.myinfoprofilebackbtn > .linkicon{ display:inline-block; width:43px; height:43px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2243%22%20height%3D%2243%22%20viewBox%3D%220%200%2043%2043%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M14.0198%2023.292L24.0531%2033.3253L21.5%2035.8337L7.16666%2021.5003L21.5%207.16699L24.0531%209.67533L14.0198%2019.7087H35.8333V23.292H14.0198Z%22%20fill%3D%22%231D1B20%22%2F%3E%0A%3C%2Fsvg%3E%0A"); background-repeat:no-repeat; background-position:center; background-size:contain;}
.myinfoprofilebackbtn > .linktext{ font-size:24px; font-weight:400; color:#101010;}

.myinfoprofileeditobodyerdiv{ width:530px; margin:auto;}

.myinfoprofileeditobodyerdiv .myinfoprofileimg{ width:180px; height:180px; object-fit:cover; border-radius:50%;}


.myinfoprofileimgeditdiv{ display:flex; justify-content:center; align-items:center; flex-direction:column; gap:27px; height:540px;}
.myinfoprofileimgeditdiv > div{ position:relative;}
.myinfoprofileimgeditdiv > div > .myinfoprofilechangeeditbtn{ position:absolute; bottom:9px; right:9px; width:36px; height:36px; display:flex; justify-content:center; align-items:center; border-radius:50%; background-color:#fff;}
.myinfoprofileimgeditdiv > div > input[type=text]{ font-size:25px; font-weight:700; color:#000; background-color:transparent; color:#000; border:0; text-align:center;}
.myinfoprofileimgtextdiv{ position:relative;}

.myinfoprofileimgmenualaside > h4 > span{ font-size:18px; font-weight:400; color:#101010;}
.myinfoprofileimgmenualaside > ul{ margin:13px auto; margin-left:20px; display:flex; flex-direction:column; gap:13px;}
.myinfoprofileimgmenualaside > ul > li{ font-size:18px; font-weight:400; position:relative; color:#868686;}
.myinfoprofileimgmenualaside > ul > li:before{ content:"ㆍ"; position:absolute; left:-20px; top:0;}

.myinfoprofileimgnav{ margin-top:90px;}
.myinfoprofileimgnav > a{ display:inline-block; font-size:28.39px; font-weight:500; background-color:#0062FF; border-radius:100px; width: 100%; margin: auto; padding: 20px 0; text-align: center;}


/**/
.routediv1 > div{ width:530px;  position:relative;  margin:auto;}
.routeheaderdiv > h2{ margin-top:150px; margin-bottom:8px; display:flex; justify-content:center;}
.routeheaderdiv > h2 > span{ font-size:27.2px; font-weight:700; display:inline-block; border-bottom:5px solid #fff; padding:8px 0;}


.routebackbtn{ position:absolute; left:72px; top:82px; width:51px; height:51px; display:inline-block; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2251%22%20height%3D%2251%22%20viewBox%3D%220%200%2051%2051%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M8.18125%2023.375L34%2023.375L34%2027.625L8.18125%2027.625L11.475%2030.9188L8.5%2034L1.67196e-06%2025.5L8.5%2017L11.475%2020.0813L8.18125%2023.375ZM19.125%2031.875L19.125%2040.375L40.375%2040.375L40.375%2010.625L19.125%2010.625L19.125%2019.125L14.875%2019.125L14.875%2010.625C14.875%209.45625%2015.2911%208.45573%2016.1234%207.62344C16.9557%206.79115%2017.9563%206.375%2019.125%206.375L40.375%206.375C41.5438%206.375%2042.5443%206.79115%2043.3766%207.62344C44.2089%208.45573%2044.625%209.45625%2044.625%2010.625L44.625%2040.375C44.625%2041.5438%2044.2089%2042.5443%2043.3766%2043.3766C42.5443%2044.2089%2041.5438%2044.625%2040.375%2044.625L19.125%2044.625C17.9562%2044.625%2016.9557%2044.2089%2016.1234%2043.3766C15.2911%2042.5443%2014.875%2041.5438%2014.875%2040.375L14.875%2031.875L19.125%2031.875Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fsvg%3E%0A"); background-repeat:no-repeat; background-position:center; background-size:contain;}


.routebodyerdiv > div{ width:500px; margin:auto; margin-top:150px;}

.routelistul > li{ padding:28px 0; border-bottom:1px solid #fff;}
.routelistul > li:last-child{ border-bottom:0;}
.routelistul > li > div > .routelistheaderdiv > h2{}
.routelistul > li > div > .routelistheaderdiv > h2 > span{ font-size:12px; font-weight:700; color:#000; background-color:#fff; border-radius:50px; display:inline-block; padding:1px 10px; padding-top:2px;}
.routelistul > li > div > .routelistheaderdiv > h3 > span{ font-size:35.2px; font-weight:900;}
.routelistul > li > div > .routelistheaderdiv > p > span{ font-size:20px; font-weight:700;}

.routelistul > li > div > .routelistbodyerdiv > .img > img{ margin-top:30px; margin-bottom:20px; max-width:100%;}
.routelistul > li > div > .routelistbodyerdiv > .date{ display:flex; gap:8px; margin-bottom:10px;}
.routelistul > li > div > .routelistbodyerdiv > .date > label:after{ content:" : ";}
.routelistul > li > div > .routelistbodyerdiv > .date > label{ font-size:16px; font-weight:700;}
.routelistul > li > div > .routelistbodyerdiv > .date > div{ font-size:16px; font-weight:700;}

.routelistul > li > div > .routelistbodyerdiv > .img > img{ object-fit:cover; object-position:center;}
.routelistul > li > div > .routelistbodyerdiv > .content{ margin-bottom:10px;}

.routelistul > li > div > .routelistbodyerdiv > .content > label{ font-size:16px; font-weight:700;}
.routelistul > li > div > .routelistbodyerdiv > .content > div{ font-size:16px; font-weight:300;}

.routelistul > li > div > nav{ margin:20px auto; display:flex; justify-content:center;}
.routelistul > li > div > nav > a{ display:inline-block; font-size:20px; font-weight:500; color:#fff; background-color:#0000b0; border-radius:100px; margin: auto; padding:16px 70px; text-align: center;}

/**/

#rewardseasonnoform{  padding-top:80px; width:100%; display:inline-block;}
#rewardseasonnoform > ul{ display:flex; flex-wrap:wrap; justify-content:center;}
#rewardseasonnoform > ul > li > label{ font-size:24px; font-weight:700; display:inline-block; border:1px solid #fff; padding:10px 50px;}
#rewardseasonnoform > ul > li > input[type=radio]{ display:none;}
#rewardseasonnoform > ul > li > input[type=radio]:checked + label{ background-color:#fff; color:#000;}


.rewordcardlistdiv{ width:548px; margin:auto; margin-top:190px; }


.rewordcardlistdiv > .maindiv > div > .rewordcarddiv > div > div > ul > li{ border-bottom:0.5px solid #fff;  padding:20px 0; }
.rewordcardlistdiv > .maindiv > div > .rewordcarddiv > div > div > ul > li > input[type=radio]{ display:none;}
.rewordcardlistdiv > .maindiv > div > .rewordcarddiv > div > div > ul > li > label{ display:flex; justify-content:space-between; align-items:center;}
.rewordcardlistdiv > .maindiv > div > .rewordcarddiv > div > div > ul > li > label:after{ content:""; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M16%2029.3337C14.1555%2029.3337%2012.4222%2028.9837%2010.8%2028.2837C9.17774%2027.5837%207.76663%2026.6337%206.56663%2025.4337C5.36663%2024.2337%204.41663%2022.8225%203.71663%2021.2003C3.01663%2019.5781%202.66663%2017.8448%202.66663%2016.0003C2.66663%2014.1559%203.01663%2012.4225%203.71663%2010.8003C4.41663%209.1781%205.36663%207.76699%206.56663%206.56699C7.76663%205.36699%209.17774%204.41699%2010.8%203.71699C12.4222%203.01699%2014.1555%202.66699%2016%202.66699C17.8444%202.66699%2019.5777%203.01699%2021.2%203.71699C22.8222%204.41699%2024.2333%205.36699%2025.4333%206.56699C26.6333%207.76699%2027.5833%209.1781%2028.2833%2010.8003C28.9833%2012.4225%2029.3333%2014.1559%2029.3333%2016.0003C29.3333%2017.8448%2028.9833%2019.5781%2028.2833%2021.2003C27.5833%2022.8225%2026.6333%2024.2337%2025.4333%2025.4337C24.2333%2026.6337%2022.8222%2027.5837%2021.2%2028.2837C19.5777%2028.9837%2017.8444%2029.3337%2016%2029.3337ZM16%2026.667C18.9777%2026.667%2021.5%2025.6337%2023.5666%2023.567C25.6333%2021.5003%2026.6666%2018.9781%2026.6666%2016.0003C26.6666%2013.0225%2025.6333%2010.5003%2023.5666%208.43366C21.5%206.36699%2018.9777%205.33366%2016%205.33366C13.0222%205.33366%2010.5%206.36699%208.43329%208.43366C6.36663%2010.5003%205.33329%2013.0225%205.33329%2016.0003C5.33329%2018.9781%206.36663%2021.5003%208.43329%2023.567C10.5%2025.6337%2013.0222%2026.667%2016%2026.667Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A"); display:inline-block; width:34px; height:34px; background-position:center; background-size:contain; background-repeat:no-repeat;}
.rewordcardlistdiv > .maindiv > div > .rewordcarddiv > div > div > ul > li > input[type=radio]:checked + label:after{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2234%22%20height%3D%2234%22%20viewBox%3D%220%200%2034%2034%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M17%2024.083C18.9598%2024.083%2020.6303%2023.3924%2022.0115%2022.0111C23.3928%2020.6299%2024.0834%2018.9594%2024.0834%2016.9997C24.0834%2015.04%2023.3928%2013.3695%2022.0115%2011.9882C20.6303%2010.607%2018.9598%209.91634%2017%209.91634C15.0403%209.91634%2013.3698%2010.607%2011.9886%2011.9882C10.6073%2013.3695%209.91671%2015.04%209.91671%2016.9997C9.91671%2018.9594%2010.6073%2020.6299%2011.9886%2022.0111C13.3698%2023.3924%2015.0403%2024.083%2017%2024.083ZM17%2031.1663C15.0403%2031.1663%2013.1987%2030.7945%2011.475%2030.0507C9.75143%2029.307%208.25212%2028.2976%206.97712%2027.0226C5.70212%2025.7476%204.69275%2024.2483%203.949%2022.5247C3.20525%2020.8011%202.83337%2018.9594%202.83337%2016.9997C2.83337%2015.04%203.20525%2013.1983%203.949%2011.4747C4.69275%209.75106%205.70212%208.25176%206.97712%206.97676C8.25212%205.70176%209.75143%204.69238%2011.475%203.94863C13.1987%203.20488%2015.0403%202.83301%2017%202.83301C18.9598%202.83301%2020.8014%203.20488%2022.525%203.94863C24.2487%204.69238%2025.748%205.70176%2027.023%206.97676C28.298%208.25176%2029.3073%209.75106%2030.0511%2011.4747C30.7948%2013.1983%2031.1667%2015.04%2031.1667%2016.9997C31.1667%2018.9594%2030.7948%2020.8011%2030.0511%2022.5247C29.3073%2024.2483%2028.298%2025.7476%2027.023%2027.0226C25.748%2028.2976%2024.2487%2029.307%2022.525%2030.0507C20.8014%2030.7945%2018.9598%2031.1663%2017%2031.1663ZM17%2028.333C20.1639%2028.333%2022.8438%2027.2351%2025.0396%2025.0393C27.2355%2022.8434%2028.3334%2020.1636%2028.3334%2016.9997C28.3334%2013.8358%2027.2355%2011.1559%2025.0396%208.96009C22.8438%206.76426%2020.1639%205.66634%2017%205.66634C13.8362%205.66634%2011.1563%206.76426%208.96046%208.96009C6.76462%2011.1559%205.66671%2013.8358%205.66671%2016.9997C5.66671%2020.1636%206.76462%2022.8434%208.96046%2025.0393C11.1563%2027.2351%2013.8362%2028.333%2017%2028.333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
.rewordcardlistdiv > .maindiv > div > .rewordcarddiv > div > div > ul > li > label > div{ display:flex; flex-direction:column; gap:8px;}
.rewordcardlistdiv > .maindiv > div > .rewordcarddiv > div > div > ul > li > label > div > h4 > span{ font-size:27px; font-weight:700;}
.rewordcardlistdiv > .maindiv > div > .rewordcarddiv > div > div > ul > li > label > div > p > span{ font-size:18px; font-weight:400;}

.rewordcarddiv > div .rewardgubundiv{ display:none;}
.rewordcarddiv > div[data-tab='0'] .rewardgubundiv0{ display:block;}
.rewordcarddiv > div[data-tab='1'] .rewardgubundiv1{ display:block;}
.rewardgubundiv0 > ul{ margin:77px 0; display:flex; flex-direction:column; gap:18px;}
.rewardgubundiv0 > ul > li > a{ display:flex; gap:50px; align-items:center;}
.rewardgubundiv0 > ul > li > a > .rewordicondiv > img{ width:176px; height:140px; object-fit:contain; border-radius:10px; background-color:#fff;}
.rewardgubundiv0 > ul > li > a > .rewordtextdiv > div{ display:flex; flex-wrap:wrap;}
.rewardgubundiv0 > ul > li > a > .rewordtextdiv > div > h4{ width:100%;}
.rewardgubundiv0 > ul > li > a > .rewordtextdiv > div > h4 > span{ font-size:24px; font-weight:700;}
.rewardgubundiv0 > ul > li > a > .rewordtextdiv > div > p{ width:100%;}
.rewardgubundiv0 > ul > li > a > .rewordtextdiv > div > p > span{ font-size:28.8px; font-weight:700;}
.rewardgubundiv0 > ul > li > a > .rewordtextdiv > div > label > span{ font-size:20px; font-weight:300;}
.rewardgubundiv0 > ul > li > a > .rewordtextdiv > div > div{ position:relative; margin-right:22px; display:flex; gap:3px; align-items:center;}
.rewardgubundiv0 > ul > li > a > .rewordtextdiv > div > div:before{ content:"GET"; background-color:#fff; color:#0B0B0B; padding:1px 4px; font-size:8px; font-weight:700; display:inline-block; border-radius:48px;}
.rewardgubundiv0 > ul > li > a > .rewordtextdiv > div > div > span{ font-size:20px; font-weight:300;}
.rewardgubundiv0 > ul > li > a > .rewordtextdiv > div > aside{ display:none; font-size:10px; font-weight:300; width:100%;}
.rewardgubundiv0 > ul > li > a > .rewordtextdiv > div > aside:before{ content:"ㆍ";}
.rewardgubundiv0 > ul > li[data-use='Y'] > a{ }
.rewardgubundiv0 > ul > li[data-use='Y'] > a > .rewordtextdiv > div > aside{ display:block;}
.rewardgubundiv0 > ul > li[data-use='Y'] > a > .rewordicondiv{ position:relative; }
.rewardgubundiv0 > ul > li[data-use='Y'] > a > .rewordicondiv:before{ content:"사용완료"; width:100%; height:100%; display:flex; justify-content:center; align-items:center; color:#fff; font-size:20px; font-weight:700; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.8)}

.rewardgubundiv0 > ul > li[data-use='M'] > a{ }
.rewardgubundiv0 > ul > li[data-use='M'] > a > .rewordtextdiv > div > aside{ display:block;}
.rewardgubundiv0 > ul > li[data-use='M'] > a > .rewordicondiv{ position:relative; }
.rewardgubundiv0 > ul > li[data-use='M'] > a > .rewordicondiv:before{ content:"기간만료"; width:100%; height:100%; display:flex; justify-content:center; align-items:center; color:#fff; font-size:20px; font-weight:700; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.8)}

.rewardgubundiv0 > ul > li[data-use='C'] > a{ }
.rewardgubundiv0 > ul > li[data-use='C'] > a > .rewordtextdiv > div > aside{ display:block;}
.rewardgubundiv0 > ul > li[data-use='C'] > a > .rewordicondiv{ position:relative; }
.rewardgubundiv0 > ul > li[data-use='C'] > a > .rewordicondiv:before{ content:"구매취소"; width:100%; height:100%; display:flex; justify-content:center; align-items:center; color:#fff; font-size:20px; font-weight:700; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.8)}


.rewardgubundiv1 > ul{ margin:77px 0; display:flex; flex-direction:column; gap:18px;}
.rewardgubundiv1 > ul > li > a{ display:flex; gap:50px; align-items:center;}
.rewardgubundiv1 > ul > li > a > .rewordicondiv{ position:relative;}
.rewardgubundiv1 > ul > li > a > .rewordicondiv > img{ width:176px; height:140px; object-fit:contain; border-radius:10px; background-color:#fff;}
.rewardgubundiv1 > ul > li > a > .rewordtextdiv > div{ display:flex; flex-wrap:wrap;}
.rewardgubundiv1 > ul > li > a > .rewordtextdiv > div > h4{ width:100%;}
.rewardgubundiv1 > ul > li > a > .rewordtextdiv > div > h4 > span{ font-size:24px; font-weight:700;}
.rewardgubundiv1 > ul > li > a > .rewordtextdiv > div > p{ width:100%;}
.rewardgubundiv1 > ul > li > a > .rewordtextdiv > div > p > span{ font-size:28.8px; font-weight:700;}
.rewardgubundiv1 > ul > li > a > .rewordtextdiv > div > label > span{ font-size:20px; font-weight:300;}
.rewardgubundiv1 > ul > li > a > .rewordtextdiv > div > div{ position:relative; margin-right:22px; display:flex; gap:3px; align-items:center;}
.rewardgubundiv1 > ul > li > a > .rewordtextdiv > div > div > span{ font-size:20px; font-weight:300;}
.rewardgubundiv1 > ul > li > a > .rewordtextdiv > div > aside{ display:none; font-size:18px; font-weight:300;}

.rewardgubundiv1 > ul > li[data-used='Y'] > a > .rewordtextdiv > div > aside{ display:block;}
.rewardgubundiv1 > ul > li[data-used='Y'] > a > .rewordicondiv:before{ content:"리워드 마감"; position:absolute; width:176px; height:140px; background-color:rgba(0,0,0,0.24); display:flex; justify-content:center; align-items:center; font-size:20px; font-weight:700;}




#myrewardul > li > .reward_usedform > nav{ padding:50px 0;}
#myrewardul > li > .reward_usedform > nav > ul{ display:none; flex-wrap:wrap; gap:16px 58px;}

#myrewardul > li > .reward_usedform > nav > ul > li > label{ display:flex; flex-direction:column; gap:7px; font-size:12px; font-weight:700; justify-content:center; align-items:center;}
#myrewardul > li > .reward_usedform > nav > ul > li > label:before{ content:""; width:89px; height:89px; display:inline-block; background-repeat:no-repeat; background-size:contain; background-position:center;}


#myrewardul > li[data-vin7='N'] > .reward_usedform > nav > ul{ display:flex;}
#myrewardul > li[data-vin7='N'] > .reward_usedform > nav > div .reward_dealar_useddiv{ display:none;}
#myrewardul > li[data-sendtype='1'][data-dealer='N'][data-vin7='N'] > .reward_usedform > nav > ul > li{pointer-events:none;}
#myrewardul > li[data-sendtype='1'][data-dealer='N'][data-vin7='N'] > .reward_usedform > nav > ul > li.rerardposttypeli_0{ opacity:0.5;}
#myrewardul > li[data-sendtype='1'][data-dealer='N'][data-vin7='N'] > .reward_usedform > nav > ul > li.rerardposttypeli_1{ opacity:0.5;}
#myrewardul > li[data-sendtype='1'][data-dealer='N'][data-vin7='N'] > .reward_usedform > nav > ul > li.rerardposttypeli_2{pointer-events:auto;}

#myrewardul > li[data-sendtype='5'][data-dealer='N'][data-vin7='N'] > .reward_usedform > nav > ul > li{pointer-events:none;}
#myrewardul > li[data-sendtype='5'][data-dealer='N'][data-vin7='N'] > .reward_usedform > nav > ul > li.rerardposttypeli_0{ opacity:0.5;}
#myrewardul > li[data-sendtype='5'][data-dealer='N'][data-vin7='N'] > .reward_usedform > nav > ul > li.rerardposttypeli_1{ opacity:0.5;}
#myrewardul > li[data-sendtype='5'][data-dealer='N'][data-vin7='N'] > .reward_usedform > nav > ul > li.rerardposttypeli_2{pointer-events:auto;}
#myrewardul > li[data-sendtype='6'][data-dealer='N'][data-vin7='N'] > .reward_usedform > nav > ul > li{pointer-events:none;}
#myrewardul > li[data-sendtype='6'][data-dealer='N'][data-vin7='N'] > .reward_usedform > nav > ul > li.rerardposttypeli_0{ opacity:0.5;}
#myrewardul > li[data-sendtype='6'][data-dealer='N'][data-vin7='N'] > .reward_usedform > nav > ul > li.rerardposttypeli_1{ opacity:0.5;}
#myrewardul > li[data-sendtype='6'][data-dealer='N'][data-vin7='N'] > .reward_usedform > nav > ul > li.rerardposttypeli_2{pointer-events:auto;}


.rerardposttypeli_0 > label:before{ background-image:url(/file/img/rewardbtn1.png);}
/*
.rerardposttypeli_1 > label:before{ background-image:url(/file/img/rewardbtn2.png);}
*/
.rerardposttypeli_1 > label:before{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M21%2011.5a8.38%208.38%200%200%201-.9%203.8%208.5%208.5%200%200%201-7.6%204.7%208.38%208.38%200%200%201-3.8-.9L3%2021l1.9-5.7a8.38%208.38%200%200%201-.9-3.8%208.5%208.5%200%200%201%204.7-7.6%208.38%208.38%200%200%201%203.8-.9h.5A8.5%208.5%200%200%201%2021%2011.5z%22%20%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M9%2010h6%22%20%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M9%2014h3%22%20%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");}
.rerardposttypeli_2 > label:before{ background-image:url(/file/img/rewardbtn3.png);}

#myrewardul > li > .reward_usedform > nav > ul > li.rerardposttypeli_3 > label{ display:none;}

.reward_usedform > nav > ul > li > input[type=radio]{ display:none;}
.reward_usedform > nav > ul > li > input[type=radio]:checked + label:before{}

.reward_immediate_useddiv{width:403.2px; margin:auto; }
.reward_immediate_useddiv > div{ padding:49px 26px; position:relative; background-color:#fff; margin:50px auto;  border-radius:16px; position:relative;}
.reward_immediate_useddiv > div:before{ content:""; width:49px; height:58px; position:absolute; top:-42px; left:-27px; display:inline-block; background-image:url(/file/img/reward_arrow1.png); background-repeat:no-repeat; background-size:contain; background-position:center;}



.reward_postsend_useddiv{ margin:50px auto;}


.rewardaddrdiv > div > ul{ display:flex; flex-direction:column; gap:30px; margin:auto; width:517px; position:relative;}
.rewardaddrdiv > div > ul:before{ content:""; width:41px; height:50px; position:absolute; top:-38px; left:289px; display:inline-block; background-image:url(/file/img/reward_arrow3.png); background-repeat:no-repeat; background-size:contain; background-position:center;}

.rewardaddrdiv > div > ul > li{ background-color:#fff; border-radius:20px; padding:20px 18px; position:relative; position:relative;}
/*
.rewardaddrdiv > div > ul > li[data-state='Y']:before{ content:"구매완료"; font-size:32px; font-weight:700; display:flex; justify-content:center; align-items:center; position:absolute; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0.79); z-index:1;}
*/
.rewardaddrdiv > div > ul > li input[type=radio]{ pointer-events: none; display:none;}
.rewardaddrdiv > div > ul > li input[type=checkbox]{ pointer-events: none; display:none;}
.rewardaddrdiv > div > ul > li > nav > a{ position:absolute; right:25px; top:32px; display:inline-block; border-radius:9px; border:1px solid #676767; padding:4px 8px;}
.rewardaddrdiv > div > ul > li > nav > a > .linktext{  font-size:15px; font-weight:400; color:#1B1A1A;}
.rewardaddrdiv > div > ul > li > label{ display:flex; align-items:top; gap:13px; flex-wrap:wrap;}
.rewardaddrdiv > div > ul > li > label .posttext > h4 > span{ font-size:23.38px; font-weight:400; color:#040303;}
.rewardaddrdiv > div > ul > li > label .posttext > p{ margin:10px auto;}
.rewardaddrdiv > div > ul > li > label .posttext > p > span{ font-size:18.75px; font-weight:400; color:#040303; display:block;}
.rewardaddrdiv > div > ul > li > label .itemtext{ width:100%;}
.rewardaddrdiv > div > ul > li > label .itemtext > h4 > span{ font-size:23.38px; font-weight:700; color:#040303;}
.rewardaddrdiv > div > ul > li > label .itemtext > aside{ position:absolute; right:25px; top:32px; display:inline-block;}
.rewardaddrdiv > div > ul > li > label .itemtext > aside > span{ font-size:18.75px; font-weight:400; color:#6D6666;}
.rewardaddrdiv > div > ul > li > label .itemtext > .img{ display:flex; justify-content:center; width:100%;  margin:34px auto;}
.rewardaddrdiv > div > ul > li > label .itemtext > ul > li{ font-size:18px; font-weight:400; color:#6D6666;}
.rewardaddrdiv > div > ul > li > label .itemprice{ width:100%; text-align:right; font-size:40px; font-weight:700; color:#040303;}
.rewardaddrdiv > div > ul > li > div{ display:flex; justify-content:center; margin-top:29px; margin-bottom:10px; flex-wrap:wrap;}
.rewardaddrdiv > div > ul > li > div select{ background-color:transparent; border:1px solid #676767; font-size:18px; font-weight:400; color:#6D6666; padding:15px 22px; border-radius:9px; display:list-item; width:calc(100% - 46px)}
.rewardaddrdiv > div > ul > li > div select option{ color:#101010;}
.rewardaddrdiv > div > ul > li > div input{ background-color:transparent; border:0; border-bottom:1px solid #676767; font-size:18px; font-weight:400; color:#6D6666; padding:15px 22px; width:calc(92% - 46px); display:none;}
.rewardaddrdiv > div > ul > li > div input.active{ display:block;}
.rewardaddrdiv > aside > ul{ margin:30px 0; margin-left:50px; }
.rewardaddrdiv > aside > ul > li{ font-size:18.75px; font-weight:400; color:#BABABA; position:relative; }
.rewardaddrdiv > aside > ul > li:before{ content:"ㆍ"; position:absolute; left:-20px; top:0; color:#bababa;}
.rewardaddrdiv > aside > ul > li:last-child{ font-size:18.75px; font-weight:400; color:#DE1010; }
.rewardaddrdiv > nav{ text-align:center; padding:10px 0; padding-bottom:71px;}
.rewardaddrdiv > nav > a{ font-size:28.39px; font-weight:700; background-color:#000099; padding:21px 0; width:510px; border-radius:167.02px; display:inline-block; color:#fff;}

.reward_usedform > nav > div > div{ display:none;}
.reward_usedform[data-tab='0'] > nav > div > .reward_immediate_useddiv{ display:block;}
.reward_usedform[data-tab='1'] > nav > div > .reward_kakaosend_useddiv{ display:block;}
.reward_usedform[data-tab='2'] > nav > div > .reward_postsend_useddiv{ display:block;}

.reward_usedform[data-tab='3'] > nav > div > .reward_dealar_useddiv{ display:block;}


#myrewardul > li.active{ border-bottom:1px solid #fff;}
#myrewardul > li > form{ display:none;}
#myrewardul > li.active > form{ display:block;}
#myrewardul > li[data-sendtype='2'] .rerardposttypeli_2{ display:none;}




.reward_immediate_info_div > ul > li{ display:flex;}
.reward_immediate_info_div > ul > li > label{ font-size:16px; font-weight:700; color:#000; width:70px;}
.reward_immediate_info_div > ul > li > div{ font-size:16px; font-weight:400; color:#000;}

  
  /**/
  

.tradecommdiv1 > .maindiv{ width:530px; margin:auto; margin-top:160px;}
.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommheaderdiv > h3{ margin:15px 0;}
.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommheaderdiv > h3 > span{ font-size:35.2px; font-weight:900;}

.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommheaderdiv > ul{ margin-left:22px;}
.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommheaderdiv > ul > li:before{ content:"ㆍ"; position:absolute; left:-20px; top:0;}
.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommheaderdiv > ul > li{ font-size:16px; font-weight:400; position:relative;}
.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommheaderdiv > p{ margin:30px 0;}
.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommheaderdiv > p > span{ font-size:16px; font-weight:400; color:#FFEB3B;}

.tradecommsearchform{ display:flex; justify-content:space-between; margin:35px 0;}
.tradecommsearchform > ul{ display:flex; gap:8px;}
.tradecommsearchform > ul > li{ }
.tradecommsearchform > ul > li > input[type=radio]{ display:none;}
.tradecommsearchform > ul > li > label{ font-size:20px; font-weight:400; background-color:#FFF; color:#000;
display:inline-block; width: 84px; padding:4.5px 0; text-align:center; border-radius: 5px; position:relative;
}
.tradecommsearchform > ul > li > input[type=radio]:checked + label{ background-color:#8F8F8F;}
.tradecommsearchform > ul > li > input[type=radio]:checked + label:after{ content:""; width:40px; height:1px; display:inline-block; background-color:#8F8F8F; position:absolute;  
bottom:-8px; left:calc(50% - 20px); }
.tradecommsearchform > div{ display:flex; gap:8px;}
.tradecommsearchform > div > input[type=text]{ font-size:16px; font-weight:400; width:127px; height:33.18px; border:1px solid #fff; text-align:center; background-color:transparent;}
.tradecommsearchform > div > input[type=text]::placeholder{ color:#686565;}
.tradecommsearchform > div > nav > a{ font-size:20px; font-weight:400; background-color:#FFF; color:#000;
display:inline-block; width: 84px; padding:4.5px 0; text-align:center; border-radius: 5px;}

.tradecommwriteform{ margin-bottom:70px;}
.tradecommwriteform > div > ul{ display:flex; flex-direction:column; gap:16px;}
.tradecommwriteform > div > ul > li{ display:flex; align-items:center;}
.tradecommwriteform > div > ul > li > label{ font-size:16px; font-weight:400; width:80px; min-width:80px;}
.tradecommwriteform > div > ul > li > div input{ background-color:transparent; font-size:14px; font-weight:400; padding:9px 16px; border:1px solid #D9D9D9}
.tradecommwriteform > div > ul > li > div select{ background-color:transparent; font-size:14px; font-weight:400; padding:9px 16px; border:1px solid #D9D9D9}
.tradecommwriteform > div > ul > li > div .kakaotalkspan{ color:#FF0000; font-size:16px; font-weight:400;}
.tradecommwriteform > div > ul > li > div select option{ color:#000;}

.tradecommwriteform > div > p{ font-size:16px; font-weight:400; margin:16px 0;}
.tradecommwriteform > div > textarea{ flex-grow:1; min-height:100px; width:calc(100% - 54px); font-size:12px; font-weight:400; padding:11px 26px;}
.tradecommwriteform > nav{ margin:20px 0; display:flex; gap:11px; justify-content:flex-end;}
.tradecommwriteform > nav > a{  background-color:#fff; width:84px; padding:4.5px 0; text-align:center; display:inline-block; border-radius:5px; }
.tradecommwriteform > nav > a > .linktext{ font-size:16px; font-weight:700; color:#000;}

.tradecommeditform{ margin-bottom:70px;}
.tradecommeditform > div > ul{ display:flex; flex-direction:column; gap:16px;}
.tradecommeditform > div > ul > li{ display:flex; align-items:center;}
.tradecommeditform > div > ul > li > label{ font-size:16px; font-weight:400; width:80px; min-width:80px;}
.tradecommeditform > div > ul > li > div input{ background-color:transparent; font-size:14px; font-weight:400; padding:9px 16px; border:1px solid #D9D9D9}
.tradecommeditform > div > ul > li > div select{ background-color:transparent; font-size:14px; font-weight:400; padding:9px 16px; border:1px solid #D9D9D9}
.tradecommeditform > div > ul > li > div .kakaotalkspan{ color:#FF0000; font-size:16px; font-weight:400;}
.tradecommeditform > div > ul > li > div select option{ color:#000;}

.tradecommeditform > div > p{ font-size:16px; font-weight:400; margin:16px 0;}
.tradecommeditform > div > textarea{  flex-grow:1; min-height:100px; width:calc(100% - 54px); font-size:12px; font-weight:400; padding:11px 26px;}
.tradecommeditform > nav{ margin:20px 0; display:flex; gap:11px; justify-content:flex-end;}
.tradecommeditform > nav > a{  background-color:#fff; width:84px; padding:4.5px 0; text-align:center; display:inline-block; border-radius:5px; }
.tradecommeditform > nav > a > .linktext{ font-size:16px; font-weight:700; color:#000;}


.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommboarddiv > table{ width:100%; max-width:530px;}
.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommboarddiv > table > thead > tr > th{ font-size:16px; font-weight:400; padding:13.5px 0; text-align:left;}
.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommboarddiv > table > tbody > tr.list > td{ border-top:1px solid #fff;  padding:15px 0;}
.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommboarddiv > table > tbody > tr.list > td > a{ font-size:16px; font-weight:700;  color:#fff;}
.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommboarddiv > table > tbody > tr.view > td > form > div > .text > nav > .editbtn{ pointer-events: none; display:none;}
.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommboarddiv > table > tbody > tr.view > td > form > div > .text > nav > .delbtn{ pointer-events: none;  display:none;}
.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommboarddiv > table > tbody > tr.view > td{ padding-bottom:20px;}
.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommboarddiv > table > tbody > tr.view > td > form > div{ display:flex;}
.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommboarddiv > table > tbody > tr.view > td > form > div > .img{ width:110px; min-width:110px;}
.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommboarddiv > table > tbody > tr.view > td > form > div > .img > img{ width:79px; height:111px; object-fit:contain;}
.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommboarddiv > table > tbody > tr.view > td > form > div > .text{ width:calc(100% - 110px); position:relative; padding-bottom:38px;}
.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommboarddiv > table > tbody > tr.view > td > form > div > .text > p{ max-width:400px;word-break: break-all;}
.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommboarddiv > table > tbody > tr.view > td > form > div > .text > p > span{ font-size:16px; font-weight:300;}

.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommboarddiv > table > tbody > tr.view > td > form > div > .text > aside{ font-size:12px; font-weight:300; position:absolute; right:0; bottom:8px;}

.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommboarddiv > table > tbody > tr.view > td > form > div > .text > nav{ display:flex; align-items:center; gap:13px; flex-wrap:wrap; position:absolute; bottom:0; left:0;}
.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommboarddiv > table > tbody > tr.view > td > form > div > .text > nav > a{
width: 84px;  padding:4.5px 0; border-radius: 10px; background-color:#fff; display:inline-block; text-align:center; font-size:20px; font-weight:700;
}
.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommboarddiv > table > tbody > tr.view > td > form > div > .text > nav > a.talkbtn{ background-color:#FFEB3B; background-image:url(https://file.k-friends.kr/img/20260309/012505_0.png); background-repeat:no-repeat; background-position:center; height:27px;}

.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommboarddiv > table > tbody > tr.view > td > form > div > .text > nav > select{
width: 84px;  padding:2.4px 0; border-radius: 10px; background-color:#fff; display:inline-block; text-align:center; color:#000;font-size:20px; font-weight:700;
}
.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommboarddiv > table > tbody > tr.view > td > form > div > .text > nav > select > option{ color:#000;}
.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommboarddiv > table > tbody > tr.view > td > form > div > .text > nav > a > .linktext{ color:#000;}
.tradecommmaintext > form{ display:none;}
.tradecommmaintext > div{ display:none;}

.tradecommmaintext > .tradecommheaderdiv{ display:block;}
.tradecommmaintext > .tradecommsearchform{ display:flex; }

.tradecommmaintext[data-tab='0'] > .tradecommboarddiv{ display:block; }
.tradecommmaintext[data-tab='1'] > .tradecommboarddiv{ display:block; }
.tradecommmaintext[data-tab='2'] > .tradecommwriteform{ display:block; }
.tradecommmaintext[data-tab='3'] > .tradecommeditform{ display:block; }

.tradecommmaintext > .tradecommboarddiv > table > tbody > tr{ display:none;}
.tradecommmaintext[data-tab='0'] > .tradecommboarddiv > table > tbody > tr[data-my='Y']{ display:table-row;}
.tradecommmaintext[data-tab='0'] > .tradecommboarddiv > table > tbody > tr[data-my='N']{ display:table-row;}
.tradecommmaintext[data-tab='1'] > .tradecommboarddiv > table > tbody > tr[data-my='Y']{ display:table-row;}


.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommboarddiv > table > tbody > tr.view[data-my='Y'] > td > form > div > .text > nav > .editbtn{ pointer-events: auto; display:inline-block;}
.tradecommdiv1 > .maindiv > div > .tradecommmaintext > .tradecommboarddiv > table > tbody > tr.view[data-my='Y'] > td > form > div > .text > nav > .delbtn{ pointer-events: auto;  display:inline-block;}

.tradecommmaintext > .tradecommboarddiv > table > tbody > tr[data-state='Y']{ pointer-events: none; opacity:0.7;}
.tradecommmaintext > .tradecommboarddiv > table > tbody > tr.view[data-state='Y'] > td > form > div > .text > nav > .editbtn{ pointer-events: none !important; display:none !important;}
.tradecommmaintext > .tradecommboarddiv > table > tbody > tr.view[data-state='Y'] > td > form > div > .text > nav > .delbtn{ pointer-events: none !important; display:none !important;}

/**/
.counselingdiv1{ margin-top:175px;}
.counselingheaderdiv{ width:100%; display:inline-block; background-color:#fff;;}
.counselingheaderdiv > div{ width:640px;  position:relative;  margin:auto;}
.counselingheaderdiv > div > .img{  height:476px;  display:flex; justify-content:flex-end; align-items:flex-end;}
.counselingheaderdiv > div > .text{ position:absolute; left:0; top:0;}
.counselingheaderdiv > div > .text > div{ margin:56px 50px;}
.counselingheaderdiv > div > .text > div > h2 > span{ color:#020202; font-size:30px; font-weight:700;}
.counselingheaderdiv > div > .text > div > h3{ margin-bottom:30px;}
.counselingheaderdiv > div > .text > div > h3 > span{ color:#020202; font-size:35.2px; font-weight:700;}
.counselingheaderdiv > div > .text > div > p > span{ color:#020202; font-size:20px; font-weight:300; display:block;}

.counselingbodyerdiv > ul{ width:530px; margin:auto; margin-top:30px;}
.counselingbodyerdiv > ul > li{ display:flex; justify-content:space-between;  padding:34px 0; border-bottom:1px solid #fff; position:relative;}
.counselingbodyerdiv > ul > li:last-child{ border-bottom:0;}
.counselingbodyerdiv > ul > li > div > h4{ margin-bottom:4px;}
.counselingbodyerdiv > ul > li > div > h4 > span{ font-size:30px; font-weight:700;}
.counselingbodyerdiv > ul > li > div > p > span{ font-size:20px; font-weight:300;}
.counselingbodyerdiv > ul > li > nav{ width:90px; min-width:90px; display:flex; justify-content:center; align-items:center; background-repeat:no-repeat; background-size:34px 34px; background-position:center; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2234%22%20height%3D%2234%22%20viewBox%3D%220%200%2034%2034%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11.3334%2026.9163V7.08301L26.9167%2016.9997L11.3334%2026.9163Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
.counselingbodyerdiv > ul > li > nav > a{ position:absolute; left:0; top:0; width:100%; height:100%;  }

/**/
.faqdiv1 > div{ width:530px;  position:relative;  margin:auto;}
.faqheaderdiv > h2{ margin-top:150px; margin-bottom:8px; display:flex; justify-content:center;}
.faqheaderdiv > h2 > span{ font-size:27.2px; font-weight:700; display:inline-block; border-bottom:5px solid #fff; padding:8px 0;}


.faqlistul{ width:100%; display:flex; flex-direction:column; border-top:2px solid #fff; margin-top:60px; margin-bottom:80px;}
.faqlistul > .faqlistli{  border-bottom:1px solid #fff;}
.faqlistul > .faqlistli:last-child{  border-bottom:0;}
.faqlistul > .faqlistli > p{ display:none; background-color:rgba(255,255,255,0.25); font-size:22px; font-weight:300; padding:0 27px; padding-right:53px; width:calc(100% - 80px);}
.faqlistul > .faqlistli.active > p{ display:inline-block; padding-top:22px; padding-bottom:22px;}
.faqlistul > .faqlistli.active > h4 > a:after{ transform:scaleY(-1); top:28px;}
.faqlistul > .faqlistli > h4{}
.faqlistul > .faqlistli > h4 > a{ display:flex; color:#fff; width:calc(100% - 80px); align-items:center; padding:27px; padding-right:53px; position:relative; font-size:22px; font-weight:300;}
.faqlistul > .faqlistli > h4 > a:after{ content:""; position:absolute; top:40px; right:27px;  display:inline-block; width:25px; height:25px; background-image:url(https://file.k-friends.kr/data/20250217/091016_0.svg); background-size:contain; background-repeat:no-repeat; transition-duration:0.1s;}

/**/
.infodeskdiv1 > div{ width:530px;  position:relative;  margin:auto;}
.infodeskheaderdiv > h2{ margin-top:150px; margin-bottom:8px; display:flex; justify-content:center;}
.infodeskheaderdiv > h2 > span{ font-size:27.2px; font-weight:700; display:inline-block; border-bottom:5px solid #fff; padding:8px 0;}


.infodeskbackbtn{ position:absolute; left:72px; top:82px; width:51px; height:51px; display:inline-block; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2251%22%20height%3D%2251%22%20viewBox%3D%220%200%2051%2051%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M8.18125%2023.375L34%2023.375L34%2027.625L8.18125%2027.625L11.475%2030.9188L8.5%2034L1.67196e-06%2025.5L8.5%2017L11.475%2020.0813L8.18125%2023.375ZM19.125%2031.875L19.125%2040.375L40.375%2040.375L40.375%2010.625L19.125%2010.625L19.125%2019.125L14.875%2019.125L14.875%2010.625C14.875%209.45625%2015.2911%208.45573%2016.1234%207.62344C16.9557%206.79115%2017.9563%206.375%2019.125%206.375L40.375%206.375C41.5438%206.375%2042.5443%206.79115%2043.3766%207.62344C44.2089%208.45573%2044.625%209.45625%2044.625%2010.625L44.625%2040.375C44.625%2041.5438%2044.2089%2042.5443%2043.3766%2043.3766C42.5443%2044.2089%2041.5438%2044.625%2040.375%2044.625L19.125%2044.625C17.9562%2044.625%2016.9557%2044.2089%2016.1234%2043.3766C15.2911%2042.5443%2014.875%2041.5438%2014.875%2040.375L14.875%2031.875L19.125%2031.875Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fsvg%3E%0A"); background-repeat:no-repeat; background-position:center; background-size:contain;}


.infodeskbodyerdiv > form{ width:500px; margin:auto;}
.infodeskbodyerdiv > form > h3{ margin-top:150px;}
.infodeskbodyerdiv > form > h3 > span{ font-size:27.2px; font-weight:700; display:block;}
.infodeskbodyerdiv > form > div > ul{ margin:60px auto; display:flex; flex-direction:column; gap:50px;}
.infodeskbodyerdiv > form > div > ul > li{ display:flex; flex-direction:column; gap:30px;}
.infodeskbodyerdiv > form > div > ul > li > label{ font-size:18px; font-weight:400; color:#0066B1;}
.infodeskbodyerdiv > form > div > ul > li input[type='text']
,.infodeskbodyerdiv > form > div > ul > li input[type='tel']
,.infodeskbodyerdiv > form > div > ul > li input[type='email']
,.infodeskbodyerdiv > form > div > ul > li textarea
,.infodeskbodyerdiv > form > div > ul > li select{ font-size:25px; font-weight:400; background-color:transparent; border:0; border-bottom:2px solid #fff; width:calc(100% - 14px);}
.infodeskbodyerdiv > form > div > ul > li select option{ color:#000;}


.infodeskbodyerdiv > form > div > ul > li input::placeholder
,.infodeskbodyerdiv > form > div > ul > li textarea::placeholder {
  color: #6E6E6E;
  font-weight:700;
}


.infodesknav{ margin:90px auto;}
.infodesknav > a{ display:inline-block; font-size:28.39px; font-weight:500; color:#fff; background-color:#0000b0; border-radius:100px; width: 100%; margin: auto; padding: 20px 0; text-align: center;}

/**/

.mycardlistdiv{ width:548px; margin:auto; margin-top:100px; }

.mycardlistdiv > .maindiv > div > .mycardicondiv{ text-align:center; margin-bottom:10px;}
.mycardlistdiv > .maindiv > div > .mycardicondiv > img{ width:67px; height:67px; object-fit:contain;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > h2{ text-align:center;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > h2 > span{ font-size:24px; font-weight:900;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > h3{ text-align:center;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > h3 > span{ font-size:64px; font-weight:400;}

.mycardlistdiv > .maindiv > div > .mycardtextdiv > aside > nav > ul{ display:flex; gap:20px 23px; margin:auto; width:508px; position:relative; flex-wrap:wrap; align-items:flex-end; margin-top:140px;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > aside > nav > ul > li{ width:242px; }
.mycardlistdiv > .maindiv > div > .mycardtextdiv > aside > nav > ul > li > p{background-color:#fff; position:relative; padding:13px 30px; display:inline-block; width:calc(100% - 60px); border-radius:20px; margin-bottom:16px;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > aside > nav > ul > li > p:before{ content:""; background-image:url(/file/img/mycard_arrow.png); width:17px; height:18px; background-repeat:no-repeat; background-size:contain; display:inline-block; position:absolute; bottom:-11px; left:47px;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > aside > nav > ul > li > p > span{ font-size:12px; font-weight:700; display:block; color:#000;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > aside > nav > ul > li > a{background-color:#fff; position:relative; padding:13px 0; display:inline-block; width:100%;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > aside > nav > ul > li > a > label{ color:#000; font-size:8px; font-weight:400; position:absolute; left:10px; top:2px;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > aside > nav > ul > li > a > div{  text-align:center;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > aside > nav > ul > li > a > div > span{color:#000; font-size:18px; font-weight:700;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > aside > nav > ul > li > a > div > span > span{ color:#000; font-size:24px; font-weight:900;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > aside > nav > ul > li > a > div > span > .gubun{ color:#000; font-size:20px; font-weight:900;}

.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > ul{ display:flex; flex-wrap:wrap; margin:auto; position:relative; margin-top:50px; margin-bottom:50px; flex-grow:1;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > ul > li{ margin:4px;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > ul > li > .notopen{ background-color:#D9D9D9; width:100%; height:141px; display:flex; justify-content:center; align-items:center;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > ul > li > .notopen > span{ font-size:20px; font-weight:900; color:#525151;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > div > h3{ margin-top:45px;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > div > h3 > span{ font-size:29px; font-weight:700;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > div > p > span{ font-size:17px; font-weight:400;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > div > ul{ margin-top:87px; margin-bottom:50px; display:flex; flex-direction:column; gap:8px;}

.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > div > ul > li{ display:flex; gap:50px; align-items:center;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > div > ul > li > .rewordicondiv > img{ width:176px; height:141px; object-fit:contain;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > div > ul > li > .rewordtextdiv > div{ display:flex; flex-wrap:wrap;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > div > ul > li > .rewordtextdiv > div > h4{ width:100%;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > div > ul > li > .rewordtextdiv > div > h4 > span{ font-size:24px; font-weight:700;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > div > ul > li > .rewordtextdiv > div > p{ width:100%;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > div > ul > li > .rewordtextdiv > div > p > span{ font-size:28px; font-weight:700;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > div > ul > li > .rewordtextdiv > div > label > span{ font-size:24px; font-weight:700;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > div > ul > li > .rewordtextdiv > div > div{ position:relative; margin-left:22px; display:flex; gap:3px; align-items:center;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > div > ul > li > .rewordtextdiv > div > div:before{ content:"GET"; background-color:#fff; color:#0B0B0B; padding:1px 4px; font-size:8px; font-weight:700; display:inline-block; border-radius:48px;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > div > ul > li > .rewordtextdiv > div > div > span{ font-size:24px; font-weight:700;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > div > ul > li > .rewordtextdiv > div > aside{ display:none; font-size:16px; font-weight:300;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > div > ul > li[data-use='Y']{ opacity:0.24;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > div > ul > li[data-use='Y'] > .rewordtextdiv > div > aside{ display:block;}


.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > ul > li{ transition-duration:1s; transition-delay:0s; width:101.59px; display:inline-block; height: 141px;; visibility:visible; overflow:hidden;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > ul > li > div{ transition-duration:0.5s; transition-delay:1s; }
.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > ul > li.hide{ width:0; height:0; visibility:collapse; margin:0; opacity:0; transition-delay:0.5s;}
.mycardlistdiv > .maindiv > div > .mycardtextdiv > div > ul > li.hide > div{ transform:scale(0); opacity:0; transition-delay:0s; }
.opencardli > div > span{width: 101.58px; height: 141px; display:flex; justify-content:center; align-items:center; position:relative; text-align:center;}
.opencardli > div > a{width: 101.58px; height: 141px; display:flex; justify-content:center; align-items:center; position:relative; text-align:center;}
.opencardli > div > span > img{ width:101.58px; height:141px; left:0; top:0; object-fit:cover; object-position:center;}
.opencardli > div > a > img{ width:101.58px; height:141px; left:0; top:0; object-fit:cover; object-position:center;}
.opencardli > div > span.imgrotate > img{ transform:rotate(90deg); width:141px; height:101.58px;}
.opencardli > div > a.imgrotate > img{ transform:rotate(90deg); width:141px; height:101.58px;}



.ranklistdiv1{ width:530px; margin:auto; margin-top:230px; }
/*
.ranklistdiv1 > .maindiv > .eventrankdiv{}
.ranklistdiv1 > .maindiv > .eventrankdiv > div{ background-color:#D9D9D9; border-radius:20px; padding:19px 29px; position:relative; display:flex; gap:34px;}
.ranklistdiv1 > .maindiv > .eventrankdiv > div > div > h2 > span{ font-size:28px; font-weight:700; display:block; color:#040303}
*/
.yourrankdiv > div{ border:2px solid #fff; border-radius:32px;}
.yourrankdiv > div > div{ padding:32px 55px;}
.yourrankdiv > div > div > h2 > span{ font-size:50px; font-weight:700;}
.yourrankdiv > div > div > h3 > span{ font-size:50px; font-weight:700;}
.yourrankdiv > div > div > p{ margin-top:60px;}
.yourrankdiv > div > div > p > span{ font-size:18px; font-weight:400;}

.ranklistdiv1 > .maindiv > .eventranklistdiv > h3{ margin-top:88px; margin-bottom:11px;}
.ranklistdiv1 > .maindiv > .eventranklistdiv > h3 > span{ font-size:36px; font-weight:900;}
.ranklistdiv1 > .maindiv > .eventranklistdiv > p > span{ font-size:16px; font-weight:400;}

.ranklistdiv1 > .maindiv > .eventranklistdiv > .top3rank{ display:grid; grid-template-columns: repeat(3, 1fr); margin:70px auto; gap:64px; text-align:center;}
.ranklistdiv1 > .maindiv > .eventranklistdiv > .top3rank > li{ position:relative;}
.ranklistdiv1 > .maindiv > .eventranklistdiv > .top3rank > li:nth-child(1){ order:2;}
.ranklistdiv1 > .maindiv > .eventranklistdiv > .top3rank > li:nth-child(2){ order:1; margin-top:97px;}
.ranklistdiv1 > .maindiv > .eventranklistdiv > .top3rank > li:nth-child(3){ order:3; margin-top:97px;}
.Page6  .ranklistdiv1 > .maindiv > .eventranklistdiv > .top3rank > li > .profileicon:before{ position:absolute; right:0; width:34px; height:34px; border-radius:50%; display:flex; justify-content:center; align-items:center; font-size:20px; font-weight:400;}
.Page6  .ranklistdiv1 > .maindiv > .eventranklistdiv > .top3rank > li:nth-child(1) > .profileicon:before{ content:"1"; background-color:#C27700;}
.Page6  .ranklistdiv1 > .maindiv > .eventranklistdiv > .top3rank > li:nth-child(2) > .profileicon:before{ content:"2"; background-color:#808080;}
.Page6  .ranklistdiv1 > .maindiv > .eventranklistdiv > .top3rank > li:nth-child(3) > .profileicon:before{ content:"3"; background-color:#8E2525;}
.ranklistdiv1 > .maindiv > .eventranklistdiv > .top3rank > li > .profileicon > img{ width:123px; height:123px; object-fit:cover; border-radius:50%; background-color:#84b4ef;}
.ranklistdiv1 > .maindiv > .eventranklistdiv > .top3rank > li:nth-child(1) > .profileicon:before{ font-size:20px; width:45px; height:45px;}
.ranklistdiv1 > .maindiv > .eventranklistdiv > .top3rank > li:nth-child(1) > .profileicon > img{ width:153px; height:153px; }

.ranklistdiv1 > .maindiv > .eventranklistdiv > .top3rank > li > .profiletext > h4{ color:#fff; font-size:20px; font-weight:400;}
.ranklistdiv1 > .maindiv > .eventranklistdiv > .top3rank > li > .profiletext > h4 > span{ display:inline-block;}
.ranklistdiv1 > .maindiv > .eventranklistdiv > .top3rank > li > .profiletext > p{ color:#fff; font-size:20px; font-weight:400;}

.ranklistdiv1 > .maindiv > .eventranklistdiv > .orderrank{ display:flex; flex-direction:column; gap:25px; margin-bottom:100px;}
.ranklistdiv1 > .maindiv > .eventranklistdiv > .orderrank > li{ display:flex; gap:24px;}
.ranklistdiv1 > .maindiv > .eventranklistdiv > .orderrank > li > .profileicon{ width:79px;}
.ranklistdiv1 > .maindiv > .eventranklistdiv > .orderrank > li > .profileicon > img{ width:79px; height:79px; object-fit:contain; border-radius:50%; background-color:#84b4ef;}
.ranklistdiv1 > .maindiv > .eventranklistdiv > .orderrank > li > .profiletext{ display:flex; justify-content:space-between; align-items:center; width:calc(100% - 104px);}
.ranklistdiv1 > .maindiv > .eventranklistdiv > .orderrank > li > .profiletext > h4{ color:#fff; font-size:20px; font-weight:400;}
.ranklistdiv1 > .maindiv > .eventranklistdiv > .orderrank > li > .profiletext > p{ color:#fff; font-size:20px; font-weight:400;}


/**/

.myaddressdiv1{ background-color:#1b1b1b;}
.myaddressdiv1 > .maindiv > #myaddressform{ width:540px; margin:auto;}

.myaddressdiv1 > .maindiv > form > h3{ margin-top:100px;}
.myaddressdiv1 > .maindiv > form > h3 > span{ font-size:30px; font-weight:700; display:block;}
.myaddressdiv1 > .maindiv > form > ul{ display:flex; flex-direction:column; gap:58px; margin-top:65px;}
.myaddressdiv1 > .maindiv > form > ul > li > label{ font-size:18px; font-weight:400;}
.myaddressdiv1 > .maindiv > form > ul > li > div{ display:inline-block; margin-top:16px; width:100%;}
.myaddressdiv1 > .maindiv > form textarea{ background-color:transparent;  border:0; border-bottom:3px solid #fff; width:96%; font-size:24px; font-weight:700;}
.myaddressdiv1 > .maindiv > form input[type=text]{ background-color:transparent;  border:0; border-bottom:3px solid #fff; width:96%; font-size:24px; font-weight:700;}
.myaddressdiv1 > .maindiv > form input[type=tel]{ background-color:transparent;  border:0; border-bottom:3px solid #fff; width:96%; font-size:24px; font-weight:700;}
.myaddressdiv1 > .maindiv > form input::placeholder {
  color: #6E6E6E;
  font-weight:700;
}
.myaddressdiv1 > .maindiv > form textarea::placeholder {
  color: #6E6E6E;
  font-weight:700;
}

.myaddressdiv1 > .maindiv > form > ul > li > div > div > ul{ display:flex; flex-wrap:wrap; gap:8px 16px; margin-bottom:16px;}
.myaddressdiv1 > .maindiv > form > ul > li > div > div > ul > li > input[type=radio]{ display:none;}
.myaddressdiv1 > .maindiv > form > ul > li > div > div > ul > li > label{ border:1px solid #fff; border-radius:32px; padding:4px 12px; display:flex; gap:6px; align-items:center;}
.myaddressdiv1 > .maindiv > form > ul > li > div > div > ul > li > input[type=radio]:checked + label{ background-color:#fff; color:#000;}
.myaddressdiv1 > .maindiv > form > ul > li > div > div > ul > li > input[type=radio]:checked + label:before{ content:""; width:16px; height:16px; display:inline-block; background-size:contain; background-repeat:no-repeat;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20clip-rule%3D%22evenodd%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m2.25%2012.321%207.27%206.491c.143.127.321.19.499.19.206%200%20.41-.084.559-.249l11.23-12.501c.129-.143.192-.321.192-.5%200-.419-.338-.75-.749-.75-.206%200-.411.084-.559.249l-10.731%2011.945-6.711-5.994c-.144-.127-.322-.19-.5-.19-.417%200-.75.336-.75.749%200%20.206.084.412.25.56%22%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E")}

.myaddressdiv1 > .maindiv > form > nav{ display:flex; flex-direction:column; gap:18px; margin:auto; margin-top:102px; margin-bottom:50px;}
.myaddressdiv1 > .maindiv > form > nav > a{ width:484px; margin:auto; padding:24px 0; text-align:center; border-radius:100px; background-color:#0065B0;}
.myaddressdiv1 > .maindiv > form > nav > a:hover{ background-color:#000061; }
.myaddressdiv1 > .maindiv > form > nav > a > .linktext{ font-size:32px; font-weight:400;}
#postnameother{ display:none;}
#postnameother.active{ display:inline-block;}

.basicpostsetdiv{ margin-top:16px;}
.basicpostsetdiv > input[type=checkbox]{ display:none;}
.basicpostsetdiv > label{ display:flex; align-items:center; font-size:22px; font-weight:400; gap:8px;}
.basicpostsetdiv > label:before{ content:""; width:24px; height:24px; display:inline-block;}
.basicpostsetdiv > label:before{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%3Cpath%20d%3D%22M12%202c5.514%200%2010%204.486%2010%2010s-4.486%2010-10%2010-10-4.486-10-10%204.486-10%2010-10zm0-2c-6.627%200-12%205.373-12%2012s5.373%2012%2012%2012%2012-5.373%2012-12-5.373-12-12-12zm4.393%207.5l-5.643%205.784-2.644-2.506-1.856%201.858%204.5%204.364%207.5-7.643-1.857-1.857z%22%20fill%3D%22%23555%22%2F%3E%0A%3C%2Fsvg%3E")}
.basicpostsetdiv > input[type=checkbox]:checked + label:before{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%3Cpath%20d%3D%22M12%200c-6.627%200-12%205.373-12%2012s5.373%2012%2012%2012%2012-5.373%2012-12-5.373-12-12-12zm-1.25%2017.292l-4.5-4.364%201.857-1.858%202.643%202.506%205.643-5.784%201.857%201.857-7.5%207.643z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E")}

/**/

.pgresultdiv1{ }
.pgresultdiv1 > .maindiv{ display:flex; align-items:center; justify-content:center; min-height:100vh; height:100svh;}
.pgresultdiv1 > .maindiv > div{ width:540px; margin:50px auto;}

.pgresultdiv1 > .maindiv > div > h2 > span{ font-size:41.89px; font-weight:900; display:block;}
.pgresultdiv1 > .maindiv > div > h3{ margin:16px 0;}
.pgresultdiv1 > .maindiv > div > h3 > span{ font-size:24px; font-weight:700;}
.pgresultdiv1 > .maindiv > div > p > span{ font-size:18px; font-weight:700;}
.pgresultdiv1 > .maindiv > div > div > ul{ border-top:1px solid #fff;}
.pgresultdiv1 > .maindiv > div > div > ul > li{ display:flex; border-bottom:1px solid #fff; }
.pgresultdiv1 > .maindiv > div > div > ul > li > label{  padding:16px 40px; width:100px; min-width:100px; text-align:center; background-color:rgba(255,255,255,0.25); display:flex; justify-content:space-between; align-items:center;}
.pgresultdiv1 > .maindiv > div > div > ul > li > label > span{ font-size:16px; font-weight:400;}
.pgresultdiv1 > .maindiv > div > div > ul > li > div{ font-size:16px; font-weight:400; padding:16px 16px;}
.pgresultdiv1 > .maindiv > div > nav{ display:flex; flex-direction:column; gap:18px; margin:auto; margin-top:50px; margin-bottom:200px;}
.pgresultdiv1 > .maindiv > div > nav > a{ width: 100%; margin: auto; padding: 20px 0; text-align: center; border-radius: 100px; background-color: #0000b0;}
.pgresultdiv1 > .maindiv > div > nav > a > .linktext{ font-size:32px; font-weight:400;}


.myCardSlideswiper {
      width: 440px;
      height: 660px;
    }

.myCardSlideswiper > swiper-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 18px;
      font-size: 22px;
      font-weight: bold;
      color: #fff;
    }

#myCardSlideNav{position:fixed; left:0; top:0; z-index:401; width:100%; height:100%; display:none; justify-content:center; align-items:center; background-color:rgba(0,0,0,0.5);}
#myCardSlideNav.active{ display:flex; }
#myCardSlideNav > div{  width:540px; display:inline-block;}
#myCardSlideNav > div > .closeBtn{ position:fixed; right:50px; top:30px; z-index:302; width:48px; height:48px; display:inline-block; background-repeat:no-repeat; background-size:cover; background-position:center; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23FFFFFF%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20d%3D%22M20%2C2H4C2.9%2C2%2C2%2C2.9%2C2%2C4v16c0%2C1.1%2C0.9%2C2%2C2%2C2h16c1.1%2C0%2C2-0.9%2C2-2V4C22%2C2.9%2C21.1%2C2%2C20%2C2z%20M20%2C20H4V4h16V20z%22%2F%3E%0A%09%3Cpolygon%20points%3D%228.5%2C16.9%2012%2C13.4%2015.5%2C16.9%2016.9%2C15.5%2013.4%2C12%2016.9%2C8.5%2015.5%2C7.1%2012%2C10.6%208.5%2C7.1%207.1%2C8.5%2010.6%2C12%207.1%2C15.5%20%09%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");}


#myCardSlideNav .img > img{ width:100%;}

#myCardSlideNav a.imgrotate > img {
    transform: rotate(90deg);
      height: 440px;
      width: 660px;

/*
    width: 141px;
    height: 101.58px;
	*/
}



#myCardSlideNav2{position:fixed; left:0; top:0; z-index:301; width:100%; height:100%; display:none; justify-content:center; align-items:center; background-color:rgba(0,0,0,0.5);}
#myCardSlideNav2.active{ display:flex; }
#myCardSlideNav2 > div{  width:540px; display:inline-block;}
#myCardSlideNav2 > div > .closeBtn{ position:fixed; right:50px; top:30px; z-index:302; width:48px; height:48px; display:inline-block; background-repeat:no-repeat; background-size:cover; background-position:center; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23FFFFFF%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20d%3D%22M20%2C2H4C2.9%2C2%2C2%2C2.9%2C2%2C4v16c0%2C1.1%2C0.9%2C2%2C2%2C2h16c1.1%2C0%2C2-0.9%2C2-2V4C22%2C2.9%2C21.1%2C2%2C20%2C2z%20M20%2C20H4V4h16V20z%22%2F%3E%0A%09%3Cpolygon%20points%3D%228.5%2C16.9%2012%2C13.4%2015.5%2C16.9%2016.9%2C15.5%2013.4%2C12%2016.9%2C8.5%2015.5%2C7.1%2012%2C10.6%208.5%2C7.1%207.1%2C8.5%2010.6%2C12%207.1%2C15.5%20%09%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");}


#myCardSlideNav2 .img > img{ width:100%;}

#myCardSlideNav2 a.imgrotate > img {
    transform: rotate(90deg);
      height: 440px;
      width: 660px;

/*
    width: 141px;
    height: 101.58px;
	*/
}


/**/


.opencarddiv{ display:flex; align-items:flex-end; width:100%; min-height:900px; height:100svh;}
.opencarddiv > div{ width:100%;}
#Nondisclosurecarddiv{ display:flex; justify-content:center; align-items:center; min-height:900px; height:100svh;}
#notopencard{touch-action: none;}

#cardopenform > div{ display:none;}
#cardopenform[data-tab='0'] > .cardopenbeforediv{ display:block;}
#cardopenform[data-tab='1'] > .cardopenafterdiv{ display:block;}
#cardopenform[data-tab='2'] > .cardopeneffectdiv{ display:flex;}



.cardopenafterdiv > div > div{ display:flex; flex-wrap:wrap; justify-content:space-between; width:540px; margin:auto;}
.cardopenafterdiv > div > div > .upnav
,.cardopenafterdiv > div > div > .downnav{ width:100%; justify-content:center; text-align:center; margin:20px 0; position:relative; }

.cardopenafterdiv > div > div > .leftnav
,.cardopenafterdiv > div > div > .rightnav{ display:flex; flex-direction:column; width:50px; justify-content:center; align-items:center; text-align:center; }


.cardfindrewardinfodiv{ width:540px; margin:auto; } 
.cardfindrewardinfodiv2{ width:540px; margin:auto; } 

.cardfindinfodiv2{ width:540px; margin:auto;}
.cardfindinfodiv2 > .gubundiv{ margin:60px auto;}
.cardfindinfodiv2 > aside > h2 > span{ font-size:30px; font-weight:700;}
.cardfindinfodiv2 > aside > p > span{ font-size:12px; font-weight:700;}
.cardfindinfodiv2 > aside > nav > ul{ display:flex; margin:40px 0; justify-content:space-between; align-items:center;}
.cardfindinfodiv2 > aside > nav > ul > li > div{ display:flex; gap:24px;}

.instargrambtn{ display:flex; gap:24px; align-items:center;}
.instargrambtn > .linkicon{ width:78px; height:78px; display:inline-block; background-image:url(/file/img/instar1.png); background-repeat:no-repeat; background-size:contain; background-position:center;}
.instargrambtn > .linktext > span{ font-size:16px; font-weight:700;}
.instargrambtn > .linktext > span > span{ font-size:12px; font-weight:700;}

.sharebtn > .linkicon{ width:56px; height:56px; display:inline-block; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2256%22%20height%3D%2256%22%20viewBox%3D%220%200%2056%2056%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M39.6665%2051.3337C37.7221%2051.3337%2036.0693%2050.6531%2034.7082%2049.292C33.3471%2047.9309%2032.6665%2046.2781%2032.6665%2044.3337C32.6665%2044.1003%2032.7248%2043.5559%2032.8415%2042.7003L16.4498%2033.1337C15.8276%2033.717%2015.1082%2034.1739%2014.2915%2034.5045C13.4748%2034.8351%2012.5998%2035.0003%2011.6665%2035.0003C9.72206%2035.0003%208.06928%2034.3198%206.70817%2032.9587C5.34706%2031.5975%204.6665%2029.9448%204.6665%2028.0003C4.6665%2026.0559%205.34706%2024.4031%206.70817%2023.042C8.06928%2021.6809%209.72206%2021.0003%2011.6665%2021.0003C12.5998%2021.0003%2013.4748%2021.1656%2014.2915%2021.4962C15.1082%2021.8267%2015.8276%2022.2837%2016.4498%2022.867L32.8415%2013.3003C32.7637%2013.0281%2032.7151%2012.7656%2032.6957%2012.5128C32.6762%2012.26%2032.6665%2011.9781%2032.6665%2011.667C32.6665%209.72255%2033.3471%208.06977%2034.7082%206.70866C36.0693%205.34755%2037.7221%204.66699%2039.6665%204.66699C41.6109%204.66699%2043.2637%205.34755%2044.6248%206.70866C45.9859%208.06977%2046.6665%209.72255%2046.6665%2011.667C46.6665%2013.6114%2045.9859%2015.2642%2044.6248%2016.6253C43.2637%2017.9864%2041.6109%2018.667%2039.6665%2018.667C38.7332%2018.667%2037.8582%2018.5017%2037.0415%2018.1712C36.2248%2017.8406%2035.5054%2017.3837%2034.8832%2016.8003L18.4915%2026.367C18.5693%2026.6392%2018.6179%2026.9017%2018.6373%2027.1545C18.6568%2027.4073%2018.6665%2027.6892%2018.6665%2028.0003C18.6665%2028.3114%2018.6568%2028.5934%2018.6373%2028.8462C18.6179%2029.0989%2018.5693%2029.3614%2018.4915%2029.6337L34.8832%2039.2003C35.5054%2038.617%2036.2248%2038.1601%2037.0415%2037.8295C37.8582%2037.4989%2038.7332%2037.3337%2039.6665%2037.3337C41.6109%2037.3337%2043.2637%2038.0142%2044.6248%2039.3753C45.9859%2040.7364%2046.6665%2042.3892%2046.6665%2044.3337C46.6665%2046.2781%2045.9859%2047.9309%2044.6248%2049.292C43.2637%2050.6531%2041.6109%2051.3337%2039.6665%2051.3337Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A"); background-repeat:no-repeat; background-size:contain; background-position:center;}

.screenshotbtn > .linkicon{ width:56px; height:56px; display:inline-block; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2256%22%20height%3D%2256%22%20viewBox%3D%220%200%2056%2056%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.33317%2041.9997H46.6665V23.333H30.3332V13.9997H9.33317V41.9997ZM9.33317%2046.6663C8.04984%2046.6663%206.95123%2046.2094%206.03734%2045.2955C5.12345%2044.3816%204.6665%2043.283%204.6665%2041.9997V13.9997C4.6665%2012.7163%205.12345%2011.6177%206.03734%2010.7038C6.95123%209.78995%208.04984%209.33301%209.33317%209.33301H46.6665C47.9498%209.33301%2049.0485%209.78995%2049.9623%2010.7038C50.8762%2011.6177%2051.3332%2012.7163%2051.3332%2013.9997V41.9997C51.3332%2043.283%2050.8762%2044.3816%2049.9623%2045.2955C49.0485%2046.2094%2047.9498%2046.6663%2046.6665%2046.6663H9.33317Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A"); background-repeat:no-repeat; background-size:contain; background-position:center;}


.carddownmenualdiv{ width:100%; display:flex; align-items:flex-end; float:left; position:fixed; bottom:0;}
.carddownmenualdiv > div{ background-color:rgba(95,92,125,0.81);   position:relative;}
.carddownmenualdiv > .menualtext{ width:444px; height:134px; display:flex; justify-content:center; align-items:center;}
.carddownmenualdiv > .menualtext:after{ content:""; top:-40px; position:absolute; width:100%; height:40px; border-radius:16px; border-bottom:8px solid #BAB9B9; border-left:0 solid #BAB9B9; border-right:0 solid #BAB9B9; }

.carddownmenualdiv > .menualback{ width:calc(50% - 222px); height:180px;}
.carddownmenualdiv > .menualback:before{ content:""; width:100%; height:14px; position:absolute; box-shadow:inset 0 6.4px 6.4px 0 rgba(223, 223, 126, 0.31) }
 
.cardfindinfodiv > .cardlvdiv{ width:410px; display:flex; flex-wrap:wrap; margin:14px auto; gap:14px 0; justify-content:space-between; }
.cardfindinfodiv > .cardlvdiv > .cardlv{ width:260.8px; height:41.6px; display:flex; justify-content:center; align-items:center; border:0.64px solid #fff; border-radius:80px;}
.cardfindinfodiv > .cardlvdiv > .cardlv > div{ font-size:11.1px; font-weight:400;}
.cardfindinfodiv > .cardlvdiv > .cardlv > div > span{ font-size:11.1px; font-weight:900;}
.cardfindinfodiv > .cardlvdiv > .cardlvcolordiv{ width:131.2px; height:41.6px; display:flex; justify-content:center; align-items:center;  font-size:24px; font-weight:900;  border-radius:80px;}
.cardfindinfodiv > .cardlvdiv > .carddivrewarddiv{ width:260.8px; min-height:131.2px; border-radius:16px; background-color:#fff;}
.cardfindinfodiv > .cardlvdiv > .carddivrewarddiv > div{ padding:4px 14px;}
.cardfindinfodiv > .cardlvdiv > .carddivrewarddiv > div > h4 > span{ font-size:24px; font-weight:700; color:#000;}
.cardfindinfodiv > .cardlvdiv > .carddivrewarddiv > div > p{ margin:10px auto;}
.cardfindinfodiv > .cardlvdiv > .carddivrewarddiv > div > p > span{ font-size:16px; font-weight:400; color:#000; display:block;}
.cardfindinfodiv > .cardlvdiv > .carddivrewarddiv > div > p > span > span{ font-size:16px; font-weight:700; color:#000;}
.cardfindinfodiv > .cardlvdiv > .carddivrewarddiv > div > aside{ margin-bottom:8px;}
.cardfindinfodiv > .cardlvdiv > .carddivrewarddiv > div > aside > p{ font-size:8px; font-weight:400; color:#000;}
.cardfindinfodiv > .cardlvdiv > .carddivrewarddiv > div > aside > ul > li{ display:flex;}
.cardfindinfodiv > .cardlvdiv > .carddivrewarddiv > div > aside > ul > li > label{ font-size:6.4px; font-weight:400; color:#000; width:35px;}
.cardfindinfodiv > .cardlvdiv > .carddivrewarddiv > div > aside > ul > li > label:before{ content:"*";}
.cardfindinfodiv > .cardlvdiv > .carddivrewarddiv > div > aside > ul > li > label:after{ content:":";}
.cardfindinfodiv > .cardlvdiv > .carddivrewarddiv > div > aside > ul > li > div{ font-size:6.4px; font-weight:400; color:#000;}

.cardfindinfodiv > .cardlvdiv > .carddivqrdiv{ width:131.2px; border-radius:16px; background-color:#fff; overflow:hidden; transform:rotate(-90deg); margin-left:15px; position:relative;}

.cardfindinfodiv > .cardlvdiv > .carddivqrdiv[data-btntype='1'][data-expper='2']:before{ content:""; position:absolute; width:131.2px; height:131.2px; display:inline-block; background-image:url(/file/img/2exp.png); background-position:center; background-size:cover; transform:rotate(90deg);}
.cardfindinfodiv > .cardlvdiv > .carddivqrdiv[data-btntype='1'][data-expper='3']:before{ content:""; position:absolute; width:131.2px; height:131.2px; display:inline-block; background-image:url(/file/img/3exp.png); background-position:center; background-size:cover; transform:rotate(90deg);}
.cardfindinfodiv > .cardlvdiv > .carddivqrdiv[data-btntype='1'][data-expper='4']:before{ content:""; position:absolute; width:131.2px; height:131.2px; display:inline-block; background-image:url(/file/img/4exp.png); background-position:center; background-size:cover; transform:rotate(90deg);}

.cardfindinfodiv > .cardlvdiv > .carddivqrdiv > div > h4{ background-color:#EA9712; text-align:center; height:17.6px; display:flex; justify-content:center; align-items:center;}
.cardfindinfodiv > .cardlvdiv > .carddivqrdiv > div > h4 > span{ color:#000; font-size:12.8px; font-weight:700;}
.cardfindinfodiv > .cardlvdiv > .carddivqrdiv > div > div{ display:flex; justify-content:center; align-items:center;}
.cardfindinfodiv > .cardlvdiv > .carddivqrdiv > div > div > a{ display:flex; justify-content:center; align-items:center; width:83px; height:83px; margin-top:14px;}
.cardfindinfodiv > .cardlvdiv > .carddivqrdiv > div > div > a > .linkicon{ background-size:contain; background-position:center; transform:rotate(90deg); display:inline-block; background-repeat:no-repeat;}
.cardfindinfodiv > .cardlvdiv > .carddivqrdiv[data-btntype='0'] > div > div > a > .linkicon{width:57.33px; height:57.33px; background-image:url(/file/img/downlink.svg);  }
.cardfindinfodiv > .cardlvdiv > .carddivqrdiv[data-btntype='1'] > div{ display:none;}
/*
.cardfindinfodiv > .cardlvdiv > .carddivqrdiv[data-btntype='1'] > div > div > a{ pointer-events: none;}
.cardfindinfodiv > .cardlvdiv > .carddivqrdiv[data-btntype='1'] > div > div > a > .linkicon{width:83px; height:83px;  background-image:url(https://file.k-friends.kr/cnr/img/20260410/114340_0.png);}
*/
.cardcheckdiv3 > .maindiv .gubundiv > hr{ width:484px; margin:50px auto;}

.openspecialdiv{ display:flex; align-items:flex-end; width:100%; min-height:900px; height:100svh;}
.openspecialdiv > div{ width:100%;}
#Nondisclosurespecialdiv{ display:flex; justify-content:center; align-items:center; min-height:900px; height:100svh;}
#notopenspecial{touch-action: none;}

#specialopenform > div{ display:none;}
#specialopenform[data-tab='0'] > .specialopenbeforediv{ display:block;}
#specialopenform[data-tab='1'] > .specialopenafterdiv{ display:block;}
#specialopenform[data-tab='2'] > .specialopeneffectdiv{ display:flex;}
.specialopeneffectdiv{ justify-content:center; align-items:center; width:100%; height:100svh;}

.specialopenafterdiv > div > div{ display:flex; flex-wrap:wrap; justify-content:space-between; width:540px; margin:auto;}
.specialopenafterdiv > div > div > .upnav
,.specialopenafterdiv > div > div > .downnav{ width:100%; justify-content:center; text-align:center; margin:20px 0; }

.specialopenafterdiv > div > div > .leftnav
,.specialopenafterdiv > div > div > .rightnav{ display:flex; flex-direction:column; width:50px; justify-content:center; align-items:center; text-align:center; }


.specialfindrewardinfodiv{ width:540px; margin:auto; } 
.specialfindrewardinfodiv2{ width:540px; margin:auto; } 


.specialcincheckdiv1{ margin-top:200px;}
.specialcincheckdiv1 > .maindiv > form{ width:510px; margin:auto;}
.specialcincheckdiv1 > .maindiv > form > h2 > span{ font-size:31px; font-weight:700; display:block;}
.specialcincheckdiv1 > .maindiv > form > input[type=tel]{ font-size:31px; padding:27px 37px; border:1px solid #FFF; margin:50px auto;  font-weight:700; border-radius:9px; background-color:transparent; width:calc(100% - 76px);}
.specialcincheckdiv1 > .maindiv > form > input[type=tel]::placeholder {
  color: #4E4A4A;
 font-weight:700;
}
.specialcincheckdiv1 > .maindiv > form > aside > div > p{ text-align:center;}
.specialcincheckdiv1 > .maindiv > form > aside > div > p{ font-size:20px; font-weight:300; color:#fff; margin:50px auto;}
.specialcincheckdiv1 > .maindiv > form > aside > div > p > span{ font-weight:700;}

.specialcincheckdiv1 > .maindiv > form > nav{ display:flex; flex-direction:column; gap:18px; margin:auto; margin-top:102px; margin-bottom:50px;}
.specialcincheckdiv1 > .maindiv > form > nav > a{ width:484px; margin:auto; padding:24px 0; text-align:center; border-radius:100px; background-color:#0065B0;}
.specialcincheckdiv1 > .maindiv > form > nav > a:hover{ background-color:#000061; }
.specialcincheckdiv1 > .maindiv > form > nav > a > .linktext{ font-size:32px; font-weight:400;}

.special-container{ display:flex; width:403.2px;}
.specialfindfront{ width:403.2px; height:563.2px; display:flex; justify-content:center; align-items:center; background-color:#fff; border-radius:16px; margin-bottom:70px;}
.specialfindfront > .bmwmotorradlogo{ width:256px; height:55px; object-fit:contain; object-position:center;}

.specialfindback{ width:403.2px; height:563.2px; display:inline-block;}
.specialfindback > div > .imageviewdiv > span{
	width:403.2px; height:563.2px;
display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
}
.specialfindback > div > .imageviewdiv > span > img{ width:403.2px; height:563.2px; object-fit:cover; border-radius:16px; }

.specialfindback > div > .imageviewdiv > span.imgrotate > img{ height:403.2px; width:563.2px; transform:rotate(90deg); object-fit:cover; border-radius:16px; }


.specialcheckbackdiv > aside{ background-color:rgba(95,92,125,0.81); text-align:center; width:100%; display:inline-block; box-shadow:inset 0 6.4px 6.4px 0 rgba(223,223,126,0.31);}
.specialcheckbackdiv > aside > p{ margin-top:92px; margin-bottom:65px;}
.specialcheckbackdiv > aside > p > span{ font-size:16px; font-weight:400;}

.specialbackscreen > div{ width:403.2px; height:563.2px; display:flex; justify-content:center; align-items:center; margin:auto; background-color:#fff; border-radius:16px; }
.specialbackscreen > div > .bmwmotorradlogo{ width:256px; height:55px; object-fit:contain; object-position:center;}

.specialdown{ display:flex; flex-direction:column; align-items:center; width:441.6px; margin:auto; /*padding-top:50px; padding-bottom:12.5px;*/ position:fixed; bottom:150px; left:calc(50% - 220.8px);}
.specialdown > span{ width:11.84px; height:8px; display:inline-block; background-repeat:no-repeat; background-size:11.84px auto; background-position:center;}
.specialdown > span{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2212%22%20viewBox%3D%220%200%2020%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M19.2%202.23985L9.6%2011.8398L1.25889e-06%202.23984L2.24%20-0.000156109L9.6%207.35984L16.96%20-0.000154179L19.2%202.23985Z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E")}


.specialcheckdiv3 > .maindiv > form > nav > p{ text-align:center;}
.specialcheckdiv3 > .maindiv > form > nav > p > span{ font-size:16px; font-weight:900;}

.specialup{ display:flex; flex-direction:column; align-items:center; width:441.6px; margin:auto; padding-bottom:12.5px; border-radius:0 0 16px 16px; background-color:#000; position:relative;}
.specialup > span{ width:11.84px; height:8px; display:inline-block; background-repeat:no-repeat; background-size:11.84px auto; background-position:center;}
.specialup > span{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2212%22%20viewBox%3D%220%200%2020%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M19.2%202.23985L9.6%2011.8398L1.25889e-06%202.23984L2.24%20-0.000156109L9.6%207.35984L16.96%20-0.000154179L19.2%202.23985Z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E"); transform:rotate(180deg);}


.specialright{ display:flex; flex-direction:column; align-items:center; transform:rotate(-90deg); }
.specialright > span{ width:11.84px; height:8px; display:inline-block; background-repeat:no-repeat; background-size:11.84px auto; background-position:center;}
.specialright > span{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2212%22%20viewBox%3D%220%200%2020%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M19.2%202.23985L9.6%2011.8398L1.25889e-06%202.23984L2.24%20-0.000156109L9.6%207.35984L16.96%20-0.000154179L19.2%202.23985Z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E");}

.specialleft{ display:flex; flex-direction:column; align-items:center; transform:rotate(90deg); }
.specialleft > span{ width:11.84px; height:8px; display:inline-block; background-repeat:no-repeat; background-size:11.84px auto; background-position:center;}
.specialleft > span{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2212%22%20viewBox%3D%220%200%2020%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M19.2%202.23985L9.6%2011.8398L1.25889e-06%202.23984L2.24%20-0.000156109L9.6%207.35984L16.96%20-0.000154179L19.2%202.23985Z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E");}

.specialopenafterdiv > div > div .imagechangediv{ width:403.2px; height:563.2px; display:flex; justify-content:center; align-items:center;  border-radius:16px; background-color:#fff}
.specialopenafterdiv > div > div .imagechangediv > a{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:353.2px; height:513.2px; text-align:center;  background-color:#D9D9D9;}
.specialopenafterdiv > div > div .imagechangediv > a > .linktext{ color:#000; font-size:15px; font-weight:400;}
.specialopenafterdiv > div > div .imagechangediv > a > .linktext > span{ color:#000; font-size:15px; font-weight:700;}

.specialopenafterdiv > div > div[data-specialmode="0"] .leftnav{ opacity:0; pointer-events: none;}
.specialopenafterdiv > div > div[data-specialmode="0"] .imageviewdiv{ display:flex;}
.specialopenafterdiv > div > div[data-specialmode="0"] .imagechangediv{ display:none; justify-content:center; align-items:center;}
.specialopenafterdiv > div > div[data-specialmode="0"] .imagegalldiv{ display:none;}
.specialopenafterdiv > div > div[data-specialmode="1"] .rightnav{ opacity:0; pointer-events: none;}
.specialopenafterdiv > div > div[data-specialmode="1"] .imageviewdiv{ display:none;}
.specialopenafterdiv > div > div[data-specialmode="1"] .imagechangediv{ display:flex;}
.specialopenafterdiv > div > div[data-specialmode="1"] .imagegalldiv{ display:none;}
.specialopenafterdiv > div > div[data-specialmode="2"] .rightnav{ opacity:0; pointer-events: none;}
.specialopenafterdiv > div > div[data-specialmode="2"] .imageviewdiv{ display:none;}
.specialopenafterdiv > div > div[data-specialmode="2"] .imagechangediv{ display:none;}
.specialopenafterdiv > div > div[data-specialmode="2"] .imagegalldiv{ display:flex; justify-content:center; align-items:center;}



.specialdetailsdiv{ display:flex;justify-content:space-between;  align-items:center;}
.specialdetailsdiv > .regiondiv{ width:120px; display:inline-block;}
.specialdetailsdiv > div > label{ color:#000; font-size:9.6px; font-weight:900;}
.specialdetailsdiv > div > .geo{ color:#000; font-size:9.6px; font-weight:400;}
.specialdetailsdiv > div > .region{ color:#000; font-size:32px; font-weight:700;}
.specialdetailsdiv > .contantdiv{ width:calc(100% - 136px); position:relative;}
.specialdetailsdiv > .contantdiv:before{ content:""; position:absolute; width:1px; height:80%; background-color:#000; left:-12px; top:8px;}
.specialdetailsdiv > .contantdiv > div{ color:#000; font-size:9.6px; font-weight:400; margin-bottom:2.2px;}
.specialdetailsdiv > .contantdiv > aside{ display:flex; justify-content:space-between;  align-items:center;}
.specialdetailsdiv > .contantdiv > aside > div{ color:#000; font-size:8px; font-weight:700; letter-spacing:2px;}
.specialdetailsdiv > .contantdiv > aside > p{ background-color:#000; width:106px; height:18px; display:flex; justify-content:space-around; align-items:center;}
.specialdetailsdiv > .contantdiv > aside > p > span{ font-size:6.4px; font-weight:700;}



.specialzipbtn > .linkicon{ width:34px; height:34px; display:inline-block; background-repeat:no-repeat; background-size:contain; background-position:center; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2225%22%20height%3D%2231%22%20viewBox%3D%220%200%2025%2031%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%2225%22%20height%3D%2231%22%20rx%3D%222%22%20stroke%3D%22%23fff%22%20stroke-width%3D%226%22%20%2F%3E%0A%3Crect%20width%3D%227%22%20height%3D%227%22%20fill%3D%22%23D9D9D9%22%20x%3D%229%22%20y%3D%227%22%2F%3E%0A%3Cline%20stroke%3D%22%23fff%22%20x1%3D%225.5%22%20y1%3D%2222%22%20x2%3D%2219.5%22%20y2%3D%2222%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
.camerabtn > .linkicon{ width:34px; height:34px; display:inline-block; background-repeat:no-repeat; background-size:contain; background-position:center; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2237%22%20height%3D%2231%22%20viewBox%3D%220%200%2037%2031%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M35.4167%2026.1667C35.4167%2026.9844%2035.0918%2027.7687%2034.5136%2028.3469C33.9353%2028.9252%2033.1511%2029.25%2032.3333%2029.25H4.58333C3.76558%2029.25%202.98132%2028.9252%202.40309%2028.3469C1.82485%2027.7687%201.5%2026.9844%201.5%2026.1667V9.20833C1.5%208.39058%201.82485%207.60632%202.40309%207.02809C2.98132%206.44985%203.76558%206.125%204.58333%206.125H10.75L13.8333%201.5H23.0833L26.1667%206.125H32.3333C33.1511%206.125%2033.9353%206.44985%2034.5136%207.02809C35.0918%207.60632%2035.4167%208.39058%2035.4167%209.20833V26.1667Z%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M18.4583%2023.0833C21.8641%2023.0833%2024.625%2020.3224%2024.625%2016.9167C24.625%2013.5109%2021.8641%2010.75%2018.4583%2010.75C15.0526%2010.75%2012.2917%2013.5109%2012.2917%2016.9167C12.2917%2020.3224%2015.0526%2023.0833%2018.4583%2023.0833Z%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A")}
.specialdivscore{ display:flex; gap:26px; width:410px; margin:auto; margin-bottom:80px;}
.specialdivscore > a{ background-color:#28282d; border-radius:20px 25px; display:flex; flex-direction:column; justify-content:center; align-items:center; width:92.8px;}
.specialdivscore > a > span{ font-size:12px; font-weight:700;}
.specialdivscore > div > label{ font-size:11.2px; font-weight:400;}

#openspecialscoreul{ display:flex;}

#openspecialscoreul > li > input[type=radio]{ display:none;}
#openspecialscoreul > li > label{ width:29px; height:29px; display:inline-block; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2227%22%20height%3D%2225%22%20viewBox%3D%220%200%2027%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M13.5%200.5L17.517%208.39905L26.5%209.6735L20%2015.8186L21.534%2024.5L13.5%2020.3991L5.466%2024.5L7%2015.8186L0.5%209.6735L9.483%208.39905L13.5%200.5Z%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");}

#openspecialscoreul[data-score='1'] > li:nth-child(1) > input + label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}

#openspecialscoreul[data-score='2'] > li:nth-child(1) > input + label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
#openspecialscoreul[data-score='2'] > li:nth-child(2) > input + label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}

#openspecialscoreul[data-score='3'] > li:nth-child(1) > input + label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
#openspecialscoreul[data-score='3'] > li:nth-child(2) > input + label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
#openspecialscoreul[data-score='3'] > li:nth-child(3) > input + label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}

#openspecialscoreul[data-score='4'] > li:nth-child(1) > input + label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
#openspecialscoreul[data-score='4'] > li:nth-child(2) > input + label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
#openspecialscoreul[data-score='4'] > li:nth-child(3) > input + label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
#openspecialscoreul[data-score='4'] > li:nth-child(4) > input + label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}

#openspecialscoreul[data-score='5'] > li > input + label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}

.specialfindinfodiv2{ width:540px; margin:auto;}
.specialfindinfodiv2 > .gubundiv{ margin:60px auto;}
.specialfindinfodiv2 > aside > h2 > span{ font-size:30px; font-weight:700;}
.specialfindinfodiv2 > aside > p > span{ font-size:12px; font-weight:700;}
.specialfindinfodiv2 > aside > nav > ul{ display:flex; margin:40px 0; justify-content:space-between; align-items:center;}

.instargrambtn{ display:flex; gap:24px; align-items:center;}
.instargrambtn > .linkicon{ width:78px; height:78px; display:inline-block; background-image:url(/file/img/instar1.png); background-repeat:no-repeat; background-size:contain; background-position:center;}
.instargrambtn > .linktext > span{ font-size:16px; font-weight:700;}
.instargrambtn > .linktext > span > span{ font-size:12px; font-weight:700;}

.sharebtn > .linkicon{ width:56px; height:56px; display:inline-block; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2256%22%20height%3D%2256%22%20viewBox%3D%220%200%2056%2056%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M39.6665%2051.3337C37.7221%2051.3337%2036.0693%2050.6531%2034.7082%2049.292C33.3471%2047.9309%2032.6665%2046.2781%2032.6665%2044.3337C32.6665%2044.1003%2032.7248%2043.5559%2032.8415%2042.7003L16.4498%2033.1337C15.8276%2033.717%2015.1082%2034.1739%2014.2915%2034.5045C13.4748%2034.8351%2012.5998%2035.0003%2011.6665%2035.0003C9.72206%2035.0003%208.06928%2034.3198%206.70817%2032.9587C5.34706%2031.5975%204.6665%2029.9448%204.6665%2028.0003C4.6665%2026.0559%205.34706%2024.4031%206.70817%2023.042C8.06928%2021.6809%209.72206%2021.0003%2011.6665%2021.0003C12.5998%2021.0003%2013.4748%2021.1656%2014.2915%2021.4962C15.1082%2021.8267%2015.8276%2022.2837%2016.4498%2022.867L32.8415%2013.3003C32.7637%2013.0281%2032.7151%2012.7656%2032.6957%2012.5128C32.6762%2012.26%2032.6665%2011.9781%2032.6665%2011.667C32.6665%209.72255%2033.3471%208.06977%2034.7082%206.70866C36.0693%205.34755%2037.7221%204.66699%2039.6665%204.66699C41.6109%204.66699%2043.2637%205.34755%2044.6248%206.70866C45.9859%208.06977%2046.6665%209.72255%2046.6665%2011.667C46.6665%2013.6114%2045.9859%2015.2642%2044.6248%2016.6253C43.2637%2017.9864%2041.6109%2018.667%2039.6665%2018.667C38.7332%2018.667%2037.8582%2018.5017%2037.0415%2018.1712C36.2248%2017.8406%2035.5054%2017.3837%2034.8832%2016.8003L18.4915%2026.367C18.5693%2026.6392%2018.6179%2026.9017%2018.6373%2027.1545C18.6568%2027.4073%2018.6665%2027.6892%2018.6665%2028.0003C18.6665%2028.3114%2018.6568%2028.5934%2018.6373%2028.8462C18.6179%2029.0989%2018.5693%2029.3614%2018.4915%2029.6337L34.8832%2039.2003C35.5054%2038.617%2036.2248%2038.1601%2037.0415%2037.8295C37.8582%2037.4989%2038.7332%2037.3337%2039.6665%2037.3337C41.6109%2037.3337%2043.2637%2038.0142%2044.6248%2039.3753C45.9859%2040.7364%2046.6665%2042.3892%2046.6665%2044.3337C46.6665%2046.2781%2045.9859%2047.9309%2044.6248%2049.292C43.2637%2050.6531%2041.6109%2051.3337%2039.6665%2051.3337Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A"); background-repeat:no-repeat; background-size:contain; background-position:center;}
/*
.screenshotbtn > .linkicon{ width:56px; height:56px; display:inline-block; background-repeat:no-repeat; background-size:contain; background-position:center; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2256%22%20height%3D%2256%22%20viewBox%3D%220%200%2056%2056%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.33317%2041.9997H46.6665V23.333H30.3332V13.9997H9.33317V41.9997ZM9.33317%2046.6663C8.04984%2046.6663%206.95123%2046.2094%206.03734%2045.2955C5.12345%2044.3816%204.6665%2043.283%204.6665%2041.9997V13.9997C4.6665%2012.7163%205.12345%2011.6177%206.03734%2010.7038C6.95123%209.78995%208.04984%209.33301%209.33317%209.33301H46.6665C47.9498%209.33301%2049.0485%209.78995%2049.9623%2010.7038C50.8762%2011.6177%2051.3332%2012.7163%2051.3332%2013.9997V41.9997C51.3332%2043.283%2050.8762%2044.3816%2049.9623%2045.2955C49.0485%2046.2094%2047.9498%2046.6663%2046.6665%2046.6663H9.33317Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
*/
.screenshotbtn > .linkicon{ width:56px; height:56px; display:inline-block; background-repeat:no-repeat; background-size:contain; background-position:center; background-image:url(https://file.cnr-korea.com/epicrideclub/img/20260423/045437_0.png);}

.specialdownmenualdiv{ width:100%; display:flex; align-items:flex-end; float:left; position:fixed; bottom:0;}
.specialdownmenualdiv > div{ background-color:rgba(95,92,125,0.81);   position:relative;}
.specialdownmenualdiv > .menualtext{ width:444px; height:134px; display:flex; justify-content:center; align-items:center;}
.specialdownmenualdiv > .menualtext:after{ content:""; top:-40px; position:absolute; width:100%; height:40px; border-radius:16px; border-bottom:8px solid #BAB9B9; border-left:0 solid #BAB9B9; border-right:0 solid #BAB9B9; }

.specialdownmenualdiv > .menualback{ width:calc(50% - 222px); height:180px;}
.specialdownmenualdiv > .menualback:before{ content:""; width:100%; height:14px; position:absolute; box-shadow:inset 0 6.4px 6.4px 0 rgba(223, 223, 126, 0.31) }
 
.specialfindinfodiv > .speciallvdiv{ width:410px; display:flex; flex-wrap:wrap; margin:14px auto; gap:14px 0; justify-content:space-between; }
.specialfindinfodiv > .speciallvdiv > .speciallv{ width:260.8px; height:41.6px; display:flex; justify-content:center; align-items:center; border:0.64px solid #fff; border-radius:80px;}
.specialfindinfodiv > .speciallvdiv > .speciallv > div{ font-size:11.1px; font-weight:400;}
.specialfindinfodiv > .speciallvdiv > .speciallv > div > span{ font-size:11.1px; font-weight:900;}
.specialfindinfodiv > .speciallvdiv > .speciallvcolordiv{ width:131.2px; height:41.6px; display:flex; justify-content:center; align-items:center;  font-size:24px; font-weight:900;  border-radius:80px;}
.specialfindinfodiv > .speciallvdiv > .specialdivrewarddiv{ width:260.8px; min-height:131.2px; border-radius:16px; background-color:#fff;}
.specialfindinfodiv > .speciallvdiv > .specialdivrewarddiv > div{ padding:4px 14px;}
.specialfindinfodiv > .speciallvdiv > .specialdivrewarddiv > div > h4 > span{ font-size:24px; font-weight:700; color:#000;}
.specialfindinfodiv > .speciallvdiv > .specialdivrewarddiv > div > p{ margin:10px auto;}
.specialfindinfodiv > .speciallvdiv > .specialdivrewarddiv > div > p > span{ font-size:16px; font-weight:400; color:#000; display:block;}
.specialfindinfodiv > .speciallvdiv > .specialdivrewarddiv > div > p > span > span{ font-size:16px; font-weight:700; color:#000;}
.specialfindinfodiv > .speciallvdiv > .specialdivrewarddiv > div > aside{ margin-bottom:8px;}
.specialfindinfodiv > .speciallvdiv > .specialdivrewarddiv > div > aside > ul > li{ display:flex;}
.specialfindinfodiv > .speciallvdiv > .specialdivrewarddiv > div > aside > ul > li > label{ font-size:6.4px; font-weight:400; color:#000; width:35px;}
.specialfindinfodiv > .speciallvdiv > .specialdivrewarddiv > div > aside > ul > li > label:before{ content:"*";}
.specialfindinfodiv > .speciallvdiv > .specialdivrewarddiv > div > aside > ul > li > label:after{ content:":";}
.specialfindinfodiv > .speciallvdiv > .specialdivrewarddiv > div > aside > ul > li > div{ font-size:6.4px; font-weight:400; color:#000;}

.specialfindinfodiv > .speciallvdiv > .specialdivqrdiv{ width:131.2px; border-radius:16px; background-color:#fff; overflow:hidden; transform:rotate(-90deg); margin-left:15px;}
.specialfindinfodiv > .speciallvdiv > .specialdivqrdiv > div > h4{ background-color:#EA9712; text-align:center; height:17.6px; display:flex; justify-content:center; align-items:center;}
.specialfindinfodiv > .speciallvdiv > .specialdivqrdiv > div > h4 > span{ color:#000; font-size:12.8px; font-weight:700;}
.specialfindinfodiv > .speciallvdiv > .specialdivqrdiv > div > div{ display:flex; justify-content:center; align-items:center;}

.specialfindinfodiv > .speciallvdiv > .specialdivqrdiv > div > div > a{ display:flex; justify-content:center; align-items:center; width:83px; height:83px; margin-top:14px;}
.specialfindinfodiv > .speciallvdiv > .specialdivqrdiv > div > div > a > .linkicon{ background-size:contain; background-position:center; transform:rotate(90deg); display:inline-block; background-repeat:no-repeat;}
.specialfindinfodiv > .speciallvdiv > .specialdivqrdiv[data-btntype='0'] > div > div > a > .linkicon{width:57.33px; height:57.33px; background-image:url(/file/img/downlink.svg);  }
.specialfindinfodiv > .speciallvdiv > .specialdivqrdiv[data-btntype='1'] > div > div > a{ pointer-events: none;}
.specialfindinfodiv > .speciallvdiv > .specialdivqrdiv[data-btntype='1'] > div > div > a > .linkicon{width:83px; height:83px;  background-image:url(https://file.k-friends.kr/cnr/img/20260410/114340_0.png);}


.specialcheckdiv3 > .maindiv .gubundiv > hr{ width:484px; margin:50px auto;}

/**/

.cardfindcardchkdiv1{ display:flex; align-items:center; justify-content:center; min-height:calc(100vh - 100px); min-height:calc(100svh - 100px); margin:50px auto;}
.cardfindcardchkdiv1 > .maindiv > form{ width:510px; margin:auto;}
.cardfindcardchkdiv1 > .maindiv > form > div > h2 > span{ font-size:31px; font-weight:700; display:block;}
.cardfindcardchkdiv1 > .maindiv > form > .cardfindcardchkparamdiv.active{ display:inline-block;}
.cardfindcardchkdiv1 > .maindiv > form > .cardfindcardchkparamdiv{ display:none; width:100%;}
.cardfindcardchkdiv1 > .maindiv > form > .cardfindcardchkparamdiv > input[type=text]{ font-size:31px; padding:27px 37px; margin:50px auto; border:1px solid #FFF;  font-weight:700; border-radius:9px; background-color:transparent; width:calc(100% - 76px); margin-bottom:8px;}
.cardfindcardchkdiv1 > .maindiv > form > .cardfindcardchkparamdiv > input[type=text]::placeholder {
  color: #4E4A4A;
 font-weight:700;
}
.cardfindcardchkdiv1 > .maindiv > form > .dealermodediv{ display:none; width:100%;}
.cardfindcardchkdiv1 > .maindiv > form > .dealermodediv > input[type=text]{  font-size:31px; padding:27px 37px; margin:50px auto; border:1px solid #FFF; font-weight:700; border-radius:9px; background-color:transparent; width:calc(100% - 76px); margin-bottom:8px;}
.cardfindcardchkdiv1 > .maindiv > form > .dealermodediv > input[type=text]::placeholder {
  color: #4E4A4A;
 font-weight:700;
}
.cardfindcardchkdiv1 > .maindiv > form > .dealermodediv.active{ display:inline-block;}

.cardfindcardchkdiv1 > .maindiv > form > div > aside > p{ text-align:center;}
.cardfindcardchkdiv1 > .maindiv > form > div > aside > p{ font-size:20px; font-weight:300; color:#fff; margin:50px auto;}
.cardfindcardchkdiv1 > .maindiv > form > div > aside > p > span{ font-weight:700;}



/*
.spotreturndiv{ display:flex; flex-direction: column; gap:16px;}
.spotreturndiv .title *{ font-size:24px; font-weight:700; text-align:center;}
.spotreturndiv .content *{ font-size:20px; font-weight:300; text-align:center;}
*/
.cardfindcardchkdiv1 > .maindiv > form > nav{ display:flex; flex-direction:column; gap:18px; margin:auto; margin-top:102px; margin-bottom:50px;}
.cardfindcardchkdiv1 > .maindiv > form > nav > a{ width:484px; margin:auto; padding:24px 0; text-align:center; border-radius:100px; background-color:#0065B0;}
.cardfindcardchkdiv1 > .maindiv > form > nav > a:hover{ background-color:#000061; }
.cardfindcardchkdiv1 > .maindiv > form > nav > a > .linktext{ font-size:32px; font-weight:400;}



.specialcardfindchkdiv1{ display:flex; align-items:center; justify-content:center; min-height:calc(100vh - 100px); min-height:calc(100svh - 100px); margin:50px auto;}
.specialcardfindchkdiv1 > .maindiv > form{ width:510px; margin:auto;text-align:center;}
.specialcardfindchkdiv1 > .maindiv > form > div > h2{ position:relative; line-height:1;}
.specialcardfindchkdiv1 > .maindiv > form > div > h2:after{ content:""; bottom:-0; left:calc(50% - 90px); width:180px; height:1px; background-color:#fff; display:inline-block;}
.specialcardfindchkdiv1 > .maindiv > form > div > h2 > span{ font-size:40px; font-weight:700; display:block; line-height:1.5;}
.specialcardfindchkdiv1 > .maindiv > form > .specialcardfindchkparamdiv.active{ display:inline-block;}
.specialcardfindchkdiv1 > .maindiv > form > .specialcardfindchkparamdiv{ display:none; width:100%;}
.specialcardfindchkdiv1 > .maindiv > form > .specialcardfindchkparamdiv > input[type=tel]{ font-size:31px; padding:27px 37px; margin:90px auto; border:1px solid #FFF;  font-weight:700; border-radius:9px; background-color:transparent; width:calc(100% - 76px); margin-bottom:8px;}
.specialcardfindchkdiv1 > .maindiv > form > .specialcardfindchkparamdiv > input[type=tel]::placeholder {
  color: #4E4A4A;
 font-weight:700;
}
.specialcardfindchkdiv1 > .maindiv > form > .specialcardfindchkparamdiv > input[type=text]{ font-size:31px; padding:27px 37px; margin:50px auto; border:1px solid #FFF;  font-weight:700; border-radius:9px; background-color:transparent; width:calc(100% - 76px); margin-bottom:8px;}
.specialcardfindchkdiv1 > .maindiv > form > .specialcardfindchkparamdiv > input[type=text]::placeholder {
  color: #4E4A4A;
 font-weight:700;
}

.specialcardfindchkdiv1 > .maindiv > form > .dealermodediv{ display:none; width:100%;}
.specialcardfindchkdiv1 > .maindiv > form > .dealermodediv > input[type=text]{  font-size:31px; padding:27px 37px; margin:50px auto; border:1px solid #FFF; font-weight:700; border-radius:9px; background-color:transparent; width:calc(100% - 76px); margin-bottom:8px;}
.specialcardfindchkdiv1 > .maindiv > form > .dealermodediv > input[type=text]::placeholder {
  color: #4E4A4A;
 font-weight:700;
}
.specialcardfindchkdiv1 > .maindiv > form > .dealermodediv.active{ display:inline-block;}

.specialcardfindchkdiv1 > .maindiv > form > div > aside > p{ text-align:center;}
.specialcardfindchkdiv1 > .maindiv > form > div > aside > p{ font-size:20px; font-weight:300; color:#fff; margin:50px auto;}
.specialcardfindchkdiv1 > .maindiv > form > div > aside > p > span{ font-weight:700;}

.specialcardfindchkdiv1 > .maindiv > form > nav{ display:flex; flex-direction:column; gap:18px; margin:auto; margin-top:102px; margin-bottom:50px;}
.specialcardfindchkdiv1 > .maindiv > form > nav > a{ width:484px; margin:auto; padding:24px 0; text-align:center; border-radius:100px; background-color:#000099;}
.specialcardfindchkdiv1 > .maindiv > form > nav > a > .linktext{ font-size:32px; font-weight:400;}


.navinav{ display:flex; align-items:center; justify-content:center; gap:8px; margin:16px 0;}
.navinav > a{ width:50px; height:50px; display:inline-block; background-size:cover; font-size:0;  box-shadow:1px 1px 3px gray;}

.tmapbtn{ background-image:url(https://file.k-friends.kr/img/20230519/040021_2.png);}
.kakaomapbtn{ background-image:url(https://file.k-friends.kr/img/20230519/040021_0.png);}
.navermapbtn{ background-image:url(/file/img/navermap.png);}
.clipboardbtn{ background-image:url(/file/img/clipboard.png);}

#findaddressmap{ width:540px; height:354px; margin-bottom:30px; display:inline-block;}
#findaddressmap iframe{ max-width:540px; max-height:354px;}
.returninfoul1{ display:flex; flex-direction:column; gap:8px; margin:30px 0;}
.returninfoul1 > li{ display:flex; gap:4px;  }
.returninfoul1 > li > label:before{ content:"ㆍ"; position:absolute; left:-20px; top:2px; font-weight:900;}
.returninfoul1 > li > label{ font-size:22px; font-weight:400; margin-left:24px; position:relative;}
.returninfoul1 > li > label:after{ content:" : ";}
.returninfoul1 > li > div{ font-size:22px; font-weight:400;}
.returninfoul3{ display:flex; flex-direction:column; gap:30px; margin:30px 0;}
.returninfoul3 > li > label:before{ content:"ㆍ"; position:absolute; left:-20px; top:2px; font-weight:900;}
.returninfoul3 > li > label{ font-size:22px; font-weight:400; margin-left:24px; position:relative;}
.returninfoul3 > li > div{ font-size:22px; font-weight:400; }
.returninfoul3 > li > div .img > img{ max-width:100%;}
.returninfoul3 > li .navinav{ gap:48px; justify-content:center;}
.returninfoul3 > li .navinav > a{ width:136px; height:136px;}
.returninfoul3 > li .navinav > a.clipboardbtn{ box-shadow:none;}
.tipandmanner{ margin:30px 8px; display:flex; flex-direction:column; gap:45px;}
.tipandmanner > li > label{ display:flex; gap:4px; align-items:center;}
.tipandmanner > li > label > img{ height:22px;}


/**/


.cardopenafterdiv > div{ width:580px; margin:auto;}
.cardopenafterdiv > div > div.opencardtooldiv{ display:flex; flex-wrap:wrap; justify-content:space-around;}
.cardopenafterdiv > div > div .imagechangediv{ width:403.2px; height:563.2px; display:flex; justify-content:center; align-items:center;  border-radius:16px; background-color:#fff}
.cardopenafterdiv > div > div .imagechangediv > a{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:353.2px; height:513.2px; text-align:center;  background-color:#D9D9D9;}
.cardopenafterdiv > div > div .imagechangediv > a > .linktext{ color:#000; font-size:15px; font-weight:400;}
.cardopenafterdiv > div > div .imagechangediv > a > .linktext > span{ color:#000; font-size:15px; font-weight:700;}
.cardopenafterdiv > div > div .imageviewdiv > span{ position:relative;}

.cardopenafterdiv > div > div[data-cardmode="0"] .leftnav{ opacity:0; pointer-events: none;}
.cardopenafterdiv > div > div[data-cardmode="0"] .imageviewdiv{ display:flex;}
.cardopenafterdiv > div > div[data-cardmode="0"] .imagechangediv{ display:none; justify-content:center; align-items:center;}
.cardopenafterdiv > div > div[data-cardmode="0"] .imagegalldiv{ display:none;}
.cardopenafterdiv > div > div[data-cardmode="1"] .rightnav{ opacity:0; pointer-events: none;}
.cardopenafterdiv > div > div[data-cardmode="1"] .imageviewdiv{ display:none;}
.cardopenafterdiv > div > div[data-cardmode="1"] .imagechangediv{ display:flex;}
.cardopenafterdiv > div > div[data-cardmode="1"] .imagegalldiv{ display:none;}
.cardopenafterdiv > div > div[data-cardmode="2"] .rightnav{ opacity:0; pointer-events: none;}
.cardopenafterdiv > div > div[data-cardmode="2"] .imageviewdiv{ display:none;}
.cardopenafterdiv > div > div[data-cardmode="2"] .imagechangediv{ display:none;}
.cardopenafterdiv > div > div[data-cardmode="2"] .imagegalldiv{ display:flex; justify-content:center; align-items:center;}

.imagegalldiv > a{  width:403.2px; height:563.2px;display:flex; justify-content:center; align-items:center;  border-radius:16px; background-color:#fff}
.imagegalldiv > a > img{ width:353.2px; height:513.2px; object-fit:cover; object-position:center; }


.carddetailsdiv{ display:flex;justify-content:space-between;  align-items:center;}
.carddetailsdiv > .regiondiv{ width:120px; display:inline-block;}
.carddetailsdiv > div > label{ color:#000; font-size:9.6px; font-weight:900;}
.carddetailsdiv > div > .geo{ color:#000; font-size:9.6px; font-weight:400;}
.carddetailsdiv > div > .region{ color:#000; font-size:32px; font-weight:700;}
.carddetailsdiv > .contantdiv{ width:calc(100% - 136px); position:relative;}
.carddetailsdiv > .contantdiv:before{ content:""; position:absolute; width:1px; height:80%; background-color:#000; left:-12px; top:8px;}
.carddetailsdiv > .contantdiv > div{ color:#000; font-size:9.6px; font-weight:400; margin-bottom:2.2px;}
.carddetailsdiv > .contantdiv > aside{ display:flex; justify-content:space-between;  align-items:center;}
.carddetailsdiv > .contantdiv > aside > div{ color:#000; font-size:8px; font-weight:700; letter-spacing:2px;}
.carddetailsdiv > .contantdiv > aside > p{ background-color:#000; width:106px; height:18px; display:flex; justify-content:space-around; align-items:center;}
.carddetailsdiv > .contantdiv > aside > p > span{ font-size:6.4px; font-weight:700;}



.cardzipbtn > .linkicon{ width:34px; height:34px; display:inline-block; background-repeat:no-repeat; background-size:contain; background-position:center; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2225%22%20height%3D%2231%22%20viewBox%3D%220%200%2025%2031%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%2225%22%20height%3D%2231%22%20rx%3D%222%22%20stroke%3D%22%23fff%22%20stroke-width%3D%226%22%20%2F%3E%0A%3Crect%20width%3D%227%22%20height%3D%227%22%20fill%3D%22%23D9D9D9%22%20x%3D%229%22%20y%3D%227%22%2F%3E%0A%3Cline%20stroke%3D%22%23fff%22%20x1%3D%225.5%22%20y1%3D%2222%22%20x2%3D%2219.5%22%20y2%3D%2222%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
.camerabtn > .linkicon{ width:34px; height:34px; display:inline-block; background-repeat:no-repeat; background-size:contain; background-position:center; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2237%22%20height%3D%2231%22%20viewBox%3D%220%200%2037%2031%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M35.4167%2026.1667C35.4167%2026.9844%2035.0918%2027.7687%2034.5136%2028.3469C33.9353%2028.9252%2033.1511%2029.25%2032.3333%2029.25H4.58333C3.76558%2029.25%202.98132%2028.9252%202.40309%2028.3469C1.82485%2027.7687%201.5%2026.9844%201.5%2026.1667V9.20833C1.5%208.39058%201.82485%207.60632%202.40309%207.02809C2.98132%206.44985%203.76558%206.125%204.58333%206.125H10.75L13.8333%201.5H23.0833L26.1667%206.125H32.3333C33.1511%206.125%2033.9353%206.44985%2034.5136%207.02809C35.0918%207.60632%2035.4167%208.39058%2035.4167%209.20833V26.1667Z%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M18.4583%2023.0833C21.8641%2023.0833%2024.625%2020.3224%2024.625%2016.9167C24.625%2013.5109%2021.8641%2010.75%2018.4583%2010.75C15.0526%2010.75%2012.2917%2013.5109%2012.2917%2016.9167C12.2917%2020.3224%2015.0526%2023.0833%2018.4583%2023.0833Z%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A")}
.carddivscore{ display:flex; gap:26px; width:410px; margin:auto; margin-bottom:80px;}
.carddivscore > a{ background-color:#28282d; border-radius:20px 25px; display:flex; flex-direction:column; justify-content:center; align-items:center; width:92.8px;}
.carddivscore > a > span{ font-size:16px; font-weight:700}
.carddivscore > a > span.explus{ display:none;}

.carddivscore > a.active > span{ font-size:12px; font-weight:700;}
.carddivscore > a.active > span.explus{ display:block;}

.carddivscore > div > label{ font-size:11.2px; font-weight:400;}

/*
.scorediv > span{ width:29px; height:29px; display:inline-block; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2227%22%20height%3D%2225%22%20viewBox%3D%220%200%2027%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M13.5%200.5L17.517%208.39905L26.5%209.6735L20%2015.8186L21.534%2024.5L13.5%2020.3991L5.466%2024.5L7%2015.8186L0.5%209.6735L9.483%208.39905L13.5%200.5Z%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
.scorediv[data-score='1'] > span:nth-child(1){ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
.scorediv[data-score='2'] > span:nth-child(1){ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
.scorediv[data-score='2'] > span:nth-child(2){ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
.scorediv[data-score='3'] > span:nth-child(1){ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
.scorediv[data-score='3'] > span:nth-child(2){ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
.scorediv[data-score='3'] > span:nth-child(3){ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
.scorediv[data-score='4'] > span:nth-child(1){ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
.scorediv[data-score='4'] > span:nth-child(2){ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
.scorediv[data-score='4'] > span:nth-child(3){ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
.scorediv[data-score='4'] > span:nth-child(4){ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
.scorediv[data-score='5'] > span{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
*/
#opencardscoreul{ display:flex;}

#opencardscoreul > li > input[type=radio]{ display:none;}
#opencardscoreul > li > label{ width:29px; height:29px; display:inline-block; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2227%22%20height%3D%2225%22%20viewBox%3D%220%200%2027%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M13.5%200.5L17.517%208.39905L26.5%209.6735L20%2015.8186L21.534%2024.5L13.5%2020.3991L5.466%2024.5L7%2015.8186L0.5%209.6735L9.483%208.39905L13.5%200.5Z%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");}

#opencardscoreul[data-score='1'] > li:nth-child(1) > input + label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}

#opencardscoreul[data-score='2'] > li:nth-child(1) > input + label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
#opencardscoreul[data-score='2'] > li:nth-child(2) > input + label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}

#opencardscoreul[data-score='3'] > li:nth-child(1) > input + label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
#opencardscoreul[data-score='3'] > li:nth-child(2) > input + label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
#opencardscoreul[data-score='3'] > li:nth-child(3) > input + label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}

#opencardscoreul[data-score='4'] > li:nth-child(1) > input + label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
#opencardscoreul[data-score='4'] > li:nth-child(2) > input + label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
#opencardscoreul[data-score='4'] > li:nth-child(3) > input + label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
#opencardscoreul[data-score='4'] > li:nth-child(4) > input + label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}

#opencardscoreul[data-score='5'] > li > input + label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2229%22%20height%3D%2226%22%20viewBox%3D%220%200%2029%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.41875%2025.3333L7.72083%2015.9667L0%209.66667L10.2%208.83333L14.1667%200L18.1333%208.83333L28.3333%209.66667L20.6125%2015.9667L22.9146%2025.3333L14.1667%2020.3667L5.41875%2025.3333Z%22%20fill%3D%22%23E6E0E9%22%2F%3E%0A%3C%2Fsvg%3E%0A");}

/**/

.cardcincheckdiv1{ margin-top:200px;}
.cardcincheckdiv1 > .maindiv > form{ width:510px; margin:auto;}
.cardcincheckdiv1 > .maindiv > form > h2 > span{ font-size:31px; font-weight:700; display:block;}
.cardcincheckdiv1 > .maindiv > form > input[type=tel]{ font-size:31px; padding:27px 37px; border:1px solid #FFF; margin:50px auto;  font-weight:700; border-radius:9px; background-color:transparent; width:calc(100% - 76px);}
.cardcincheckdiv1 > .maindiv > form > input[type=tel]::placeholder {
  color: #4E4A4A;
 font-weight:700;
}
.cardcincheckdiv1 > .maindiv > form > aside > div > p{ text-align:center;}
.cardcincheckdiv1 > .maindiv > form > aside > div > p{ font-size:20px; font-weight:300; color:#fff; margin:50px auto;}
.cardcincheckdiv1 > .maindiv > form > aside > div > p > span{ font-weight:700;}

.cardcincheckdiv1 > .maindiv > form > nav{ display:flex; flex-direction:column; gap:18px; margin:auto; margin-top:102px; margin-bottom:50px;}
.cardcincheckdiv1 > .maindiv > form > nav > a{ width:484px; margin:auto; padding:24px 0; text-align:center; border-radius:100px; background-color:#0065B0;}
.cardcincheckdiv1 > .maindiv > form > nav > a:hover{ background-color:#000061; }
.cardcincheckdiv1 > .maindiv > form > nav > a > .linktext{ font-size:32px; font-weight:400;}

.card-container{ display:flex; width:403.2px;}
.cardfindfront{ width:403.2px; height:563.2px; display:flex; justify-content:center; align-items:center; background-color:#fff; border-radius:16px; margin-bottom:70px;}
.cardfindfront > .bmwmotorradlogo{ width:256px; height:55px; object-fit:contain; object-position:center;}

.cardfindback{ width:403.2px; height:563.2px; display:inline-block;}
.cardfindback > div > .imageviewdiv > span > img{ width:403.2px; height:563.2px; object-fit:cover; border-radius:16px; }

.cardcheckbackdiv > aside{ background-color:rgba(95,92,125,0.81); text-align:center; width:100%; display:inline-block; box-shadow:inset 0 6.4px 6.4px 0 rgba(223,223,126,0.31);}
.cardcheckbackdiv > aside > p{ margin-top:92px; margin-bottom:65px;}
.cardcheckbackdiv > aside > p > span{ font-size:16px; font-weight:400;}

.cardbackscreen > div{ width:403.2px; height:563.2px; display:flex; justify-content:center; align-items:center; margin:auto; background-color:#fff; border-radius:16px; }
.cardbackscreen > div > .bmwmotorradlogo{ width:256px; height:55px; object-fit:contain; object-position:center;}

.carddown{ display:flex; flex-direction:column; align-items:center; width:441.6px; margin:auto; /*padding-top:50px; padding-bottom:12.5px;*/ position:fixed; bottom:150px; left:calc(50% - 220.8px);}
.carddown > span{ width:11.84px; height:8px; display:inline-block; background-repeat:no-repeat; background-size:11.84px auto; background-position:center;}
.carddown > span{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2212%22%20viewBox%3D%220%200%2020%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M19.2%202.23985L9.6%2011.8398L1.25889e-06%202.23984L2.24%20-0.000156109L9.6%207.35984L16.96%20-0.000154179L19.2%202.23985Z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E")}


.cardcheckdiv3 > .maindiv > form > nav > p{ text-align:center;}
.cardcheckdiv3 > .maindiv > form > nav > p > span{ font-size:16px; font-weight:900;}

.cardup{ display:flex; flex-direction:column; align-items:center; width:441.6px; margin:auto; padding-bottom:12.5px; border-radius:0 0 16px 16px;position:relative;}
.cardup > span{ width:11.84px; height:8px; display:inline-block; background-repeat:no-repeat; background-size:11.84px auto; background-position:center;}
.cardup > span{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2212%22%20viewBox%3D%220%200%2020%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M19.2%202.23985L9.6%2011.8398L1.25889e-06%202.23984L2.24%20-0.000156109L9.6%207.35984L16.96%20-0.000154179L19.2%202.23985Z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E"); transform:rotate(180deg);}


.cardright{ display:flex; flex-direction:column; align-items:center; transform:rotate(-90deg); }
.cardright > span{ width:11.84px; height:8px; display:inline-block; background-repeat:no-repeat; background-size:11.84px auto; background-position:center;}
.cardright > span{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2212%22%20viewBox%3D%220%200%2020%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M19.2%202.23985L9.6%2011.8398L1.25889e-06%202.23984L2.24%20-0.000156109L9.6%207.35984L16.96%20-0.000154179L19.2%202.23985Z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E");}

.cardleft{ display:flex; flex-direction:column; align-items:center; transform:rotate(90deg); }
.cardleft > span{ width:11.84px; height:8px; display:inline-block; background-repeat:no-repeat; background-size:11.84px auto; background-position:center;}
.cardleft > span{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2212%22%20viewBox%3D%220%200%2020%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M19.2%202.23985L9.6%2011.8398L1.25889e-06%202.23984L2.24%20-0.000156109L9.6%207.35984L16.96%20-0.000154179L19.2%202.23985Z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E");}


.cardopeneffectdiv{ justify-content:center; align-items:center; width:100%; height:100svh;}

        .cardloading {
            position: relative;
            width: 412px;
            height: 635px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 24px;
            overflow: hidden;
            
            /* [핵심] 시작색(#1a1c2c)과 끝색(#1a1c2c)을 동일하게 설정 */
            background: linear-gradient(135deg, 
                #2c3e50, /* 1. 다크 블루 (시작) */
                #4b6cb7, /* 2. 미디엄 블루 */
                #182848, /* 3. 딥 네이비 */
                #834d9b, /* 4. 퍼플 */
                #d4418e, /* 5. 로즈 핑크 */
                #ff6a00, /* 6. 오렌지 골드 */
                #00c6ff, /* 7. 스카이 블루 */
                #0072ff, /* 8. 로열 블루 */
                #2c3e50  /* 1. 다시 다크 블루 (끝 - 연결점) */
            );
            
            /* 배경 사이즈를 가로로 충분히 늘림 */
            background-size: 900% 900%;
            
            /* linear로 일정한 속도 유지, 초를 늘려 더 부드럽게(12s) */
            animation: 
                seamlessFlow 15s linear infinite,
                softFloat 4s ease-in-out infinite;
            
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8);
            border: 1px solid rgba(255, 255, 255, 0.05);
        }

        /* 내부 가독성 레이어 */
        .cardloading::before {
            content: '';
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.15);
            z-index: 1;
        }

        .loading-text {
            color: rgba(255, 255, 255, 0.8);
            font-size: 24px;
			font-weight:700;
            
            z-index: 2;
            animation: breathe 3s ease-in-out infinite;
        }

        /* --- 애니메이션 보정 --- */

        @keyframes seamlessFlow {
            0% {
                /* 시작 위치 */
                background-position: 0% 50%;
            }
            100% {
                /* 배경이 한 바퀴 돌아 제자리로 오도록 설정 */
                /* 배경 사이즈가 400%이므로 100% 위치로 가면 마지막 색상인 처음 색상과 만납니다 */
                background-position: 100% 50%;
            }
        }

        @keyframes softFloat {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-12px); }
        }

        @keyframes breathe {
            0%, 100% { opacity: 0.6; }
            50% { opacity: 1; }
        }


/**/
.savecarddiv > .maindiv > div{ text-align:center;}
.savecarddiv > .maindiv > div > .img{ margin-top:180px;}
.savecarddiv > .maindiv > div > .img > img{ width:369px; height:435px; object-fit:contain;}
.savecarddiv > .maindiv > div > .text > h3{ margin-top:39px;}
.savecarddiv > .maindiv > div > .text > h3 > span{ font-size:40px; font-weight:700; display:block;}
.savecarddiv > .maindiv > div > .text > p{ margin-top:20px} 
.savecarddiv > .maindiv > div > .text > p > span{ font-size:20px; font-weight:700; display:block;}
.savecarddiv > .maindiv > div > nav{ display:flex; justify-content:center; margin:55px auto;}
.savecarddiv > .maindiv > div > nav > a{ font-size:30.22px; font-weight:500; padding:22.33px 0; width:484px; background-color:#000099; border-radius:50px;}

.savespecialdiv > .maindiv > form > div{ text-align:center;}
.savespecialdiv > .maindiv > form > div > .img{ margin-top:180px;}
.savespecialdiv > .maindiv > form > div > .img > img{ width:369px; height:435px; object-fit:contain;}
.savespecialdiv > .maindiv > form > div > .text{ display:none;}
.savespecialdiv > .maindiv > form[data-dealer='N'] > div > .text.basic{ display:block;}
.savespecialdiv > .maindiv > form[data-dealer='Y'] > div > .text.dealer{ display:block;}
.savespecialdiv > .maindiv > form > div > .text > h3{ margin-top:39px;}
.savespecialdiv > .maindiv > form > div > .text > h3 > span{ font-size:40px; font-weight:700; display:block;}
.savespecialdiv > .maindiv > form > div > .text > p{ margin-top:20px} 
.savespecialdiv > .maindiv > form > div > .text > p > span{ font-size:20px; font-weight:700; display:block;}
.savespecialdiv > .maindiv > form > div > .text > select{ margin:25px auto; margin-top:95px; background-color:transparent; font-size:39.11px; font-weight:700; padding:25px 36px; border: 1.81px solid #FFFFFF; border-radius:10px;}
.savespecialdiv > .maindiv > form > div > .text > select option{ color:#000;}
.savespecialdiv > .maindiv > form > div > nav{ display:flex; justify-content:center; margin:55px auto; margin-top:150px;}
.savespecialdiv > .maindiv > form > div > nav > a{ font-size:30.22px; font-weight:500; padding:22.33px 0; width:484px; background-color:#000099; border-radius:50px;}

/**/

.orderlistdiv1 > div{ width:530px;  position:relative;  margin:auto;}
.orderlistheaderdiv > h2{ margin-top:150px; margin-bottom:8px; display:flex; justify-content:center;}
.orderlistheaderdiv > h2 > span{ font-size:27.2px; font-weight:700; display:inline-block; border-bottom:5px solid #fff; padding:8px 0;}

.orderlistbackbtn{ position:absolute; left:72px; top:82px; width:51px; height:51px; display:inline-block; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2251%22%20height%3D%2251%22%20viewBox%3D%220%200%2051%2051%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M8.18125%2023.375L34%2023.375L34%2027.625L8.18125%2027.625L11.475%2030.9188L8.5%2034L1.67196e-06%2025.5L8.5%2017L11.475%2020.0813L8.18125%2023.375ZM19.125%2031.875L19.125%2040.375L40.375%2040.375L40.375%2010.625L19.125%2010.625L19.125%2019.125L14.875%2019.125L14.875%2010.625C14.875%209.45625%2015.2911%208.45573%2016.1234%207.62344C16.9557%206.79115%2017.9563%206.375%2019.125%206.375L40.375%206.375C41.5438%206.375%2042.5443%206.79115%2043.3766%207.62344C44.2089%208.45573%2044.625%209.45625%2044.625%2010.625L44.625%2040.375C44.625%2041.5438%2044.2089%2042.5443%2043.3766%2043.3766C42.5443%2044.2089%2041.5438%2044.625%2040.375%2044.625L19.125%2044.625C17.9562%2044.625%2016.9557%2044.2089%2016.1234%2043.3766C15.2911%2042.5443%2014.875%2041.5438%2014.875%2040.375L14.875%2031.875L19.125%2031.875Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fsvg%3E%0A"); background-repeat:no-repeat; background-position:center; background-size:contain;}


.orderlistbodyerdiv > div{ width:500px; margin:auto;}
.orderlistbodyerdiv > div > div > .orderlistlistul{ display:flex; flex-direction:column; gap:50px; margin:80px auto;}
.orderlistbodyerdiv > div > div > .orderlistlistul > li > form > ul{ border:1px solid #ccc;}
.orderlistbodyerdiv > div > div > .orderlistlistul > li > form > ul > li{ display:flex; gap:16px; border-top:1px solid #ccc;}
.orderlistbodyerdiv > div > div > .orderlistlistul > li > form > ul > li > label{ width:100px; text-align:center; min-width:100px; max-width:100px; padding:8px 6px; background-color:rgba(255,255,255,0.2)}
.orderlistbodyerdiv > div > div > .orderlistlistul > li > form > ul > li > div{ width:calc(100% - 124px); padding:8px 6px;}

.orderlistpostaddrdiv[data-edit='false'] > .orderlistaddrdiv{ display:block;}
.orderlistpostaddrdiv[data-edit='false'] > .orderlistaddrdivformdiv{ display:none;}

.orderlistpostaddrdiv[data-edit='true'] > .orderlistaddrdiv{ display:none;}
.orderlistpostaddrdiv[data-edit='true'] > .orderlistaddrdivformdiv{ display:block;}

.orderlistoptiondiv > ul > li > div > ul{ display:flex; flex-wrap:wrap; gap:30px 12px; }

.orderlistchangeinfobtn
,.orderlistchangemsgbtn
,.orderlistchangeoptionbtn
{ border:1px solid #fff; padding:1px 8px; display:inline-block; font-size:11px; font-weight:400; background-color:#fff; color:#000; margin:0 8px;} 
.orderlistsaveinfobtn
,.orderlistsavemsgbtn{ border:1px solid #fff; padding:4px 8px; display:inline-block; font-size:16px; font-weight:700; color:#fff; margin:12px 0;} 

.orderlistlistul > li > div > nav{ margin:20px auto; display:flex; justify-content:center;}
.orderlistlistul > li > div > nav > a{ display:inline-block; font-size:20px; font-weight:500; color:#fff; background-color:#0000b0; border-radius:100px; margin: auto; padding:16px 70px; text-align: center;}
.orderlistlistul > li[data-poststate='1'] .orderlistchangeinfobtn{ visibility:hidden;}
.orderlistaddresschangeform input[type=text]{ background-color:transparent; color:#fff; border:0; border-bottom:1px solid #fff; width:calc(100% - 14px); font-size:16px; }
.orderlistaddresschangeform textarea{ background-color:transparent; color:#fff; border:0; border-bottom:1px solid #fff; width:calc(100% - 14px); font-size:16px; }

.orderlistpostmsgdiv[data-edit='false'] > .orderlistmsgdiv{ display:block;}
.orderlistpostmsgdiv[data-edit='false'] > .orderlistmsgdivformdiv{ display:none;}

.orderlistpostmsgdiv[data-edit='true'] > .orderlistmsgdiv{ display:none;}
.orderlistpostmsgdiv[data-edit='true'] > .orderlistmsgdivformdiv{ display:block;}

.orderlistaddresschangeform select{ background-color:transparent; color:#fff; border:0; border-bottom:1px solid #fff; width:calc(100% - 14px); font-size:16px; }
.orderlistaddresschangeform select option{ color:#000;}

.orderlistaddresschangeform .postmsg2Input { display:none;}
.orderlistaddresschangeform .postmsg2Input.active { display:block;}


.reward_dealar_useddiv > input[type=text]{ padding:25px 36px; margin:130px auto;   flex-grow:1; background-color:transparent; font-size:39.11px; font-weight:700; color:#fff; border: 1.81px solid #FFFFFF; border-radius:10px;}
.reward_dealar_useddiv > input[type=text]::placeholder{ color:#4E4A4A; font-size:39.11px; font-weight:700;}
.reward_dealar_useddiv > div{ text-align:right;}
.reward_dealar_useddiv > div > nav{ margin:15px 0;}
.reward_dealar_useddiv > div > nav > input[type=checkbox]{ display:none; }
.reward_dealar_useddiv > div > nav > label{ background-color:#fff; color:#000; font-size:20px; font-weight:700; border-radius:50px; padding:20px 0; width:138px; display:inline-block; text-align:center;}
.reward_dealar_useddiv > div > nav > label:before{ content:"딜러 확인";}
.reward_dealar_useddiv > div > nav > input[type=checkbox]:checked + label{ background-color:#F60E0E; color:#fff; pointer-events:none;}
.reward_dealar_useddiv > div > nav > input[type=checkbox]:checked + label:before{ content:"사용 완료";}
.reward_dealar_useddiv > div > aside > p{ font-size:15px; font-weight:700;}
.reward_dealar_useddiv > div > aside > p > span{ color:#ED1C24;font-size:15px; font-weight:700;}

/**/

.addressfindcardchkdiv1{ margin-top:200px;}
.addressfindcardchkdiv1 > .maindiv > form{ width:510px; margin:auto;}
.addressfindcardchkdiv1 > .maindiv > form > h2 > span{ font-size:31px; font-weight:700; display:block;}
.addressfindcardchkdiv1 > .maindiv > form > input[type=tel]{ font-size:31px; padding:27px 37px; border:1px solid #FFF; margin:50px auto;  font-weight:700; border-radius:9px; background-color:transparent; width:calc(100% - 76px);}
.addressfindcardchkdiv1 > .maindiv > form > input[type=tel]::placeholder {
  color: #4E4A4A;
 font-weight:700;
}

.addressfindcardchkdiv1 > .maindiv > form > div > aside > p{ text-align:center;}
.addressfindcardchkdiv1 > .maindiv > form > div > aside > p{ font-size:20px; font-weight:300; color:#fff; margin:50px auto;}
.addressfindcardchkdiv1 > .maindiv > form > div > aside > p > span{ font-weight:700;}



/*
.spotreturndiv{ display:flex; flex-direction: column; gap:16px;}
.spotreturndiv .title *{ font-size:24px; font-weight:700; text-align:center;}
.spotreturndiv .content *{ font-size:20px; font-weight:300; text-align:center;}
*/
.addressfindcardchkdiv1 > .maindiv > form > nav{ display:flex; flex-direction:column; gap:18px; margin:auto; margin-top:102px; margin-bottom:50px;}
.addressfindcardchkdiv1 > .maindiv > form > nav > a{ width:484px; margin:auto; padding:24px 0; text-align:center; border-radius:100px; background-color:#0065B0;}
.addressfindcardchkdiv1 > .maindiv > form > nav > a:hover{ background-color:#000061; }
.addressfindcardchkdiv1 > .maindiv > form > nav > a > .linktext{ font-size:32px; font-weight:400;}


.cardfindcardchkdiv1{ display:flex; align-items:center; justify-content:center; min-height:calc(100vh - 100px); min-height:calc(100svh - 100px); margin:50px auto;}
.cardfindcardchkdiv1 > .maindiv > form{ width:510px; margin:auto;}
.cardfindcardchkdiv1 > .maindiv > form > div > h2 > span{ font-size:31px; font-weight:700; display:block;}
.cardfindcardchkdiv1 > .maindiv > form > .cardfindcardchkparamdiv.active{ display:inline-block;}
.cardfindcardchkdiv1 > .maindiv > form > .cardfindcardchkparamdiv{ display:none; width:100%;}
.cardfindcardchkdiv1 > .maindiv > form > .cardfindcardchkparamdiv > input[type=text]{ font-size:31px; padding:27px 37px; margin:50px auto; border:1px solid #FFF;  font-weight:700; border-radius:9px; background-color:transparent; width:calc(100% - 76px); margin-bottom:8px;}
.cardfindcardchkdiv1 > .maindiv > form > .cardfindcardchkparamdiv > input[type=text]::placeholder {
  color: #4E4A4A;
 font-weight:700;
}
.cardfindcardchkdiv1 > .maindiv > form > .dealermodediv{ display:none; width:100%;}
.cardfindcardchkdiv1 > .maindiv > form > .dealermodediv > input[type=text]{  font-size:31px; padding:27px 37px; margin:50px auto; border:1px solid #FFF; font-weight:700; border-radius:9px; background-color:transparent; width:calc(100% - 76px); margin-bottom:8px;}
.cardfindcardchkdiv1 > .maindiv > form > .dealermodediv > input[type=text]::placeholder {
  color: #4E4A4A;
 font-weight:700;
}
.cardfindcardchkdiv1 > .maindiv > form > .dealermodediv.active{ display:inline-block;}

.cardfindcardchkdiv1 > .maindiv > form > div > aside > p{ text-align:center;}
.cardfindcardchkdiv1 > .maindiv > form > div > aside > p{ font-size:20px; font-weight:300; color:#fff; margin:50px auto;}
.cardfindcardchkdiv1 > .maindiv > form > div > aside > p > span{ font-weight:700;}



/*
.spotreturndiv{ display:flex; flex-direction: column; gap:16px;}
.spotreturndiv .title *{ font-size:24px; font-weight:700; text-align:center;}
.spotreturndiv .content *{ font-size:20px; font-weight:300; text-align:center;}
*/
.cardfindcardchkdiv1 > .maindiv > form > nav{ display:flex; flex-direction:column; gap:18px; margin:auto; margin-top:102px; margin-bottom:50px;}
.cardfindcardchkdiv1 > .maindiv > form > nav > a{ width:484px; margin:auto; padding:24px 0; text-align:center; border-radius:100px; background-color:#0065B0;}
.cardfindcardchkdiv1 > .maindiv > form > nav > a:hover{ background-color:#000061; }
.cardfindcardchkdiv1 > .maindiv > form > nav > a > .linktext{ font-size:32px; font-weight:400;}



.specialcardfindchkdiv1{ display:flex; align-items:center; justify-content:center; min-height:calc(100vh - 100px); min-height:calc(100svh - 100px); margin:50px auto;}
.specialcardfindchkdiv1 > .maindiv > form{ width:510px; margin:auto;text-align:center;}
.specialcardfindchkdiv1 > .maindiv > form > div > h2{ position:relative; line-height:1;}
.specialcardfindchkdiv1 > .maindiv > form > div > h2:after{ content:""; bottom:-0; left:calc(50% - 90px); width:180px; height:1px; background-color:#fff; display:inline-block;}
.specialcardfindchkdiv1 > .maindiv > form > div > h2 > span{ font-size:40px; font-weight:700; display:block; line-height:1.5;}
.specialcardfindchkdiv1 > .maindiv > form > .specialcardfindchkparamdiv.active{ display:inline-block;}
.specialcardfindchkdiv1 > .maindiv > form > .specialcardfindchkparamdiv{ display:none; width:100%;}
.specialcardfindchkdiv1 > .maindiv > form > .specialcardfindchkparamdiv > input[type=tel]{ font-size:31px; padding:27px 37px; margin:90px auto; border:1px solid #FFF;  font-weight:700; border-radius:9px; background-color:transparent; width:calc(100% - 76px); margin-bottom:8px;}
.specialcardfindchkdiv1 > .maindiv > form > .specialcardfindchkparamdiv > input[type=tel]::placeholder {
  color: #4E4A4A;
 font-weight:700;
}
.specialcardfindchkdiv1 > .maindiv > form > .specialcardfindchkparamdiv > input[type=text]{ font-size:31px; padding:27px 37px; margin:50px auto; border:1px solid #FFF;  font-weight:700; border-radius:9px; background-color:transparent; width:calc(100% - 76px); margin-bottom:8px;}
.specialcardfindchkdiv1 > .maindiv > form > .specialcardfindchkparamdiv > input[type=text]::placeholder {
  color: #4E4A4A;
 font-weight:700;
}

.specialcardfindchkdiv1 > .maindiv > form > .dealermodediv{ display:none; width:100%;}
.specialcardfindchkdiv1 > .maindiv > form > .dealermodediv > input[type=text]{  font-size:31px; padding:27px 37px; margin:50px auto; border:1px solid #FFF; font-weight:700; border-radius:9px; background-color:transparent; width:calc(100% - 76px); margin-bottom:8px;}
.specialcardfindchkdiv1 > .maindiv > form > .dealermodediv > input[type=text]::placeholder {
  color: #4E4A4A;
 font-weight:700;
}
.specialcardfindchkdiv1 > .maindiv > form > .dealermodediv.active{ display:inline-block;}

.specialcardfindchkdiv1 > .maindiv > form > div > aside > p{ text-align:center;}
.specialcardfindchkdiv1 > .maindiv > form > div > aside > p{ font-size:20px; font-weight:300; color:#fff; margin:50px auto;}
.specialcardfindchkdiv1 > .maindiv > form > div > aside > p > span{ font-weight:700;}

.specialcardfindchkdiv1 > .maindiv > form > nav{ display:flex; flex-direction:column; gap:18px; margin:auto; margin-top:102px; margin-bottom:50px;}
.specialcardfindchkdiv1 > .maindiv > form > nav > a{ width:484px; margin:auto; padding:24px 0; text-align:center; border-radius:100px; background-color:#000099;}
.specialcardfindchkdiv1 > .maindiv > form > nav > a > .linktext{ font-size:32px; font-weight:400;}



iframe#ch-plugin-script-iframe{ max-width:100vw !important; max-height:100vh  !important; position:fixed !important; left:0; top:0;}
#ChannelTalkBtn{ position:fixed; z-index:1000000; right:20px; bottom:20px; width:56px; height:56px; display:inline-block; border-radius:8px; background-image:url(https://cf.channel.io/document/spaces/11837/usermedia/697bf95710eb93d1f9cd); background-repeat:no-repeat; background-position:center; background-size:contain;}

.SoldoutSpan{ color:#f00; font-size:14px;}