@import url(https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600;700&family=Nanum+Gothic:wght@400;700;800&family=Nanum+Myeongjo:wght@400;700;800&family=Roboto+Mono:wght@300;400&family=Roboto:wght@300;400;500&display=swap);
@-webkit-keyframes lotteryBgGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes lotteryBgGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,menu,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}
*[hidden]{display:none}
body{line-height:1}
menu,ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none;color:#3d3b3e}
img{width:100%}
body::-webkit-scrollbar{width:5px;background:#dbdcdd}
body::-webkit-scrollbar-thumb{background:#9fc2cb;border-radius:8px}
body::-webkit-scrollbar-track{background:#dbdcdd}
.desc-section{width:40%}
.desc-section .desc-title{background:#3385ff;display:flex;align-items:center;justify-content:center;padding:3em;box-sizing:border-box}
.desc-section .desc-title h2{color:rgba(255,255,255,.4);font-size:4em;font-family:"Crimson Text",serif}
.desc-section article{padding:3em;color:#3d3b3e;font-family:"Nanum Gothic",sans-serif}
.desc-section article h4{font-size:1.2em;font-family:"Roboto",sans-serif;border-bottom:2px solid #3385ff;padding-bottom:10px}
.desc-section article p{font-size:16px;line-height:1.5;margin-top:1em}
.desc-section article p .point-text{color:#1b4186;font-weight:600;border-bottom:1px solid #1b4186}
.desc-section article p .fn-text{color:#2e77e6;font-weight:600}
.more-navigation .more-nav-btn{position:fixed;right:20px;bottom:20px;z-index:5;border:none;background:none;cursor:pointer;outline:none;transition:all .3s ease-in-out}
.more-navigation .more-nav-btn i{font-size:3em;color:#9fc2cb}
.more-navigation .more-nav-btn.more-nav-on{transform:rotate(45deg);transition:all .3s ease-in-out}
.more-navigation .more-nav-btn.more-nav-on i{color:#fff}
.more-navigation .more-nav{position:fixed;top:0;right:0;width:0;height:100vh;display:flex;align-items:center;justify-content:center;background:#9fc2cb;line-height:3;z-index:3;text-align:center;transition:width .3s ease-in-out;overflow:hidden}
.more-navigation .more-nav.more-nav-show{width:40%;transition:width .3s ease-in-out}
.more-navigation .more-nav .more-nav-item a{color:#fff;font-size:15px}
.wrap .header .header-contents .header-icon-search,.wrap .header .header-contents .header-icon-menubar{background:none;border:none;outline:none;cursor:pointer}
.section-title{font-family:"Crimson Text",serif;font-size:1.5em;line-height:1.2;color:#222;font-weight:700}
.collection-button{display:inline-block;border:1px solid #c7ab87;padding:5px 20px;margin-top:20px;color:#c7ab87;font-family:"Crimson Text",serif}
.collection-button i{vertical-align:text-top}
.collection-button:hover{background:#c7ab87;color:#222;transition:all .3s ease}
.overlay{position:fixed;width:100%;height:100vh;background:rgba(0,0,0,.5);transition:background .3s ease;z-index:3}
.overlay.hidden{display:none}
.wrap{width:100%;min-height:100%;box-sizing:border-box;font-family:"Roboto",sans-serif;color:#222;overflow:hidden;position:relative}
.wrap .header{width:100%;position:fixed;z-index:3;background:#fff}
.wrap .header .header-contents{display:flex;align-items:center;justify-content:space-between;padding:1em 2em}
.wrap .header .header-contents .header-icon-menubar{width:40px;line-height:1;text-align:left;z-index:10}
.wrap .header .header-contents .header-icon-menubar .menubar-line{display:inline-block;width:100%;height:3px;background:#222;border-radius:10px;opacity:.8;transition:all .3s ease}
.wrap .header .header-contents .header-icon-menubar .menubar-line:last-child{width:20px}
.wrap .header .header-contents .header-icon-menubar.nav-close .menubar-line{transform:rotate(45deg);transform-origin:7px;transition:all .3s ease}
.wrap .header .header-contents .header-icon-menubar.nav-close .menubar-line:last-child{width:29px;transform:rotate(-45deg);transform-origin:3px}
.wrap .header .header-contents .header-logo{position:absolute;left:50%;transform:translateX(-50%)}
.wrap .header .header-contents .header-logo .header-logo-items{width:170px;max-width:800px;transform:matrix(3.5, 0, 0, 3.5, 0, 112)}
.wrap .header .header-contents .header-icon-search{width:35px}
.wrap .navigation{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;width:0;height:100vh;background:#fff;line-height:3;font-size:1.5em;overflow:hidden;transition:width ease .5s;z-index:5}
.wrap .navigation.nav-show{width:50%;left:0;transition:width ease .5s}
.wrap .search-form-wrap{opacity:0;visibility:hidden;position:fixed;width:100%;height:100vh;background-color:#fff;z-index:10;text-align:right;transition:all .3s ease-in-out}
.wrap .search-form-wrap.serach-wrap-show{opacity:1;visibility:visible;transition:all .3s ease-in-out}
.wrap .search-form-wrap .close-button{display:inline-block}
.wrap .search-form-wrap .close-button i{font-size:40px;padding:30px 30px 0;cursor:pointer}
.wrap .search-form-wrap .serach-form-contents{position:relative;top:20%;text-align:center;width:60%;margin:0 auto}
.wrap .search-form-wrap .serach-form-contents .search-form{margin-bottom:3em}
.wrap .search-form-wrap .serach-form-contents .search-form input{border-width:0 0 1px;border-color:#222;width:100%;outline:none;font-size:20px;padding:10px}
.wrap .search-form-wrap .serach-form-contents span{color:#222;font-size:1.5em}
.wrap .search-form-wrap .serach-form-contents .search-list{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:500px;margin:2em auto 0}
.wrap .search-form-wrap .serach-form-contents .search-list .search-list-item{flex:1 1 25%;line-height:2}
.wrap .search-form-wrap .serach-form-contents .search-list .search-list-item:after{content:"/";float:right;opacity:.6}
.wrap .search-form-wrap .serach-form-contents .search-list .search-list-item:nth-child(4):after,.wrap .search-form-wrap .serach-form-contents .search-list .search-list-item:last-child:after{content:none}
.wrap .search-form-wrap .serach-form-contents .search-list .search-list-item a{color:#666}
.wrap .main{position:relative;padding-top:9em}
.wrap .main .celebrites-contents{display:flex;align-items:center;justify-content:space-around;width:90%;margin:0 auto;padding:10em 0}
.wrap .main .celebrites-contents .celebrites-items{box-sizing:border-box}
.wrap .main .celebrites-contents .celebrites-items:nth-child(2){max-width:400px}
.wrap .main .celebrites-contents .celebrites-items .celebrites-items-text{padding:30px}
.wrap .main .celebrites-contents .celebrites-items .celebrites-items-text span{color:#c7ab87;text-transform:uppercase}
.wrap .main .celebrites-contents .celebrites-items .celebrites-items-text .section-title{margin:20px 0}
.wrap .main .celebrites-contents .celebrites-items .celebrites-items-text p{font-size:1em;color:#666;line-height:1.5}
.wrap .main .collection-section{background:url(../52447de17beeae96db2f444541b0a9ef.png) no-repeat;background-position:bottom 50px right 30px;background-size:500px;background-color:#f6efe8}
.wrap .main .collection-section .collection-contents{display:flex;justify-content:space-between;align-items:center;width:90%;margin:0 auto;padding:8em 0 12em}
.wrap .main .collection-section .collection-contents .collection-items{position:relative;flex:2 1 0}
.wrap .main .collection-section .collection-contents .collection-items:last-child{display:flex;justify-content:center;margin:0 auto}
.wrap .main .collection-section .collection-contents .collection-items .collection-items-image{width:60%;max-width:700px;float:right}
.wrap .main .collection-section .collection-contents .collection-items .collection-items-image:last-child{width:45%;max-width:500px;position:absolute;bottom:-80px}
.wrap .main .collection-section .collection-contents .collection-items .collection-items-text{max-width:300px}
.wrap .main .collection-section .collection-contents .collection-items .collection-items-text p{margin:30px 0;line-height:1.5;color:#666}
.wrap .main .shoes-contents{display:flex;align-items:center}
.wrap .main .shoes-contents .shoes-items{flex:1;text-align:center;box-sizing:border-box}
.wrap .main .shoes-contents .shoes-items span{line-height:1.3}
.wrap .main .shoes-contents .shoes-items .shoes-items-image{max-width:300px;margin:30px auto}
.wrap .footer{background-color:#8f7e6f}
.wrap .footer .footer-contents{text-align:center;padding:6em 0}
.wrap .footer .footer-contents .footer-logo{max-width:300px;display:inline-block}
.wrap .footer .footer-contents .footer-desc{font-family:"Crimson Text",serif;line-height:1.5;color:#cbb8a7;margin:4em auto}
.wrap .footer .footer-contents .footer-sns-items{display:flex;justify-content:space-between;max-width:500px;margin:0 auto}
.wrap .footer .footer-contents .footer-sns-items a{color:#cbb8a7;font-size:13px}
@media only screen and (max-width: 1024px){.desc-section{width:50%}}
@media only screen and (max-width: 768px){.desc-section{width:100%;order:1}}
@media only screen and (max-width: 768px){.desc-section .desc-title{padding:2em}}
@media only screen and (max-width: 1200px){.desc-section .desc-title h2{font-size:3em}}
@media only screen and (max-width: 768px){.desc-section article{padding:2em}}
@media only screen and (max-width: 768px){.desc-section article h4{font-size:1em}}
@media only screen and (max-width: 1200px){.desc-section article p{font-size:14px}}
@media only screen and (max-width: 768px){.desc-section article p{font-size:13px}}
@media only screen and (max-width: 768px){.more-navigation .more-nav-btn.more-nav-on{top:20px;bottom:auto}}
@media only screen and (max-width: 1024px){.more-navigation .more-nav.more-nav-show{width:50%}}
@media only screen and (max-width: 768px){.more-navigation .more-nav.more-nav-show{width:100%}}
@media only screen and (max-width: 575px){.wrap .header .header-contents{padding:1em}}
@media only screen and (max-width: 768px){.wrap .navigation.nav-show{width:100%}}
@media only screen and (max-width: 575px){.wrap .search-form-wrap .serach-form-contents .search-list .search-list-item{flex:1 1 50%}}
@media only screen and (max-width: 575px){.wrap .search-form-wrap .serach-form-contents .search-list .search-list-item:nth-child(even):after{content:none}}
@media only screen and (max-width: 768px){.wrap .main{padding-top:4em}}
@media only screen and (max-width: 768px){.wrap .main .celebrites-contents{padding:0;flex-wrap:wrap;margin:3em auto}}
@media only screen and (max-width: 768px){.wrap .main .celebrites-contents .celebrites-items{text-align:center}}
@media only screen and (max-width: 768px){.wrap .main .celebrites-contents .celebrites-items:first-child{max-width:400px}}
@media only screen and (max-width: 768px){.wrap .main .collection-section{background-size:300px}}
@media only screen and (max-width: 768px){.wrap .main .collection-section .collection-contents{flex-wrap:wrap;padding:3em 0}}
@media only screen and (max-width: 1024px){.wrap .main .collection-section .collection-contents .collection-items{flex:1 1 0}}
@media only screen and (max-width: 768px){.wrap .main .collection-section .collection-contents .collection-items{flex:auto;width:100%}}
@media only screen and (max-width: 768px){.wrap .main .collection-section .collection-contents .collection-items .collection-items-text{max-width:100%;text-align:center}}
@media only screen and (max-width: 1024px){.wrap .main .collection-section .collection-contents .collection-items .collection-items-text p{font-size:14px}}
@media only screen and (max-width: 768px){.wrap .main .shoes-contents{flex-wrap:wrap}}
@media only screen and (max-width: 768px){.wrap .main .shoes-contents .shoes-items{flex:auto}}
@media only screen and (max-width: 768px){.wrap .main .shoes-contents .shoes-items:first-child{margin:3em 0}}
@media only screen and (max-width: 1024px){.wrap .main .shoes-contents .shoes-items .shoes-items-image{max-width:200px}}
@media only screen and (max-width: 768px){.wrap .footer .footer-contents .footer-desc{padding:0 2em}}
@media only screen and (max-width: 768px){.wrap .footer .footer-contents .footer-sns-items{flex-wrap:wrap}}
@media only screen and (max-width: 768px){.wrap .footer .footer-contents .footer-sns-items .footer-sns-item{flex:1 1 33%;line-height:2}}

/*# sourceMappingURL=http://localhost:9000/scss/lv.e52510d39e5a08036606.css.map*/