.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:8px;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;}
}

.main-hero{padding-top:clamp(40px,12vw,120px);}
.main-hero .main-hero-inside{display:flex;gap:28px;align-items:flex-start;justify-content:space-between;}
.main-hero .hero-copy{margin-top:12px;}
.main-hero .hero-copy>h1{font-size:clamp(32px,4.2vw,58px);letter-spacing:-0.02em;margin:0 0 18px;font-weight:700;}
.main-hero .hero-copy>p{color:#6b7280;font-size:clamp(20px,2vw,22px);line-height:1.4;word-break:keep-all;}
.main-hero .hero-copy>p>strong{color:#1980ee;}
.main-hero .hero-mark{flex:0 0 auto;width:clamp(200px,28vw,260px);}
.main-hero .hero-mark svg{width:100%;height:100%;}

@media (max-width:920px){
.main-hero .main-hero-inside{flex-direction:column;align-items:stretch;}
.main-hero .hero-mark{margin-left:auto;}
}

.main-solutions{margin-top:88px;}
.main-solutions .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch;}
.main-solutions .card{background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 24px rgba(15,23,42,0.08);overflow:hidden;min-height:160px;transition:.22s ease;}
.main-solutions .card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(15,23,42,0.14);}
.main-solutions .card-head{display:flex;align-items:center;gap:10px;padding:18px 18px 14px;line-height:24px;border-bottom:1px solid #e5e7eb;}
.main-solutions .card-icon{flex:0 0 auto;display:inline-grid;place-items:center;}
.main-solutions .card-icon svg{width:24px;height:24px;display:block;color:#1980ee;}
.main-solutions .card-title{font-size:20px;color:#363636;font-weight:600;}
.main-solutions .card-body{padding:16px 18px 20px;color:#374151;line-height:1.5;font-size:16px;word-break:keep-all;}

@media (max-width:920px){
.main-solutions .cards{grid-template-columns:1fr;}
}

.main-competence{padding:140px 0 80px 0;margin-top:140px;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;border-radius:12px;}
.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 0;}
.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 0 40px 0;}
.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 .main-inquiry-form{padding:100px 0 140px 0;border-top:1px solid #efefef;}
.main .main-inquiry-form .cols{display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:start;margin-top:100px;font-size:1.6rem;}
.main .main-inquiry-form .inputs>dl{display:grid;grid-template-columns:100px 1fr;padding:0 0 35px 0;overflow:hidden;}
.main .main-inquiry-form .inputs>dl:last-child{padding-bottom:0;}
.main .main-inquiry-form .inputs>dl>dt{margin-top:12px;}
.main .main-inquiry-form .inputs 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 .inputs input[type=text]:focus{outline:none;box-shadow:none;}
.main .main-inquiry-form .inputs textarea{width:100%;height:185px;padding:10px;box-sizing:border-box;border-color:#afafaf;border-radius:4px;}
.main .main-inquiry-form .inputs textarea:focus{outline:none;}
.main .main-inquiry-form .confirm-checkbox{margin-top:18px;text-align:right;font-size:15px;}
.main .main-inquiry-form .confirm-checkbox label{cursor:pointer;}
.main .main-inquiry-form .confirm-checkbox 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 .confirm-checkbox 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 .confirm-checkbox 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{border:1px solid #afafaf;border-radius:4px;overflow:hidden;}
.main .main-inquiry-form .terms-inside{height:321px;padding:14px;font-size:16px;line-height:21px;overflow-y:auto;}
.main .main-inquiry-form .btn-box{margin-top:60px;text-align:center;}
.main .main-inquiry-form .btn-box button{padding:clamp(14px,1.5vw,16px) 58px;font-size:clamp(18px,2vw,22px);border-radius:4px;}

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

@media only screen and (max-width:980px) {
.main .main-inquiry-form{padding:60px 0 60px 0;}
.main .main-inquiry-form .cols{grid-template-columns:1fr;gap:40px;margin-top:40px;}
.main .main-inquiry-form .terms{font-size:14px;line-height:18px;}
.main .main-inquiry-form .terms-inside{height:160px;}
.main .main-inquiry-form .inputs>dl{grid-template-columns:1fr;padding:0 0 20px 0;}
.main .main-inquiry-form .inputs>dl>dt{margin-top:0;}
.main .main-inquiry-form .inputs>dl>dd{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;}
.animation-communication svg .orbit-line{fill:none;stroke:#F2B657;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:420;stroke-dashoffset:420;transition:1.5s all ease;}
.animation-communication svg .core{fill:none;stroke:#F2B657;stroke-width:1.5px;stroke-dasharray:90;stroke-dashoffset:90;transition:1s all ease;}
.animation-communication svg .orbit-dot{fill:#F2B657;opacity:.6;}
.animation-communication:hover svg .orbit-line{stroke-dashoffset:0;}
.animation-communication:hover svg .core{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;}

.sol-select-btns{position:relative;overflow-x:auto;scrollbar-width:none;}
.sol-select-btns ul{display:flex;align-items:center;gap:10px;text-align:left;}
.sol-select-btns li{flex:0 0 auto;}
.sol-select-btns a{position:relative;display:flex;align-items:center;gap:6px;padding:clamp(12px,1.5vw,15px) clamp(26px,2.5vw,30px);font-family:'Nanum Gothic';font-size:clamp(14px,1.5vw,15px);color:#333;border:1px solid #bebebe;border-radius:6px;background:#fff;white-space:nowrap;}
.sol-select-btns li.active a{padding-left:clamp(12px,2vw,16px);border-color:#1980ee;}
.sol-select-btns li.active a:before{content:'';display:block;width:9px;height:5px;transform:translateY(-1px) rotate(-45deg);border:solid #1980ee;border-width:0 0 2px 2px;}
.sol-select-btns.page-solution{margin-bottom:70px;}
.sol-select-btns.page-manual{margin:50px 0 20px 0;text-align:left;}

.partner-hero{position:relative;padding:78px 0 78px 0;background:linear-gradient(135deg,#ffffff 0%,#eef5ff 52%,#f8fbff 100%);box-shadow:0 28px 80px rgba(15,23,42,.08);}
.partner-hero:before{content:'';position:absolute;right:-120px;top:-140px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.18),rgba(37,99,235,0) 68%);}
.partner-hero:after{content:'';position:absolute;left:48px;bottom:-120px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(20,184,166,.16),rgba(20,184,166,0) 70%);}
.partner-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:36px;}
.partner-eyebrow{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:#eaf2ff;color:#2563eb;font-size:14px;font-weight:800;}
.partner-eyebrow:before{content:'';width:8px;height:8px;border-radius:50%;background:#2563eb;box-shadow:0 0 0 5px rgba(37,99,235,.12);}
.partner-title{margin:22px 0 0;font-size:46px;line-height:1.16;letter-spacing:-1px;color:#0f172a;font-weight:800;}
.partner-title strong{color:#2563eb;}
.partner-desc{max-width:610px;margin:22px 0 0;font-size:17px;line-height:1.3;color:#475569;}
.partner-feature{display:flex;gap:8px;align-items:center;padding:18px;margin-top:20px;border-radius:26px;background:#0f172a;font-size:18px;font-weight:600;line-height:1.2;letter-spacing:-.8px;color:#fff;box-shadow:0 24px 60px rgba(15,23,42,.22);word-break:keep-all;}
.partner-feature>span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-right:8px;border-radius:15px;font-size:21px;font-weight:600;flex:0 0 auto;background:rgba(255,255,255,.12);color:#93c5fd;}

.partner-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.partner-stat{padding:24px;border-radius:26px;background:rgba(255,255,255,.76);border:1px solid rgba(226,232,240,.9);backdrop-filter:blur(12px);box-shadow:0 20px 44px rgba(15,23,42,.06);}
.partner-stat-title{font-size:19px;font-weight:800;color:#0f172a;}
.partner-stat-title>span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-right:8px;border-radius:15px;background:#eff6ff;color:#2563eb;font-size:21px;font-weight:600;}
.partner-stat-text{margin:6px 0 0 0;font-size:15px;line-height:1.4;word-break:keep-all;}

.partner-form{padding:60px 0;background: linear-gradient(180deg, #f6f9ff 0%, #ffffff 42%, #f8fafc 100%);}
.partner-form .partner-form-inside{max-width:900px;margin:0 auto;}
.partner-form .privacy-content{background:#fff;}
.partner-form .form-options{background:#fff;}

@media (max-width:1024px){
.partner-hero{padding:52px 0;}
.partner-hero-inner{grid-template-columns:1fr;}
.partner-title{font-size:38px;}
}

@media (max-width:420px){
.partner-stat-row{grid-template-columns:1fr;}
}

.box-desc{padding:35px 25px 35px 25px;margin-bottom:30px;background:#fafafa;border:1px solid #ececec;border-radius:6px;}
.box-desc .top-title{margin-bottom:50px;font-size:20px;font-weight:bold;text-align:center;}
.box-desc .row{margin-top:35px;}
.box-desc .row .box1{font-size:15px;font-weight:bold;color:#0F4B8D;}
.box-desc.recruit .row .box1{font-family:'vardana';}
.box-desc .row .box2{padding:8px 0 0 0;font-size:15px;line-height:26px;color:#393939;word-break:keep-all;}
.box-desc.recruit .row .box2{padding-left:7px;}

@media screen and (max-width:1099px) {
.box-desc{padding:25px 15px 25px 15px;margin:30px 0 20px 0;}
.box-desc .top-title{margin-bottom:30px;font-family:auto;font-size:18px;}
.box-desc .row{margin-top:25px;}
.box-desc .row .box1{font-family:auto;font-size:16px;font-weight:bold;}
.box-desc .row .box2{font-size:14px;line-height:20px;word-break:keep-all;}
}

.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;}

@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_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 0 0 0;}
.basic_terms .cont_wrap dd{padding:8px 12px;}
}

.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 0 0 0;}

.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;}
}