@charset "utf-8";

/* 공통 */
.c-main {color:var(--c-main) !important;}
.c-2 {color:var(--c-2) !important;}
.c-3 {color:var(--c-3) !important;}
.c-blue {color:var(--c-blue) !important;}
.c-gradient {background:linear-gradient(to right, #2fa8ff, #ef32ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.c-white {color:#fff !important;}
.c-gray {color:#878787 !important;}

.bg-gray {position:relative;}
.bg-gray:before {content:''; position:absolute; width:100vw; height:100%; left:50%; top:0; transform:translateX(-50%); background:#f8f8f8; z-index:-1;}

.pt120 {padding-top:var(--size120-40);}
.pt150 {padding-top:var(--size150-60);}

/* 서브페이지 */
.page-move {position:sticky; top:calc(var(--size90-60) + var(--size70-40));}
.page-move ul li {margin-bottom:var(--size30-15);}
.page-move ul li:last-child {margin-bottom:0;}
.page-move ul li a {position:relative; display:inline-block; padding-right:1em; font-weight:500; line-height:1.2; letter-spacing:-0.03em; color:#909090;}
.page-move ul li a:before {content:''; position:absolute; width:0.44em; height:0.44em; background:#607fff; border-radius:100vh; right:0; top:0; opacity:0; transform:translateX(-10px); transition:0.2s all ease;}
.page-move ul li.active a:before,
.page-move ul li a:hover:before {opacity:1; transform:translateX(0);}
.page-move ul li.active a,
.page-move ul li a:hover {color:#242424;}

.sub-content {display:flex;}
.sub-content .left {width:260px;}
.sub-content .right {flex:1 1 auto; min-width:0; width:1%;}
.sub-content .section {padding:var(--size70-40) 0; border-bottom:1px solid #ddd;}
.sub-content .section:first-child {padding-top:0;}
.sub-content .section:last-child {padding-bottom:0; border-bottom:0;}
.sub-content .tit-wrap .cate {margin-bottom:1.5em; font-size:var(--font20-16); font-weight:700; line-height:1.2; letter-spacing:-0.03em; color:#242424;}
.sub-content .tit-wrap .tit {font-size:var(--font36-20); font-weight:700; line-height:1.3; letter-spacing:-0.03em; color:#242424;}
.sub-content .tit-wrap .txt {margin-top:1.11em; font-size:var(--font18-14); font-weight:700; line-height:1.4; letter-spacing:-0.03em; color:#454545;}
.sub-content .tit-wrap .tx {margin-top:1.11em; font-size:var(--font18-14); font-weight:400; line-height:1.6; letter-spacing:-0.03em; color:#454545;}
.sub-content .link-btn {margin-top:2.19em;}
.sub-content .link-btn a {position:relative; display:inline-block; padding:0 1em 0 1.88em; font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:#607fff;}
.sub-content .link-btn a:before {content:''; position:absolute; width:1.25em; height:1.25em; background:url('/images/sub/icon-play.png') no-repeat 50% 50%/contain; left:0; top:0.05em;}
.sub-content .link-btn a:after {content:''; position:absolute; width:0.5em; height:0.75em; background:url('/images/sub/icon-arrow.png') no-repeat 50% 50%/contain; right:0; top:0.15em;}
.sub-content .img-wrap {margin-top:var(--size40-20); padding:var(--size50-20) 20px; border-radius:20px; background:#f8f8f8; text-align:center;}
.sub-content .tags {margin-top:var(--size30-15);}
.sub-content .tags ul {display:flex; flex-wrap:wrap;}
.sub-content .tags ul li {display:inline-block; margin-right:6px; padding:0.69em 1.44em; border:1px solid #afbfff; border-radius:100vh; font-weight:500; line-height:1; letter-spacing:-0.03em; color:#607fff;}

.sub-content .icon-wrap {margin-top:var(--size40-20);}
.sub-content .icon-wrap h3 {margin-bottom:0.73em; font-size:var(--font22-16); font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:#242424;}
.sub-content .icon-wrap ul {display:flex; flex-wrap:wrap; padding:12px; border:1px solid #ddd; border-radius:10px;}
.sub-content .icon-wrap ul li {display:flex; align-items:center; width:20%; padding:8px;}
.sub-content .icon-wrap ul li .tit {flex:1 1 auto; min-width:0; width:1%; padding-left:0.78em; font-size:var(--font18-14); font-weight:500; line-height:1.2; letter-spacing:-0.03em; color:#454545;}

.sub-content.wehago .img-wrap,
.sub-content.security .img-wrap,
.sub-content.cloud .img-wrap,
.sub-content.etc .img-wrap {padding:0; background:0;}

.sub-content.one-ai .section {border:0; padding:var(--size140-40) 0;}
.sub-content.one-ai .section:first-child {padding-top:0;}
.bg-color {position:relative;}
.bg-color:before {content:''; position:absolute; width:100vw; height:100%; top:0; left:50%; transform:translateX(-50%); margin-left:-130px; background:#f5f3fc; z-index:-1;}

.bg-video {position:relative; margin-bottom:var(--size80-20); border-radius:var(--size20-10); overflow:hidden;}
.bg-video .cnt {position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center; flex-direction:column; width:100%; height:100%; color:#fff; text-align:center;}
.bg-video .cnt .t1 {margin-bottom:0.83em; font-size:var(--font24-18); font-weight:500; line-height:1.2; letter-spacing:-0.03em;}
.bg-video .cnt .t2 {font-size:var(--font60-20); font-weight:700; line-height:1.2; letter-spacing:-0.03em;}
.bg-video .cnt .t2 img {margin:0 0.2em 0.2em; vertical-align:middle; height:0.78em;}
.bg-video .cnt .btn {margin-top:var(--size60-20);}
.bg-video .cnt .btn a {display:inline-block; position: relative; z-index:0; overflow:hidden; padding:1.3em 4.5em; border-radius:100vh; font-size:var(--font20-14); font-weight:500; line-height:1; letter-spacing:-0.03em; color:#fff;}
.bg-video .cnt .btn a:hover {box-shadow:inset 0 0 20px rgba(0,0,0,0.5), 0 0 20px rgba(255,255,255,0.3);}

.border-gradient {content:''; position:absolute; z-index:-1; inset:0; border-radius:100vh; padding:2px; /* the thickness of the border */
  /* the below will do the magic */
  -webkit-mask: 
     linear-gradient(#fff 0 0) content-box, /* this will cover only the content area (no padding) */ 
     linear-gradient(#fff 0 0); /* this will cover all the area */
  -webkit-mask-composite: xor; /* needed for old browsers until the below is more supported */
  mask-composite: exclude; /* this will exclude the first layer from the second so only the padding area will be kept visible */
}
.border-gradient::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(to right, #30a8ff, #6d59ff, #ed33ff);}

.video-slider-wrap {width:100%; max-width:1100px; margin:0 auto;}
.video-slider-wrap .slick-dots {display:flex; flex-wrap:wrap; justify-content:center; margin:-7px;}
.video-slider-wrap .slick-dots li {padding:7px;}
.video-slider-wrap .slick-dots li button {display:block; padding:0.78em 1.8em; background:#fff; border:1px solid #fff; border-radius:100vh; font-size:var(--font18-14); font-weight:400; line-height:1; letter-spacing:-0.03em; color:#878787; transition:0.2s all ease;}
.video-slider-wrap .slick-dots li button:hover {border-color:#a77ffe;}
.video-slider-wrap .slick-dots li.slick-active button {color:#fff; background:#9360fe;}
.video-slider-wrap .slider {position:relative; margin-top:var(--size60-20);}
.video-slider-wrap .slider .video-container {border-radius:var(--size20-10); overflow:hidden; background:0;}
.video-slider-wrap .slick-arrow {position:absolute; z-index:1; top:50%; width:var(--size64-40); height:var(--size64-40); margin-top:calc(0px - var(--size64-40)/2); background-color:#fff; background-position:50% 50%; background-repeat:no-repeat; border-radius:100vh; border:1px solid #ddd; text-indent:-999em; overflow:hidden; box-shadow:0 0 16px 0 rgba(0,0,0,0.1);}
.video-slider-wrap .slick-prev {background-image:url('/images/sub/sld-prev.png'); left:calc(0px - var(--size64-40)/2);}
.video-slider-wrap .slick-next {background-image:url('/images/sub/sld-next.png'); right:calc(0px - var(--size64-40)/2);}

.semina {padding:var(--size140-40) 0 !important;}
.semina.bg-color:before {background:url('/images/sub/one-ai-bg.jpg') no-repeat 50% 50%/cover;}
.semina .wrap {text-align:center;}
.semina .btn {margin-bottom:var(--size60-20);}
.semina .btn a {display:inline-block; position: relative; z-index:0; overflow:hidden; padding:1.1em 4em 1.1em 2.5em; border-radius:100vh; font-size:var(--font20-14); font-weight:500; line-height:1; letter-spacing:-0.03em; color:#fff;}
.semina .btn a:before {content:''; position:absolute; right:2.5em; top:1.25em; width:0.45em; height:0.7em; background:url('/images/sub/icon-arrow-white.png') no-repeat 50% 50%/contain;}
.semina .btn a:hover {box-shadow:inset 0 0 20px rgba(0,0,0,0.5), 0 0 20px rgba(255,255,255,0.3);}
.semina .tx {font-weight:400; line-height:1.5; letter-spacing:-0.03em; color:#fff; opacity:0.6;}

.slider-wrap {width:100%; max-width:1100px; margin:0 auto;}
.slider-wrap .slick-dots {display:flex; justify-content:center; margin-bottom:var(--size40-20);}
.slider-wrap .slick-dots li {padding:0 var(--size30-5);}
.slider-wrap .slick-dots li button {display:block; padding-bottom:0.56em; position:relative; background:0; border:0; font-size:var(--font18-14); font-weight:400; line-height:1.2; letter-spacing:-0.03em; color:#878787;}
.slider-wrap .slick-dots li button:before {content:''; position:absolute; width:0; height:0.11em; left:50%; bottom:0; background:#242424; opacity:0; transform:translateX(-50%); transition:0.2s all ease;}
.slider-wrap .slick-dots li.slick-active button {font-weight:700; color:#242424;}
.slider-wrap .slick-dots li.slick-active button:before {width:100%; opacity:1;}
.slider-wrap .slider {position:relative;}
.slider-wrap .slick-arrow {position:absolute; z-index:1; top:50%; width:var(--size64-40); height:var(--size64-40); margin-top:calc(0px - var(--size64-40)/2); background-color:#fff; background-position:50% 50%; background-repeat:no-repeat; border-radius:100vh; border:1px solid #ddd; text-indent:-999em; overflow:hidden; box-shadow:0 0 16px 0 rgba(0,0,0,0.1);}
.slider-wrap.type2 .slick-arrow {top:calc(50% + var(--font18-14)*3);}
.slider-wrap .slick-prev {background-image:url('/images/sub/sld-prev.png'); left:calc(0px - var(--size64-40)/2);}
.slider-wrap .slick-next {background-image:url('/images/sub/sld-next.png'); right:calc(0px - var(--size64-40)/2);}
.slider-wrap .txt {margin-bottom:2em; font-size:var(--font18-14); font-weight:400; line-height:1.6; letter-spacing:-0.03em; color:#454545; text-align:center;}

.slider-wrap2 .slider {position:relative;}
.slider-wrap2 .slick-arrow {position:absolute; z-index:1; top:50%; width:var(--size64-40); height:var(--size64-40); margin-top:calc(0px - var(--size64-40)/2); background-color:#fff; background-position:50% 50%; background-repeat:no-repeat; border-radius:100vh; border:1px solid #ddd; text-indent:-999em; overflow:hidden; box-shadow:0 0 16px 0 rgba(0,0,0,0.1);}
.slider-wrap2 .slick-prev {background-image:url('/images/sub/sld-prev.png'); left:calc(0px - var(--size64-40)/2);}
.slider-wrap2 .slick-next {background-image:url('/images/sub/sld-next.png'); right:calc(0px - var(--size64-40)/2);}

.bubble-wrap {display:flex; flex-wrap:wrap; justify-content:space-between; padding:var(--size70-20) var(--size80-20); background:url('/images/sub/review-bg.jpg') no-repeat 50% 50%/cover;}
.bubble-wrap .bubble {width:calc(50% - var(--size30-15)); padding-bottom:20px; margin-top:40px;}
.bubble-wrap .bubble:first-child {margin-top:0;}
.bubble-wrap .bubble:nth-child(3) {margin-top:0;}
.bubble-wrap .bubble .in {position:relative; padding:var(--size30-20); padding-bottom:var(--size50-20); background:#fff; border-radius:var(--size20-10);}
.bubble-wrap .bubble .in:before {content:''; position:absolute; width:32px; height:20px; background:url('/images/sub/icon-bubble.png') no-repeat 50% 50%/contain; left:var(--size50-20); bottom:-20px;}
.bubble-wrap .bubble:nth-child(even) .in:before {left:auto; right:var(--size50-20); transform:scaleX(-1);}
.bubble-wrap .bubble .cate {display:inline-block; padding:0.69em; min-width:100px; border-radius:100vh; background:#607fff; font-weight:600; line-height:1; letter-spacing:-0.03em; color:#fff; text-align:center;}
.bubble-wrap .bubble .txt {margin:1.56em 0 1.89em; font-size:var(--font18-14); font-weight:500; line-height:1.56em; letter-spacing:-0.03em; color:#454545;}
.bubble-wrap .bubble .name {font-weight:500; line-height:1.2; letter-spacing:-0.03em; color:#989fa5;}

.dot-list>li {position:relative; margin-bottom:0.31em; padding-left:0.94em; font-weight:500; letter-spacing:-0.03em; color:#242424;}
.dot-list>li:before {content:''; position:absolute; left:0; top:0.57em; width:0.31em; height:0.31em; background:#a3a3a3; border-radius:100%;}
.dot-list>li:last-child {margin-bottom:0;}

.video-list .video-container {pointer-events:none;}
.video-list ul {display:flex; flex-wrap:wrap; margin:calc(0px - var(--size20-10));}
.video-list ul li {width:33.333%; padding:var(--size20-10);}
.video-list ul li a {display:block;}
.video-list ul li .tit {margin-top:1em; font-size:var(--font18-14); font-weight:600; line-height:1.4; letter-spacing:-0.03em; color:#242424;}

.recomend-wrap {margin-top:var(--size30-20);}
.recomend-wrap ul {display:flex; flex-wrap:wrap; margin-bottom:calc(0px - var(--size60-20));}
.recomend-wrap ul li {width:14.28%; margin-bottom:var(--size60-20); text-align:center;}
.recomend-wrap ul li .tit {margin-top:1em; font-weight:500; line-height:1.2; letter-spacing:-0.03em; color:#454545;}

.ad-wrap {display:flex; flex-wrap:wrap; margin:10px calc(0px - var(--size20-10)) calc(0px - var(--size20-10));}
.ad-wrap .box {width:50%; padding:var(--size20-10);}
.ad-wrap .box .in {position:relative; padding:30px; padding-left:100px; height:100%; box-shadow:0 0 16px rgba(0,0,0,0.1); border-radius:var(--size20-10);}
.ad-wrap .box .num {position:absolute; left:30px; top:32px; font-weight:600; line-height:1.4; letter-spacing:-0.03em; color:#607fff;}
.ad-wrap .box .tit {margin-bottom:1.25em; font-weight:600; line-height:1.4; letter-spacing:-0.03em; color:#607fff;}
.ad-wrap .box .tt {margin-bottom:0.56em; font-size:var(--font18-15); font-weight:600; line-height:1.67em; letter-spacing:-0.03em; color:#242424;}
.ad-wrap .box .tx {font-weight:400; letter-spacing:-0.03em; color:#454545;}
.ad-wrap .box ul>li {position:relative; padding-left:0.5em; margin-bottom:0.38em; font-weight:400; line-height:1.4; letter-spacing:-0.03em; color:#454545;}
.ad-wrap .box ul>li:before {content:''; position:absolute; left:0; top:0.6em; width:0.13em; height:0.13em; border-radius:100vh; background:#454545;}
.ad-wrap .box ul>li:last-child {margin-bottom:0;}

.module-info {display:flex; flex-wrap:wrap; margin:-10px;}
.module-info .box {width:50%; padding:10px;}
.module-info .box .in {display:flex; align-items:center; height:100%; padding:var(--size40-20); border:1px solid #ddd; border-radius:var(--size20-10);}
.module-info .box .txt-wrap {flex:1 1 auto; min-width:0; width:1%; padding-left:var(--size40-20);}
.module-info .box .txt-wrap .tt {margin-bottom:1.18em; font-size:var(--font22-16); font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:#242424;}
.module-info .box .txt-wrap>ul {display:flex; flex-wrap:wrap; margin-bottom:-0.5em;}
.module-info .box .txt-wrap>ul>li {position:relative; padding-left:0.94em; width:50%; margin-bottom:0.5em; font-weight:400; line-height:1.2; letter-spacing:-0.03em; color:#454545;}
.module-info .box .txt-wrap>ul>li:before {content:''; position:absolute; left:0; top:0.44em; width:0.31em; height:0.31em; background:#607fff; border-radius:100%;}
.module-info .box .txt-wrap>ul>li.wide {width:100%;}

.erp {padding:var(--size15-10) var(--size30-20); border:1px solid #ddd; border-radius:var(--size20-10);}
.erp ul {display:flex; flex-wrap:wrap;}
.erp ul li {width:20%; margin:var(--size15-10) 0; position:relative; padding-left:0.94em; font-weight:400; line-height:1.5; letter-spacing:-0.03em; color:#454545;}
.erp ul li:before {content:''; position:absolute; left:0; top:0.5em; width:0.31em; height:0.31em; background:#607fff; border-radius:100%;}

/* Amaranth 10 */
.one-ai-tit {margin-bottom:var(--size60-20); text-align:center;}
.one-ai-tit .tit {font-size:var(--font44-22); font-weight:700; line-height:1.4; letter-spacing:-0.03em; color:#242424;}
.one-ai-tit .tit img {display:inline-block; vertical-align:middle; margin-bottom:0.2em; height:0.8em;}
.one-ai-tit .txt {margin-top:var(--size30-15); font-size:var(--font20-16); font-weight:400; line-height:1.4; letter-spacing:-0.03em; color:#242424;}

.one-ai .sec1 .txt-wrap {text-align:center;}
.one-ai .sec1 .txt-wrap .tit {margin-bottom:var(--size30-15); background-color:#3ba0ff; background-image:linear-gradient(to right, #3ba0ff, #9267ff); background-size:100%; -webkit-background-clip:text; -moz-background-clip:text; -webkit-text-fill-color:transparent; -moz-text-fill-color:transparent; font-size:var(--font40-20); font-weight:700; line-height:1.5em; letter-spacing:-0.03em;}
.one-ai .sec1 .txt-wrap .tit img {display:inline-block; margin-top:0.2em; height:1.35em;}
.one-ai .sec1 .txt-wrap .txt {margin-bottom:1.4em; font-size:var(--font20-14); font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#242424;}
.one-ai .sec1 .txt-wrap .txt:last-child {margin-bottom:0;}
.one-ai .sec1 .txt-wrap .img {margin-top:var(--size70-20);}

.one-ai .sec2 .video-container {border:10px solid #fff; border-radius:10px; background:#fff;}
.one-ai .sec3 .wrap {display:flex; padding:0 35px;}
.one-ai .sec3 .wrap .box {width:33.333%; padding:var(--size15-10);}
.one-ai .sec3 .wrap .box .in {height:100%; display:flex; flex-direction:column; justify-content:space-between; padding:var(--size40-20) var(--size30-20); background:#f7f8fc; border-radius:10px;}
.one-ai .sec3 .wrap .box:nth-child(1) .img {margin-right:calc(0px - var(--size30-20));}
.one-ai .sec3 .wrap .box:nth-child(3) .img {margin-right:-10px;}
.one-ai .sec3 .wrap .in .col {margin-bottom:var(--size20-10);}
.one-ai .sec3 .wrap .in .tt {margin-bottom:0.7em; font-size:var(--font20-16); font-weight:700; line-height:1.2; letter-spacing:-0.03em; color:#242424;}
.one-ai .sec3 .wrap .in .tx {font-size:var(--font17-14); font-weight:400; line-height:1.6; letter-spacing:-0.03em; color:#454545;}

.one-ai .sec4.bg-color:before {background:#f7f8fc;}
.one-ai .sec4 .border-box {position:relative; margin-top:var(--size80-40); border:3px solid transparent; border-radius:10px; background-image:linear-gradient(#fff, #fff),  linear-gradient(to right, #2fa8ff, #ef32ff); background-origin:border-box; background-clip:content-box, border-box; text-align:center;}
.one-ai .sec4 .border-box:before {content:""; position:absolute; opacity:0.3; inset:-5px; z-index:-1; background:linear-gradient(to right, #2fa8ff, #ef32ff); filter:blur(10px);}
.one-ai .sec4 .border-box p {padding:var(--size25-10); font-size:var(--font18-14); font-weight:400; line-height:1.6; letter-spacing:-0.03em; color:#454545;}

.one-ai .sec5 .wrap {margin-bottom:var(--size140-40);}
.one-ai .sec5 .wrap:last-child {margin-bottom:0;}

.one-ai .sec6.bg-color:before {background:linear-gradient(45deg, #f0f1fd, #f9f4fc);}

.one-ai .sec9.bg-color:before {background:url('/images/sub/one-ai-bg2.jpg') no-repeat 50% 50%/cover;}
.one-ai .sec9 .tit {font-size:var(--font34-20); font-weight:700; line-height:1.4; letter-spacing:-0.03em; color:#fff;}
.one-ai .sec9 .btn {margin-top:var(--size30-20);}
.one-ai .sec9 .btn a {display:inline-block; position: relative; z-index:0; overflow:hidden; padding:1.1em 4em 1.1em 2.5em; border-radius:100vh; font-size:var(--font20-14); font-weight:500; line-height:1; letter-spacing:-0.03em; color:#fff;}
.one-ai .sec9 .btn a:before {content:''; position:absolute; right:2.5em; top:1.25em; width:0.45em; height:0.7em; background:url('/images/sub/icon-arrow-white.png') no-repeat 50% 50%/contain;}
.one-ai .sec9 .btn a:hover {box-shadow:inset 0 0 20px rgba(0,0,0,0.5), 0 0 20px rgba(255,255,255,0.3);}

/* WEHAGO */
.wehago .tab-wrap .cate {margin-bottom:var(--size30-20);}
.wehago .tab-wrap .cate ul {display:flex; flex-wrap:wrap; margin:-5px;}
.wehago .tab-wrap .cate ul li {padding:5px;}
.wehago .tab-wrap .cate ul li a {display:inline-block; min-width:200px; padding:1em; background:#f4f4f4; border-radius:100vh; font-weight:600; line-height:1; letter-spacing:-0.03em; color:#878787; text-align:center;}
.wehago .tab-wrap .cate ul li.active a {background:#607fff; color:#fff;}
.wehago .tab-wrap .box {display:flex; align-items:center; border:1px solid #ddd; border-radius:var(--size20-10); overflow:hidden;}
.wehago .tab-wrap .box .txt-wrap {flex:1 1 auto; min-width:0; width:1%; padding-left:var(--size50-20);}
.wehago .tab-wrap .box .tit {margin-bottom:1.75em; font-size:var(--font20-16); font-weight:600; line-height:1.6; letter-spacing:-0.03em; color:#242424;}
.wehago .tab-wrap .box .txt {position:relative; padding-left:0.94em; font-weight:400; letter-spacing:-0.03em; color:#454545;}
.wehago .tab-wrap .box .txt:before {content:''; position:absolute; left:0; top:0.55em; width:0.31em; height:0.31em; background:#607fff; border-radius:100%;}

.wehago-one-ai .sec2 .slider-wrap2 .cate {margin-bottom:var(--size30-15);}
.wehago-one-ai .sec2 .slider-wrap2 .cate ul {display:flex;}
.wehago-one-ai .sec2 .slider-wrap2 .cate ul li {margin-right:12px;}
.wehago-one-ai .sec2 .slider-wrap2 .cate ul li button {display:block; width:40px; height:40px; background:0; border:0; border-radius:100%; font-weight:700; color:#a3a3a3; line-height:40px; text-align:center;}
.wehago-one-ai .sec2 .slider-wrap2 .cate ul li.slick-active button {background:#607fff; color:#fff;}
.wehago-one-ai .sec2 .cnt .tit {margin-bottom:0.5em; font-size:var(--font36-20); font-weight:700; line-height:1.4; letter-spacing:-0.03em; color:#242424;}
.wehago-one-ai .sec2 .cnt .txt {font-size:var(--font18-14); font-weight:400; line-height:1.6; letter-spacing:-0.03em; color:#454545;}
.wehago-one-ai .sec2 .cnt .in {margin-top:var(--size30-20); padding:var(--size60-0); border-radius:var(--size20-10); overflow:hidden; background:#f8f8f8;}

.wehago-one-ai .sec3 .tab-wrap .cate {margin:var(--size70-20) 0 var(--size30-15);}
.wehago-one-ai .sec3 .tab-wrap .cate ul {display:flex;}
.wehago-one-ai .sec3 .tab-wrap .cate ul li {margin-right:var(--size20-10);}
.wehago-one-ai .sec3 .tab-wrap .cate ul li:last-child {margin-right:0;}
.wehago-one-ai .sec3 .tab-wrap .cate ul li a {display:block; position:relative; padding-bottom:0.4em; font-size:var(--font18-14); font-weight:700; line-height:1.5; letter-spacing:-0.03em; color:#a3a3a3;}
.wehago-one-ai .sec3 .tab-wrap .cate ul li a:before {content:''; position:absolute; left:0; bottom:0; width:0; height:0.11em; background:#607fff; opacity:0; transition:0.2s all ease;}
.wehago-one-ai .sec3 .tab-wrap .cate ul li.active a {color:#607fff;}
.wehago-one-ai .sec3 .tab-wrap .cate ul li.active a:before {opacity:1; width:100%;}
.wehago-one-ai .sec3 .cnt .img {margin-bottom:20px;}
.wehago-one-ai .sec3 .review-box {display:flex; margin:-10px;}
.wehago-one-ai .sec3 .review-box .box {width:33.333%; padding:10px;}
.wehago-one-ai .sec3 .review-box .box .in {height:100%; padding:var(--size40-20); border-radius:var(--size20-10); background:#f6edff;}
.wehago-one-ai .sec3 .review-box .box .depart {margin-bottom:10px; font-weight:600; line-height:1; letter-spacing:-0.03em; color:#607fff;}
.wehago-one-ai .sec3 .review-box .box .coment {margin-bottom:1.67em; min-height:3em; font-size:var(--font18-14); font-weight:600; line-height:1.56em; letter-spacing:-0.03em; color:#686868;}
.wehago-one-ai .sec3 .review-box .box .tx {font-size:var(--font20-16); font-weight:600; line-height:1.5; letter-spacing:-0.03em; color:#242424;}

.wehago-one-ai .sec4 .tit-wrap {margin-bottom:var(--size70-20);}
.wehago-one-ai .sec4 .info-txt {margin-top:1.7em; font-size:var(--font14-12); font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#878787;}
.wehago-one-ai .sec4 .wrap {display:flex; flex-wrap:wrap; margin:-10px;}
.wehago-one-ai .sec4 .box {width:50%; padding:10px;}
.wehago-one-ai .sec4 .box .in {position:relative; height:100%; padding:var(--size40-20); background:#fafafa; border-radius:var(--size20-10);}
.wehago-one-ai .sec4 .box .icon {position:absolute; right:var(--size40-20); top:var(--size40-20);}
.wehago-one-ai .sec4 .box .tt {margin-bottom:1em; font-size:var(--font24-18); font-weight:700; line-height:1.4; letter-spacing:-0.03em; color:#153a6c;}
.wehago-one-ai .sec4 .box .tx {font-size:var(--font18-14); font-weight:500; line-height:1.6; letter-spacing:-0.03em; color:#686868;}
.wehago-one-ai .sec4 .box1 .in {background:#eaf4fd;}
.wehago-one-ai .sec4 .box2 .in {background:#ebeeff;}
.wehago-one-ai .sec4 .box3 .in {background:#e5edfc;}
.wehago-one-ai .sec4 .box4 .in {background:#eaf4fd;}
.wehago-one-ai .sec4 .box5 .in {background:#ebeeff;}
.wehago-one-ai .sec4 .box6 .in {background:#e5edfc;}

.wehago-one-ai .sec5 .tit-wrap {margin-bottom:var(--size70-20);}
.wehago-one-ai .sec5 .bubble-wrap .bubble .txt {margin-top:0;}
.wehago-one-ai .sec5 .bubble-wrap .bubble:nth-child(2) {margin-top:140px;}
.wehago-one-ai .sec5 .bubble-wrap .bubble:nth-child(3) {margin-top:-100px;}
.wehago-one-tit {margin-bottom:var(--size50-20); text-align:center;}
.wehago-one-tit .tit {font-size:var(--font44-22); font-weight:700; line-height:1.2; letter-spacing:-0.03em; color:#242424;}

/* 보안솔루션 */
.security .tab-wrap .cate {margin-bottom:var(--size30-20);}
.security .tab-wrap .cate ul {display:flex; flex-wrap:wrap; margin:-5px;}
.security .tab-wrap .cate ul li {padding:5px;}
.security .tab-wrap .cate ul li a {display:inline-block; min-width:200px; padding:1em; background:#f4f4f4; border-radius:100vh; font-weight:600; line-height:1; letter-spacing:-0.03em; color:#878787; text-align:center;}
.security .tab-wrap .cate ul li.active a {background:#607fff; color:#fff;}
.security .tab-wrap .box {display:flex; align-items:center; border:1px solid #ddd; border-radius:var(--size20-10); overflow:hidden;}
.security .tab-wrap .box .txt-wrap {flex:1 1 auto; min-width:0; width:1%; padding-left:var(--size50-20);}
.security .tab-wrap .box .tit {margin-bottom:1.75em; font-size:var(--font20-16); font-weight:600; line-height:1.6; letter-spacing:-0.03em; color:#242424;}
.security .tab-wrap .box .txt {position:relative; padding-left:0.94em; font-weight:400; letter-spacing:-0.03em; color:#454545;}
.security .tab-wrap .box .txt:before {content:''; position:absolute; left:0; top:0.55em; width:0.31em; height:0.31em; background:#607fff; border-radius:100%;}
.security .sec6 .ad-wrap .box .tit {color:#242424; margin-bottom:0.6em;}

.security .sec5 .bubble-wrap .bubble:nth-child(2) {margin-top:140px;}
.security .sec5 .bubble-wrap .bubble:nth-child(3) {margin-top:-100px;}

/* cloud */
.open-btn  {margin-top:var(--size40-20);}
.open-btn a {display:inline-block; position:relative; padding:1.5em 4.71em 1.5em 3.13em; font-weight:500; line-height:1; letter-spacing:-0.03em; color:#fff; background:#272a33;}
.open-btn a:before {content:''; position:absolute; right:3.13em; top:50%; margin-top:-0.5em; width:1em; height:1em; background:url('/images/sub/btn-pop.png') no-repeat 50% 50%/contain;}

.cloud .tab-wrap .cate {margin-bottom:var(--size30-20);}
.cloud .tab-wrap .cate ul {display:flex; flex-wrap:wrap; margin:-5px;}
.cloud .tab-wrap .cate ul li {padding:5px;}
.cloud .tab-wrap .cate ul li a {display:inline-block; min-width:200px; padding:1em; background:#f4f4f4; border-radius:100vh; font-weight:600; line-height:1; letter-spacing:-0.03em; color:#878787; text-align:center;}
.cloud .tab-wrap .cate ul li.active a {background:#607fff; color:#fff;}
.cloud .tab-wrap .box {display:flex; align-items:center; border:1px solid #ddd; border-radius:var(--size20-10); overflow:hidden;}
.cloud .tab-wrap .box .txt-wrap {flex:1 1 auto; min-width:0; width:1%; padding-left:var(--size50-20);}
.cloud .tab-wrap .box .tit {margin-bottom:1.75em; font-size:var(--font20-16); font-weight:600; line-height:1.6; letter-spacing:-0.03em; color:#242424;}
.cloud .tab-wrap .box .txt {position:relative; padding-left:0.94em; font-weight:400; letter-spacing:-0.03em; color:#454545;}
.cloud .tab-wrap .box .txt:before {content:''; position:absolute; left:0; top:0.55em; width:0.31em; height:0.31em; background:#607fff; border-radius:100%;}

.cloud .sec5 .bubble-wrap .bubble:nth-child(2) {margin-top:140px;}
.cloud .sec5 .bubble-wrap .bubble:nth-child(3) {margin-top:-100px;}

.cloud .sec6 .ad-wrap .box .tit {color:#242424; margin-bottom:0.6em;}

/* ETC */
.etc .tab-wrap .cate {margin-bottom:var(--size30-20);}
.etc .tab-wrap .cate ul {display:flex; flex-wrap:wrap; margin:-5px;}
.etc .tab-wrap .cate ul li {padding:5px;}
.etc .tab-wrap .cate ul li a {display:inline-block; min-width:200px; padding:1em; background:#f4f4f4; border-radius:100vh; font-weight:600; line-height:1; letter-spacing:-0.03em; color:#878787; text-align:center;}
.etc .tab-wrap .cate ul li.active a {background:#607fff; color:#fff;}
.etc .tab-wrap .box {display:flex; align-items:center; border:1px solid #ddd; border-radius:var(--size20-10); overflow:hidden;}
.etc .tab-wrap .box .txt-wrap {flex:1 1 auto; min-width:0; width:1%; padding-left:var(--size50-20);}
.etc .tab-wrap .box .tit {margin-bottom:1.75em; font-size:var(--font20-16); font-weight:600; line-height:1.6; letter-spacing:-0.03em; color:#242424;}
.etc .tab-wrap .box .txt {position:relative; padding-left:0.94em; font-weight:400; letter-spacing:-0.03em; color:#454545;}
.etc .tab-wrap .box .txt:before {content:''; position:absolute; left:0; top:0.55em; width:0.31em; height:0.31em; background:#607fff; border-radius:100%;}

.etc .tab-wrap.type2 .cate ul li a {min-width:160px;}

.module-icon-wrap {display:flex; flex-wrap:wrap; margin:-5px;}
.module-icon-wrap .box {width:50%; padding:10px;}
.module-icon-wrap .box .in {height:100%; padding:var(--size30-20); border:1px solid #ddd; border-radius:var(--size20-10);}
.module-icon-wrap .box .tt {display:flex; align-items:center; margin-bottom:var(--size20-10);}
.module-icon-wrap .box .tit {padding-left:0.72em; flex:1 1 auto; min-width:0; width:1%; font-size:var(--font18-15); font-weight:500; line-height:1.2; letter-spacing:-0.03em; color:#454545;}
.module-icon-wrap .box ul {display:flex; flex-wrap:wrap; margin-bottom:-0.5em;}
.module-icon-wrap .box ul li {position:relative; width:50%; padding-left:1em; margin-bottom:0.5em; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#454545;}
.module-icon-wrap .box ul li:before {content:''; position:absolute; left:0; top:0.5em; width:0.31em; height:0.31em; background:#a3a3a3; border-radius:100%;}

.peristalsis {display:flex; flex-wrap:wrap; padding:var(--size15-10); border:1px solid #ddd; border-radius:var(--size20-10);}
.peristalsis .box {display:flex; align-items:center; width:50%; padding:var(--size15-10)}
.peristalsis .box.col-4 {width:25%;}
.peristalsis .box.col-5 {width:20%;}
.peristalsis .box .tit {padding-left:0.72em; flex:1 1 auto; min-width:0; width:1%; font-size:var(--font18-15); font-weight:500; line-height:1.2; letter-spacing:-0.03em; color:#454545;}
.peristalsis-wrap {margin-bottom:var(--size20-10); border:1px solid #ddd; border-radius:var(--size20-10); overflow:hidden;}
.peristalsis-wrap:last-child {margin-bottom:0;}
.peristalsis-wrap h4 {padding:0.94em; background:#607fff; font-weight:600; line-height:1.4; letter-spacing:-0.03em; color:#fff; text-align:center;}
.peristalsis-wrap .peristalsis {border:0;}

.flexible {margin-top:var(--size40-20);}
.flexible:first-child {margin-top:0;}
.flexible-tit {margin-bottom:var(--size40-20);}
.flexible-tit .tit {position:relative; padding-top:1em; font-size:var(--font20-16); font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:#242424;}
.flexible-tit .tit:before {content:''; position:absolute; left:0; top:0; width:var(--size40-20); height:0.19em; background:#607fff;}
.flexible-tit .txt {margin-top:2.22em; font-size:var(--font18-15); font-weight:400; line-height:1.2; letter-spacing:-0.03em; color:#242424;}

.work-system {margin:-10px;}
.work-system .flex-wrap {display:flex;}
.work-system .flex-wrap > div {width:50%;}
.work-system .left .box {height:50%;}
.work-system .box {padding:10px;}
.work-system .box .in {display:flex; background:#f8f8f8; border-radius:var(--size20-10); overflow:hidden; height:100%;}
.work-system .box .in .tit {min-width:200px; display:flex; align-items:center; justify-content:center; background:#00cec5; font-size:var(--font18-15); font-weight:600; line-height:1.4; letter-spacing:-0.03em; color:#fff;}
.work-system .box .in ul {flex:1 1 auto; min-width:0; width:1%; min-height:80px; padding:20px var(--size30-20); display:flex; flex-direction:column; justify-content:center;}
.work-system .box .in ul li {position:relative; margin-bottom:0.5em; padding-left:1em; font-weight:400; line-height:1.4; letter-spacing:-0.03em; color:#242424;}
.work-system .box .in ul li:last-child {margin-bottom:0;}
.work-system .box .in ul li:before {content:''; position:absolute; left:0; top:0.5em; width:0.31em; height:0.31em; background:#a3a3a3; border-radius:100%;}
.work-system .flex-wrap .box .in {background:#f7f8ff;}
.work-system .flex-wrap .box .in .tit {background:#607fff;}

.flexible-group {padding-bottom:var(--size50-40); margin-bottom:var(--size50-40); border-bottom:1px solid #ddd;}
.flexible-group:last-child {padding-bottom:0; margin-bottom:0; border-bottom:0;}

.work-info {display:flex; align-items:flex-start; margin-bottom:20px; padding:var(--size30-20); border-radius:var(--size20-10); background:#f8f8f8;}
.work-info:last-child {margin-bottom:0;}
.work-info .img {border-radius:var(--size20-10); overflow:hidden;}
.work-info .txt-wrap {flex:1 1 auto; min-width:0; width:1%; padding-left:var(--size60-20);}
.work-info .txt-wrap .tit {margin-bottom:1.75em; padding-top:1em; font-size:var(--font20-16); font-weight:700; line-height:1.2; letter-spacing:-0.03em; color:#242424;}
.work-info .txt-wrap dl {margin-bottom:24px;}
.work-info .txt-wrap dl:last-child {margin-bottom:0;}
.work-info .txt-wrap dt {margin-bottom:0.69em; font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:#607fff;}
.work-info .txt-wrap dd {position:relative; margin-bottom:0.3em; padding-left:0.94em; line-height:1.5; font-weight:400; letter-spacing:-0.03em; color:#242424;}
.work-info .txt-wrap dd:last-child {margin-bottom:0;}
.work-info .txt-wrap dd:before {content:''; position:absolute; left:0; top:0.55em; width:0.31em; height:0.31em; background:#a3a3a3; border-radius:100%;}

.flexible .law {display:flex;}
.flexible .law .img {display:flex; align-items:center; justify-content:center; width:100px; text-align:center;}
.flexible .law .box {flex:1 0 auto; background:#f6f8fa; border-radius:var(--size20-10); overflow:hidden;}
.flexible .law .tit {padding:1.11em; background:#768390; font-size:var(--font18-15); font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:#eef1f6; text-align:center;}
.flexible .law .in {position:relative; display:flex; align-items:center; justify-content:center; padding:var(--size30-20);}
.flexible .law .in:before {content:''; position:absolute; width:calc(100% - var(--size30-20)*2); height:1px; background:url('/images/sub/icon-line.png') repeat-x left center; left:calc(0px + var(--size30-20)); bottom:0;}
.flexible .law .in ul li {position:relative; margin-bottom:0.5em; padding-left:1em; font-weight:400; line-height:1.4; letter-spacing:-0.03em; color:#242424;}
.flexible .law .in ul li:last-child {margin-bottom:0;}
.flexible .law .in ul li:before {content:''; position:absolute; left:0; top:0.5em; width:0.31em; height:0.31em; background:#a3a3a3; border-radius:100%;}
.flexible .law .info {display:flex; align-items:center; justify-content:center; padding:var(--size30-20);}
.flexible .law .info .time {display:flex; margin-right:var(--size30-5); height:120px; width:145px; align-items:center; justify-content:center; background:url('/images/sub/icon-drop.png') no-repeat 50% 50%/100% 100%; font-size:var(--font18-15); font-weight:500; letter-spacing:-0.03em; color:#242424;}
.flexible .law .info .time strong {font-size:1.7em; margin-top:-0.27em; margin-right:0.3em;}
.flexible .law .info .txt {font-size:var(--font18-15); font-weight:500; line-height:1.6; letter-spacing:-0.03em; color:#242424;}

/* 회사소개 */
.about {padding-top:var(--size200-60);}
.about .top-txt {margin-bottom:1.32em; font-size:var(--font56-24); font-weight:700; line-height:1.32; letter-spacing:-0.03em; color:#242424;}
.about .cnt {display:flex;}
.about .cnt .left {padding-top:20px; text-align:center;}
.about .cnt .left .img {margin-bottom:20px;}
.about .cnt .left .name {font-size:var(--font18-15); font-weight:500; line-height:1.2; letter-spacing:-0.03em; color:#242424;}
.about .cnt .right {flex:1 1 auto; min-width:0; width:1%;}
.about .cnt .right .tit {margin-bottom:1em; font-size:var(--font24-18); font-weight:500; line-height:1.58; letter-spacing:-0.03em; color:#242424;}
.about .cnt .right .txt {margin-bottom:1em; font-size:var(--font18-14); font-weight:500; line-height:1.6; letter-spacing:-0.03em; color:#686868;}
.about .cnt .right .txt:last-child {margin:0;}

/* 오시는 길 */
.tel-info-box.type2 dd {border:1px solid #ddd; border-top:0; border-radius:0 0 5px 5px;}

.direction .top-info {margin-bottom:var(--size80-40);}
.direction .top-info .tit {margin-bottom:1.44em; font-size:var(--font36-20); font-weight:700; line-height:1.2; letter-spacing:-0.03em; color:#242424; text-align:center;}
.direction .tel-info-box {justify-content:center; margin-bottom:var(--size30-15);}
.direction .info .box {display:flex; justify-content:center; position:relative; align-items:center; padding:0 1.4em; margin-bottom:var(--size30-15);}
.direction .info .box dl {display:flex; font-size:var(--font20-16); font-weight:600; line-height:1.4; letter-spacing:-0.03em; color:#242424;}
.direction .info .box dt {position:relative; margin-right:15px; padding-left:1.4em; color:#607fff;}
.direction .info .box dt:before {content:''; position:absolute; left:0; top:0.25em; width:0.9em; height:0.9em; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.direction .info .btn {margin-left:20px;}
.direction .info .btn a {display:inline-block; padding:0.63em 1.25em; border:1px solid #ddd; border-radius:5px; font-weight:400; line-height:1; letter-spacing:-0.03em; color:#454545;}
.direction .info .tel dt:before {background-image:url('/images/sub/local-icon1.png');}
.direction .info .talk dt:before {background-image:url('/images/sub/local-icon2.png');}
.direction .info .email dt:before {background-image:url('/images/sub/local-icon3.png');}
.direction .info .addre dt:before {background-image:url('/images/sub/local-icon4.png');}

.map .root_daum_roughmap {width:100% !important; height:var(--map600-270) !important;}
.map .root_daum_roughmap .wrap_map {height:var(--map600-270) !important;}