@charset "utf-8";
.business-img {margin-bottom: 20px; box-shadow: 8px 8px 16px rgba(0,0,0,.2);}
.sec-flex {display: flex; padding: clamp(1.25rem, 0.3125rem + 2.3438vw, 3.125rem) 0 clamp(1.25rem, 0rem + 3.125vw, 3.75rem);}
.sec-flex:not(:last-child) {border-bottom: 1px dashed #ddd;}
.sec-flex:last-child {padding-bottom: 0;}
.sec-flex .flex-tit {width: 22.5%;}
.sec-flex .flex-tit.wide {width: 27.5%;}
.sec-flex .flex-tit h2, .deco-tit {position: relative; width: fit-content; margin-left: auto; margin-right: auto;}
.sec-flex .flex-tit h2 {padding-left:clamp(0rem, -3.125rem + 7.8125vw, 6.25rem); margin-left: 0; line-height: 1.4286em;}
/* .sec-flex .flex-tit h2:before, .deco-tit:before {position: absolute; content: ''; top: -10px; right: -10px; width: 5px; height: 5px; border-radius: 100%; background: var(--primary-color);} */
.deco-tit.left {margin-left: 0; margin-right: 0;}
.sec-flex .flex-cnt {flex: 1; padding-right:clamp(0rem, -3.125rem + 7.8125vw, 6.25rem);}
html[lang="en"] .sec-flex .flex-cnt {padding-right: 0;}
html[lang="en"] .sec-flex .flex-tit {width: 27.5%;}
html[lang="en"] .sec-flex .flex-tit h2 {padding-left:clamp(0rem, -1.7188rem + 4.2969vw, 3.4375rem); text-align: left;}

.chk-list li {padding-left: var(--chk-indent);}
.chk-list li:not(:last-child) {margin-bottom: 6px;}
.chk-list li strong, .chk-tit {position: relative; width: fit-content;}
.chk-list li strong:before, .chk-tit:before {position: absolute; content: ''; top: 50%; margin-top: -8px; left: calc(var(--chk-indent) * -1); width: 16px; height: 16px; background: url('../images/sub/icon-chk.png') no-repeat center center; background-size: contain;}
.table-wrap th, .table-wrap td {border: 1px solid #ddd; line-height: 1.5em; padding: clamp(0.3125rem, 0.0625rem + 0.625vw, 0.8125rem) clamp(0.625rem, 0.3438rem + 0.7031vw, 1.1875rem);}
.table-wrap th {background: #fafafa; color: var(--dark-color); font-weight: 600; border-left: 0;}
.table-wrap td {border-right: 0;}
.box {position: relative;}
.box:before {position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; border-radius: 20px; border: 1px solid #ddd;}
.box.bdrs10:before {border-radius: 10px;}
.box.bdrs30:before {border-radius: var(--bdrs30);}
.pt20 {padding-top: 20px;}
.pb20 {padding-bottom: 20px;}
.pl16 {padding-left: 16px;}
.pr16 {padding-right: 16px;}
.desc p:not(:last-child) {margin-bottom: 1em;}

.business-robot-table .table-img {width: 63.855%;}
.business-robot-table .img {padding: 20px;}
.business-robot-items {gap:10px;}
.business-robot-items .box {position: relative; width: 40.96386%; padding:clamp(0.9375rem, 0.0625rem + 2.1875vw, 2.6875rem) 0;}
.business .youtube {position: relative; width: 100%; padding-bottom: 56.65%; overflow: hidden; border-radius: 20px;}
.business .youtube iframe {position: absolute; width: 100%; height: auto; max-width: 100%; min-height: 100%; left: 0; top: 50%; transform: translateY(-50%); object-fit: cover;}
.business-motion {padding-bottom: clamp(1.5625rem, 0.625rem + 2.3438vw, 3.4375rem); border-bottom: 1px dashed #ddd;}
.business .table-wrap {margin-left: auto; width: fit-content;}

.research-photoes {gap:20px;}
.indent-chk {padding-left: var(--chk-indent);}
.bin .welcome .txt {width: 50%; padding-left: clamp(1.875rem, 1.0938rem + 1.9531vw, 3.4375rem);}
.bin .welcome .img {box-shadow: 8px 8px 16px rgba(0,0,0,.2);}
.bin .welcome .img img {width: 100%;}
.bin-adjust .txt-box {line-height: 1.5em; padding: clamp(0.9375rem, 0.4688rem + 1.1719vw, 1.875rem) clamp(0.9375rem, -1.4063rem + 5.8594vw, 5.625rem);}
.bin-adjust .items {padding: 0 clamp(0.625rem, -0.3125rem + 2.3438vw, 2.5rem);}
.bin-adjust .items > .flex-wrap, .bin-adjust .box-items, .anti-sway-photoes {gap: 10px;}
.bin-adjust .items > .flex-wrap:not(:last-child) {margin-bottom: 10px;}
.bin-adjust .box-items .box {flex: 1 1 auto;}

.greetings .txt {position: relative; width: 50%; padding-top: clamp(1.5625rem, 0.625rem + 2.3438vw, 3.4375rem);}
.greetings .txt p {padding-right:clamp(1.875rem, 0rem + 4.6875vw, 5.625rem);}
.greetings .txt:before {position: absolute; content:''; width: 100%; top: 12px; left: 0; height: 57px; background: url('../images/sub/greetings-synaptobot.png') no-repeat center top; background-size: contain; filter: grayscale(1);}
.greetings .img {height: fit-content; border-radius: clamp(1.25rem, -1.25rem + 6.25vw, 6.25rem) 0 0 0; overflow: hidden;}
html[lang="en"] .greetings .txt {padding-right: 30px; letter-spacing: -.08em;}
.company-info {flex-wrap: wrap; border-top: 2px solid var(--secondary-color);}
.company-info .item {display: flex; width: 50%; padding:clamp(0.4375rem, 0rem + 1.0938vw, 1.3125rem) clamp(0.625rem, 0rem + 1.5625vw, 1.875rem); border-bottom: 1px solid #ddd;}
.company-info .item:last-child {width: 100%;}
.company-info .info-tit {position: relative; min-width: 126px; height: fit-content; padding-left: 32px; font-size: clamp(0.9375rem, 0.8438rem + 0.2344vw, 1.125rem); color: var(--dark-color); font-weight: 600;}
.company-info .info-tit:before {position: absolute; content: ''; left: 0; top: 50%; margin-top: -6px; width: 12px; height: 12px; border-radius: 100%; border: 3px solid var(--primary-color);}
.core-value .txt {margin-bottom:clamp(1.5625rem, 0rem + 3.9063vw, 4.6875rem);}

.history h2 {line-height: 1.375em;}
.history .history-cnt {width: 50%; border-top: 2px solid #2c2c2c;}
.history-cnt .item {padding:clamp(0.625rem, -0.1563rem + 1.9531vw, 2.1875rem) 0;}
.history-cnt .item:not(:last-child) {border-bottom: 1px dashed #ddd;}
.history-cnt li {display: flex;}
.history-cnt li:not(:last-child) {margin-bottom: 4px;}
.history-year {min-width: 115px;}
.history-month {color: var(--primary-color); font-weight: 600; min-width: 50px;}

.root_daum_roughmap .wrap_map, .root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_controllers {display: none;}
.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:var(--primary-color); font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:var(--dark-color); font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:var(--dark-color); font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:ababab;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

.direction-menu ul {display: flex; border-bottom: 1px solid var(--secondary-color);}
.direction-menu li {position: relative; flex: 1;z-index: 1;}
.direction-menu li a { width: 100%; display: block; text-align: center; font-weight: 600; font-size: clamp(0.9375rem, 0.8438rem + 0.2344vw, 1.125rem); color: #898989; background: #fafafa; padding: 11px;}
.direction-menu li.active:before {position: absolute; z-index: -1; content: ''; top: 0; left: 0; bottom: -1px; right: 0; border: 1px solid var(--secondary-color); border-bottom-color: #fff; background: #fff;}
.direction-menu li.active a {background: unset; color: var(--secondary-color);}