.main{font-family:'pretendard';font-weight:400;}

.main .block-title{text-align:center;}
.main .block-title li:nth-child(1){font-size:3.2rem;line-height:4rem;color:#393939;word-break:keep-all;}
.main .block-title li:nth-child(2){margin-top:26px;line-height:2.8rem;font-size:1.8rem;}
.main .block-title.has-arrow{position:relative;padding-bottom:70px;}
.main .block-title.has-arrow:after{content:'';position:absolute;bottom:0;left:auto;right:auto;margin-left:-6px;border:solid #797979;border-width:0 2px 2px 0;display:inline-block;padding:6px;transform:rotate(45deg);}

@media screen and (max-width:767px) {
.main .block-title{margin:0 15px 60px 15px;}
.main .block-title li:nth-child(2){margin-top:22px;}
}

.fixed_img_wrap{position:fixed;z-index:-1;top:0;left:0;width:100%;height:100%;}
.fixed_img_wrap:before{content:'';display:block;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;}
.fixed_img_wrap img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center;--d:25s}
.fixed_img_wrap img:nth-child(1){animation:main-image-fade1 var(--d) infinite;}
.fixed_img_wrap img:nth-child(2){animation:main-image-fade2 var(--d) infinite;}
.fixed_img_wrap img:nth-child(3){animation:main-image-fade3 var(--d) infinite;}
.fixed_img_wrap img:nth-child(4){animation:main-image-fade4 var(--d) infinite;}

@keyframes main-image-fade1{0%{opacity:1}25%{opacity:0}50%{opacity:0}75%{opacity:0}100%{opacity:1}}
@keyframes main-image-fade2{0%{opacity:0}25%{opacity:1}50%{opacity:0}75%{opacity:0}100%{opacity:0}}
@keyframes main-image-fade3{0%{opacity:0}25%{opacity:0}50%{opacity:1}75%{opacity:0}100%{opacity:0}}
@keyframes main-image-fade4{0%{opacity:0}25%{opacity:0}50%{opacity:0}75%{opacity:1}100%{opacity:0}}

.main-top-banner{position:relative;padding-top:60px;text-align:center;}
.main-top-banner .db{position:relative;z-index:1;}
.main-top-banner ul{text-align:center;}
.main-top-banner ul li:nth-child(1){max-width:66%;margin:80px auto 0 auto;font-size:3.2rem;line-height:5.4rem;color:#fff;word-break:keep-all;}
.main-top-banner ul li:nth-child(1) strong{color:#f8f526;}

@media only screen and (max-width:1099px) {
.main-top-banner{padding-top:50px;}
.main-top-banner ul{padding:20px 15px;}
.main-top-banner ul li:nth-child(1){max-width:none;margin-top:40px;}
}

.main-solution-types{margin:120px -10px 150px -10px;overflow:hidden;}
.main-solution-types li{float:left;width:33.333333%;text-align:left;}
.main-solution-types li a{display:block;height:70px;padding:0 20px;margin:10px;font-size:20px;line-height:25px;font-weight:bold;color:#fff;border:1px solid #fff;border-radius:10px;word-break:keep-all;}
.main-solution-types li a div{position:relative;top:50%;transform:translateY(-50%);}

@media only screen and (max-width:1320px) {
.main-solution-types{margin-right:20px;margin-left:20px;}
}

@media only screen and (max-width:790px) {
.main-solution-types{margin:90px 10px 120px 10px;}
.main-solution-types li{width:50%;}
}

@media only screen and (max-width:476px) {
.main-solution-types{margin:70px 10px 100px 10px;}
.main-solution-types li a{padding:0 15px;}
.main-solution-types li a div{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;}
}

.main-competence{padding:100px 0;background:#F8F9FA;}
.main-competence .rows{display:flex;flex-wrap:wrap;margin:80px -40px 0 -40px;overflow:hidden;}
.main-competence .rows .row{float:left;width:33.333333%;margin-bottom:80px;}
.main-competence .rows .row ul{margin:0 40px;}
.main-competence .rows .row ul li:nth-child(1){height:220px;text-align:center;border:1px solid #dfdfdf;background:#fff;}
.main-competence .rows .row ul li:nth-child(1) img{max-height:100%;}
.main-competence .rows .row ul li:nth-child(2){margin:26px 0 0 1px;font-size:20px;color:#191919;}
.main-competence .rows .row ul li:nth-child(3){margin:12px 0 0 1px;font-size:16px;line-height:22px;word-break:keep-all;}

@media screen and (max-width:1259px) {
.main-competence{padding:100px 15px;}
.main-competence .rows{margin:80px -20px 0 -20px;}
.main-competence .rows .row{width:50%;}
.main-competence .rows .row ul{margin:0 20px;}
}

@media screen and (max-width:767px) {
.main-competence{padding:90px 15px 40px 15px;}
.main-competence .rows{width:100%;margin-left:0;}
.main-competence .rows .row{float:none;width:100%;margin-bottom:60px;}
.main-competence .rows .row ul{margin:0;}
}

.main-sub-banner{position:relative;padding:120px 0;text-align:center;}
.main-sub-banner .db{position:relative;z-index:1;}
.main-sub-banner ul{text-align:center;}
.main-sub-banner ul li:nth-child(1){font-weight:700;font-size:3.9rem;color:#fff;}
.main-sub-banner ul li:nth-child(1) strong{color:#f8f526;}
.main-sub-banner ul li:nth-child(2){max-width:66%;margin:80px auto 0 auto;font-size:3.2rem;line-height:5.4rem;color:#fff;word-break:keep-all;}

@media only screen and (max-width:1099px) {
.main-sub-banner{padding:50px 0;}
.main-sub-banner ul{padding:20px 15px;}
.main-sub-banner ul li:nth-child(1){}
.main-sub-banner ul li:nth-child(2){max-width:none;margin-top:40px;}
}

.main .main-inquiry-form{padding:100px 0;border-top:1px solid #efefef;background:#fff;}
.main .main-inquiry-form .cols{margin-top:100px;font-size:1.6rem;overflow:hidden;}
.main .main-inquiry-form .col1{float:left;width:40%;}
.main .main-inquiry-form .col1 .row{padding:0 0 35px 0;}
.main .main-inquiry-form .col1 dl{overflow:hidden;}
.main .main-inquiry-form .col1 dl dt{float:left;width:25%;margin-top:12px;}
.main .main-inquiry-form .col1 dl dd{float:right;width:70%;}
.main .main-inquiry-form .col1 input[type=text]{width:100%;height:48px;padding:0 10px;color:#333;box-sizing:border-box;border:1px solid #afafaf;background:none;border-radius:4px;}
.main .main-inquiry-form .col1 input[type=text]:focus{outline:none;box-shadow:none;}
.main .main-inquiry-form .col2{float:right;width:48%;}
.main .main-inquiry-form .col2 .col-title{margin-bottom:14px;}
.main .main-inquiry-form .col2 textarea{width:100%;height:185px;padding:10px;box-sizing:border-box;border-color:#afafaf;border-radius:4px;}
.main .main-inquiry-form .col2 textarea:focus{outline:none;}
.main .main-inquiry-form .confirm-checkbox{margin-top:10px;text-align:right;font-size:15px;}
.main .main-inquiry-form label{cursor:pointer;}
.main .main-inquiry-form input[type=checkbox]{display:inline-block;position:relative;width:15px;height:12px;margin-right:4px;border:none;cursor:pointer;vertical-align:middle;}
.main .main-inquiry-form input[type=checkbox]:before{content:'';display:inline-block;position:absolute;top:-3px;left:0;width:14px;height:14px;border:1px solid #acacac;background:#fff;border-radius:3px;}
.main .main-inquiry-form input[type=checkbox]:checked:after{content:'';position:absolute;left:6px;top:0;width:3px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.main .main-inquiry-form .terms{height:240px;padding:14px;margin-top:25px;font-size:16px;line-height:21px;border:1px solid #afafaf;overflow-y:auto;}
.main .main-inquiry-form .btn-box{margin-top:60px;text-align:center;}
.main .main-inquiry-form .btn-box button{display:inline-block;padding:14px 58px;font-size:22px;color:#fff;background:#418ccc;border:1px solid #418ccc;cursor:pointer;border-radius:4px;}

@media only screen and (max-width:1290px) {
.main .main-inquiry-form{padding:100px 15px;}
}

@media only screen and (max-width:768px) {
.main .main-inquiry-form{padding:60px 15px 60px 15px;}
.main .main-inquiry-form .cols{margin-top:40px;}
.main .main-inquiry-form .cols .col1{float:none;width:100%;}
.main .main-inquiry-form .col1 .row{padding:0 0 20px 0;}
.main .main-inquiry-form .col1 dl dt{float:none;width:100%;margin-top:0;}
.main .main-inquiry-form .col1 dl dd{float:none;width:100%;margin-top:12px;}
.main .main-inquiry-form .cols .col2{float:none;width:100%;}
.main .main-inquiry-form .col2 textarea{height:120px;}
.main .main-inquiry-form .terms{height:120px;margin-top:20px;font-size:14px;line-height:18px;}
.main .main-inquiry-form .btn-box button{padding:13px 58px;font-size:18px;}
}

.solutions{margin-top:90px;font-family:'pretendard';font-weight:400;}
.solutions .box{position:relative;margin-bottom:120px;}
.solutions .box:nth-child(odd){padding:65px 550px 60px 40px;background:#F6F8FF;border-radius:0 800px 800px 0;}
.solutions .box:nth-child(odd):before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:#F6F8FF;}
.solutions .box:nth-child(even){padding:65px 40px 60px 550px;text-align:right;background:#FFF6FF;border-radius:800px 0 0 800px;}
.solutions .box:nth-child(even):before{content:'';position:absolute;top:0;right:-100%;width:100%;height:100%;background:#FFF6FF;}
.solutions .box .primary-icon{position:absolute;top:50%;transform:translateY(-50%);}
.solutions .box:nth-child(odd) .primary-icon{right:130px;}
.solutions .box:nth-child(even) .primary-icon{left:130px;}
.solutions .box .primary-icon img{width:380px;}
.solutions .box .box-content .name{font-size:32px;color:#002698;font-weight:bold;word-break:keep-all;}
.solutions .box .box-content .desc{margin-top:50px;font-size:18px;line-height:28px;color:#393939;word-break:keep-all;}
.solutions .box .box-content .customers{margin-top:20px;font-size:18px;line-height:28px;color:#393939;}
.solutions .box .box-content .btns{margin-top:50px;}
.solutions .box .box-content .btns a{display:inline-block;padding:12px 34px;font-size:15px;font-weight:bold;border:2px solid #418ccc;border-radius:30px;}

@media screen and (max-width:1290px) {
.solutions .box:nth-child(odd){margin-right:30px;}
.solutions .box:nth-child(even){margin-left:30px;}
}

@media screen and (max-width:1080px) {
.solutions .box:nth-child(odd){padding-right:440px;}
.solutions .box:nth-child(even){padding-left:440px;}
.solutions .box:nth-child(odd) .primary-icon{right:80px;}
.solutions .box:nth-child(even) .primary-icon{left:80px;}
.solutions .box .primary-icon img{width:320px;}
}

@media screen and (max-width:880px) {
.solutions .box:nth-child(odd){padding:65px 60px 60px 60px;border-radius:0 80px 80px 0;}
.solutions .box:nth-child(even){padding:65px 60px 60px 60px;border-radius:80px 0 0 80px;}
.solutions .box .primary-icon{position:relative;top:0;transform:none;left:auto !important;right:auto !important;margin:50px 0 80px 0;text-align:center;}
.solutions .box .primary-icon img{width:70%;}
}

@media screen and (max-width:620px) {
.solutions{margin-top:60px;}
.solutions .box{padding:60px 40px !important;margin-bottom:80px;}
}

@media screen and (max-width:460px) {
.solutions .box{padding:50px 28px !important;}
}

@media screen and (max-width:400px) {
.solutions .box{padding:50px 24px !important;}
.solutions .box:nth-child(odd){margin-right:20px;}
.solutions .box:nth-child(even){margin-left:20px;}
}

.solution_view .title_block{padding:50px 0 60px 0;text-align:center;font-size:34px;color:#393939;font-weight:bold;}

.solution_view .info{position:relative;padding:0 30px 30px 30px;margin-top:30px;border:1px solid #eaeaea;background:#fff;}
.solution_view .info dl{overflow:hidden;padding:12px 5px;font-size:15px;line-height:26px;border-bottom:1px dotted #dfdfdf;}
.solution_view .info dl dt{float:left;width:22%;font-weight:bold;}
.solution_view .info dl dd{float:right;width:78%;color:#676767;}
.solution_view .info dl.notice dt{color:#c60229;}
.solution_view .info dl:last-child{border-bottom:none;}

.solution_view .sample-btns{margin:30px 0 40px 0;text-align:right;}
.solution_view .sample-btns .btn{padding:11px 22px;margin:0 1px;font-size:15px;line-height:15px;letter-spacing:-1px;}

.solution_view .summary{padding:30px;margin-top:30px;text-align:left;border:1px solid #eaeaea;}
.solution_view .summary .box_wrap{padding:20px 0;border-bottom:1px solid #eee;}
.solution_view .summary .box_wrap:last-child{border-bottom:none;}
.solution_view .summary .col{line-height:46px;}
.solution_view .summary .col-m3-3{text-align:center;}
.solution_view .summary .icon{display:inline-block;width:36px;height:16px;line-height:16px;padding:10px 0;text-align:center;border-radius:50%;background:#454545;}
.solution_view .summary .icon img{height:16px;vertical-align:top;}
.solution_view .summary dt{margin-top:8px;font-size:17px;line-height:17px;font-weight:bold;color:#454545;}
.solution_view .summary dd{margin:10px 20px 0 0;font-size:16px;line-height:25px;font-weight:normal;color:#676767;word-break:keep-all;}

.solution_main .portfolio_section{padding:0 0 50px 0;border-top:1px solid #DAE3ED;background:#EBF2FA;}

@media only screen and (max-width:1099px) {
.solution_view .info .box{margin:0 -1px 10px -1px;}
.solution_view .info .cont_wrap{padding:15px;}

.solution_view .sample-btns{}
.solution_view .sample-btns .btn{display:block;padding:12px 0;margin:0 0 4px 0;}

.solution_view .summary{padding:30px 15px;}
.solution_view .summary .box_wrap{padding:0;border-bottom:none;}
.solution_view .summary .box{padding:0 0 25px 0;margin-top:25px;border-bottom:1px solid #eee;}
.solution_view .summary .box_wrap:last-child .box:nth-child(2){padding:0;border-bottom:none;}
.solution_view .summary .icon{width:26px;height:12px;line-height:12px;padding:7px 0;}
.solution_view .summary .icon img{height:12px;}
.solution_view .summary dl{margin-top:4px;}
.solution_view .summary dt{line-height:22px;}

.solution_view .promotion{padding:40px 15px;}
.solution_view .promotion .btn_box .btn{display:block;padding:12px 0;margin:0 0 4px 0;}
}

@media screen and (max-width:767px) {
.solution_view .title_block{padding:40px 0;font-size:30px;line-height:38px;}
.solution_view .info{padding:0 14px 30px 14px;border:none;}
.solution_view .info dl dt{width:calc(30% - 10px);}
.solution_view .info dl dd{width:70%;}
}

.manual-select-solution{margin:40px 0 0 0;text-align:left;}
.manual-select-solution .page-title{padding:11px 1px;font-size:21px;line-height:26px;color:#454545;font-weight:bold;text-align:left;}
.manual-select-solution li{display:inline-block;margin:0 10px 10px 0;}
.manual-select-solution a{position:relative;display:inline-block;padding:15px 32px;font-size:15px;color:#333;border:1px solid #bebebe;border-radius:6px;}
.manual-select-solution li.active a{border-color:#317CBC;}
.manual-select-solution li.active a:before{content:'';position:absolute;left:12px;top:17px;width:9px;height:5px;border:solid #317CBC;border-width:0 0 2px 2px;transform:rotate(-45deg);}

.manual-list table{width:100%;table-layout:fixed;border-collapse:collapse;}
.manual-list table th{padding:12px 3px;text-align:center;font-size:14.5px;line-height:1.5;background:#f8f8f8;white-space:nowrap;}
.manual-list table td{padding:16px 6px 14px 6px;text-align:center;font-size:14.5px;line-height:22px;color:#393939;background:#ffffff;word-break:break-word;}
.manual-list table th,
.manual-list table td{border-top:1px solid #eee;border-bottom:1px solid #eee;}
.manual-list table td:nth-child(2){text-align:left;}
.manual-list table td:nth-child(2)>.idx{display:none;}
.manual-list .cat-box{margin-bottom:5px;color:#787878;}
.manual-list .new_icon{display:inline-block;width:14px;height:13px;margin-left:4px;vertical-align:middle;background:url('../../../../images/bullet/new.png') no-repeat 0 0px;}
.manual-list .img_icon{display:inline-block;width:14px;height:13px;margin-left:4px;vertical-align:middle;background:url('../../../../assets/images/bullet/img.png') no-repeat;}

@media only screen and (max-width:1099px) {
.manual-select-solution{margin:25px 14px;}
.manual-list{margin:15px 14px;}
}

@media screen and (max-width:767px) {
.manual-select-solution .page-title{padding:.5em 0 .8em .5em;font-size:1.3em;line-height:1.3em;}
.manual-select-solution li{margin:0 6px 6px 0;}
.manual-select-solution a{padding:12px 28px;font-size:14px;}
.manual-select-solution li.active a:before{left:10px;top:16px;}

.manual-list table{display:block;width:auto;background:#ffffff;}
.manual-list table colgroup{display:none;}
.manual-list table thead{display:none;}
.manual-list table tbody{display:block;}
.manual-list table tr{display:block;padding:15px 12px;margin-bottom:-1px;border:1px solid #f0f0f0;}
.manual-list table td{padding:0;text-align:left;border:none;}
.manual-list table td:before{content:attr(rel);display:inline;color:#999;border:none;}
.manual-list table td:nth-child(1){display:none;}
.manual-list table td:nth-child(2){display:block;}
.manual-list table td:nth-child(2)>.idx{display:inline;}
.manual-list table td:nth-child(3){display:block;padding-top:6px;color:#787878;}
}

.manual-view .entry-content{word-break:keep-all;}
.manual-view .entry-content li:nth-child(1){padding-bottom:14px;font-size:20px;line-height:1.2;font-weight:bold;word-break:break-all;word-wrap:break-word;border-bottom:1px dotted #ddd;}
.manual-view .entry-content li:nth-child(2){padding:30px 0 30px 0;font-size:15px;line-height:1.9;}
.manual-view .btns{margin-top:40px;text-align:right;}

@media only screen and (max-width:1099px) {
.manual-view{margin:30px 14px;}
.manual-view .entry-content li:nth-child(2){padding:16px 0;border-bottom:1px solid #ddd;background:#fff;}
}

.title_wrap{padding:60px 0;}
.title_wrap h2{text-align:center;font-size:34px;color:#393939;}
.title_wrap h2.en{font-family:'verdana';font-size:38px;}
.title_wrap h3{position:relative;padding:20px 0 22px 0;text-align:center;font-size:17px;line-height:17px;font-weight:normal;color:#787878;}
.title_wrap h3.line:after{content:'';display:block;position:absolute;bottom:0;left:50%;width:80px;height:2px;margin:20px 0 0 -40px;background:#336BA9;}

.basic .db{overflow:hidden;}
.basic h2{float:left;width:24%;padding:30px 0 0 1%;font-size:24px;border-top:5px solid #454545;}
.basic .cont_box{float:right;width:74%;padding:40px 0 60px 0;}

.basic .intro_wrap{font-size:16px;line-height:28px;background:#f6f6f6;}
.basic .intro_wrap .img_box{float:right;}
.basic .intro_wrap .img_box img{margin:0 0 20px 20px;}
.basic .intro_wrap .name{padding-top:30px;font-size:15px;color:#686868;text-align:right;}

.basic .business_wrap{overflow:hidden;font-size:15px;line-height:24px;}
.basic .business_wrap .img_box{float:left;width:60%;}
.basic .business_wrap .des{float:right;width:40%;}
.basic .business_wrap dt{padding:5px 0 0 5px;font-weight:bold;}
.basic .business_wrap dd{padding:0 0 4px 5px;margin:0 0 12px 0;border-bottom:1px dotted #ccc;}

.basic .vision_wrap{background:#f6f6f6;}
.basic .vision_wrap ul.box_wrap_1{overflow:hidden;}
.basic .vision_wrap ul.box_wrap_1 li.box{float:left;width:49%;}
.basic .vision_wrap ul.box_wrap_1 li.box_2{margin-left:2%;}
.basic .vision_wrap ul.box_wrap_1 li.box .title{padding:10px 0;text-align:center;font-family:'verdana';font-size:17px;color:#fff;font-weight:bold;line-height:22px;border-radius:4px 4px 0 0;}
.basic .vision_wrap ul.box_wrap_1 li.box_1 .title{background:#649FC3;}
.basic .vision_wrap ul.box_wrap_1 li.box_2 .title{background:#32A5A8;}
.basic .vision_wrap ul.box_wrap_1 li.box ul{padding:10px;line-height:26px;border:1px solid #ddd;background:#fff;}
.basic .vision_wrap ul.box_wrap_1 li.box ul li{margin-left:20px;font-size:15px;list-style:disc;}
.basic .vision_wrap ul.box_wrap_1 li.box ul li.title_kr{padding:6px 0;list-style:none;font-weight:bold;color:#666;}

.basic .vision_wrap ul.box_wrap_2{overflow:hidden;margin:50px 0 0 0;}
.basic .vision_wrap ul.box_wrap_2 li.box{float:left;width:32%;line-height:26px;background:#fff;}
.basic .vision_wrap ul.box_wrap_2 li.box_2{margin:0 2%;}
.basic .vision_wrap ul.box_wrap_2 li.box_1{border-top:4px solid #9196BE;}
.basic .vision_wrap ul.box_wrap_2 li.box_2{border-top:4px solid #bd93b1;}
.basic .vision_wrap ul.box_wrap_2 li.box_3{border-top:4px solid #d4959b;}
.basic .vision_wrap ul.box_wrap_2 li.box .title{padding:20px 0;text-align:center;font-size:16px;border:1px solid #ddd;border-bottom:none;}
.basic .vision_wrap ul.box_wrap_2 li.box ul{padding:10px;font-size:15px;border:1px solid #ddd;border-top:1px dotted #ddd;}

.basic .group_wrap{}
.basic .group_wrap .img_box{text-align:center;}

.basic .way_wrap{background:#f6f6f6;}
.basic .way_wrap .map_wrap .map{width:100%;}
.basic .way_wrap .cont_box .da{background:#fff;}

@media only screen and (max-width:767px) {
.title_wrap{padding:40px 0;}
.title_wrap h2{font-size:30px;line-height:38px;}
.title_wrap h3{font-size:15px;line-height:18px;}

.basic .da{padding:0 0 1em 0;}

.basic h2{float:none;width:100%;padding:1em 0 0 0;text-align:center;}
.basic .cont_box{float:none;width:auto;padding:30px 14px;}

.basic .intro_wrap .img_box{display:block;float:none;margin:1em 0 3em 0;text-align:center;}
.basic .intro_wrap .img_box img{margin:0;}

.basic .business_wrap .img_box{float:none;width:100%;margin:2em 0 0 0;text-align:center;}
.basic .business_wrap .des{float:none;width:100%;margin:4em 0 0 0;}

.basic .vision_wrap ul.box_wrap_1 li.box{float:none;width:100%;margin-top:1em;}
.basic .vision_wrap ul.box_wrap_1 li.box_2{margin-left:0;}
.basic .vision_wrap ul.box_wrap_2 li.box{float:none;width:100%;margin:1em 0 0 0;}

.basic .way_wrap .google_map{height:200px;}

.basic h3{float:none;width:100%;padding:1em 0 0 0;text-align:center;}

.consult_form .da{padding:0 .5em .5em .5em;margin-top:0 !important;border-bottom:1px solid #ddd;background:#fff;}

.list_consult .da{padding:0 .5em .5em .5em;border-bottom:1px solid #ddd;background:#fff;}
}

.basic_terms .cont_wrap{margin-top:11px;}
.basic_terms .cont_wrap dt{padding:4px 2px;font-size:15px;line-height:20px;font-weight:bold;}
.basic_terms .cont_wrap dd{padding:10px 14px;margin:6px 0 32px 0;text-align:justify;font-size:15px;line-height:26px;border-top:1px solid #e6e6e6;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;border-left:1px solid #e6e6e6;}
.basic_terms .cont_wrap dd .indented_box{padding-left:10px;}

@media only screen and (max-width:767px) {
.basic_terms{margin:30px 14px 0 14px;}
.basic_terms .cont_wrap dd{padding:8px 12px;}
}

.step_section{padding:0 0 80px 0;border-top:1px solid #ddd;background:#fff;}
.step_section .step_wrap .box{padding:0 30px;text-align:center;}
.step_section .step_wrap .box h4{display:inline-block;position:relative;padding:20px 0 15px 0;font-size:15px;line-height:15px;}
.step_section .step_wrap .box h4:after{content:'';display:block;position:absolute;bottom:0;left:25%;width:50%;height:2px;}
.step_section .step_wrap .box p{margin-top:25px;font-size:15px;line-height:22px;color:#818184;}
.step_section .step_wrap .box p strong{color:#f02424;}
.step_section .step_wrap .box .img_wrap{padding:0 0 15px 0;}
.step_section .step_wrap .box .img_box{display:inline-block;padding:35px;border-radius:100px;}

.step_section .step_wrap .box1 .img_box{background:#56acf3;}
.step_section .step_wrap .box2 .img_box{background:#b5af94;}
.step_section .step_wrap .box3 .img_box{background:#FF8598;}
.step_section .step_wrap .box4 .img_box{background:#FFCC5C;}

.step_section .step_wrap .box1 h4:after{background:#56acf3;}
.step_section .step_wrap .box2 h4:after{background:#b5af94;}
.step_section .step_wrap .box3 h4:after{background:#FF8598;}
.step_section .step_wrap .box4 h4:after{background:#FFCC5C;}

.step_section .box1 .img_box{perspective:400px;}
.step_section .box1:hover img{animation:spinner_y 1s infinite;}
.step_section .box2:hover img{animation:rotate 1s infinite;}
.step_section .box3:hover img{animation:rotate 1s infinite;}
.step_section .box4 .img_box{perspective:400px;}
.step_section .box4:hover img{animation:spinner_x 1s infinite;}

.portfolio_wrap{padding:30px 15px;border:1px solid #e4e4ef;background:#fff;}
.portfolio_wrap .row{margin-right:-15px;margin-left:-15px;}
.portfolio_wrap .box{padding:0 15px;margin-bottom:35px;text-align:center;}
.portfolio_wrap .img_box{position:relative;overflow:hidden;}
.portfolio_wrap .box img{transition:all .2s ease-in-out;}
.portfolio_wrap .box:hover img{transform:scale(1.2);}

.new_dev .da{padding:0 0 50px 0;}
.new_dev .db{overflow:hidden;}
.new_dev .left{float:left;width:24%;padding:30px 0 0 1%;border-top:5px solid #454545;}
.new_dev .left h3{font-size:24px;font-weight:bold;}
.new_dev h4{font-size:20px;line-height:26px;}
.new_dev h5{font-size:13px;line-height:22px;margin-top:7px;}
.new_dev .cont_box{float:right;width:74%;padding-top:50px;}

.new_dev .da1{background:url('../images/common/back_gray.gif');}
.new_dev .da1 .box_wrap{overflow:hidden;margin-top:5px;}
.new_dev .da1 .box_wrap .box{float:left;width:49%;margin:4px 0 0 0;background:#fff;}
.new_dev .da1 .box_wrap .box_1{border-top:4px solid #8B9BAB;}
.new_dev .da1 .box_wrap .box_2{margin-left:2%;border-top:4px solid #649FC3;}
.new_dev .da1 .box_wrap .box_3{border-top:4px solid #32A5A8;}
.new_dev .da1 .box_wrap .box_4{margin-left:2%;border-top:4px solid #9196BE;}
.new_dev .da1 .box_wrap .box .inner_box{border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
.new_dev .da1 .box_wrap .title_box{padding:10px;font-size:18px;}
.new_dev .da1 .box_wrap .price_box{padding:12px;font-size:16px;color:#fff;background:#393939;}
.new_dev .da1 .box_wrap li ul{padding:14px 6px 6px 25px;text-align:left;color:#666;line-height:25px;}
.new_dev .da1 .box_wrap li ul li{list-style-type:disc;}
.new_dev .da1 .box_wrap .btn_box{padding:10px;text-align:right;font-weight:normal;}
.new_dev .da2{background:#AED2D9;}
.new_dev .da2 .view th{background:#ffffff;}

.new_dev .portfolio_section{padding:0 0 50px 0;border-top:1px solid #eaeaea;}

@media only screen and (max-width:1099px) {
.step_section{padding:0;}
.step_section .step_wrap .box{padding:0 0 40px 0;margin-bottom:40px;border-bottom:1px solid #eee;}
.step_section .step_wrap .box4{margin:0;border:none;}

.portfolio_wrap{margin-right:-1px;margin-left:-1px;}
.portfolio_wrap .col{float:none;width:100%;max-width:350px;margin:0 auto;}

.new_dev .da{padding:0 0 1em 0;}
.new_dev .left{float:none;width:100%;padding:1em 0 0 0;text-align:center;}
.new_dev .cont_box{float:none;width:auto;padding:2em .5em;}
.new_dev h4{text-align:center;}
.new_dev h5{margin:1.2em 0 0 0;text-align:center;}

.new_dev .da1 .box_wrap .box{float:none;width:100%;margin:1em 0 0 0;}

.new_dev .portfolio_section{padding:0 0 30px 0;}
}

.work_contract .cont_wrap{padding:0 0 30px 0;line-height:1.4;}
.work_contract .cont_wrap .title_wrap{text-align:center;}
.work_contract .cont_wrap .title{position:relative;display:inline-block;margin:30px 0 60px 0;text-align:center;font-size:32px;font-weight:bold;}
.work_contract .cont_wrap .title:after{content:'';position:absolute;bottom:-7px;left:0;display:inline-block;width:100%;height:2px;background:#333;}
.work_contract .cont_wrap .cont .chapter{margin:10px 0;text-align:center;font-size:18px;font-weight:bold;}
.work_contract .cont_wrap .cont dt{padding:4px 2px;font-size:15px;font-weight:bold;}
.work_contract .cont_wrap .cont dd{padding:8px 9px;margin:6px 0 32px 0;text-align:justify;font-size:15px;line-height:1.7;
border-top:1px solid #e6e6e6;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;border-left:1px solid #e6e6e6;}
.work_contract .cont_wrap .signature{padding:60px 0 0 0;}
.work_contract .cont_wrap .signature .stamp_txt{position:absolute;top:0;right:45px;}
.work_contract .cont_wrap .client_signature{position:relative;padding:0 170px 0 0;margin-top:50px;text-align:right;font-size:18px;font-weight:bold;}
.work_contract .cont_wrap .client_signature .show_signature_canvas_btn{position:absolute;top:-10px;right:0;font-size:15px;padding:13px 15px;}
.work_contract .cont_wrap .client_signature img{position:absolute;top:-46px;right:0px;width:150px;}
.work_contract .cont_wrap .company_signature{position:relative;padding:0 170px 0 0;margin-top:80px;text-align:right;font-size:18px;font-weight:bold;}
.work_contract .cont_wrap .company_signature img{position:absolute;top:-26px;right:20px;}
.work_contract .form_bottom_btn .btn{font-size:19px;padding:22px 40px;}

.canvas_section{background:#fff;}
.canvas_wrap{position:fixed;z-index:10002;left:50%;top:50%;width:500px;height:400px;margin:-210px 0 0 -250px;box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 10px;background:#fff;}
.canvas_wrap .canvas_outer{width:500px;height:400px;}
.canvas_wrap .tool_box{height:27px;padding:15px 0;text-align:center;border-top:1px solid #ddd;background:#fff;}

@media only screen and (max-width:767px) {
.work_contract_check_form{padding:15px 15px 0 15px;}

.work_contract .cont_wrap{padding:0 14px 3em 14px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;}
.work_contract .form_bottom_btn .btn{font-size:16px;width:90%;padding:16px 0;}

.canvas_wrap{left:0;top:0;width:100%;height:100%;margin:0;}
.canvas_wrap .tool_box{padding:15px 10px;height:auto;overflow:hidden;}
.canvas_wrap .tool_box .btn{display:block;float:left;width:calc(33.333333% - 4px);padding:15px 0;margin:3px 2px;font-size:15px;line-height:1;}
}

.view-contract .top-btns{margin-bottom:30px;text-align:right;}
.view-contract .top-btns .btn{padding:12px 20px;margin-left:5px;font-size:15px;}
.view-contract .image{text-align:center;}

@media only screen and (max-width:1099px) {
.view-contract{margin:30px 15px 0 15px;}
}

@media only screen and (max-width:390px) {
.view-contract .top-btns .btn{display:block;margin:0;}
.view-contract .top-btns .btn:nth-child(2){margin-top:12px;}
}

.animation-plan svg{height:140px;margin-top:40px;}
.animation-plan path{fill:none;stroke:#038fc7;stroke-linejoin:round;}
.animation-plan circle{fill:none;stroke-width:0.125px;stroke:#038fc7;stroke-linejoin:round;}  
.animation-plan .path1{stroke-linecap:round;stroke-width:.3px;}
.animation-plan .path2{stroke-width:0.125px;}
.animation-plan:hover circle{animation:animation-plan-nodes 6s linear infinite;}
.animation-plan:hover .path1{animation:animation-plan-path1 6s ease infinite;}
.animation-plan:hover .path2{animation:animation-plan-path2 6s cubic-bezier(.7,.1,.1,.9) infinite;}

@keyframes animation-plan-path1{
	0%{stroke-dashoffset:-50;stroke-dasharray:50 50;}
	45%{stroke-dashoffset:-100;}
	50%{stroke:#038fc7;}
	60%{stroke:#a8ddf1;}
	75%{stroke:#038fc7;}
	80%{stroke-dashoffset:-100;}
	100%{stroke-dashoffset:-130;stroke-dasharray:50 50;}
}

@keyframes animation-plan-path2{
	0%{stroke-dasharray:20 20;stroke-dashoffset:-20;}
	13%{stroke-dashoffset:-20;}
	50%{stroke-dashoffset:-40;stroke:#038fc7;}
	60%{stroke:#a8ddf1;}
	70%{stroke:#038fc7;}
	85%{stroke-dashoffset:-40;}
	100%{stroke-dashoffset:-60;stroke-dasharray:20 20;}
}

@keyframes animation-plan-nodes{
	0%{stroke-dasharray:0 4;}
	25%{stroke-dasharray:0 4;}
	35%{stroke-dasharray:4 0;stroke:#038fc7;}
	41%{fill:none;}
	42%{fill:#038fc7;}
	55%{fill:none;stroke:#038fc7;}
	65%{fill:#a8ddf1;stroke:#a8ddf1;}
	75%{stroke:#038fc7;fill:none;stroke-dasharray:4 0;}
	85%{fill:#038fc7;stroke:#038fc7;}
	93%{fill:none;stroke-dasharray:4 0;stroke-dashoffset:0;}
	100%{stroke-dashoffset:-4;stroke-dasharray:0 4;}
}

.animation-plan:hover circle:nth-child(1){animation-delay:calc(1s * -0.054);}
.animation-plan:hover circle:nth-child(2){animation-delay:calc(2s * -0.054);}
.animation-plan:hover circle:nth-child(3){animation-delay:calc(3s * -0.054);}
.animation-plan:hover circle:nth-child(4){animation-delay:calc(4s * -0.054);}
.animation-plan:hover circle:nth-child(5){animation-delay:calc(5s * -0.054);}
.animation-plan:hover circle:nth-child(6){animation-delay:calc(6s * -0.054);}
.animation-plan:hover circle:nth-child(7){animation-delay:calc(7s * -0.054);}
.animation-plan:hover circle:nth-child(8){animation-delay:calc(8s * -0.054);}
.animation-plan:hover circle:nth-child(9){animation-delay:calc(9s * -0.054);}
.animation-plan:hover circle:nth-child(10){animation-delay:calc(10s * -0.054);}
.animation-plan:hover circle:nth-child(11){animation-delay:calc(11s * -0.054);}
.animation-plan:hover circle:nth-child(12){animation-delay:calc(12s * -0.054);}
.animation-plan:hover circle:nth-child(13){animation-delay:calc(13s * -0.054);}
.animation-plan:hover circle:nth-child(14){animation-delay:calc(14s * -0.054);}
.animation-plan:hover circle:nth-child(15){animation-delay:calc(15s * -0.054);}

.animation-communication svg{height:282px;margin-top:-32px;}
.animation-communication svg path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:#F2B657;}
.animation-communication svg path.path1{stroke-width:1.5px;stroke-dasharray:420,420;stroke-dashoffset:420;transition:1.5s all ease;}
.animation-communication svg path.path2{stroke-width:1.5px;stroke-dasharray:90,90;stroke-dashoffset:90;transition:1s all ease;}
.animation-communication svg path.path3{stroke-dasharray:.1 24;stroke-width:4px !important;opacity:.6;stroke-linecap:round;animation:virtual-outline 60s infinite linear;}

@keyframes virtual-outline {0%{stroke-dashoffset:0;} 100%{stroke-dashoffset:512;}}

.animation-communication:hover svg path.path1{stroke-dashoffset:0;}
.animation-communication:hover svg path.path2{stroke-dashoffset:0;}

.animation-database svg{margin-top:60px;}
.animation-database #cloud,
.animation-database #chip-mask,
.animation-database [id^="chip-node-"],
.animation-database [id^="tail-"],
.animation-database [id^="light-"],
.animation-database [id^="led-"] {transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);}
.animation-database #led-7,
.animation-database #led-8,
.animation-database #led-9 {animation-delay: 0;}
.animation-database #led-4,
.animation-database #led-5,
.animation-database #led-6 {animation-delay: 0.25s;}
.animation-database #led-3,
.animation-database #led-2,
.animation-database #led-1 {animation-delay: 0.5s;}
.animation-database #chip-node-1,
.animation-database #chip-node-4 {animation-delay: 0;}
.animation-database #chip-node-2,
.animation-database #chip-node-5 {animation-delay: 0.25s;}
.animation-database #chip-node-3,
.animation-database #chip-node-6 {animation-delay: 0.5s;}
.animation-database:hover #cloud,
.animation-database:hover #chip-mask {fill: #0184B8;stroke: #0184B8;}
.animation-database:hover #chip,
.animation-database:hover [id^="light-"] {fill: #fff;}
.animation-database:hover [id^="chip-node-"] {fill: #66B1D6;}
.animation-database:hover [id^="tail-"]{fill: #0184B8;}
.animation-database:hover [id^="led-"],
.animation-database:hover [id^="chip-node-"] {animation: blink 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);animation-iteration-count: 1;animation-fill-mode: forwards;}
.animation-database:hover [id^="light-"] {animation: flicker 0.1s linear 5;}
.animation-database:hover #light-mid {animation-delay: 0.25s;}
.animation-database:hover #light-right {animation-delay: 0.5s;}

@keyframes flicker {
	50% {opacity: 0;}
}

@keyframes blink {
	50% {fill: #0184B8;}
	100% {fill: #9ACEE4;}
}

.animation-server svg{height:200px;margin-top:8px;}
.animation-server svg path{fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;stroke-width: 1.5;stroke:#F2B657;}

.animation-server svg path.path1{stroke-dasharray:420,420;}
.animation-server svg path.path2{stroke-dasharray:90,90;}
.animation-server svg path.path3{stroke-dasharray:1.1, 3;stroke-linecap:round;}

@keyframes animation-server-path1{
	0%{stroke-dashoffset:0;}
	50%{stroke-dashoffset:420;}
	55%{stroke-dashoffset:420;}
	100%{stroke-dashoffset:0;}
}

@keyframes animation-server-path2{
	0%{stroke-dashoffset:0;}
	50%{stroke-dashoffset:90;}
	55%{stroke-dashoffset:90;}
	100%{stroke-dashoffset:0;}
}

@keyframes animation-server-path3{
	0%{stroke-dashoffset:0;}
	50%{stroke-dashoffset:512;stroke-dasharray:11.1, 22;stroke-width:9;opacity:0;}
	100%{stroke-dashoffset:0;}
}

.animation-server:hover svg path.path1{animation:animation-server-path1 3s infinite linear;}
.animation-server:hover svg path.path2{animation:animation-server-path2 3s infinite linear;}
.animation-server:hover svg path.path3{animation:animation-server-path3 3s infinite linear;}

.animation-security svg{margin-top:60px;}
.animation-security #lock-handle {transform: translateY(3px);transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);}
.animation-security #shield-border,
.animation-security #line-1,
.animation-security #line-2,
.animation-security [id^="node-"] {transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);}
.animation-security [id^="letter-"],
.animation-security [id^="pwd-oval-"]{transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);}
.animation-security:hover #lock-handle {animation: unlock 1.5s linear;animation-iteration-count: 1;animation-delay: 0;}
.animation-security:hover #shine-1 {transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);animation: shimmer 1.6s cubic-bezier(0.895, 0.03, 0.685, 0.22);animation-iteration-count: 1;animation-delay: 0;}
.animation-security:hover #shine-2 {transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);animation: shimmer 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);animation-iteration-count: 1;animation-delay: 0;}
.animation-security:hover #line-1,
.animation-security:hover #line-2 {stroke: #85C91D;stroke-width: 6;}
.animation-security:hover [id^="node-"]{fill: #85C91D;}
.animation-security:hover #shield-border {fill: #85C91D;}
.animation-security:hover [id^="pwd-oval-"] {opacity: 0;}
.animation-security:hover [id^="letter-"] {opacity: 1;}

@keyframes shimmer {
	25% {transform: translateX(150%) scaleX(6);opacity:0;	}
}

@keyframes unlock {
	50% {transform: translateY(-5%);}
}

.animation-cost svg{margin-top:60px;}
.animation-cost [id^="graph-"] {transform-origin: center bottom;transform: scaleY(0.8);transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);}
.animation-cost:hover #graph-one {fill: #FFD806;transform: scaleY(1.1);}
.animation-cost:hover #graph-two {fill: #FFF9CB;transform: scaleY(1.1);}
.animation-cost:hover #graph-three {fill: #FFF299;transform: scaleY(1);}
.animation-cost:hover #graph-four {fill: #FFD806;transform: scaleY(1.1);}
.animation-cost [id^="pie-"] {transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);}
.animation-cost:hover #pie-large {fill: #FFD806;}
.animation-cost:hover #pie-small-middle {fill: #FEE736;}
.animation-cost:hover #pie-small-sides {fill: #FFF299;}
.animation-cost:hover #line-graph {fill: #FEE736;}
.animation-cost:hover #joints {fill: #FFD806;}

.tech_section{padding:120px 0 50px 0;border-top:1px solid #ddd;background:#fff;}
.tech_section .block-title{margin-bottom:90px;}
.tech_section .boxs{margin:20px -15px 0 -15px;overflow:hidden;}
.tech_section .box{float:left;width:33.333333%;}
.tech_section .box-inside{position:relative;padding-top:45px;margin:0 15px 40px 15px;text-align:center;border:1px solid #eee;transition:all .2s ease-in-out;}
.tech_section .img_box img{width:180px;height:180px;border-radius:50%;object-fit:cover;}
.tech_section .img_box .txt{display:inline-block;position:absolute;z-index:2;top:10px;left:0;padding:6px 9px;font-family:'verdana';font-size:13px;line-height:13px;color:#fff;background:#418ccc;}
.tech_section .txt_box{padding:20px;margin-top:25px;transition:all .5s ease-in-out;}
.tech_section .txt_box h4{display:inline-block;position:relative;font-size:18px;line-height:18px;font-weight:600;}
.tech_section .txt_box p{height:144px;margin-top:20px;text-align:left;font-size:16px;line-height:24px;color:#818184;word-break:keep-all;}

.tech_section .box:nth-child(1) .img_box .txt{background:#a87dd1;}
.tech_section .box:nth-child(2) .img_box .txt{background:#418ccc;}
.tech_section .box:nth-child(3) .img_box .txt{background:#de594b;}
.tech_section .box:nth-child(4) .img_box .txt{background:#F5A503;}
.tech_section .box:nth-child(5) .img_box .txt{background:#D17869;}
.tech_section .box:nth-child(6) .img_box .txt{background:#475F77;}

@media only screen and (max-width:1259px) {
.tech_section{padding:120px 15px 50px 15px;}
.tech_section .block-title{margin-bottom:50px;}
.tech_section .box{width:50%;}
}

@media only screen and (max-width:880px) {
.tech_section .txt_box p{height:168px;}
}

@media only screen and (max-width:768px) {
.tech_section .box{float:none;width:100%;}
.tech_section .txt_box p{height:auto;}
}