@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.service .visual{}
.service .visual .contain{display:flex;align-items:center;min-height:calc(100vh - 130px);}
.service .visual .tt-wrap{position:relative;z-index:1;}
.service .visual .tt-wrap .eng{margin-bottom:25px;font-weight:700;color: #000;letter-spacing:.1em;line-height:1.4em;font-size: clamp(0.875rem, 0.7105rem + 0.6579vw, 1.5rem);}
.service .visual .tt-wrap .title{margin-bottom:40px;line-height:1.23em;font-size: clamp(1.375rem, 0.5855rem + 3.1579vw, 4.375rem);font-weight:800;color: #242424;}
.service .visual .tt-wrap .wrap{margin-bottom:90px;color: #242424;}
.service .visual .tt-wrap .wrap .tit{margin-bottom:20px;font-size: clamp(0.9375rem, 0.7895rem + 0.5921vw, 1.5rem);font-weight:700;line-height:1.4em;}
.service .visual .tt-wrap .wrap .tt{line-height:1.89em;font-size: clamp(0.875rem, 0.8092rem + 0.2632vw, 1.125rem);font-weight:500;}
.service .visual .tt-wrap .wrap .nt{margin-top:20px;font-weight:600;line-height:1.4em;font-size: clamp(0.75rem, 0.6842rem + 0.2632vw, 1rem);}
.service .visual .tt-wrap .btns ul{display:flex;margin:0 -10px;}
.service .visual .tt-wrap .btns ul li{padding:0 10px;}
.service .visual .tt-wrap .btns ul li a{display:flex;justify-content:center;align-items:center;width:250px;height:70px;border-radius:10px;background-color: #0055ad;}
.service .visual .tt-wrap .btns ul li a span{position:relative;padding-left:32px;color: #fff;font-size: clamp(0.875rem, 0.7763rem + 0.3947vw, 1.25rem);line-height:1.2em;font-weight:700;}
.service .visual .tt-wrap .btns ul li a span:before{content:'';width:24px;height:25px;background:url('../images/sub/edi-vis-ic1.png')no-repeat 0 50%/contain;position: absolute;left:0;top:0px;}
.service .visual .tt-wrap .btns ul li.type2 a{background-color: #008dee;}
.service .visual .tt-wrap .btns ul li.type2 a span:before{background-image:url('../images/sub/edi-vis-ic2.png');}
.service .visual .img{min-width:0;width:1%;flex:1 1 auto;margin-right:-17%;margin-left:-8%;text-align:right;}

.service .why .content-box{display:flex;align-items:center;position:relative;min-height:100vh;padding:150px 181px 160px;background-color:var(--pri);border-radius:100px;margin:0 40px;}
.service .why .content-box .contain{width:100%;}
.service .why .content-box .deco{font-size: clamp(1.875rem, -0.5921rem + 9.8684vw, 11.25rem);color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.6); font-weight: 800; text-align:right;position: absolute;right:-115px;top:-115px;line-height:0.87em;}
.service .why .content-box .inner{width:100%;position:relative;z-index:1;}
.service .why .content-box .inner .title{margin-bottom:120px;color: #fff;}
.service .why .content-box .inner .title .eng{margin-bottom:10px;font-size: clamp(1.5rem, 0.7434rem + 3.0263vw, 4.375rem);line-height:1.2em;font-weight:800;}
.service .why .content-box .inner .title .tit{font-size: clamp(1.125rem, 0.7632rem + 1.4474vw, 2.5rem);font-weight:700;line-height:1.4em;}
.service .why .content-box .inner>ul{display:flex;margin:0 -18px;}
.service .why .content-box .inner>ul>li{width:33.3333%;padding:0 18px;}
.service .why .content-box .inner>ul>li .box{display:block;position:relative;padding:55px 40px;height:100%;background-color: #fff;border-radius:30px;}
.service .why .content-box .inner>ul>li .box:after{content:'';width:76px;height:52px;background:url('../images/sub/edi-why-ic1.png')no-repeat 100% 50%/contain;position: absolute;right:40px;top:55px;}
.service .why .content-box .inner>ul>li.type2 .box:after{background-image:url('../images/sub/edi-why-ic2.png');}
.service .why .content-box .inner>ul>li.type3 .box:after{background-image:url('../images/sub/edi-why-ic3.png');}
.service .why .content-box .inner>ul>li .box .num{margin-bottom:25px;font-size: clamp(0.9375rem, 0.7895rem + 0.5921vw, 1.5rem);font-weight:500;line-height:1.2em;}
.service .why .content-box .inner>ul>li .box .tit{margin-bottom:30px;font-size: clamp(0.9375rem, 0.7895rem + 0.5921vw, 1.5rem);line-height:1.5em;color: #242424;font-weight:700;}
.dot-list>li{position:relative;margin-bottom:10px;padding-left:13px;}
.dot-list>li:before{content:'';width:4px;height:4px;background-color:var(--pri);border-radius:50%;position: absolute;left:0;top:11px;}
.dot-list>li:last-child{margin-bottom:0;}

#sub .btn-contact{right:70px;bottom:50px;}
.btn-contact.none{display:none;}

.edi .content{padding:160px 0;background-repeat:no-repeat;background-size:contain;background-position:50% 0%;}
.edi .content.con1{margin-top:-150px;padding-top:290px;background-image:url('../images/sub/edi-con1-bg.jpg');}
.doc-tit{position:relative;}
.doc-tit .wrap{display:inline-block;}
.doc-tit .num{font-size: clamp(1.875rem, -0.5921rem + 9.8684vw, 11.25rem);line-height:.7em;font-weight:800;color:#fff; -webkit-text-stroke: 1px #a475ff;opacity:.6;font-style:italic;text-align:right;margin-bottom:-62px;}
.doc-tit .tit{position:relative;z-index:1;line-height:1.14em;color: #000;font-size: clamp(1.375rem, 0.5855rem + 3.1579vw, 4.375rem);font-weight:800;}
.doc-tit .tit span{font-size: clamp(0.9375rem, 0.5263rem + 1.6447vw, 2.5rem);color: #000;display:block;}
.doc-flex{display:flex;align-items:center;margin-bottom:-25px;}
.doc-flex:last-child{margin-bottom:0;}
.doc-flex .tt-wrap{min-width:0;width:1%;flex:1 1 auto;margin-left:100px;}
.doc-flex .tt-wrap .eng{margin-bottom:15px;font-weight:700;letter-spacing:.1em;font-size: clamp(0.875rem, 0.7763rem + 0.3947vw, 1.25rem);line-height:1.3em;}
.doc-flex .tt-wrap .tit{margin-bottom:25px;color: #242424;line-height:1.4em;font-size: clamp(1rem, 0.6053rem + 1.5789vw, 2.5rem);}
.doc-flex:nth-child(even){flex-direction:row-reverse;}
.doc-flex:nth-child(even) .tt-wrap{margin-right:100px;margin-left:0;text-align:right;}

.doc-flex.type2{flex-direction:row-reverse;}
.doc-flex.type2 .tt-wrap{margin-left:0;margin-right:100px;text-align:right;}
.doc-flex.type2:nth-child(even) {flex-direction:row;}
.doc-flex.type2:nth-child(even) .tt-wrap{margin-right:0;margin-left:100px;text-align:left;}
.edi .content.con1 .doc-flex:nth-child(even){padding-left:120px;}

.edi .content.con2{background-image:url('../images/sub/edi-con2-bg.jpg');}
.edi .content.con2 .doc-tit{text-align:right;margin-bottom:-60px;}
.edi .content.con2 .doc-tit .num{-webkit-text-stroke: 1px #245fbc;text-align:left;margin-left:-120px;}

.edi .content.con3{background-image:url('../images/sub/edi-con3-bg.jpg');}
.edi .content.con3 .doc-tit{text-align:right;margin-bottom:-60px;}
.edi .content.con3 .doc-tit .num{-webkit-text-stroke: 1px #ff572f;text-align:left;margin-left:45px;}

.edi .content.con4{background-image:url('../images/sub/edi-con4-bg.jpg');background-position:50% 50%;background-size:cover;}
.edi .content.con4 .doc-tit{text-align:left;margin-bottom:100px;}
.edi .content.con4 .doc-tit .num{margin-right:-120px;-webkit-text-stroke: 1px #fff;font-style:normal;color:transparent;}
.edi .content.con4 .doc-tit .tit{color: #fff;}
.edi .content.con4 .doc-tit .tit span{color: #fff;}

.edi .content.con5{background-image:url('../images/sub/edi-con5-bg.jpg');}
.edi .content.con5 .doc-tit{text-align:left;margin-bottom:0;}
.edi .content.con5 .doc-tit .num{-webkit-text-stroke: 1px #70ac48;text-align:right;margin-right:-125px;}

.edi .content.con5 .doc-flex{margin-bottom:130px;}
.edi .content.con5 .doc-flex:last-child{margin-bottom:0;}
.edi .content.con5 .doc-flex.type2 .tt-wrap{display:flex;justify-content:flex-end;text-align:left;}
.edi .content.con5 .doc-flex.type2 .tt-wrap .inner{max-width:550px;}
.edi .content.con5 .doc-flex.type2 .tt-wrap .box{position:relative;border:1px solid #80bc00;border-radius:30px;padding:45px 40px 35px;margin:65px 0 0;}
.edi .content.con5 .doc-flex.type2 .tt-wrap .box .box-tit{display:flex;align-items:center;position: absolute;left:30px;top:-16px;height:32px;padding:0 10px;background-color: #fff;min-width:178px;font-weight:700;font-size: clamp(0.875rem, 0.7763rem + 0.3947vw, 1.25rem);line-height:1.2em;}
.edi .content.con5 .doc-flex.type2 .tt-wrap .box .box-tit span{position:relative;padding-left:34px;}
.edi .content.con5 .doc-flex.type2 .tt-wrap .box .box-tit span:before{content:'';width:24px;height:21px;background:url('../images/sub/edi-con5-ic1.png')no-repeat 0 50%/contain;position: absolute;left:0;top:2px;}
.edi .content.con5 .doc-flex.type2 .tt-wrap .box dl{display:flex;margin-bottom:15px;}
.edi .content.con5 .doc-flex.type2 .tt-wrap .box dl:last-child{margin-bottom:0;}
.edi .content.con5 .doc-flex.type2 .tt-wrap .box dl dt{width:145px;color: #242424;font-weight:600;}
.edi .content.con5 .doc-flex.type2 .tt-wrap .box dl dd{min-width:0;width:1%;flex:1 1 auto;}

.edi .content.con5 .doc-flex.type2:nth-child(even) .tt-wrap{justify-content:flex-start;}
.edi .content.con5 .doc-flex.type2.row2 .tt-wrap .box{border-color: #0fb429;}
.edi .content.con5 .doc-flex.type2.row2 .tt-wrap .box .box-tit span:before{background-image:url('../images/sub/edi-con5-ic2.png');}

.edi .content.con5 .doc-flex.type2.row3 .tt-wrap .box{border-color: #1da081;}
.edi .content.con5 .doc-flex.type2.row3 .tt-wrap .box .box-tit span:before{background-image:url('../images/sub/edi-con5-ic3.png');}

.edi .content.con5 .doc-flex.type2.row4 .tt-wrap .box{border-color: #1d919e;}
.edi .content.con5 .doc-flex.type2.row4 .tt-wrap .box .box-tit span:before{background-image:url('../images/sub/edi-con5-ic4.png');}


.real-cont.type2{padding:0;}
.edi .content.con6{background-image:url('../images/sub/edi-con6-bg.jpg');background-position:50% 50%;background-size:cover;color: #fff;}
.edi .content.con6 .tt-wrap{text-align:center;}
.edi .content.con6 .tt-wrap .tit{margin-bottom:40px;font-size: clamp(1.25rem, 0.5921rem + 2.6316vw, 3.75rem);font-weight:800;line-height:1.3em;}
.edi .content.con6 .tt-wrap .tit strong{font-size: clamp(1.5rem, 0.7434rem + 3.0263vw, 4.375rem);}
.edi .content.con6 .tt-wrap .tit strong span{position:relative;}
.edi .content.con6 .tt-wrap .tit strong span:before{content:'';width:10px;height:10px;background-color: #fff;border-radius:50%;position: absolute;left:50%;transform:translateX(-50%);top:-15px;}
.edi .content.con6 .tt-wrap .tt{margin-bottom:85px;line-height:1.67em;font-size: clamp(0.9375rem, 0.7895rem + 0.5921vw, 1.5rem);}
.edi .content.con6 .tt-wrap .btn{display:flex;justify-content:center;align-items:center;width:250px;height:70px;border-radius:10px;margin:0 auto;background-color: #008dee;}
.edi .content.con6 .tt-wrap .btn span{position:relative;padding-left:34px;font-size: clamp(0.875rem, 0.7763rem + 0.3947vw, 1.25rem);font-weight:700;line-height:1.2em;}
.edi .content.con6 .tt-wrap .btn span:before{content:'';width:24px;height:20px;background:url('../images/sub/ide-con6-ic.png')no-repeat 0 50%/contain;position: absolute;left:0;top:2px;}

.service.api .visual .tt-wrap .title{font-size: clamp(1.5rem, 1.0724rem + 1.7105vw, 3.125rem);}
.service.api .visual .tt-wrap .title span{font-size: clamp(1.125rem, 0.8618rem + 1.0526vw, 2.125rem);}
.service.api .visual .img{margin-left:-9%;}
.service.api .visual .tt-wrap .btns ul li a{background-color: #2f345a;}
.service.api .visual .tt-wrap .btns ul li.type2 a{background-color: #ff572f;}
.service.api .why .content-box{background-color: #ff572f;}
.service.api .why .content-box .inner .title{display:flex;margin-bottom:90px;}
.service.api .why .content-box .inner .title .eng{margin-right:80px;}
.service.api .why .content-box .inner .title .tt{min-width:0;width:1%;flex:1 1 auto;line-height:1.67em;font-size: clamp(0.9375rem, 0.7895rem + 0.5921vw, 1.5rem);font-weight:600;}

.service.api .content{background-repeat:no-repeat;background-size:cover;background-position:50% 50%;padding:80px 0 150px;}
.api .content.con1{background-image:url('../images/sub/api-con1-bg.jpg');}

.dot-list.type2>li:before{background-color: #242424;}

.api .doc-tit .num{font-size: clamp(1.875rem, 0.0658rem + 7.2368vw, 8.75rem); -webkit-text-stroke: 1px #ff572f;margin-right:-68px;margin-bottom:-48px;}
.api .doc-tit .tit{font-size: clamp(1.375rem, 0.9145rem + 1.8421vw, 3.125rem);line-height:1.2em;}

.service.api .content .flex{display:flex;}
.service.api .content .flex .cnt{min-width:0;width:1%;flex:1 1 auto;margin-left:190px;padding-top:70px;}

.service.api .content.con1 .tt-box{padding:55px 40px;background-color: #fafafa;border-radius:30px;}
.service.api .content.con1 .tt-box .tit{margin-bottom:15px;font-size: clamp(0.9375rem, 0.7895rem + 0.5921vw, 1.5rem);color: #242424;font-weight:700;line-height:1.3em;}
.dt{line-height:1.72em;font-size: clamp(0.875rem, 0.8092rem + 0.2632vw, 1.125rem);}
.dt strong{color: #242424;font-weight:600;}
.service.api .content.con1 .img{margin-top:-40px;text-align:center;}

.service.api .content:nth-child(even) .flex{flex-direction:row-reverse;}
.service.api .content:nth-child(even) .flex .cnt{margin-left:0;margin-right:190px;}
.service.api .content:nth-child(even) .flex .doc-tit{text-align:right;}
.service.api .content:nth-child(even) .flex .doc-tit .num{margin-right:0;margin-left:-80px;text-align:left;-webkit-text-stroke: 1px #2f345a;}

.service.api .content.con2{background-image:url('../images/sub/api-con2-bg.jpg');}
.doc-tit .dt{margin-top:40px;}
.service.api .content.con2 .flex .cnt .img{margin-bottom:40px;padding:45px;border-radius:30px;background-color: #fff;text-align:center;}
.doc-boxes>ul{display:flex;margin:0 -15px;}
.doc-boxes>ul>li{width:50%;padding:0 15px;}
.doc-boxes>ul>li .box{padding:50px 40px;border-radius:30px;background-color: #fff;height:100%;}
.doc-boxes>ul>li .box .tit{margin-bottom:15px;font-size: clamp(0.9375rem, 0.7895rem + 0.5921vw, 1.5rem);color: #242424;font-weight:700;line-height:1.3em;}
.dot-list2>li{position:relative;padding-left:10px;line-height:1.5em;margin-bottom:3px;}
.dot-list2>li:last-child{margin-bottom:0;}
.dot-list2>li:before{content:'';width:3px;height:3px;border-radius:50%;background-color: #2f345a;position: absolute;left:0;top:9px;}

.service.api .content.type2{padding:150px 0;}
.service.api .content.type2 .doc-tit .wrap .num{margin-right:-90px;margin-bottom:-105px;}
.service.api .content.type2 .flex .cnt{padding-top:0;}

.service.api .content.con3{background-image:url('../images/sub/api-con3-bg.jpg');}
.service.api .content.con4{background-image:url('../images/sub/api-con4-bg.jpg');}
.service.api .content.con4 .flex .cnt{margin-right:135px;}

.service.api .content.con5{background-image:url('../images/sub/api-con5-bg.jpg');}
.service.api .content.con5 .flex .cnt .img{margin-bottom:40px;padding:45px 30px;border-radius:30px;background-color: #fff;text-align:center;border:1px solid #ddd;}
.service.api .content.con5 .flex .cnt .doc-boxes>ul>li .box{background-color: #fafafa;}

.api .content2{padding:130px 0;}
.api .content2:first-child{padding-top:180px;background:url('../images/sub/api-fl1-bg.jpg')no-repeat 50% 0/contain;}
.api .content2:last-child{padding-bottom:180px;}
.api .content2:nth-child(even){background:url('../images/sub/api-even-bg.jpg')no-repeat 50% 50%/cover;}
.api .content2 .con-title{margin-bottom:90px;text-align:center;color: #000;}
.api .content2 .con-title .tit{margin-bottom:15px;font-size: clamp(1.5rem, 0.7434rem + 3.0263vw, 4.375rem);font-weight:800;line-height:1.2em;}
.api .content2 .fl-con{display:flex;align-items:center;}
.api .content2 .fl-con .img{position:relative;min-width:0;width:1%;flex:1 1 auto;margin-left:-190px;}
.api .content2 .fl-con .tt-wrap{margin-left:110px;width:480px;}
.api .content2 .fl-con .tt-wrap .title{display:flex;margin-bottom:40px;}
.api .content2 .fl-con .tt-wrap .title .num{display:flex;justify-content:center;align-items:center;width:44px;height:44px;margin-right:20px;margin-top:5px;border-radius:50%;background-color: #ff572f;color: #fff;font-size: clamp(0.875rem, 0.8092rem + 0.2632vw, 1.125rem);line-height:1.2em;font-weight:700;}
.api .content2 .fl-con .tt-wrap .title .tit{min-width:0;width:1%;flex:1 1 auto;line-height:1.35em;font-size: clamp(1rem, 0.6053rem + 1.5789vw, 2.5rem);color: #000;font-weight:700;}
.api .content2 .fl-con .tt-wrap .dt{position:relative;padding-left:30px;}
.api .content2 .fl-con .tt-wrap .dt:before{content:'';width:20px;height:19px;position: absolute;left:0;top:3px;background:url('../images/sub/api-chk.png')no-repeat 0 50%/contain;}

.api .content2:nth-child(even) .fl-con{flex-direction:row-reverse;}
.api .content2:nth-child(even) .fl-con .img{margin-right:-190px;margin-left:0;}
.api .content2:nth-child(even) .fl-con .tt-wrap{margin-left:0;margin-right:110px;}

.sub-title{padding:50px 0 75px;border-bottom:2px solid #f2f2f2;left:-.04em;color: #000;}
.sub-title .flex{display:flex;justify-content:space-between;align-items:flex-end;}
.sub-title .flex .wrap .tt{margin-bottom:20px;font-size: clamp(0.875rem, 0.8092rem + 0.2632vw, 1.125rem);line-height:1.4em;}
.sub-title .flex .wrap h1{font-size: clamp(1.5rem, 1.0724rem + 1.7105vw, 3.125rem);line-height:1.2em;font-weight:800;}
.sub-title .flex .doc-more a:hover:before{left:70%;}

.case-cate{margin-bottom:60px;}
.case-cate ul{display:flex;justify-content:center;margin:0 -5px;}
.case-cate ul li{padding:0 5px;width:auto;}
.case-cate ul li a{display:flex;justify-content:center;align-items:center;position:relative;min-width:150px;height:50px;border-radius:25px;color: #242424;background-color: #f2f2f2;font-weight:700;}
.case-cate ul li a .num{display:flex;justify-content:center;align-items:center;position: absolute;right:0;top:-10px;width:28px;height:28px;border-radius:50%;color: #fff;font-size:10px;font-weight:700;background-color: #c1c1c1;line-height:1.2em;}
.case-cate ul li.active a{background-color: #008dee;color: #fff;}
.case-cate ul li.active a .num{background-color: #0055ad;}

.case-list ul{display:flex;flex-wrap:wrap;margin:0 -15px -30px;}
.case-list ul li{width:50%;padding:0 15px;margin-bottom:30px;}
.case-list ul li a{display:block;position:relative;padding:40px 60px;transition:.3s;}
.case-list ul li a:before{content:'';width:100%;height:100%;border-radius:30px;border:1px solid #ddd;position: absolute;left:0;top:0;}
.case-list ul li a:after{content:'';width:100%;height:100%;border-radius:30px;border:3px solid #008dee;position: absolute;left:0;top:0;transition:.3s;opacity:0;}
.case-list ul li a .top{display:flex;align-items:center;margin-bottom:10px;}
.case-list ul li a .top .tt-wrap{minh:0;width:1%;flex:1 1 auto;margin-right:30px;}
.path{margin-bottom:10px;font-size: clamp-widt(0.8125rem, 0.7961rem + 0.0658vw, 0.875rem);color: #ababab;font-weight:600;line-height:1.3em;}
.path .dot{margin:0 9px;color: #242424;}
.case-list ul li a .top .tt-wrap .tit{margin-bottom:10px;font-size: clamp(1rem, 0.8026rem + 0.7895vw, 1.75rem);line-height:1.4em;color: #242424;font-weight:700;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:100%;;}
.case-list ul li a .top .tt-wrap .tt{line-height:1.56em;font-size: clamp(0.875rem, 0.8092rem + 0.2632vw, 1.125rem);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.case-list ul li a .top .circle{width:200px;border-radius:50%;overflow:hidden;}
.case-list ul li a .top .circle .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden;}
.case-list ul li a .top .circle .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.case-list ul li a .partner-txt{margin-bottom:15px;line-height:1.5em;}
.case-list ul li a .partner-txt strong{font-weight:600;color: #242424;}
.case-list ul li a .img .pic {position:relative; height:0; padding-bottom:26.55%; overflow:hidden;border-radius:30px;}
.case-list ul li a .img .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}

.case-list ul li a:hover:after{opacity:1;}

.case-list .case-more{margin-top:60px;display:flex;justify-content:center;align-items:center;height:60px;border-radius:10px;border:1px solid #ddd;transition:.3s;}
.case-list .case-more:hover{border-color: #7c7c7c;}

.case-detail .top-con{display:flex;margin-bottom:100px;}
.case-detail .top-con .img{width:685px;margin-right:100px;}
.case-detail .top-con .img .pic {position:relative; height:0; padding-bottom:65.695%; overflow:hidden;border-radius:30px;}
.case-detail .top-con .img .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.case-detail .top-con .tt-wrap{padding-top:45px;min-width:0;width:1%;flex:1 1 auto;}
.case-detail .top-con .tt-wrap .path{margin-bottom:15px;}
.case-detail .top-con .tt-wrap .tit{margin-bottom:30px;font-size: clamp(1.25rem, 0.9211rem + 1.3158vw, 2.5rem);color: #242424;font-weight:700;line-height:1.4em;}
.btn-back{display:flex;justify-content:center;align-items:center;width:200px;height:60px;border:1px solid #008dee;color: #008dee;font-size: clamp(0.875rem, 0.8092rem + 0.2632vw, 1.125rem);line-height:1.2em;font-weight:600;border-radius:10px;margin:100px auto 0;}
.case-detail .top-con .tt-wrap .btn-back{margin:55px 0 0;}

.case-detail .content{border-top:1px solid #242424;border-bottom:1px solid #ddd;}
.case-detail .content .row{display:flex;padding:60px 100px;border-bottom:1px dashed #ddd;}
.case-detail .content .row:last-child{border-bottom:none;}
.case-detail .content .row .tit{display:flex;justify-content:center;align-items:center;width:120px;height:120px;margin-right:80px;border-radius:50%;background-color: #eee;font-weight:700;line-height:1.4em;font-size: clamp(0.9375rem, 0.8553rem + 0.3289vw, 1.25rem);}
.case-detail .content .row .cnt{min-width:0;width:1%;flex:1 1 auto;padding-top:20px;}
.hypen-list>li{position:relative;padding-left:10px;}
.hypen-list>li:before{content:'';width:5px;height:1px;background-color: #454545;position: absolute;left:0;top:12px;}
.case-detail .content .row .cnt .img{margin-top:35px;}
.case-detail .content .row.type2 .tit{background-color: #008dee;color: #fff;}

#lnb{position: absolute;left:30px;bottom:-77px;}
.lnb ul{display:flex;margin:0 -15px;}
.lnb ul li{width:auto;padding:0 15px;}
.lnb ul li a{display:block;position:relative;padding:0 10px 20px;line-height:1.2em;color: #242424;}
.lnb ul li a:after{content:'';width:100%;height:2px;background-color: #008dee;position: absolute;left:0;bottom:0;opacity:0;}
.lnb ul li.active a{color: #008dee;font-weight:600;}
.lnb ul li.active a:after{opacity:1;}

.about .greeting{margin-bottom:130px;}
.about .greeting .bg{display:flex;align-items:flex-end;margin-bottom:55px;border-radius:80px 0 0 0;height:450px;padding:55px 100px 40px;margin-right:-260px;background:url('../images/sub/about-img1.jpg')no-repeat 50% 50%/cover;}
.about .greeting .bg p{color: #fff;font-weight:600;font-size: clamp(0.9375rem, 0.5921rem + 1.3816vw, 2.25rem);line-height:1.8em;}
.about .greeting .bg p strong{font-size: clamp(1.125rem, 0.4342rem + 2.7632vw, 3.75rem);}
.about .greeting .tag{display:flex;margin-bottom:25px;}
.about .greeting .tag p{margin-right:20px;color: #242424;line-height:1.4em;font-size: clamp(0.875rem, 0.7763rem + 0.3947vw, 1.25rem);font-weight:600;}
.about .greeting .tag p:last-child{margin-right:0;}
.about .greeting .tt-wrap{margin-bottom:95px;}
.about .greeting .tt-wrap p{margin-bottom:20px;}
.about .greeting .tt-wrap p:last-child{margin-bottom:0;}
.about .greeting .info{border-top:1px solid #ddd;font-size: clamp(0.875rem, 0.8257rem + 0.1974vw, 1.0625rem);line-height:1.4em;}
.about .greeting .info .row{padding:18px 50px;border-bottom:1px solid #ddd;}
.about .greeting .info .row .flex{display:flex;margin:0 -20px;}
.about .greeting .info .row dl{display:flex;width:50%;padding:0 20px;}
.about .greeting .info .row dl dt{width:180px;color: #242424;font-weight:600;}
.about .greeting .info .row dl dd{min-width:0;width:1%;flex:1 1 auto;}


.history{padding:150px 0;background:url('../images/sub/history-bg.jpg')no-repeat 50% 50%/cover;color: #fff;letter-spacing:-.04em;}
.history .w1200{display:flex;}
.history .title{margin-right:170px;}
.history .title .eng{margin-bottom:15px;font-size: clamp(0.875rem, 0.8092rem + 0.2632vw, 1.125rem);letter-spacing:.2em;font-weight:600;line-height:1.3em;}
.history .title .tit{margin-bottom:90px;font-size: clamp(1.125rem, 0.7632rem + 1.4474vw, 2.5rem);line-height:1.40em;font-weight:600;}
.history .title .tit strong{font-weight:800;}
.history .title .since{opacity:.5;}
.history .con{min-width:0;width:1%;flex:1 1 auto;}
.history .con .row{margin-bottom:40px;}
.history .con .row .year{margin-bottom:15px;font-size: clamp(0.9375rem, 0.7237rem + 0.8553vw, 1.75rem);line-height:1.4em;font-weight:700;}
.history .con .row .info ul li{display:flex;color: #e7e7e7;margin-bottom:3px;font-size: clamp(0.875rem, 0.8092rem + 0.2632vw, 1.125rem);line-height:1.72em;}
.history .con .row .info ul li:last-child{margin-bottom:0;}
.history .con .row .info ul li .month{width:43px;font-size: clamp(0.875rem, 0.7763rem + 0.3947vw, 1.25rem);color: #008dee;font-weight:700;}
.history .con .row .info ul li p{padding-top:1px;min-width:0;width:1%;flex:1 1 auto;}
.history .con .row .info ul li.dot{position:relative;display:block;padding-left:13px;}
.history .con .row .info ul li.dot:before{content:'';width:3px;height:3px;background-color: #35bbc6;border-radius:50%;position: absolute;left:0;top:13px;}

.location{padding-top:130px;}
.location .title{margin-bottom:55px;}
.location .title .eng{margin-bottom:15px;font-size: clamp(0.875rem, 0.8092rem + 0.2632vw, 1.125rem);letter-spacing:.2em;font-weight:600;line-height:1.3em;}
.location .title .tit{font-size: clamp(1.125rem, 0.7632rem + 1.4474vw, 2.5rem);line-height:1.40em;font-weight:700;}
.location .maps{margin-bottom:55px;border-radius:30px;overflow:hidden;}
[lang=en] .location .maps iframe{width:100%;height:460px;}
.location .maps .root_daum_roughmap {width:100% !important; height:460px !important;}
.location .maps .root_daum_roughmap .wrap_map {height:460px !important;}
.location .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .maps .map_border{display:none;}
.location .maps .roughmap_lebel_text:after {content:"(주)인스피언"; font-size:12px; line-height:15px;}
.location .tt-wrap{display:flex;padding:0 60px;}
.location .tt-wrap .adr-wrap{margin-right:145px;}
.location .tt-wrap .adr-wrap .comp{margin-bottom:5px;font-weight:500;}
.location .tt-wrap .adr-wrap .adr{margin-bottom:5px;color: #242424;font-weight:500;font-size: clamp(0.9375rem, 0.8553rem + 0.3289vw, 1.25rem);line-height:1.4em;}
.location .tt-wrap .adr-wrap .wrap{display:flex;}
.location .tt-wrap .adr-wrap .wrap p{margin-right:20px;}
.location .tt-wrap .adr-wrap .wrap p:last-child{margin-right:0;}
.location .tt-wrap .info{padding-top:30px;}
.location .tt-wrap .info dl{margin-bottom:25px;display:flex;line-height:1.4em;}
.location .tt-wrap .info dl:last-child{margin-bottom:0;}
.location .tt-wrap .info dl dt{position:relative;padding-left:39px;width:120px;color: #242424;font-weight:500;}
.location .tt-wrap .info dl dt:before{content:'';width:20px;height:20px;background:url('../images/sub/ic-tel.png')no-repeat 0 50%/contain;position: absolute;left:0;top:1px;}
.location .tt-wrap .info dl dd{min-width:0;width:1%;flex:1 1 auto;}
.location .tt-wrap .info dl.type2 dt:before{background-image:url('../images/sub/ic-fax.png');}

.w1200{max-width:1200px;margin:0 auto;}

.inq{display:flex;background-color: #f5fbfe;border-radius:30px;padding:50px 60px;}
.inq .tt-wrap{padding-top:35px;margin-right:50px;}
.inq .tt-wrap .eng{margin-bottom:10px;color: #000;letter-spacing:.1em;line-height:1.4em;font-weight:700;}
.inq .tt-wrap .tit{margin-bottom:25px;font-size: clamp(0.9375rem, 0.6908rem + 0.9868vw, 1.875rem);line-height:1.8em;color: #242424;font-weight:700;}
.inq .tt-wrap .tit strong{font-size: clamp(1.125rem, 0.7632rem + 1.4474vw, 2.5rem);}
.inq .tt-wrap .tt{margin-bottom:50px;line-height:1.63em;}
.inq .form{padding:55px 30px 60px;border-radius:30px;min-width:0;width:1%;flex:1 1 auto;background-color: #fff;padding:;}
.inq .form .form-wrap{margin-bottom:60px;}
.inq .form .form-wrap .cnt{margin-bottom:45px;}
.inq .form .form-wrap .cnt:last-child{margin-bottom:0;}
.inq .form .form-wrap .cnt .title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:15px;}
.inq .form .form-wrap .cnt .title .tit{font-size: clamp(0.9375rem, 0.8553rem + 0.3289vw, 1.25rem);color: #242424;font-weight:700;line-height:1.4em;}
.inq .form .form-wrap .cnt .title .necess{position:relative;padding-left:20px;font-size:14px;color: #ababab;line-height:1.4em;}
.inq .form .form-wrap .cnt .title .necess:before{content:'';position: absolute;left:0;top:1px;width:16px;height:14px;background:url('../images/sub/ic-chk.png')no-repeat 0 50%/contain;}
.inq .form .form-wrap .cnt .row{display:flex;flex-wrap:wrap;margin:0 -15px;}
.inq .form .form-wrap .cnt .row .col{width:50%;padding:0 15px;margin-bottom:15px;}
.inq .form .form-wrap .cnt .row .col label{display:inline-block;position:relative;padding-left:20px;margin-bottom:5px;line-height:1.4em;font-size: clamp(0.875rem, 0.8586rem + 0.0658vw, 0.9375rem);color: #242424;font-weight:500;}
.inq .form .form-wrap .cnt .row .col label:before{content:'';position: absolute;left:0;top:1px;width:16px;height:14px;background:url('../images/sub/ic-chk.png')no-repeat 0 50%/contain;}
.inq .form .form-wrap input.input,
.inq .form .form-wrap textarea.input{border-radius:6px;font-size: clamp(0.875rem, 0.8586rem + 0.0658vw, 0.9375rem);}
.inq .form .form-wrap input.input::placeholder,
.inq .form .form-wrap textarea.input::placeholder{font-size: clamp(0.875rem, 0.8586rem + 0.0658vw, 0.9375rem);color: #898989;}
.inq .form .form-wrap input#email{margin:0;}
.inq .form .btm{display:flex;justify-content:space-between;align-items:flex-end;}
.inq .form .btm .form-agree{margin:0;}
.inq .form .btm .btn-send{display:flex;justify-content:center;align-items:center;width:250px;height:70px;border-radius:10px;border:none;cursor:pointer;background-color: #008dee;}
.inq .form .btm .btn-send span{position:relative;padding-left:30px;color: #fff;font-size: clamp(0.9375rem, 0.8553rem + 0.3289vw, 1.25rem);line-height:1.2em;font-weight:700;}
.inq .form .btm .btn-send span:before{content:'';width:21px;height:20px;background:url('../images/sub/ic-inq.png')no-repeat 0 50%/contain;position: absolute;left:0;top:2px;}

.sub-title.pricing .flex .wrap .radi-tt{display:inline-block;margin-bottom:20px;line-height:34px;padding:0 20px;background-color: #ebf6fe;border-radius:17px;color: #008dee;}
.sub-title.pricing .flex .wrap .btm-tt{margin-top:25px;}
.sub-title.pricing .flex .doc-more{padding-bottom:40px;}

.pricing .top-content{margin-bottom:100px;overflow:hidden;padding-top:80px;}
.pricing .top-content .bg-con{position:relative;margin-right:-18%;margin-bottom:95px;padding:210px 100px 75px;border-radius:80px 0 0 0;background:url('../images/sub/pricing-img1.jpg')no-repeat 50% 50%/cover;color: #fff;}
.pricing .top-content .bg-con .title{margin-bottom:25px;font-size: clamp(1.5rem, 0.9079rem + 2.3684vw, 3.75rem);line-height:1.2em;font-weight:800;}
.pricing .top-content .bg-con p{font-size: clamp(0.875rem, 0.7105rem + 0.6579vw, 1.5rem);line-height:1.5em;}
.pricing .top-content .bg-con p strong{font-weight:800;}
.pricing .top-content .price .title{margin-bottom:55px;text-align:center;}
.pricing .top-content .price .title .top{margin-bottom:25px;font-size: clamp(0.75rem, 0.6513rem + 0.3947vw, 1.125rem);font-weight:600;line-height:1.2em;color: #000;letter-spacing:.2em;}
.pricing .top-content .price .title .tit{color: #000;font-size: clamp(1.25rem, 0.9211rem + 1.3158vw, 2.5rem);font-weight:600;}
.pricing .top-content .price ul{display:flex;margin:0 -6px;}
.pricing .top-content .price ul li{width:20%;padding:0 6px;}
.pricing .top-content .price ul li .box{padding:65px 30px 55px;border-radius:20px;background-color: #f3fafe;color: #000;height:100%;}
.pricing .top-content .price ul li .box .ic{margin-bottom:25px;}
.pricing .top-content .price ul li .box .tit{margin-bottom:25px;font-size: clamp(1rem, 0.8355rem + 0.6579vw, 1.625rem);line-height:1.4em;font-weight:700;}
.pricing .top-content .price ul li .box .basic{margin-bottom:25px;font-weight:700;font-size: clamp(0.875rem, 0.7763rem + 0.3947vw, 1.25rem);line-height:1.4em;}
.pricing .top-content .price ul li .box .tt{font-weight:500;font-size: clamp(0.875rem, 0.8092rem + 0.2632vw, 1.125rem);line-height:1.56em;}