.cm-process .tit-round{color:#666;height:40px;line-height:40px;z-index:3}.contents .content-wrapper{padding:90px 20px}.cm-process .process-wrap{height:729px;position:relative}.cm-process .process-wrap .cont-box{margin:0;position:absolute}.cm-process .process-wrap .cont-box.left{left:70px}.cm-process .process-wrap .cont-box.right{right:70px}.cm-process .process-wrap .tit-round{margin-bottom:54px;margin-top:26px;width:360px}.cm-process .tit-round{background-color:#f7f7f7;border-radius:25px;display:inline-block;font-size:20px;font-weight:500;margin:50px 0}.cm-process .process-wrap .cont{border:0;padding:0;position:relative;text-align:center}.cm-process.contents .img-wrap{margin-top:70px}.contents em{font-style:normal}.cm-process .process-wrap .img-wrap .tit{font-size:14px}.cm-process .process-wrap .round-bg{background:#f8f6f6;border-radius:50%;height:545px;width:578px}.cm-process .process-wrap .bg-dotted-line{display:block;height:532px;left:50%;position:absolute;top:128px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:981px}.cm-process .process-wrap .cont-box.right .img-wrap em.tit:first-of-type{left:auto;right:50px;top:80px}.cm-process .process-wrap .cont-box.right .img-wrap em.tit:last-of-type{bottom:-20px;left:auto;right:207px;white-space:nowrap}.cont-box.benefits{position:relative}.cm-process .process-wrap .cont-box.right{z-index:1}.cm-process .process-wrap .img-big{background:#435b71 url(../images/sub/xsoy/img_xsoy_process_02.png) no-repeat 0 0;border-radius:50%;-webkit-box-shadow:20px 30px 70px -28px rgba(0,0,0,.7);box-shadow:20px 30px 70px -28px rgba(0,0,0,.7);display:block;height:284px;margin-top:50px;width:285px;z-index:3}.cm-process .process-wrap .img-big,.cm-process .process-wrap .img-wrap{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cm-process .process-wrap .img-wrap{height:273px}.cm-process .process-wrap .img-wrap .img{height:273px;width:438px}.cm-process .process-wrap .img-wrap .tit{color:#435b71;font-weight:700;position:absolute}.cm-process .process-wrap .hexane .img{background:url(../images/sub/xsoy/img_xsoy_process_left.png) no-repeat 0 0}.cm-process .process-wrap .hexane .tit:first-of-type{left:8px;top:30px}.cm-process .process-wrap .hexane .tit:nth-of-type(2){bottom:-48px;left:170px}.cm-process .process-wrap .alocholic .img{background:url(../images/sub/xsoy/img_xsoy_process_right.png) no-repeat 0 0}.cm-process .process-wrap .alocholic .tit:first-of-type{bottom:-20px;right:207px}.cm-process .process-wrap .alocholic .tit:nth-of-type(2){right:50px;top:80px}.cm-process .cont-box.benefits{margin-bottom:112px;text-align:center}.cm-process .cont-box.benefits .cont.t-circle{background-color:#f4f6e8;background-position:50%;background-repeat:no-repeat;border:none;border-radius:50%;height:333px;margin:0 auto;padding:68px 32px 32px;position:relative;width:333px}.cm-process .cont-box.benefits .tooltip-wrap .tooltip.top.right:before{right:30px;top:2px}.cm-process .cont-box.benefits em.tit-round{width:500px}.cm-process .benefits .tooltip-wrap .tooltip-1{background:#325e85;right:85%;top:20px}.cm-process .benefits .tooltip-wrap .tooltip-1:before{background:#325e85}.cm-process .benefits .tooltip-wrap .tooltip-2{background:#6b9dc9;right:95%;top:140px}.cm-process .benefits .tooltip-wrap .tooltip-2:before{background:#6b9dc9}.cm-process .benefits .tooltip-wrap .tooltip-3{background:#325e85;right:52%;top:300px}.cm-process .benefits .tooltip-wrap .tooltip-3:before{background:#325e85}.cm-process .benefits .tooltip-wrap .tooltip-4{background:#2c70ac;left:90%;top:230px}.cm-process .benefits .tooltip-wrap .tooltip-4:before{background:#2c70ac}.cm-process .benefits .tooltip-wrap .tooltip-5{background:#229c4d;left:95%;top:80px}.cm-process .benefits .tooltip-wrap .tooltip-5:before{background:#229c4d}.cm-process .benefits .tooltip-wrap.active .tooltip-1{width:172px}.cm-process .benefits .tooltip-wrap.active .tooltip-2,.cm-process .benefits .tooltip-wrap.active .tooltip-3,.cm-process .benefits .tooltip-wrap.active .tooltip-4{width:208px}.cm-process .benefits .tooltip-wrap.active .tooltip-5{width:250px}.cm-process .benefits .tooltip-wrap.active .tooltip-6{width:225px}.cm-process .cont-box.benefits .tooltip-wrap .tooltip{border-radius:40px;-webkit-box-shadow:0 10px 50px -10px rgba(0,0,0,.4);box-shadow:0 10px 50px -10px rgba(0,0,0,.4);display:block;height:64px;padding:20px 0;position:absolute;text-align:center;-webkit-transition:width .8s .5s;transition:width .8s .5s}.cm-process .cont-box.benefits .tooltip-wrap .tooltip em{color:#fff;font-size:16px;text-align:center}.cm-process .cont-box.benefits .tooltip-wrap .tooltip-2:before{background:#6b9dc9;right:2px;top:50%}.cm-process .cont-box.benefits .tooltip-wrap .tooltip-1:before,.cm-process .cont-box.benefits .tooltip-wrap .tooltip-2:before{border-radius:2px;content:"";height:14px;margin-top:-2px;position:absolute;-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%);width:14px;z-index:1}.cm-process .cont-box.benefits .tooltip-wrap .tooltip-1:before{background:#325e85;right:30px;top:62px}.cm-process .cont-box.benefits .tooltip-wrap .tooltip-3:before{border-radius:2px;content:"";height:14px;left:20px;margin-top:-2px;position:absolute;top:2px;-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%);width:14px;z-index:-1}.cm-process .cont-box.benefits .tooltip-wrap .tooltip-4:before{background:#2c70ac}.cm-process .cont-box.benefits .tooltip-wrap .tooltip-4:before,.cm-process .cont-box.benefits .tooltip-wrap .tooltip-5:before{border-radius:2px;content:"";height:14px;left:-8px;margin-top:-2px;position:absolute;top:50%;-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%);width:14px;z-index:0}.cm-process .cont-box.benefits .tooltip-wrap .tooltip-5:before{background:#229c4d}.cm-innovative-sol .cont-box.pair:first-of-type .cont:last-child:after{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f6f6f6));background:linear-gradient(#fff,#f6f6f6);content:"";display:block;height:115px;left:0;position:absolute;width:100%}.cm-process.contents .mobile-process-wrap{display:none}@media(max-width:1150px){.cm-process.contents .mobile-process-wrap{display:block}.cm-process .process-wrap.desktop{display:none}.cm-process.contents .content-wrapper{padding:0}.cm-process.contents h2.h2{padding:80px 22px 44px}.cm-process.contents .mobile-process-wrap.center{position:relative;text-align:center}.cm-process.contents .mobile-process-wrap .cont-box{background-color:#e6e9ec;height:430px;padding:80px 22px}.cm-process.contents .mobile-process-wrap .cont-box em.tit-round{background-color:#fff;border-radius:30px;color:#666;font-size:14px;font-weight:500;height:auto;left:50%;line-height:1.5;margin:44px 0;min-height:30px;min-width:183px;padding:4px 20px;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:200px}.cm-process.contents .mobile-process-wrap .cont-box em.tit-round:after,.cm-process.contents .mobile-process-wrap .cont-box em.tit-round:before{display:none}.cm-process.contents .mobile-process-wrap .cont{background-color:transparent;border:0;padding:0;position:relative}.cm-process.contents .mobile-process-wrap .cont-box .img-wrap{margin:0}.cm-process.contents .mobile-process-wrap .img{background-repeat:no-repeat;background-size:cover;height:233px;margin:40px auto 0;width:170px}.cm-process.contents .mobile-process-wrap .cont-box .tit{color:#435b71;font-size:11px;font-weight:700;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cm-process.contents .mobile-process-wrap .cont-box.hexane .tit:first-of-type{color:#fff;margin-left:-30px;text-align:left;top:42px}.cm-process.contents .mobile-process-wrap .cont-box.hexane .tit:nth-of-type(2){margin-left:-4px;top:136px}.cm-process.contents .mobile-process-wrap .img-big{background-repeat:no-repeat;background-size:cover;border-radius:50%;-webkit-box-shadow:20px 30px 70px -28px rgba(0,0,0,.7);box-shadow:20px 30px 70px -28px rgba(0,0,0,.7);display:block;height:190px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:190px;z-index:3}.cm-process.contents .mobile-process-wrap .cont-box.alocholic em.tit-round.mini{bottom:0;top:auto}.cm-process.contents .mobile-process-wrap .cont-box.alocholic .img{margin-top:0}.cm-process.contents .mobile-process-wrap .cont-box.alocholic em.tit:first-of-type{color:#fff;margin-left:-20px;text-align:left;top:25px}.cm-process.contents .mobile-process-wrap .cont-box.alocholic em.tit:nth-of-type(2){margin-left:-4px;top:120px}.cm-process.contents .content-wrapper>.cont-box:last-child{margin:0 0 55px;padding:80px 22px}.cm-process.contents .content-wrapper>.cont-box em.tit-round{background-color:#f7f7f7;border-radius:30px;color:#444;display:inline-block;font-size:14px;font-weight:500;height:auto;line-height:1.5;margin:-30px 0 30px;min-height:30px;min-width:246px;padding:4px 20px;width:auto}.cm-process.contents .content-wrapper>.cont-box .cont{background-color:#f4f6e8;background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;border-radius:50%;height:250px;margin:0 auto;padding:68px 32px 32px;position:relative;width:250px}.cm-process.contents .content-wrapper>.cont-box .cont .tooltip-1{background:#325e85;right:67%;top:92px;width:99px}.cm-process.contents .content-wrapper>.cont-box .cont .tooltip{border-radius:40px;-webkit-box-shadow:0 10px 50px -10px rgba(0,0,0,.4);box-shadow:0 10px 50px -10px rgba(0,0,0,.4);display:block;height:45px;line-height:45px;padding:0;position:absolute;text-align:center}.cm-process.contents .content-wrapper>.cont-box .cont .tooltip em{color:#fff;font-size:12px;text-align:center}.cm-process.contents .content-wrapper>.cont-box .cont .tooltip.tooltip-1:before{background:#325e85;border-radius:2px;content:"";height:14px;margin-top:-2px;position:absolute;right:2px;top:50%;-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%);width:14px;z-index:9}.cm-process.contents .content-wrapper>.cont-box .cont .tooltip.tooltip-2{background:#6b9dc9;right:68%;top:167px;width:114px}.cm-process.contents .content-wrapper>.cont-box .cont .tooltip.tooltip-3{background:#325e85;left:78%;top:142px;width:99px}.cm-process .cont-box.benefits .tooltip-wrap .tooltip.tooltip-5{background:#229c4d;left:60%;top:11px;width:142px}.cm-process .cont-box.benefits .tooltip-wrap .tooltip.tooltip-5:before{left:12px;top:42px}.cm-process .cont-box.benefits .tooltip-wrap .tooltip.tooltip-4{background:#2c70ac;left:auto;right:9%;top:261px;width:190px}.cm-process .cont-box.benefits .tooltip-wrap .tooltip-4:before{z-index:0}.cm-process .cont-box.benefits .tooltip-wrap .tooltip-4:before,.cm-process.contents .content-wrapper>.cont-box .cont .tooltip.tooltip-3:before{border-radius:2px;content:"";height:14px;left:-8px;margin-top:-2px;position:absolute;top:50%;-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%);width:14px}.cm-process.contents .content-wrapper>.cont-box .cont .tooltip.tooltip-3:before{z-index:9}.cm-process .cont-box.benefits .tooltip-wrap .tooltip.tooltip-4:before{left:auto;right:30px;top:2px}.cm-process.contents .mobile-process-wrap .cont-box:last-child{background-color:#f8f6f6}.cm-process.contents .content-wrapper>.cont-box em.tit-round:before{height:31px;top:100%;width:1px}.cm-process.contents .content-wrapper>.cont-box em.tit-round:after{border-radius:50%;height:9px;-webkit-transform:translateX(-50%) translateY(40px);transform:translateX(-50%) translateY(40px);width:9px}}