@charset "UTF-8";:root{--main-color:#273c86;--point-color:#606bbc}.container{margin:0 auto;max-width:1440px}.cursor-circle{position:fixed;transform:translate(-50%,-50%);width:20px;height:20px;z-index:9999;background-color:var(--point-color);border-radius:50%;pointer-events:none}.header{position:relative;z-index:10}.header-top{height:47px;border-bottom:1px solid #e5e5e5}.header-top>div{display:flex;align-items:center;justify-content:space-between;height:100%}.header-top .left-list{display:flex;flex-wrap:wrap;flex:1}.header-top .left-list li a{display:block;width:105px;font-size:14px;line-height:47px;color:#b49ea1;text-align:center}.header-top .left-list li.active a{border:1px solid #ddd;border-radius:6px 6px 0 0;font-weight:700;color:#000}.header-top .right-list{display:flex;gap:38px}.header-top .right-list>li{position:relative}.header-top .right-list>li~li::before{content:"";position:absolute;left:-19px;top:50%;transform:translateY(-50%);width:1px;height:19px;background:#c0c9cf}.header-top .right-list>li>a{display:block;font-size:14px;line-height:47px}.header-top .right-list>li:first-child>a::before{content:"\e68a";padding-right:6px;font-family:'xeicon';font-size:20px;vertical-align:middle}.header-top .right-list .lang-box{display:flex}.header-top .right-list .lang-box::before{content:"\e7f6";display:inline-block;margin-right:9px;font-family:'xeicon';font-size:16px;line-height:47px}.header-top .right-list .lang-box li{position:relative}.header-top .right-list .lang-box li a{font-size:14px;line-height:47px;color:#777}.header-top .right-list .lang-box li.active a{position:relative;font-weight:700;color:#111}.header-top .right-list .lang-box li.active a::before{content:"";position:absolute;left:0;bottom:-4px;width:29px;height:2px;background:#111}.header-top .right-list .lang-box li~li{margin-left:23px}.header-top .right-list .lang-box li~li::before{content:"";position:absolute;left:-11px;top:20px;width:1px;height:10px;background:#bababa}.header-main>div{display:flex;align-items:center;justify-content:space-between}.header-main .logo{padding:1.5rem 0}.header-main .logo img{width:100%}.header-main form{display:block;position:relative;padding-right:58px;max-width:485px;height:52px;border:2px solid var(--main-color);border-radius:10px}.header-main form>input{padding:0 18px;width:100%;height:100%;border:0;box-sizing:border-box;font-size:15px;color:#696c71}.header-main form>input[type=submit]{position:absolute;right:0;top:0;width:58px;height:100%;background:url(../../../../layouts/ropemaster_layout/assets/images/common/ico_search.png) no-repeat center,var(--main-color);color:#fff0;cursor:pointer}.header-main .mobile{display:none}.header-nav{overflow:hidden;position:absolute;left:0;width:100%;height:64px;z-index:99;background:linear-gradient(to bottom,#fff 64px,#f0faf2 65px);border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.header-nav::before{content:"";position:absolute;left:0;top:65px;width:100%;height:1px;background:#e5e5e5}.header-nav>div{display:flex;justify-content:space-between}.gnb{width:calc(100% - 80px)}.gnb>ul{display:flex;justify-content:space-between}.gnb>ul>li{position:relative;width:14%;text-align:center}.gnb>ul>li:last-child{display:none}.gnb>ul>li>a{display:block;position:relative;font-size:20px;font-weight:500;line-height:64px;color:#222}.gnb>ul>li>a::before{content:"";position:absolute;left:50%;top:-1px;transform:translateX(-50%);width:0;height:3px;background:var(--main-color);transition:all .3s ease-in-out}.gnb>ul>li:hover>a::before{width:100%}.gnb>ul>li:nth-child(2)>a{font-weight:700;transition:all .3s ease-in-out;animation:blinkText 1s infinite}@keyframes blinkText{0%,100%{opacity:1;color:#222;text-shadow:none}50%{opacity:0;color:red;text-shadow:0 0 8px rgb(255 0 0 / .8)}}.gnb .depth2{padding-top:20px;width:100%;height:450px}.gnb .depth2 li a{display:block;position:relative;font-size:18px;font-weight:500;letter-spacing:-.04em;line-height:36px;color:#181818}.gnb .depth2 li a:hover{text-decoration:underline}.gnb .depth2 li a:hover::before{content:"";position:absolute;left:50%;top:-1px;transform:translateX(-50%);width:4px;height:4px;background:var(--main-color)}.all_menu{position:relative;margin-top:24px;width:24px;height:16px;background:#fff0;border-top:2px solid #181818;border-bottom:2px solid #181818;cursor:pointer}.all_menu::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:17px;height:2px;background:#181818}.sitemap-box{display:none;position:absolute;left:0;top:100%;width:100%;z-index:120;background:#f1f8ff}.sitemap-box .title{margin-bottom:40px;border-bottom:1px solid #e5e5e5}.sitemap-box .title>div{position:relative;width:calc(100% - 30px)}.sitemap-box .title h2{padding:25px 50px;font-size:34px;font-weight:700;line-height:1;color:#222;text-align:center}.sitemap-box .close{position:absolute;right:0;top:calc(50% - 23px);width:46px;height:46px;background:#2c68d5;border-radius:3px;cursor:pointer}.sitemap-box .close::before{content:"\e616";font-family:'xeicon';font-size:25px;color:#fff}.sitemap-gnb{margin-bottom:40px}.sitemap-gnb>li{position:relative;border-top:1px solid #e0e0e0}.sitemap-gnb>li>a{display:block;width:208px;border-top:1px solid #ffa197;border-bottom:1px solid #ffa197;font-size:24px;font-weight:600;line-height:115px;color:#222;text-align:center}.sitemap-gnb .depth2{position:absolute;left:250px;top:50%;transform:translateY(-50%)}.sitemap-gnb .depth2 li{display:inline-block;margin:8px 8px 8px 0}.sitemap-gnb .depth2 li a{display:inline-block;width:172px;background:#eff0f2;font-size:16px;line-height:46px;color:#555;text-align:center;transition:all .2s ease-in}.sitemap-gnb .depth2 li a:hover{background:#ec6e61;color:#fff}.mobile-box{display:none}.affiliates{padding:40px 0}.affiliates>div{display:flex;justify-content:space-between}.affiliates>div>div:first-child{display:flex;align-items:center;flex-shrink:0;width:23%}.affiliates>div>div:last-child{overflow:hidden;flex-grow:1;max-width:77%}.affiliates>div>div:first-child h3{flex-shrink:0;margin-right:40px;font-size:24px;font-weight:600;letter-spacing:-.04em;line-height:1.4;color:#222}.affiliates .controls{display:flex}.affiliates .controls>button{flex-shrink:0;justify-content:center;margin:0 5px;width:29px;height:29px;background:#fff0;border:1px solid #eee;border-radius:5px;line-height:29px;cursor:pointer}.affiliates .controls>button::before{font-family:'xeicon';font-size:12px}.affiliates .controls .prev::before{content:"\e60b"}.affiliates .controls .pause::before{content:"\e72e"}.affiliates .controls .pause.on::before{content:"\e71d"}.affiliates .controls .next::before{content:"\e60d"}.aff-carousel{padding-left:62px}.aff-carousel .item{flex:0 0 auto;margin-right:20px}.aff-carousel .item a{display:flex;align-items:center;justify-content:center;padding:15px;max-width:200px;height:70px;background:#fff;border:1px solid #eee;border-radius:10px;box-sizing:border-box}.aff-carousel .item a:hover{border-color:#222}.footer{padding:46px 0 43px;background:#fbfbfb;border-top:1px solid #dedede;clear:both}.footer>div{display:flex;justify-content:space-between}.footer .foot-logo{flex:0 0 25%}.footer .logo{display:flex;align-items:center;justify-content:center;height:100%}.footer .logo a{display:block;width:86px;height:100%;background:url(../../../../layouts/ropemaster_layout/assets/images/common/footer_logo.png) no-repeat center}.footer .foot-info{display:flex;flex:0 0 75%;justify-content:space-between}.fnb ul{display:flex}.fnb ul li{position:relative;margin-right:32px}.fnb ul li~li::before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:#c1c1c1;border-radius:2px}.fnb ul li a{font-size:16px;color:#222}.fnb ul li a:hover{text-decoration:underline}.footer .address{padding:25px 0 0;font-size:15px;line-height:25px;color:#333;word-break:keep-all}.footer .address span{margin-left:18px}.footer .copy{padding:16px 0 0;font-size:13px;color:#666}.footer .wraning{padding:16px 0 0;font-size:14px;color:#828282;word-break:keep-all}#main{padding-top:64px}.scrollup{display:none;position:fixed;right:20px;bottom:20px;width:50px;height:50px;z-index:10;background:rgb(255 255 255 / .5);border:1px solid #333;border-radius:4px;transition:all .3s;cursor:pointer}.scrollup::before{content:"\e60e";font-family:'xeicon';font-size:15px}.scrollup:hover{background:var(--main-color);color:#fff}.search{padding-top:20px}@media screen and (max-width:1440px){.container{padding:0 20px}}@media screen and (max-width:1279px){.cursor-circle{display:none!important}.header-top{display:none}.header-main{border-bottom:1px solid #e5e5e5}.header-main .spot{display:flex;align-items:center;gap:20px}.header-main .mobile{display:block;cursor:pointer}.header-main .mobile::before{content:"\e607";font-family:'xeicon';font-size:36px}.header-nav{display:none}.mobile-box{display:block;position:fixed;left:-130%;top:0;width:410px;height:100vh;z-index:999;background:#fff;border-left:1px solid #e5e5e5;transition:all .4s}.mobile-box.active{left:0}.mobile-box .top{display:flex;align-items:center;justify-content:space-between;position:relative;padding:20px 25px 20px 20px;background:var(--main-color)}.mobile-box .top>div{display:flex;align-items:center;gap:20px}.mobile-box .lang{display:flex;align-items:center}.mobile-box .lang::before{content:"\e7f6";margin-right:10px;font-family:'xeicon';font-size:20px;color:#fff}.mobile-box .lang li~li{position:relative;margin-left:15px}.mobile-box .lang li~li::before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:1px;height:14px;background:#bababa}.mobile-box .lang li a{font-size:16px;font-weight:300;color:#fff}.mobile-box .lang li.active a{position:relative;font-weight:700}.mobile-box .lang li.active a::before{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:#fff}.mobile-box .member{display:flex;gap:12px}.mobile-box .member li a{font-size:14px;color:#fff}.mobile-box .search::before{content:"\e63b";font-family:'xeicon';font-size:18px;color:#fff}.gnbm{width:100%}.gnbm>ul{position:relative}.gnbm>ul::before{content:"";position:absolute;left:132px;top:0;width:1px;height:100vh;z-index:12;background:#e5e5e5}.gnbm>ul>li>a{display:flex;align-items:center;justify-content:center;position:relative;width:132px;height:70px;border-bottom:1px solid #e5e5e5;font-size:17px;font-weight:500;letter-spacing:-.02em}.gnbm>ul>li.on>a{background:#f08c02;color:#fff}.gnbm .depth2{overflow-y:auto;display:none;position:absolute;left:132px;top:0;padding:0 15px 0 16px;width:calc(100% - 132px);height:calc(100vh - 60px);box-sizing:border-box}.gnbm>ul>li.on>.depth2{display:block}.gnbm .depth2 li a{display:flex;align-items:center;justify-content:left;position:relative;padding-right:18px;height:50px;border-bottom:1px solid #e5e5e5;font-size:16px}.gnbm .depth2 li a::before{content:"\e60d";position:absolute;right:5px;top:50%;transform:translateY(-50%);z-index:12;font-family:'xeicon';font-size:14px}.mobile-box .close{position:absolute;right:-40px;top:20px;width:40px;height:40px;background:#484848;cursor:pointer}.mobile-box .close::before{content:"\e616";font-family:'xeicon';font-size:22px;color:#fff}#main{position:relative;padding:0}}@media screen and (max-width:1024px){.affiliates>div{flex-direction:column}.affiliates>div>div:first-child{margin:16px 0}.affiliates>div>div:last-child{max-width:100%}.aff-carousel{padding:0}}@media screen and (max-width:980px){.footer .foot-logo{display:none}.footer .foot-info{flex:auto}}@media screen and (max-width:890px){.header-main form{display:none}}@media screen and (max-width:768px){.header-main>div{gap:50px}}@media screen and (max-width:480px){.header-main .mobile::before{font-size:30px}.mobile-box{width:calc(100% - 60px)}.footer .address{font-size:14px}}@media screen and (max-width:390px){.footer .copy{font-size:10px}}