#AddressFindDiv{ background-color:#fff; width:100%; height:100vh; height:100svh; position:fixed; left:0; top:0;} #AddressFindDiv .searchclosebtn{ position:fixed; right:3em; top:3em; font-size:0; z-index:302; width:50px; height:50px; background-size:contain; background-repeat:no-repeat; display:inline-block; 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%22m12%2010.93%205.719-5.72c.146-.146.339-.219.531-.219.404%200%20.75.324.75.749%200%20.193-.073.385-.219.532l-5.72%205.719%205.719%205.719c.147.147.22.339.22.531%200%20.427-.349.75-.75.75-.192%200-.385-.073-.531-.219l-5.719-5.719-5.719%205.719c-.146.146-.339.219-.531.219-.401%200-.75-.323-.75-.75%200-.192.073-.384.22-.531l5.719-5.719-5.72-5.719c-.146-.147-.219-.339-.219-.532%200-.425.346-.749.75-.749.192%200%20.385.073.531.219z%22%2F%3E%3C%2Fsvg%3E");} #AddressFindDiv > div{ padding:30px; max-width:580px; margin:auto; width:90%;} #AddressFindDiv > div > form > h3{ text-align:center;} #AddressFindDiv > div > form > h3 > span{ color:#000; font-size:28px; font-weight:700;} #findAddress{ color:#000; padding:30px; width:478px; margin:30px 0; flex-grow:1; padding-left:70px; font-size:24px; font-weight:700; background-color:#f9f9f9; border:1px solid transparent; border-radius:16px; font-size:24px; font-weight:400; background-repeat:no-repeat; background-size:26px 26px; background-position:30px center; 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%22M23.809%2021.646l-6.205-6.205c1.167-1.605%201.857-3.579%201.857-5.711%200-5.365-4.365-9.73-9.731-9.73-5.365%200-9.73%204.365-9.73%209.73%200%205.366%204.365%209.73%209.73%209.73%202.034%200%203.923-.627%205.487-1.698l6.238%206.238%202.354-2.354zm-20.955-11.916c0-3.792%203.085-6.877%206.877-6.877s6.877%203.085%206.877%206.877-3.085%206.877-6.877%206.877c-3.793%200-6.877-3.085-6.877-6.877z%22%2F%3E%3C%2Fsvg%3E")} #findAddress:-webkit-autofill, #findAddress:-webkit-autofill:hover, #findAddress:-webkit-autofill:focus, #findAddress:-webkit-autofill:active, #findAddress:autofill, #findAddress:autofill:hover, #findAddress:autofill:focus, #findAddress:autofill:active { color:#000; padding:30px; width:478px; margin:30px 0; flex-grow:1; padding-left:70px; font-size:24px; font-weight:700; background-color:#f9f9f9; border:1px solid transparent; border-radius:16px; font-size:24px; font-weight:400; background-repeat:no-repeat; background-size:26px 26px; background-position:30px center; 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%22M23.809%2021.646l-6.205-6.205c1.167-1.605%201.857-3.579%201.857-5.711%200-5.365-4.365-9.73-9.731-9.73-5.365%200-9.73%204.365-9.73%209.73%200%205.366%204.365%209.73%209.73%209.73%202.034%200%203.923-.627%205.487-1.698l6.238%206.238%202.354-2.354zm-20.955-11.916c0-3.792%203.085-6.877%206.877-6.877s6.877%203.085%206.877%206.877-3.085%206.877-6.877%206.877c-3.793%200-6.877-3.085-6.877-6.877z%22%2F%3E%3C%2Fsvg%3E")} #AddressFindDiv > div > form > aside > h4{ display:flex; align-items:center; gap:8px;} #AddressFindDiv > div > form > aside > h4 > span{ color:#000; font-size:24px; font-weight:700;} #AddressFindDiv > div > form > aside > h4:before{ content:""; background-image:url(/file/img/light.png); width:20px; height:31px; display:inline-block; background-repeat:no-repeat; background-position:center;} #AddressFindDiv > div > form > aside > ul{ display:flex; flex-direction:column; gap:16px; margin:16px 0; margin-bottom:80px;} #AddressFindDiv > div > form > aside > ul > li > label{ color:#000; font-size:18px; font-weight:400;} #AddressFindDiv > div > form > aside > ul > li > div{ color:#7f7f7f; font-size:18px; font-weight:400;} #AddressList{ z-index:1; position:relative; min-height:320px; background-color:#fff; width:100%;} #AddressList > table{ width:100%; } #AddressList > table > thead > tr > th{ color:#000; font-size:18px; font-weight:700; border-top:2px solid #000; border-bottom:1px solid #000; padding:8px 0;} #AddressList > table > tbody > tr > td{ color:#000; font-size:18px; font-weight:700; border-bottom:1px solid #000; padding:8px 0;} #AddressList > table > tbody > tr > td > a{ text-align:left;} #AddressList > table > tbody > tr > td > a > span{ color:#000; font-size:18px; font-weight:400;} #AddressList > nav{ display:flex; flex-wrap:wrap; gap:4px; justify-content:center; margin:30px auto; margin-bottom:60px;} #AddressList > nav > span{ color:#000; font-size:18px; font-weight:700; border:1px solid #000; background-color:#eee; padding:6px 16px; display:inline-block;} #AddressList > nav > a{ color:#000; font-size:18px; font-weight:400; border:1px solid #000; padding:6px 16px; display:inline-block;} .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;} .outline{ font-family:"BMWMotorradOutline"; font-weight:400;} .skipdiv > .footerdiv{ position:absolute; bottom:0; left:0; width:100%; text-align:center; padding:22px 0;} .skipdiv > .footerdiv > span{ font-size:15px; font-weight:700; margin-right:8px; } .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} } /* .skipdiv > .maindiv > h1 > span:nth-child(1){ animation-name:skipani1;} .skipdiv > .maindiv > h1 > span:nth-child(2){ animation-name:skipani2;} .skipdiv > .maindiv > h1 > span:nth-child(3){ animation-name:skipani3;} @keyframes skipani1 { 0% { opacity: 0;filter: blur(20px); transform:scale(12)} 30% { opacity: 1;filter: blur(0); transform:scale(1)} 100% { opacity: 1;filter: blur(0); transform:scale(1)} } @keyframes skipani2 { 0% { opacity: 0;filter: blur(20px); transform:scale(12)} 30% { opacity: 0;filter: blur(20px); transform:scale(12)} 50% { opacity: 1;filter: blur(0); transform:scale(1)} 100% { opacity: 1;filter: blur(0); transform:scale(1)} } @keyframes skipani3 { 0% { opacity: 0;filter: blur(20px); transform:scale(12)} 50% { opacity: 0;filter: blur(20px); transform:scale(12)} 90% { opacity: 1;filter: blur(0); transform:scale(1)} 100% { opacity: 1;filter: blur(0); transform:scale(1)} } */ .PageDiv{ display:none; visibility:hidden;} .Show{ display:inline-block; visibility:visible; width:100%;} .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;} .Page1Show > header{ display:none;} .Page2Show > header{ display:none;} .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;} .regdiv1 > .maindiv > form{ width:540px; margin:auto;} .regdiv1 > .maindiv > form > h2{ margin-top:100px; text-align:center;} .regdiv1 > .maindiv > form > h2 > span{ font-size:27px; font-weight:700; display:block;} .agreeul{ display:flex; flex-direction:column; gap:16px; margin:100px auto; width:400px;} .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;} .buydiv1{ margin-top:100px;} .buydiv1 > .maindiv > form{ width:540px; margin:auto;} .buydiv1 > .maindiv > form > h2 > span{ font-size:45px; font-weight:700; display:block;} .buydiv1 > .maindiv > form > p > span > span{ font-size:32px; font-weight:700;} .buydiv1 > .maindiv > form > p > span{ font-size:22px; font-weight:700;} .buydiv1 > .maindiv > form > nav{ display:flex; flex-direction:column; gap:18px; margin:auto; margin-top:72px; margin-bottom:50px;} .buydiv1 > .maindiv > form > nav > a{ width:484px; margin:auto; padding:24px 0; text-align:center; border-radius:100px; background-color:#0065B0;} .buydiv1 > .maindiv > form > nav > a:hover{ background-color:#000061; } .buydiv1 > .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;} .shoporderdiv1{ margin-top:100px;} .shoporderdiv1 > .maindiv > form{ width:540px; 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:45px; font-weight:700; display:block;} .shoporderdiv1 > .maindiv > form > p > span > span{ font-size:32px; font-weight:700;} .shoporderdiv1 > .maindiv > form > p > span{ font-size:22px; 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:484px; margin:auto; padding:24px 0; text-align:center; border-radius:100px; background-color:#0065B0;} .shoporderdiv1 > .maindiv > form > nav > a:hover{ background-color:#000061; } .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 > label{ background-color:#D9D9D9; 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:#D9D9D9;} .shoporderdiv1 > .maindiv > .itemselectform > ul > li > label .itemicon{ width:104px;} .shoporderdiv1 > .maindiv > .itemselectform > ul > li > label .itemtext{ max-width:calc(100% - 120px);} .shoporderdiv1 > .maindiv > .itemselectform > ul > li > label .itemtext > h4 > span{ font-size:40px; font-weight:700; color:#040303;} .shoporderdiv1 > .maindiv > .itemselectform > ul > li > label .itemtext > p > span{ font-size:20px; font-weight:300; color:#040303;} .shoporderdiv1 > .maindiv > .itemselectform > ul > li > 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;} .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");} .myinfodiv1{ margin-top:100px;} .myinfodiv1 > .maindiv > .mainprofile{ width:484px; margin:auto;} .myinfodiv1 > .maindiv > .mainprofile > form{ background-color:#D9D9D9; border-radius:20px; 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:11px; font-weight:700; color:#1B1A1A;} .myinfodiv1 > .maindiv > .mainprofile > form .profiletextdiv > nav > p{ font-size:9px; font-weight:700; color:#1B1A1A;} .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 .profiletextdiv > h4{ margin-top:36px;} .myinfodiv1 > .maindiv > .mainprofile > form .profiletextdiv > h4 > span{ font-size:24px; font-weight:400; color:#1B1A1A; } .myinfodiv1 > .maindiv > .mainprofile > form .profiletextdiv > ul > li{ font-size:17px; 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:51px; font-weight:700; color:#CECDCD;} .myinfodiv1 > .maindiv > .mainprofile > form .profiletextdiv > aside > .rank{ font-size:24px; 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:27px;} .myinfodiv1 > .maindiv > .mainprofile > aside > ul > li{} .myinfodiv1 > .maindiv > .mainprofile > aside > ul > li > a{ border-radius:34px; border:1px solid #D9D9D9; display:flex; flex-direction:column; text-align:center; padding:30px 0;} .myinfodiv1 > .maindiv > .mainprofile > aside > ul > li > a > span{ font-size:17px; font-weight:400;} .myinfodiv1 > .maindiv > .mainprofile > aside > ul > li > a > span:last-child{ font-size:24px; font-weight:400;} .myinfodiv1 > .maindiv > .mainprofile > aside > ul > li:nth-child(3) > a{ border-color:#DB27FF;} .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:42px; margin-bottom:50px;} .myinfodiv1 > .maindiv > nav > a{ width:484px; margin:auto; padding:24px 0; text-align:center; border-radius:100px; background-color:#0065B0;} .myinfodiv1 > .maindiv > nav > a:hover{ background-color:#000061; } .myinfodiv1 > .maindiv > nav > a > .linktext{ font-size:32px; font-weight:400;} .myinfodiv1 > .maindiv .gubundiv > hr{ width:484px;} .myinfodiv1 > .maindiv .rewordlistdiv > h4{ width:484px; margin:auto; margin-top:47px;} .myinfodiv1 > .maindiv .rewordlistdiv > h4 > span{ font-size:29px; font-weight:700; } .myinfodiv1 > .maindiv .rewordlistdiv > p{ width:484px; 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;} .mybikefinddiv1{ position: fixed; top: 0; left: -100%; width: 100%; background: #000; height: calc(100% - 60px); padding: 30px 0; display: flex; justify-content: center; align-items: center; z-index: 400; overflow: auto; transition-delay:0.5s; transition-duration:0.5s; } .mybikefinddiv1.active{ top:0; left:0; transition-delay:0s; transition-duration:0.5s;} .mybikefinddiv1 .bikefindclosebtn{ position:absolute; opacity:0; right:3em; top:1.5em; transition-delay:0s; transition-duration:0.5s; z-index:400; width:50px; height:50px; display:inline-block; background-position:center center; background-repeat:no-repeat; background-size:100% 100%; 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");} .mybikefinddiv1.active .bikefindclosebtn{ opacity:1; transition-delay:0.5s; } .mybikefinddiv1 > .maindiv > form{ width:510px; margin:auto;} .mybikefinddiv1 > .maindiv > form > h2{ margin-bottom:50px;} .mybikefinddiv1 > .maindiv > form > h2 > span{ font-size:31px; font-weight:700; display:block;} .mybikefinddiv1 > .maindiv > form > ul{ display:flex; flex-direction:column; gap:20px;} .mybikefinddiv1 > .maindiv > form > ul > li > label{ font-size:20px; font-weight:400; margin:8px 0; display:inline-block;} .mybikefinddiv1 > .maindiv > form > ul > li > div > div > input[type=text]{ font-size:31px; padding:27px 37px; border:1px solid #FFF; font-weight:700; border-radius:9px; background-color:transparent; width:calc(100% - 76px);} .mybikefinddiv1 > .maindiv > form > ul > li > div > div > input[type=text]::placeholder { color: #4E4A4A; font-weight:700; } .mybikefinddiv1 > .maindiv > form > ul > li > div > div > select{ font-size:31px; padding:27px 37px; border:1px solid #FFF; font-weight:700; border-radius:9px; background-color:transparent;} .mybikefinddiv1 > .maindiv > form > ul > li > div > div > select option{ color:#000; width:100%;} .mybikefinddiv1 > .maindiv > form > #mybikefindchkdresultdiv > div > p{ text-align:center;} .mybikefinddiv1 > .maindiv > form > #mybikefindchkdresultdiv > div > p{ font-size:20px; font-weight:300; color:#fff; margin:50px auto;} .mybikefinddiv1 > .maindiv > form > #mybikefindchkdresultdiv > div > p > span{ font-weight:700;} .rewordlistdiv{ margin-bottom:80px;} .mybikefinddiv1 > .maindiv > form > nav{ display:flex; flex-direction:column; gap:18px; margin:auto; margin-top:102px; margin-bottom:50px;} .mybikefinddiv1 > .maindiv > form > nav > a{ width:484px; margin:auto; padding:24px 0; text-align:center; border-radius:100px; background-color:#0065B0;} .mybikefinddiv1 > .maindiv > form > nav > a:hover{ background-color:#000061; } .mybikefinddiv1 > .maindiv > form > nav > a > .linktext{ font-size:32px; font-weight:400;} .ranklistdiv1{ width:510px; margin:auto; margin-top:100px; } .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} .ranklistdiv1 > .maindiv > .eventranklistdiv > h3{ margin-top:44px; 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;} .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;} .ranklistdiv1 > .maindiv > .eventranklistdiv > .top3rank > li:nth-child(1) > .profileicon:before{ content:"1"; background-color:#C27700;} .ranklistdiv1 > .maindiv > .eventranklistdiv > .top3rank > li:nth-child(2) > .profileicon:before{ content:"2"; background-color:#808080;} .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 > 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;} .rewordcardlistdiv{ width:548px; margin:auto; margin-top:100px; } .rewordcardlistdiv > .maindiv > div > .rewordcardicondiv{ text-align:center; margin-bottom:10px;} .rewordcardlistdiv > .maindiv > div > .rewordcardicondiv > img{ width:67px; height:67px; object-fit:contain;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > h2{ text-align:center;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > h2 > span{ font-size:24px; font-weight:900;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > h3{ text-align:center;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > h3 > span{ font-size:64px; font-weight:400;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > aside > nav > ul:after{ content:""; background-image:url(/file/img/gangwon.png); background-size:contain; width:191px; height:122px; display:inline-block; position:absolute; right:0; top:-115px;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > aside > nav > ul{ display:grid; grid-template-columns: repeat(2, 1fr); gap:8px; margin:auto; width:446px; position:relative; margin-top:180px;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > aside > nav > ul > li{ background-color:#fff; position:relative; padding:8px 0;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > aside > nav > ul > li > a > label{ color:#000; font-size:8px; font-weight:400; position:absolute; left:10px; top:2px;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > aside > nav > ul > li > a > div{ text-align:center;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > aside > nav > ul > li > a > div > span{color:#000; font-size:18px; font-weight:700;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > aside > nav > ul > li > a > div > span > span{ color:#000; font-size:24px; font-weight:900;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > aside > nav > ul > li > a > div > span > .gubun{ color:#000; font-size:20px; font-weight:900;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > div > ul{ display:flex; flex-wrap:wrap; margin:auto; position:relative; margin-top:50px; margin-bottom:50px; flex-grow:1;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > div > ul > li{ margin:4px;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > div > ul > li > .notopen{ background-color:#D9D9D9; width:100%; height:141px; display:flex; justify-content:center; align-items:center;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > div > ul > li > .notopen > span{ font-size:20px; font-weight:900; color:#525151;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > div > div > h3{ margin-top:45px;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > div > div > h3 > span{ font-size:29px; font-weight:700;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > div > div > p > span{ font-size:17px; font-weight:400;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > div > div > ul{ margin-top:87px; margin-bottom:50px; display:flex; flex-direction:column; gap:8px;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > div > div > ul > li{ display:flex; gap:50px; align-items:center;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > div > div > ul > li > .rewordicondiv > img{ width:176px; height:141px; object-fit:contain;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > div > div > ul > li > .rewordtextdiv > div{ display:flex; flex-wrap:wrap;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > div > div > ul > li > .rewordtextdiv > div > h4{ width:100%;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > div > div > ul > li > .rewordtextdiv > div > h4 > span{ font-size:24px; font-weight:700;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > div > div > ul > li > .rewordtextdiv > div > p{ width:100%;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > div > div > ul > li > .rewordtextdiv > div > p > span{ font-size:28px; font-weight:700;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > div > div > ul > li > .rewordtextdiv > div > label > span{ font-size:24px; font-weight:700;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > div > div > ul > li > .rewordtextdiv > div > div{ position:relative; margin-left:22px; display:flex; gap:3px; align-items:center;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > 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;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > div > div > ul > li > .rewordtextdiv > div > div > span{ font-size:24px; font-weight:700;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > div > div > ul > li > .rewordtextdiv > div > aside{ display:none; font-size:16px; font-weight:300;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > div > div > ul > li[data-use='Y']{ opacity:0.24;} .rewordcardlistdiv > .maindiv > div > .rewordcardtextdiv > div > div > ul > li[data-use='Y'] > .rewordtextdiv > div > aside{ display:block;} .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; } .cardfindfront > .bmwmotorradlogo{ width:256px; height:55px; object-fit:contain; object-position:center;} .cardfindback{ width:403.2px; height:563.2px; display:inline-block; background-color:#fff; border-radius:16px; } .cardfindback > div{ padding:19px 25px;} .cardfindback > div > div{ display:flex; flex-direction:column;} .cardfindback > div > div > .cardheaderdiv{ display:flex; justify-content:space-between;} .cardfindback > div > div > .cardheaderdiv > .bmwmotorradlogo{ width:90px; height:18px; object-fit:contain; object-position:center;} .cardfindback > div > div > .cardheaderdiv > aside{ background-color:#000; font-size:11px; font-weight:700; width:110.4px; height:19.2px; display:flex; justify-content:center; align-items:center;} .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:relative;} .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; background-color:#000; 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");} .cardviewdiv{ display:flex; gap:25px; justify-content:center; align-items:center; margin-top:18px;} .cardviewdiv > div{width:403.2px; height:563.2px; display:inline-block; background-color:#fff; border-radius:16px;} .cardviewdiv > div > div{ padding:19px 25px;} .cardviewdiv > div > div > div{ display:flex; flex-direction:column;} .cardviewdiv > div > div > div > .cardheaderdiv{ display:flex; justify-content:space-between;} .cardviewdiv > div > div > div > .cardheaderdiv > .bmwmotorradlogo{ width:90px; height:18px; object-fit:contain; object-position:center;} .cardviewdiv > div > div > div > .cardheaderdiv > aside{ background-color:#000; font-size:11px; font-weight:700; width:110.4px; height:19.2px; display:flex; justify-content:center; align-items:center;} .cardimgdiv{ margin-top:8px;} .cardimgdiv > img{ width:352px; height:425px; object-fit:cover; float:left;} .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:12px; font-weight:700;} .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");} .tradediv1 > .maindiv > div > .trademaintext > .tradeheaderdiv{ max-width:484px; margin:44px auto;} .tradediv1 > .maindiv > div > .trademaintext > .tradeheaderdiv > h3{ margin-bottom:11px; } .tradediv1 > .maindiv > div > .trademaintext > .tradeheaderdiv > h3 > span{ font-size:35.2px; font-weight:900;} .tradediv1 > .maindiv > div > .trademaintext > .tradeheaderdiv > p > span{ font-size:16px; font-weight:400;} .tradediv1 > .maindiv > div > .trademaintext > form{ display:flex; justify-content:space-between; margin:44px auto; margin-top:90px; width:484px;} .tradediv1 > .maindiv > div > .trademaintext > form > ul{ background-color:#D9D9D9; border-radius:15px; display:flex; gap:30px; padding:5px;} .tradediv1 > .maindiv > div > .trademaintext > form > ul > li > label{ padding:7px 27px; border-radius:10px; display:inline-block; color:#000; font-size:20px; font-weight:700;} .tradediv1 > .maindiv > div > .trademaintext > form > ul > li > input[type=radio]{ display:none;} .tradediv1 > .maindiv > div > .trademaintext > form > ul > li > input[type=radio]:checked + label{ background-color:#797979; } .tradediv1 > .maindiv > div > .trademaintext > form > a{ background-color:#D9D9D9; border-radius:15px; padding:12px 30px;} .tradediv1 > .maindiv > div > .trademaintext > form > a > .linktext{ color:#000; font-size:20px; font-weight:700; } .tradediv1 > .maindiv > div > .trademaintext > .tradeboarddiv{ width:580px; margin:auto;} .tradediv1 > .maindiv > div > .trademaintext > .tradeboarddiv > table > thead > tr > th{ font-size:16px; font-weight:400; text-align:center; padding:11px 0; border-bottom:1px solid #fff;} .tradediv1 > .maindiv > div > .trademaintext > .tradeboarddiv > table > tbody > tr > td{ text-align:center; } .tradediv1 > .maindiv > div > .trademaintext > .tradeboarddiv > table > tbody > tr > td > a{ color:#fff; font-size:16px; font-weight:400; } .tradediv1 > .maindiv > div > .trademaintext > .tradeboarddiv > table > tbody > tr.list:first-child > td{ padding-top:11px;} .tradediv1 > .maindiv > div > .trademaintext > .tradeboarddiv > table > tbody > tr.list > td{ padding-top:5px;} .tradediv1 > .maindiv > div > .trademaintext > .tradeboarddiv > table > tbody > tr.view > td{ padding-bottom:5px; border-bottom:1px solid transparent; transition-delay:0.3s; transition-duration:0.3s;} .tradediv1 > .maindiv > div > .trademaintext > .tradeboarddiv > table > tbody > tr.view > td > div{ width:100%; height:0; visibility:hidden; opacity:0; transition-duration:0.3s; } .tradediv1 > .maindiv > div > .trademaintext > .tradeboarddiv > table > tbody > tr.view > td > div > div{ text-align:left; display:flex; gap:30px; padding:8px; align-items:center;} .tradediv1 > .maindiv > div > .trademaintext > .tradeboarddiv > table > tbody > tr.view > td > div > div .img > img{ width:100.8px; height:140.8px; object-fit:contain;} .tradediv1 > .maindiv > div > .trademaintext > .tradeboarddiv > table > tbody > tr.view > td > div > div .text > p > span{ font-size:16px; font-weight:400;} .tradediv1 > .maindiv > div > .trademaintext > .tradeboarddiv > table > tbody > tr.view > td > div > div .text > aside{ display:flex; justify-content:space-between; margin:16px 0;} .tradediv1 > .maindiv > div > .trademaintext > .tradeboarddiv > table > tbody > tr.view > td > div > div .text > aside > div{ font-size:12px; font-weight:400;} .tradediv1 > .maindiv > div > .trademaintext > .tradeboarddiv > table > tbody > tr.view > td > div > div .text > nav{ display:flex; justify-content:flex-end; gap:8px;} .tradediv1 > .maindiv > div > .trademaintext > .tradeboarddiv > table > tbody > tr.view > td > div > div .text > nav > a{ background-color:#fff; display:inline-block; padding:4px 10px; border-radius:6px;} .tradediv1 > .maindiv > div > .trademaintext > .tradeboarddiv > table > tbody > tr.view > td > div > div .text > nav > a > .linktext{color:#000; font-size:13px; font-weight:400; } .tradediv1 > .maindiv > div > .trademaintext > .tradeboarddiv > table > tbody > tr.view.active > td{border-bottom:1px solid #fff;} .tradediv1 > .maindiv > div > .trademaintext > .tradeboarddiv > table > tbody > tr.view.active > td > div{ visibility:visible; height:auto; opacity:1;} .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 > h2 > span{ font-size:31px; font-weight:700; display:block;} .cardfindcardchkdiv1 > .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);} .cardfindcardchkdiv1 > .maindiv > form > input[type=tel]::placeholder { color: #4E4A4A; font-weight:700; } .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;} .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;} .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;} .myaddressdiv1{ margin-top:100px;} .myaddressdiv1 > .maindiv > form{ 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:45px; font-weight:700; display:block;} .pgresultdiv1 > .maindiv > div > h3{ margin:16px 0;} .pgresultdiv1 > .maindiv > div > h3 > span{ font-size:32px; font-weight:700;} .pgresultdiv1 > .maindiv > div > p > span{ font-size:22px; 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{ font-size:22px; font-weight:400; padding:16px 0; width:160px; text-align:center; background-color:rgba(255,255,255,0.25)} .pgresultdiv1 > .maindiv > div > div > ul > li > div{ font-size:22px; font-weight:400; padding:16px 16px;} .pgresultdiv1 > .maindiv > div > nav{ display:flex; flex-direction:column; gap:18px; margin:auto; margin-top:50px; margin-bottom:50px;} .pgresultdiv1 > .maindiv > div > nav > a{ width:484px; margin:auto; padding:24px 0; text-align:center; border-radius:100px; background-color:#0065B0; display:inline-block;} .pgresultdiv1 > .maindiv > div > nav > a:hover{ background-color:#000061; } .pgresultdiv1 > .maindiv > div > nav > a > .linktext{ font-size:32px; font-weight:400;}