@font-face{font-family:Yu Gothic;font-weight:400;src:local("Yu Gothic Medium")}@font-face{font-family:Yu Gothic;font-weight:700;src:local("Yu Gothic Bold")}@layer page{body.case main{margin:auto;max-width:1400px;padding:0 50px 120px}body.case main .caseNav{align-items:center;border-bottom:3px solid #000;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;margin-bottom:50px}body.case main .caseNav li a{background:#e9e9e9;border-radius:5px;color:#777;display:block;font-size:17px;font-size:1.7rem;font-weight:600;margin:0 3px;padding:10px 20px;text-align:center}body.case main .caseNav li a.current{background:#000;border-radius:5px 5px 0 0;color:#fff;padding:15px 20px}body.case main .entryList{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:space-between}body.case main .entryList:after,body.case main .entryList:before{content:"";display:block;width:23%}body.case main .entryList:before{order:1}body.case main .entryList .caseBox{margin-bottom:40px;outline:none;position:relative;width:23%}body.case main .entryList .caseBox a{display:block;font-size:17px;font-size:1.7rem;padding-bottom:20px;text-align:center}body.case main .entryList .caseBox a .category{background:#ffe326;font-size:14px;font-size:1.4rem;padding:3px 5px}body.case main .entryList .caseBox a strong{display:block;margin-top:5px;text-decoration:underline}body.case main .entryList .caseBox .newPost{height:70px;left:0;position:absolute;top:0;width:70px;z-index:999}body.case main .entryList .caseBox .photo{margin-bottom:15px;position:relative;width:100%}body.case main .entryList .caseBox .photo:before{background:#fff;content:"";display:block;padding-top:100%;position:relative;z-index:9}body.case main .entryList .caseBox .photo p{height:100%;overflow:hidden;position:absolute;top:0;width:100%;z-index:99}body.case main .entryList .caseBox .photo p img{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}body.case main .entryList p.noItem{margin-bottom:50px}body.single-case main .entryTop{align-items:center;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between}body.single-case main .entryTop .photoArea{width:50%}body.single-case main .entryTop .photoArea .slider img{margin:auto}body.single-case main .entryTop .photoArea .slider-for{margin-bottom:30px}body.single-case main .entryTop .photoArea .slider-for img{height:auto;width:70%}body.single-case main .entryTop .photoArea .slider-nav .slick-slide{border:1px solid #d0c9be;margin:0 5px;padding:10px}body.single-case main .entryTop .photoArea .slider-nav .slick-slide img{opacity:.5}body.single-case main .entryTop .photoArea .slider-nav .slick-slide img:hover{cursor:pointer}body.single-case main .entryTop .photoArea .slider-nav .slick-current img{opacity:1}body.single-case main .entryTop .txtArea{width:45%}body.single-case main .entryTop .txtArea h2{font-size:35px;font-size:3.5rem;margin:0 0 30px}body.single-case main .entryTop .txtArea h2 span{display:block;font-size:19px;font-size:1.9rem}body.single-case main .entryTop .txtArea table{border-top:1px solid #000;margin:50px 0;position:relative;width:100%}body.single-case main .entryTop .txtArea table tr{border-bottom:1px solid #000}body.single-case main .entryTop .txtArea table tr th{padding:10px 0;position:relative;width:30%}body.single-case main .entryTop .txtArea table tr th:before{background:#000;content:"";height:calc(100% - 10px);position:absolute;right:0;top:5px;width:1px}body.single-case main .entryTop .txtArea table tr td{padding:10px 40px}body.single-case main .entryTop .txtArea .btn a{padding:15px 0;width:100%}body.single-case main .bottomColumn{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row-reverse;justify-content:space-between;margin:80px 0 0}body.single-case main .bottomColumn .catArea{width:300px}body.single-case main .bottomColumn .catArea #localNav{position:-webkit-sticky;position:sticky;top:20px}body.single-case main .bottomColumn .catArea #localNav h3{border-bottom:1px double #d80000;color:#d80000;margin-bottom:20px;padding:0 5px 10px}body.single-case main .bottomColumn .catArea #localNav ul{margin-left:10px}body.single-case main .bottomColumn .catArea #localNav ul li{margin-bottom:5px}body.single-case main .bottomColumn .catArea #localNav ul li a{display:block;font-weight:600;padding:5px 0;position:relative}body.single-case main .bottomColumn .catArea #localNav ul li a:after{border-right:2px solid #d80000;border-top:2px solid #d80000;content:"";display:block;height:8px;margin:-4px 0 0;position:absolute;right:3%;top:50%;transform:rotate(45deg);transition:all .3s;width:8px}body.single-case main .bottomColumn .catArea #localNav ul li a:hover:after{right:0}body.single-case main .bottomColumn .caseRight{width:calc(100% - 380px)}body.single-case main .bottomColumn .caseRight h2{background:url(/assets/dest/img/top/bg/bg_flow.png) repeat;border-radius:10px;box-shadow:5px 5px 0 0 rgba(204,182,35,.7);margin-bottom:30px;padding:5px 20px}body.single-case main .bottomColumn .caseRight .entryList .caseBox{width:33%}body.single-case main .bottomColumn .caseRight .entryList .caseBox .photo+p{margin:auto;width:90%}body.single-case main .bottomColumn .caseRight .entryList .caseBox a{font-size:15px;font-size:1.5rem;text-decoration:underline}body.single-case main .bottomColumn .caseRight .btn a{margin:auto;padding:15px 0;width:80%}@media screen and (max-width:812px){body.case #container{padding:0 3% 10%}body.case #container main{padding:0}body.case #container main .caseNav{display:none}body.case #container main .entryList p.noItem{margin:0}body.case #container main .entryList .caseBox{border-bottom:1px solid #e9e1c7;margin-bottom:8%;padding-bottom:8%;width:100%}body.case #container main .entryList .caseBox:last-child{border:none;margin:0;padding:0}body.case #container main .entryList .caseBox .newPost{height:40px;top:-8%;width:40px}body.case #container main .entryList .caseBox a{align-items:center;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;font-size:16px;font-size:1.6rem;gap:10px;justify-content:space-between;padding:0;text-align:justify}body.case #container main .entryList .caseBox a .photo{line-height:0;margin:0;width:37%}body.case #container main .entryList .caseBox a .photo:before{display:none}body.case #container main .entryList .caseBox a .photo img,body.case #container main .entryList .caseBox a .photo p{position:static;transform:none}body.case #container main .entryList .caseBox a .txt{width:60%}body.single-case main .entryTop{display:block}body.single-case main .entryTop .photoArea{margin-bottom:8%;width:100%}body.single-case main .entryTop .photoArea .slider-for{margin-bottom:3%}body.single-case main .entryTop .photoArea .slider-for img{width:auto}body.single-case main .entryTop .txtArea{width:100%}body.single-case main .entryTop .txtArea h2{font-size:20px;font-size:2rem;margin-bottom:3%}body.single-case main .entryTop .txtArea h2 span{font-size:17px;font-size:1.7rem}body.single-case main .entryTop .txtArea .txt{font-size:15px;font-size:1.5rem}body.single-case main .entryTop .txtArea table{margin:5% 0 8%}body.single-case main .entryTop .txtArea .btn a{font-size:17px;font-size:1.7rem;padding:15px}body.single-case main .bottomColumn{display:block;margin:15% 0 0}body.single-case main .bottomColumn .caseRight{width:auto}body.single-case main .bottomColumn .caseRight h2{font-size:20px;font-size:2rem;line-height:1.3}body.single-case main .bottomColumn .caseRight .entryList{margin-bottom:10%}body.single-case main .bottomColumn .caseRight .entryList .caseBox{width:100%}body.single-case main .bottomColumn .caseRight .btn a{font-size:17px;font-size:1.7rem;padding:15px;width:100%}body.single-case main .bottomColumn .catArea{margin-top:13%;width:100%}body.single-case main .bottomColumn .catArea h3{font-size:20px;font-size:2rem}}}