.pc-show{display:block}@media screen and (max-width: 1024px){.pc-show{display:none}}.sp-show{display:none}@media screen and (max-width: 1024px){.sp-show{display:block}}body{min-height:100vh;position:relative;padding-bottom:215px;font-size:16px;background-color:#000;color:#fff;cursor:auto}@media screen and (max-width: 1024px){body{font-size:16px;padding-bottom:566px}}.complete-message{position:fixed;top:100px;left:50%;transform:translateX(-50%);background-color:#707070;border-radius:30px;padding:10px 30px;color:white;z-index:100;white-space:nowrap}.sp-fixed{display:none}@media screen and (max-width: 1024px){.sp-fixed{display:grid;grid-template-columns:min-content 1fr;align-items:center;position:fixed;z-index:50;bottom:0px;height:60px;width:100%;background-color:#000;border-top:2px solid #fff}.sp-fixed .instagram img{width:35px;height:35px;margin:0px 15px}.sp-fixed .mail{display:flex;align-items:center;text-decoration:none;color:white;border-left:2px solid #fff;height:100%;font-size:22px;justify-content:center;gap:20px}.sp-fixed .mail img{width:35px;height:35px}}footer{position:absolute;z-index:200;border-top:2px solid #fff;background-color:#000;width:100%;bottom:0px}@media screen and (max-width: 480px){footer{margin-top:100px}}footer .grid{height:215px;display:grid;grid-template-columns:max-content 1fr;align-items:center;max-width:1200px;margin:auto;grid-template-areas:"left right" "copy copy"}@media screen and (max-width: 1024px){footer .grid{height:466px}}@media screen and (max-width: 480px){footer .grid{height:466px}}@media screen and (max-width: 1024px){footer .grid{grid-template-columns:1fr;grid-template-areas:"right" "left" "copy"}}footer .grid .left{grid-area:left;justify-self:center}@media screen and (max-width: 1024px){footer .grid .left{text-align:center}}footer .grid .left .logo{font-size:60px;font-weight:bold}@media screen and (max-width: 1024px){footer .grid .left .logo{font-size:46px}}@media screen and (max-width: 480px){footer .grid .left .logo{font-size:30px}}footer .grid .right{grid-area:right;justify-self:right}@media screen and (max-width: 1024px){footer .grid .right{justify-self:center;border-bottom:2px solid #fff;width:100%}}@media screen and (max-width: 1024px){footer .grid .right .menu{text-align:center}}footer .grid .right .menu a{color:#fff;font-size:20px;text-decoration:none;margin:0px 25px}@media screen and (max-width: 1024px){footer .grid .right .menu a{display:block;margin:25px 0px}}footer .grid .right .menu a:hover{opacity:0.7}footer .grid .right .other{display:flex;align-items:center;justify-content:right;gap:20px;margin-top:20px}@media screen and (max-width: 1024px){footer .grid .right .other{display:none}}footer .grid .right .other .instagram img{width:35px;object-fit:contain}footer .grid .copy{grid-area:copy;text-align:center}.index .top{display:grid;grid-template-columns:5fr 5fr;grid-template-areas:"logo content" "picture content";min-height:85vh;grid-template-rows:1fr auto}@media screen and (max-width: 1024px){.index .top{grid-template-columns:1fr;grid-template-areas:"picture" "content"}}.index .top .logo{grid-area:logo;border-right:2px solid #fff;position:relative;height:100%}.index .top .logo img{width:100%;height:100%;object-fit:cover}.index .top .logo .text{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);color:#fff;font-size:60px;font-weight:bold;white-space:nowrap}@media screen and (max-width: 1024px){.index .top .logo{display:none}}.index .top .picture{grid-area:picture;border-right:2px solid #fff;height:75vh;border-bottom:2px solid #fff}@media screen and (max-width: 1024px){.index .top .picture{height:45vh;border:none}}@media screen and (max-width: 480px){.index .top .picture{padding-top:53px}}@media screen and (max-width: 1024px){.index .top .picture .carousel-indicators{display:none}}.index .top .picture img{height:calc(75vh - 2px);object-fit:cover}@media screen and (max-width: 1024px){.index .top .picture img{height:45vh}}.index .top .content{display:grid;grid-template-columns:1fr;grid-area:content;align-items:center;border-bottom:2px solid #fff}@media screen and (max-width: 1024px){.index .top .content{margin-top:-8vh;background:linear-gradient(to bottom, rgba(0,0,0,0), #000 25%);z-index:3;padding:3vh 10px 50px 10px}}@media screen and (max-width: 480px){.index .top .content{padding:3vh 5px 50px 5px}}.index .top .content .top-header{display:grid;grid-template-columns:1fr;margin:0px 30px;gap:10px}@media screen and (max-width: 1024px){.index .top .content .top-header{display:none}}.index .top .content .top-header .header_contact{display:flex;align-items:start;justify-content:end;gap:20px}.index .top .content .top-header .header_contact .instagram img{width:35px;object-fit:contain}.index .top .content .top-header .menu{display:flex;justify-content:end}.index .top .content .top-header .menu a{color:#fff;font-size:20px;margin:0px 20px;white-space:nowrap;text-decoration:none}.index .top .content .title{z-index:1;text-align:center;font-size:50px;margin-top:10px}@media screen and (max-width: 1024px){.index .top .content .title{text-align:left;font-size:6vw}}@media screen and (max-width: 480px){.index .top .content .title{font-size:8vw}}.index .top .content p{margin:0px 40px;font-size:20px}.index .top .content p span{font-size:20px}@media screen and (max-width: 1024px){.index .top .content p{margin:20px 0px;font-size:18px}}@media screen and (max-width: 480px){.index .top .content p{font-size:16px}}.index .top .content .top-btn{display:grid;grid-template-columns:1fr}.index .top .content .top-btn a{justify-self:center;position:relative;width:550px;min-width:500px;margin:20px 40px;font-size:28px;max-width:800px;color:#fff;text-decoration:none;border:1px solid #BF0000;background-color:#707070;padding:10px 20px}@media screen and (max-width: 1024px){.index .top .content .top-btn a{width:60%;min-width:0px;margin:15px 0px;font-size:22px}}@media screen and (max-width: 480px){.index .top .content .top-btn a{width:100%;margin:10px 0px;font-size:4.5vw}}.index .top .content .top-btn a:before{position:absolute;top:50%;right:20px;transform:translateY(-50%);display:block;content:"";width:50px;height:50px;background-color:white;border-radius:30px}@media screen and (max-width: 1024px){.index .top .content .top-btn a:before{width:40px;height:40px}}.index .top .content .top-btn a:after{position:absolute;top:50%;right:40px;transform:translateY(-50%) rotate(45deg);display:block;content:"";width:18px;height:18px;border-top:2px solid #BF0000;border-right:2px solid #BF0000}@media screen and (max-width: 1024px){.index .top .content .top-btn a:after{right:35px;width:15px;height:15px}}.index .top .content .top-btn a:hover{opacity:0.7}.index .main-content .border{border-top:1px solid #fff}.index .main-content section{margin:auto;margin:0px auto;padding:50px 0px 100px 0px}@media screen and (max-width: 1024px){.index .main-content section{padding:50px 10px 100px 10px}}@media screen and (max-width: 480px){.index .main-content section{padding:50px 5px 75px 5px}}.index .main-content section h2{text-align:center}.index .main-content section h2 .wrapper{display:inline-block;position:relative;margin-bottom:30px}.index .main-content section h2 .wrapper .eng{font-size:80px}.index .main-content section h2 .wrapper .eng span{color:#BF0000}@media screen and (max-width: 1024px){.index .main-content section h2 .wrapper .eng{font-size:60px}}@media screen and (max-width: 480px){.index .main-content section h2 .wrapper .eng{font-size:11vw}}.index .main-content section h2 .wrapper .jpn{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);font-size:18px;display:inline-block;white-space:nowrap}@media screen and (max-width: 1024px){.index .main-content section h2 .wrapper .jpn{bottom:-15px;font-size:18px}}@media screen and (max-width: 480px){.index .main-content section h2 .wrapper .jpn{font-size:14px}}.index .main-content section h2 .wrapper .jpn:before{position:absolute;top:50%;left:-25px;transform:translateY(-50%);display:block;content:"";width:15px;height:2px;background-color:#fff}.index .main-content section h2 .wrapper .jpn:after{position:absolute;top:50%;right:-25px;transform:translateY(-50%);display:block;content:"";width:15px;height:2px;background-color:#fff}.index .main-content .lesson .content{margin:auto;padding:20px;max-width:800px;border:2px solid #fff;height:600px;overflow-y:scroll}@media screen and (max-width: 1024px){.index .main-content .lesson .content{width:100%;height:50vh;padding:10px}}.index .main-content .lesson .content h3{text-decoration:underline #BF0000;margin-bottom:20px}.index .main-content .news .list{position:relative;display:grid;grid-template-columns:1fr}.index .main-content .news .list .item{max-width:1000px;margin:auto}.index .main-content .news .list .item a{display:grid;grid-template-rows:min-content 1fr;grid-template-columns:min-content 1fr;grid-template-areas:"img text" "img other";border-bottom:1px solid #fff;padding:15px 0px 10px 0px;text-decoration:none;color:#fff;align-items:center}.index .main-content .news .list .item a img{grid-area:img;height:150px;width:150px;object-fit:contain}@media screen and (max-width: 1024px){.index .main-content .news .list .item a img{height:150px;width:120px}}.index .main-content .news .list .item a .text-area{padding-left:10px}.index .main-content .news .list .item a .text-area h3{text-align:left;font-size:22px;border-bottom:1px solid #BF0000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;text-overflow:ellipsis;overflow:hidden;margin:0px 0px 5px 0px;padding-bottom:7px;font-weight:normal}@media screen and (max-width: 480px){.index .main-content .news .list .item a .text-area h3{font-size:18px;padding-bottom:3px}}.index .main-content .news .list .item a .text-area p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.5;text-overflow:ellipsis;overflow:hidden;margin:15px 0px 10px 0px}@media screen and (max-width: 480px){.index .main-content .news .list .item a .text-area p{font-size:14px}}.index .main-content .news .list .item a .other{align-self:end;display:inline-flex;justify-content:right}.index .main-content .news .list .item a .other div{margin:0px 10px}.index .main-content .news .list .item a:hover{opacity:0.7}.index .main-content .news .list .back-img{position:absolute;z-index:-1;top:0px;right:0px;height:100%;width:200px;width:10%;object-fit:cover}.index .main-content .archive .content{display:grid;grid-template-columns:1fr 1fr;justify-content:center;max-width:1200px;margin:auto;gap:50px}@media screen and (max-width: 1024px){.index .main-content .archive .content{grid-template-columns:1fr;margin:0% 10%}}@media screen and (max-width: 480px){.index .main-content .archive .content{margin:0px 5px;gap:30px}}.index .main-content .archive .content iframe{width:100%;border:1px solid #fff;padding:1px;height:350px}@media screen and (max-width: 480px){.index .main-content .archive .content iframe{height:300px}}.index .main-content .archive .content h3{font-size:20px}.index .main-content .profile{padding:0px;display:grid;grid-template-columns:1fr 1.2fr;grid-template-areas:"content img";justify-content:center}@media screen and (max-width: 1024px){.index .main-content .profile{grid-template-columns:1fr;grid-template-areas:"img" "content"}}.index .main-content .profile .content{grid-area:content;height:100%;padding-left:10%;padding-right:5%;border-right:2px solid #fff}@media screen and (max-width: 1024px){.index .main-content .profile .content{padding:0px 20px;border:none}}@media screen and (max-width: 480px){.index .main-content .profile .content{padding:0px 10px}}.index .main-content .profile .content h2{align-self:start;text-align:left}.index .main-content .profile .content h3{font-size:40px;text-decoration:underline 2px #BF0000;margin-top:60px}@media screen and (max-width: 1024px){.index .main-content .profile .content h3{font-size:36px;margin-top:40px}}@media screen and (max-width: 480px){.index .main-content .profile .content h3{font-size:24px;margin-top:10px}}.index .main-content .profile .content p{margin-top:60px}@media screen and (max-width: 1024px){.index .main-content .profile .content p{margin-top:40px;margin-bottom:100px}}@media screen and (max-width: 480px){.index .main-content .profile .content p{margin-top:20px;margin-bottom:75px}}.index .main-content .profile img{grid-area:img;width:100%;height:700px;object-fit:cover}@media screen and (max-width: 1024px){.index .main-content .profile img{height:40vh}}.index .main-content .aboutus{padding:0px;display:grid;grid-template-columns:1.2fr 1fr;grid-template-areas:"img content";justify-content:center}@media screen and (max-width: 1024px){.index .main-content .aboutus{grid-template-columns:1fr;grid-template-areas:"img" "content"}}.index .main-content .aboutus .content{grid-area:content;height:100%;padding-left:5%;padding-right:10%;border-left:2px solid #fff}@media screen and (max-width: 1024px){.index .main-content .aboutus .content{padding:0px 20px;border:none}}@media screen and (max-width: 480px){.index .main-content .aboutus .content{padding:0px 10px}}.index .main-content .aboutus .content h2{align-self:start;text-align:left}.index .main-content .aboutus .content h3{font-size:40px;text-decoration:underline 2px #BF0000;margin-top:60px}@media screen and (max-width: 1024px){.index .main-content .aboutus .content h3{font-size:36px;margin-top:40px}}@media screen and (max-width: 480px){.index .main-content .aboutus .content h3{font-size:24px;margin-top:10px}}.index .main-content .aboutus .content p{margin-top:60px}@media screen and (max-width: 1024px){.index .main-content .aboutus .content p{margin-top:40px;margin-bottom:100px}}@media screen and (max-width: 480px){.index .main-content .aboutus .content p{margin-top:20px;margin-bottom:75px}}.index .main-content .aboutus img{grid-area:img;width:100%;height:700px;object-fit:cover}@media screen and (max-width: 1024px){.index .main-content .aboutus img{height:40vh}}.index .main-content .contact{max-width:800px;margin:auto}@media screen and (max-width: 1024px){.index .main-content .contact{width:80%}}@media screen and (max-width: 480px){.index .main-content .contact{width:90%}}.index .main-content .contact p{text-align:center;margin:30px 0px 40px 0px}.index .main-content .contact .grid{display:grid;grid-template-columns:2fr 5fr;column-gap:50px;row-gap:20px}@media screen and (max-width: 480px){.index .main-content .contact .grid{grid-template-columns:1fr;row-gap:5px}.index .main-content .contact .grid div:nth-child(2n){margin-bottom:15px}}.index .main-content .contact .grid input,.index .main-content .contact .grid select{height:30px;width:100%}.index .main-content .contact .grid input,.index .main-content .contact .grid select,.index .main-content .contact .grid textarea{padding-left:5px;font-size:14px;outline:white}.index .main-content .contact .grid input[name="address1"]{width:60px}.index .main-content .contact .grid input[name="address2"]{width:100px}.index .main-content .contact .grid input[type="datetime-local"],.index .main-content .contact .grid select{width:200px}.index .main-content .contact .grid textarea{width:100%}.index .main-content .contact .grid span{color:red;line-height:30px}.index .main-content .contact .grid ul{list-style-type:none;padding:0;margin:0;color:red;font-size:14px}.index .main-content .contact .grid li::before{content:"*";display:inline;color:red}.index .main-content .contact .button-wrapper{text-align:center;margin-top:30px}.index .main-content .access .content{width:33%;margin:auto}@media screen and (max-width: 1024px){.index .main-content .access .content{width:80%}}@media screen and (max-width: 480px){.index .main-content .access .content{width:100%;height:400px}}.index .main-content .access .content iframe{width:100%}@media screen and (max-width: 480px){.index .main-content .access .content iframe{height:400px}}header{z-index:1000;position:fixed;width:100%;height:70px;display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"logo menu contact";background-color:#000;align-items:center}@media screen and (max-width: 1024px){header{height:65px;grid-template-columns:1fr;grid-template-areas:"logo" "menu"}}@media screen and (max-width: 480px){header{height:53px}}header a{text-decoration:none;color:#fff;font-size:20px}header .logo{position:relative;z-index:99;grid-area:logo;width:80%}@media screen and (max-width: 1024px){header .logo{width:60%}}header .logo .wrapper{position:relative}header .logo .wrapper img{height:69px;object-fit:contain;width:100%;object-fit:cover}@media screen and (max-width: 1024px){header .logo .wrapper img{height:64px}}@media screen and (max-width: 480px){header .logo .wrapper img{height:52px}}header .logo .wrapper:after{display:block;content:"SALSA ROSA";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;color:white;white-space:nowrap;font-size:40px;font-weight:bold}@media screen and (max-width: 1024px){header .logo .wrapper:after{font-size:7vw}}header .menu{grid-area:menu;z-index:100}@media screen and (max-width: 1024px){header .menu{margin-top:165px;padding:95px 15px 50px 15px;background-color:#000;height:120vh;margin-top:-65px;transform:translateX(100%)}}header .menu a.item{margin:0px 20px}@media screen and (max-width: 1024px){header .menu a.item{display:block;color:#fff;margin:0px;padding:15px 0px;border-bottom:1px solid #fff}}header .menu a.item:hover{opacity:0.7}header .menu a.instagram img{display:block;margin:auto;margin-top:40px;height:40px;width:40px}@media screen and (max-width: 1024px){header .menu.active{animation:fadein 0.7s ease forwards}@keyframes fadein{0%{transform:translateX(100%)}100%{transform:translateX(0%)}}}header .header_contact{grid-area:contact;display:inline-flex;padding-right:20%;justify-content:right;align-items:center;gap:5%}header .header_contact .instagram img{width:35px;object-fit:contain}@media screen and (max-width: 1024px){header .header_contact{display:none}}@media screen and (max-width: 1024px){header .burger{position:fixed;right:15px;display:grid;align-items:center;z-index:100;width:40px}}@media screen and (max-width: 1024px) and (max-width: 480px){header .burger{width:36px}}@media screen and (max-width: 1024px){header .burger div{height:1px;background-color:#fff;gap:10px;width:100%;margin:7px 0px}header .burger.active div{position:absolute}header .burger.active .line1{transform:rotate(45deg);transition:all 0.5s 0s ease}header .burger.active .line2{transform:rotate(45deg);transition:all 0.5s 0.2s ease}header .burger.active .line3{transform:rotate(-45deg);transition:all 0.5s 0s ease}}header.index-header{display:none}@media screen and (max-width: 1024px){header.index-header{display:grid}}.component-btn{cursor:pointer;position:relative;font-size:18px;padding:5px 20px 5px 15px;display:inline-flex;justify-content:center;color:#fff;text-decoration:none;border:1px solid #BF0000;background-color:#707070;min-width:180px}.component-btn img{width:24px;object-fit:contain;margin-right:10px}.component-btn:after{display:block;content:"";position:absolute;top:50%;right:0px;transform:translateY(-50%) translateX(50%);width:30px;height:1px;background-color:#BF0000}.component-btn:hover{opacity:0.7}.blog-list{padding-top:82px;max-width:1100px;margin:auto}@media screen and (max-width: 1024px){.blog-list{padding:65px 30px 0px 30px}}@media screen and (max-width: 480px){.blog-list{padding:53px 10px 0px 10px}}.blog-list h1{font-size:70px;color:#fff;font-weight:bold;margin:0px 0px 25px 0px}.blog-list h1 span{color:#BF0000}@media screen and (max-width: 1024px){.blog-list h1{font-size:90px;margin:20px 0px}}@media screen and (max-width: 480px){.blog-list h1{font-size:70px}}.blog-list .wrapper{display:grid;grid-template-areas:"detail sort" "pagination pagination";grid-template-columns:4fr 1fr;gap:5%}@media screen and (max-width: 1024px){.blog-list .wrapper{grid-template-columns:3fr 1fr;grid-template-areas:"detail sort" "pagination pagination";gap:30px}}@media screen and (max-width: 480px){.blog-list .wrapper{grid-template-columns:1fr;grid-template-areas:"detail" "pagination" "sort";gap:30px}}.blog-list .wrapper .blog-sort{grid-area:sort}.blog-list .wrapper .pagination{grid-area:pagination}.blog-list .wrapper .list{grid-area:detail}.blog-list .wrapper .list a{display:grid;grid-template-rows:min-content 1fr;grid-template-columns:min-content 1fr;grid-template-areas:"img text" "img other";border-bottom:1px solid #fff;padding:15px 0px 10px 0px;text-decoration:none;color:#fff;align-items:center}.blog-list .wrapper .list a img{grid-area:img;height:150px;width:150px;object-fit:contain}@media screen and (max-width: 1024px){.blog-list .wrapper .list a img{height:150px;width:120px}}.blog-list .wrapper .list a .text-area{padding-left:10px}.blog-list .wrapper .list a .text-area h2{font-size:22px;border-bottom:1px solid #BF0000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;text-overflow:ellipsis;overflow:hidden;margin:0px 0px 5px 0px;padding-bottom:7px;font-weight:normal}@media screen and (max-width: 480px){.blog-list .wrapper .list a .text-area h2{font-size:18px;padding-bottom:3px}}.blog-list .wrapper .list a .text-area p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.5;text-overflow:ellipsis;overflow:hidden;margin:15px 0px 10px 0px}@media screen and (max-width: 480px){.blog-list .wrapper .list a .text-area p{font-size:14px}}.blog-list .wrapper .list a .other{align-self:end;display:inline-flex;justify-content:right}.blog-list .wrapper .list a .other div{margin:0px 10px}.blog-list .wrapper .list a:hover{opacity:0.7}.blog-detail .wrapper{padding-top:120px;max-width:1100px;margin:auto}@media screen and (max-width: 1024px){.blog-detail .wrapper{padding:115px 30px 0px 30px}}@media screen and (max-width: 480px){.blog-detail .wrapper{padding:103px 10px 0px 10px}}.blog-detail .wrapper .detail-grid{display:grid;grid-template-columns:2.5fr 1fr;gap:50px;grid-template-areas:"main-content right" "bottom right";margin-bottom:100px;grid-template-rows:auto 1fr}@media screen and (max-width: 1024px){.blog-detail .wrapper .detail-grid{grid-template-columns:1fr;grid-template-areas:"main-content" "bottom" "right"}}.blog-detail .wrapper .detail-grid .main-content{display:grid;grid-template-columns:1fr;grid-template-rows:min-content min-content auto min-content;border:1px solid #fff;padding:10px 20px;border-radius:3px;grid-area:main-content;background-color:#fff;min-height:50vh}@media screen and (max-width: 480px){.blog-detail .wrapper .detail-grid .main-content{padding:10px}}.blog-detail .wrapper .detail-grid .main-content img.thumbnail{max-height:400px;width:100%;object-fit:contain;margin:30px 0px}.blog-detail .wrapper .detail-grid .main-content .title{border-bottom:1px solid black;padding-bottom:5px}.blog-detail .wrapper .detail-grid .main-content .title h1{color:black;font-size:22px;margin:0px 0px 0px 0px}.blog-detail .wrapper .detail-grid .main-content .blog-content{border-top:1px solid black;color:black;padding:10px 0px 50px 0px}.blog-detail .wrapper .detail-grid .main-content .other{color:black;margin-top:5px;text-align:right;padding-right:10px}.blog-detail .wrapper .detail-grid .main-content .other .date{display:inline-block;font-size:14px;margin-right:10px}.blog-detail .wrapper .detail-grid .main-content .other .category{display:inline-block;font-size:14px}.blog-detail .wrapper .detail-grid .bottom-wrapper{grid-area:bottom;align-self:start;display:grid;grid-template-columns:1fr 1fr;align-items:end;font-size:14px}.blog-detail .wrapper .detail-grid .bottom-wrapper a{position:relative;text-decoration:none;color:#fff;width:70%}.blog-detail .wrapper .detail-grid .bottom-wrapper a .title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;text-overflow:ellipsis;overflow:hidden;border-bottom:1px solid #fff;padding-bottom:4px}@media screen and (max-width: 480px){.blog-detail .wrapper .detail-grid .bottom-wrapper a .title{display:none}}.blog-detail .wrapper .detail-grid .bottom-wrapper a .blog-content{font-size:14px}@media screen and (max-width: 480px){.blog-detail .wrapper .detail-grid .bottom-wrapper a .blog-content{display:inline-block;font-size:16px;padding-bottom:4px}}.blog-detail .wrapper .detail-grid .bottom-wrapper a:hover{opacity:0.7}.blog-detail .wrapper .detail-grid .bottom-wrapper a.previous div{margin-left:30px}.blog-detail .wrapper .detail-grid .bottom-wrapper .previous::before{content:"";position:absolute;top:50%;left:0px;transform:translateY(-50%);transform-origin:right;border-left:2px solid #fff;border-bottom:2px solid #fff;width:13px;height:13px;transform:rotate(45deg)}.blog-detail .wrapper .detail-grid .bottom-wrapper a.next{justify-self:right}@media screen and (max-width: 480px){.blog-detail .wrapper .detail-grid .bottom-wrapper a.next{text-align:right}}.blog-detail .wrapper .detail-grid .bottom-wrapper a.next div{margin-right:30px}.blog-detail .wrapper .detail-grid .bottom-wrapper a.next .blog-content{text-align:right}.blog-detail .wrapper .detail-grid .bottom-wrapper .next::after{content:"";position:absolute;top:50%;right:6px;transform:translateY(-50%);transform-origin:left;border-right:2px solid #fff;border-bottom:2px solid #fff;width:13px;height:13px;transform:rotate(-45deg)}.blog-detail .wrapper .detail-grid .right{grid-area:right}.blog-detail .wrapper .detail-grid .right .new-blog{border-radius:3px;align-self:start;margin-bottom:100px}@media screen and (max-width: 1024px){.blog-detail .wrapper .detail-grid .right .new-blog{margin-top:20px;border:1px solid #fff;padding:10px 10px 20px 10px;margin-bottom:70px}}.blog-detail .wrapper .detail-grid .right .new-blog h2{font-size:20px;margin:0px 0px}.blog-detail .wrapper .detail-grid .right .new-blog a{text-decoration:none;color:#fff}.blog-detail .wrapper .detail-grid .right .new-blog a .grid{display:grid;grid-template-columns:100px 1fr;border-bottom:1px solid #fff;align-items:center;height:110px;column-gap:10px;grid-template-areas:"img title" "img other";margin-top:10px;padding-bottom:7px}.blog-detail .wrapper .detail-grid .right .new-blog a .grid img{grid-area:img;width:100%;height:75px;object-fit:contain}.blog-detail .wrapper .detail-grid .right .new-blog a .grid h3{grid-area:title;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.5;text-overflow:ellipsis;overflow:hidden;margin:0px;padding:0px;font-size:16px;font-weight:normal}@media screen and (max-width: 480px){.blog-detail .wrapper .detail-grid .right .new-blog a .grid h3{font-size:14px}}.blog-detail .wrapper .detail-grid .right .new-blog a .grid .other{grid-area:other;align-self:end;margin-bottom:2px;text-align:right}.blog-detail .wrapper .detail-grid .right .new-blog a .grid .other .category{display:inline-flex;min-width:60px;text-align:center;background-color:#fff;color:#000;border-radius:100px;padding:2px 10px;font-size:12px;align-items:center;justify-content:center}.blog-detail .wrapper .detail-grid .right .new-blog a .grid .other .date{display:inline-block;font-size:12px;margin-left:5px}.blog-detail .wrapper .detail-grid .right .new-blog a:hover{opacity:0.7}.blog-sort{width:100%}.blog-sort a{display:block;text-decoration:underline 1px;color:#fff;margin:10px 0px}.blog-sort a.check{opacity:0.5}.blog-sort a:hover{opacity:0.5}.blog-sort .title{padding:20px 0px 10px 0px;border-top:1px solid #fff}.blog-sort .title:first-child{font-weight:bold;border-top:none}.blog-sort .select{margin-bottom:20px}.pagination{display:flex;justify-content:center;align-items:center;gap:3px;margin:80px 0px 110px 0px}@media screen and (max-width: 1024px){.pagination{margin:50px 0px 50px 0px}}.pagination a{color:black;text-decoration:none}.pagination .page_number{display:flex;justify-content:center;align-items:center;width:30px;height:30px;background-color:white;border:1px solid #fff}.pagination .now_page{display:flex;justify-content:center;align-items:center;width:30px;height:30px;color:#fff;border:1px solid #fff;background-color:#BF0000}.pagination .none{width:30px;height:30px}.pagination .previous-icon,.pagination .next-icon{position:relative;display:flex;justify-content:center;align-items:center;width:30px;height:30px;background-color:white;color:#000;border:1px solid #fff}.pagination .previous-icon::after{content:"";position:absolute;left:60%;top:50%;transform:translate(-50%, -50%) rotate(135deg);display:block;width:10px;height:10px;border-bottom:2px solid #BF0000;border-right:2px solid #BF0000}.pagination .next-icon::after{content:"";position:absolute;left:40%;top:50%;transform:translate(-50%, -50%) rotate(-45deg);display:block;width:10px;height:10px;border-bottom:2px solid #BF0000;border-right:2px solid #BF0000}

/*# sourceMappingURL=style.css.map */