.case-study-detail-warp{background-color:#fff}.case-study-detail-warp .common-detail-nav{position:fixed;top:50px;width:100%;height:63px;padding:0 15px;font-size:14px;border-top:1px solid transparent;z-index:1400;background-color:#fff}.case-study-detail-warp .common-detail-nav.has-scroll{border-top-color:#e7e7e7;background:rgba(255,255,255,.95);box-shadow:0 6px 6px rgba(149,149,149,.1)}.case-study-detail-warp .common-detail-nav .common-detail-nav-container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;max-width:1170px;margin:0 auto}.case-study-detail-warp .common-detail-nav .btn-back{padding-left:14px;color:#000;background:no-repeat url(/static/images/mw-back-icon.svg) 0 2px;background-size:8px 14px}.case-study-detail-warp .common-detail-nav .btn-back:hover{cursor:pointer}.case-study-detail-warp .share-wraper{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.case-study-detail-warp .share-wraper label{margin-right:8px;margin-bottom:0;font-size:12px;color:#999;font-weight:400}.case-study-detail-warp .share-wraper .sns-list{height:28px;background:#f5f5f5;font-size:0}.case-study-detail-warp .share-wraper .btn-share{position:relative;display:inline-block;width:32px;height:100%;background:no-repeat center;background-size:20px}.case-study-detail-warp .share-wraper .btn-share:hover{cursor:pointer}.case-study-detail-warp .share-wraper .btn-share.facebook{background-image:url(/static/images/share-sns-icon-facebook.png)}.case-study-detail-warp .share-wraper .btn-share.twitter{position:relative;background-image:url(/static/images/share-sns-icon-twitter.png)}.case-study-detail-warp .share-wraper .btn-share.linkedin{position:relative;background-image:url(/static/images/share-sns-icon-linkedin.png)}.case-study-detail-warp .common-content{margin:0 auto;padding:112px 15px 0;bottom:100px}.case-study-detail-warp .content-detail{min-height:335px;line-height:1.6;overflow:hidden;font-size:14px;color:#444}.case-study-detail-warp .common-detail-content{font-size:14px}.case-study-detail-warp .common-detail-content h1{text-align:left;line-height:25px;margin-bottom:23px;font-size:24px;color:#000;margin-top:0;padding-top:28px;font-weight:700}.case-study-detail-warp .common-detail-content hr{border-top:1px dotted;margin:20px 0}.case-study-detail-warp .common-detail-content ul,.case-study-detail-warp .common-detail-content ol{padding-left:24px}.case-study-detail-warp .common-detail-content ul li p{display:list-item;color:#000;list-style-type:disc;margin-bottom:0}.case-study-detail-warp .common-detail-content ol li{list-style-type:decimal}.case-study-detail-warp .common-detail-content h2{font-size:20px;margin-bottom:25px;font-weight:700;margin-top:0}.case-study-detail-warp .common-detail-content p{margin:0;margin-bottom:25px;color:#000;line-height:28px;font-weight:400;word-wrap:break-word}.case-study-detail-warp .common-detail-content p img{width:100%}.case-study-detail-warp .common-detail-content blockquote{position:relative;color:#666;margin:0 20px 20px 0}.case-study-detail-warp .common-detail-content blockquote p{color:#666;margin-left:20px}.case-study-detail-warp .common-detail-content blockquote:before{position:absolute;left:0;height:100%;border-left:2px solid #2a78e4;content:''}.case-study-detail-warp .common-detail-content .table{width:100%;text-align:center}.case-study-detail-warp .common-detail-content .table.table-zebra tr:nth-child(even){background-color:#f5f5f5}.case-study-detail-warp .common-detail-footer{border-top:1px solid #c8c8c8;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0 25px}.case-study-detail-warp .common-detail-footer .tags{display:inline-block;margin-bottom:5px;height:25px;text-align:center;line-height:25px;font-size:14px;color:#666;border:1px solid #ccc;margin-right:5px;padding:0 10px;padding-bottom:5px}.case-study-detail-warp .common-detail-footer .title{font-size:14px;line-height:14px;color:#227df2}.case-study-detail-warp .content-more{width:100%;height:100%;color:#000;text-align:center;margin-left:0;padding:0 0 30px}.case-study-detail-warp .content-more img{width:200px}.case-study-detail-warp .content-more h2{width:100%;font-size:20px;margin:0;margin-bottom:10px;text-align:left;font-weight:700;position:relative}.case-study-detail-warp .content-more h2 span{display:inline-block;width:-webkit-calc(100% - 145px);width:calc(100% - 145px);height:1px;border-top:1px solid #000;position:absolute;top:50%;right:0}.case-study-detail-warp .content-more div{background-color:#f8f8f8;font-size:12px;padding-bottom:10px;margin-bottom:10px}.case-study-detail-warp .content-more div h4{text-align:center;margin:10px 0}.case-study-detail-warp .content-more a{display:block;width:160px;height:28px;line-height:28px;text-align:center;background-color:#fff;border:1px solid #2a78e4;margin:0 auto;margin-bottom:10px}.case-study-detail-warp .content-more a:hover{background-color:#2a78e4;color:#fff}.case-study-detail-warp .layout-col-2{display:block;width:100%}.case-study-detail-warp .layout-col-2 .images{width:100%;margin-bottom:20px;text-align:center;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.case-study-detail-warp .layout-col-2 .images img{width:auto;height:180px}.case-study-detail-warp .layout-col-2 .content{width:100%}@media (min-width:768px){.case-study-detail-warp .common-detail-nav{top:80px;height:53px;padding:0 15px;font-size:18px}.case-study-detail-warp .common-detail-nav .common-detail-nav-container{width:750px;padding:0 15px}.case-study-detail-warp .common-detail-nav .btn-back{padding-left:14px;background-size:10px 18px;background-position-y:3px}.case-study-detail-warp .share-wraper label{font-size:14px}.case-study-detail-warp .common-content{width:750px;padding:132px 15px 0}.case-study-detail-warp .common-detail-content{font-size:16px}.case-study-detail-warp .common-detail-content h1{margin-bottom:30px;font-size:24px;padding-top:30px}.case-study-detail-warp .common-detail-content hr{margin:30px 0}.case-study-detail-warp .common-detail-content h2{font-size:24px;margin-bottom:30px}.case-study-detail-warp .common-detail-content p{margin-bottom:30px}.case-study-detail-warp .common-detail-content blockquote{margin-bottom:30px}.case-study-detail-warp .common-detail-footer{padding:20px 0 30px}.case-study-detail-warp .common-detail-footer .tags{height:28px;line-height:28px}.case-study-detail-warp .common-detail-footer .title{font-size:16px;line-height:16px}.case-study-detail-warp .content-more{width:100%;overflow:hidden;padding:30px 0 40px}.case-study-detail-warp .content-more img{width:100%}.case-study-detail-warp .content-more h2{font-size:24px}.case-study-detail-warp .content-more div{width:-webkit-calc((100% - 40px)/2);width:calc((100% - 40px)/2);font-size:16px;padding-bottom:20px;margin-bottom:20px;float:left;margin-right:20px}.case-study-detail-warp .content-more a{width:230px;height:40px;line-height:40px}.case-study-detail-warp .content-more h2 span{width:546px;height:1px;right:3px}}@media (min-width:992px){.case-study-detail-warp .common-detail-nav .common-detail-nav-container{width:970px}.case-study-detail-warp .common-content{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:970px}.case-study-detail-warp .content-detail{width:750px}.case-study-detail-warp .common-detail-content h1{margin-bottom:35px;font-size:24px}.case-study-detail-warp .common-detail-content hr{margin:30px 0 35px}.case-study-detail-warp .common-detail-content h2{font-size:24px;margin-bottom:35px}.case-study-detail-warp .common-detail-content p{margin-bottom:30px}.case-study-detail-warp .common-detail-content blockquote{margin-bottom:35px}.case-study-detail-warp .common-detail-footer{padding:20px 0 55px}.case-study-detail-warp .content-more{width:260px;position:-webkit-sticky;position:sticky;top:160px;margin-left:20px;padding-bottom:0}.case-study-detail-warp .content-more img{width:100%}.case-study-detail-warp .content-more h2{font-size:24px}.case-study-detail-warp .content-more div{width:100%;font-size:16px;padding-bottom:20px;margin-bottom:20px}.case-study-detail-warp .content-more a{width:230px;height:40px;line-height:40px}.case-study-detail-warp .content-more h2 span{width:80px;height:1px;right:-2px}.case-study-detail-warp .layout-col-2{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%}.case-study-detail-warp .layout-col-2 .images{width:50%}.case-study-detail-warp .layout-col-2 .images img{width:400px;height:auto}.case-study-detail-warp .layout-col-2 .content{width:50%;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.case-study-detail-warp .order-start{-webkit-box-ordinal-group:4;-webkit-order:3;-moz-box-ordinal-group:4;-ms-flex-order:3;order:3}.case-study-detail-warp .order-end{-webkit-box-ordinal-group:7;-webkit-order:6;-moz-box-ordinal-group:7;-ms-flex-order:6;order:6}}@media (min-width:1200px){.case-study-detail-warp .common-detail-nav{top:90px;height:63px;padding:0 15px}.case-study-detail-warp .common-detail-nav .common-detail-nav-container{width:1200px;padding-left:0;padding-right:0}.case-study-detail-warp .common-detail-nav .btn-back{padding-left:14px;font-size:20px;background-size:8px 16px;background-position-y:6px}.case-study-detail-warp .share-wraper label{font-size:16px}.case-study-detail-warp .common-content{width:1200px;padding:153px 15px 0}.case-study-detail-warp .content-detail{width:910px;margin-right:30px}.case-study-detail-warp .common-detail-content{font-size:18px}.case-study-detail-warp .common-detail-content h1{margin-bottom:40px;padding-top:35px}.case-study-detail-warp .common-detail-content hr{margin:35px 0 40px}.case-study-detail-warp .common-detail-content h2{font-size:22px;margin-bottom:40px}.case-study-detail-warp .common-detail-content p{margin-bottom:35px}.case-study-detail-warp .common-detail-content blockquote{margin-bottom:40px}.case-study-detail-warp .common-detail-footer{margin-top:60px;padding:20px 0 70px}.case-study-detail-warp .common-detail-footer .title{font-size:18px;line-height:18px}.case-study-detail-warp .content-more{padding-top:40px}.case-study-detail-warp .content-more h2 span{width:90px;height:1px;right:-2px}}