.com-wrap{width:100%;max-width:1040px;padding:0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin:50px auto}@media (max-width: 700px){.com-wrap{display:block}}@media (max-width: 480px){.com-wrap{margin:50px auto 0}}.com-wrap .com-main-area{width:780px}@media (max-width: 700px){.com-wrap .com-main-area{width:100%}}.com-wrap .com-nav-area{-webkit-box-flex:0;-ms-flex:0 0 180px;flex:0 0 180px;margin-right:40px}@media (max-width: 768px){.com-wrap .com-nav-area{-webkit-box-flex:0;-ms-flex:0 0 160px;flex:0 0 160px;margin-right:20px}}@media (max-width: 700px){.com-wrap .com-nav-area{width:auto;margin:0}}.com-wrap .com-nav-area ul{position:-webkit-sticky;position:sticky;top:228px;font-size:14px;border-top:1px solid #9a9ab8;border-bottom:1px solid #9a9ab8}@media (max-width: 480px){.com-wrap .com-nav-area ul{position:static;top:auto;margin:0 -20px}}.com-wrap .com-nav-area ul li:not(:last-of-type){border-bottom:1px solid #d6d6d6}.com-wrap .com-nav-area ul li a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px;text-decoration:none;white-space:nowrap;-webkit-transition:all .2s;transition:all .2s}@media (min-width: 768px){.com-wrap .com-nav-area ul li a{padding-left:1em}}@media (max-width: 480px){.com-wrap .com-nav-area ul li a{padding-left:2em}.com-wrap .com-nav-area ul li a::after{content:'>';position:absolute;right:1.5em;top:calc((100% - 14px) / 2)}}.com-wrap .com-nav-area ul li a:hover{background-color:#e5e5ed}.com-wrap .com-nav-area ul li a.active{color:#41417a}@media (max-width: 480px){.com-wrap .com-nav-area ul li a.active::after{content:none}}
@media (max-width: 1100px) and (min-width: 768px) {.com-wrap .com-nav-area ul {top: 110px;}}