@charset "utf-8";

.doc-cnt .tt {}

.greetings .tit-box {display:flex; align-items:center; justify-content:center; width:100%; height:320px; background-image:url(/images/sub/greetings-img.jpg); background-repeat:no-repeat; background-size:cover;}
.greetings .tit-box p {text-align:center; font-size:var(--font-size-28); font-weight:600; letter-spacing:-.03em; line-height:1.57em; color:#fff;}
.greetings .tit-box p span {font-weight:700; font-size:var(--font-size-34);}
.greetings .wrap {margin-top:40px; display:flex; justify-content:space-between;}
.greetings .wrap h2 {width:41.5%;; font-size:var(--font-size-28); letter-spacing:-.03em; line-height:1.43em; font-weight:500;}
.greetings .wrap h2 span {font-weight:700; color:#242424;}
.greetings .wrap h2 span.c-txt {color:var(--color-primary);}
.greetings .txt-wrap {flex:1 1 auto; min-width:0; width:1%;}
.greetings .txt-wrap .tt {font-size:var(--font-size-16); letter-spacing:-.03em; margin-top:22px;}
.greetings .txt-wrap .tt:first-child {margin-top:30px;}
.greetings .txt-wrap ul {display:flex; margin:45px -5px 35px;}
.greetings .txt-wrap ul li {padding:0 5px; width:20%;}
.greetings .txt-wrap ul li .box {height:100%; background-color:rgba(0,124,54,.05); padding:20px 13px; border-radius:6px;}
.greetings .txt-wrap ul li .box h3 {font-size:var(--font-size-16); font-weight:400; letter-spacing:-.03em; line-height:1.2em;}
.greetings .txt-wrap ul li .box h3 span {font-weight:700; font-size:var(--font-size-20); color:var(--color-primary);}
.greetings .txt-wrap ul li .box p {margin-top:5px; font-size:var(--font-size-16); letter-spacing:-.03em; line-height:1.75em;}
.greetings .txt-wrap .ceo {font-size:var(--font-size-18); font-weight:500; letter-spacing:-.03em; line-height:1.75em; color:#242424;}

.history {position:relative; background-repeat:no-repeat; background-position:50% 50%; background-attachment:fixed; background-image:url(../images/sub/history-bg.png);}
.history::after {content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:1px; height:91%; background-color:#ddd;}
.history .cnt {margin-bottom:55px;}
.history .cnt:last-child {margin-bottom:0;}
.history .box-wrap {display:flex;}
.history .left .box-wrap {flex-direction:row-reverse;}
.history .bin-box {width:50%;}
.history .h-box {width:50%;}
.history .year h2 {position:relative; font-size:var(--font-size-34); line-height:1.3em; padding:0 35px 15px; color:#242424; border-bottom:1px dashed #ddd;}
.history .left .year h2 {margin:0 0 0 auto;}
.history .year h2::before {content:''; position:absolute; bottom:-7px; z-index:1; background-image:url(../images/sub/history-ico.png); width:15px; height:15px; background-repeat:no-repeat; background-size:contain;}
.history .right .year h2::before {left:-7px;}
.history .left .year h2::before {right:-7px;}
.history .left .h-box {text-align:right;}
.history .h-box ul li:first-child {margin-top:0;}
.history .right .h-box ul {margin:25px 0 0 35px;}
.history .left .h-box ul {margin:25px 35px 0 0;}
.history .h-box ul li {position:relative; margin-top:15px; line-height:1.2em;}
.history .right .h-box ul li {padding-left:15px;}
.history .left .h-box ul li {padding-right:15px;}
.history .h-box ul li::after {content:''; position:absolute; width:5px; height:5px; border-radius:100%; left:0; background-color:#ddd; top:6px;}
.history .left .h-box li::after {right:0; left:unset;}

.cert .cnt-box .doc-tit {position:relative; padding-left:30px; margin-bottom:25px; font-size:var(--font-size-26); color:#242424; font-weight:600; letter-spacing:-.03em; line-height:1.2em;}
.cert .cnt-box .doc-tit::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:21px; height:21px; background-image:url(/images/sub/certifications-ico.png);}
.cert .cnt-box.cnt02 {margin:95px 0;}
.cert .cnt-box ul {display:flex;}
.cert .cnt-box.cnt01 ul {margin:0 -10px;}
.cert .cnt-box.cnt01 ul li {padding:0 10px;}
.cert .cnt-box.cnt02 ul,
.cert .cnt-box.cnt03 ul {margin:0 -12px;}
.cert .cnt-box.cnt02 ul li,
.cert .cnt-box.cnt03 ul li {padding:0 12px;}
.cert .cnt-box ul li p {margin-top:22px; text-align:center; font-size:var(--font-size-17); letter-spacing:-.03em; line-height:1.2em;}

.direct .root_daum_roughmap .wrap_controllers,
.direct .root_daum_roughmap .border1,
.direct .root_daum_roughmap .border2,
.direct .root_daum_roughmap .border3,
.direct .root_daum_roughmap .border4 {display:none;}

.direct .directions {margin-top:40px; display:flex;}
.direct .directions .address-info {width:50%;}
.direct .directions .address-info .comp {color:var(--color-primary); font-weight:500; margin-bottom:5px;}
.direct .directions .address-info .addr {color:#242424; font-size:20px; font-weight:500; line-height:1.33em; letter-spacing:-.03em; margin-bottom:10px;}
.direct .directions .address-info .etc {color:#454545;}
.direct .directions .address-info .etc span {display:inline-block; margin-right:10px;}
.direct .directions .address-info .etc span:last-child {margin-right:0;}
.direct .directions .contact-info {line-height:1.5em; flex:1 1 auto; min-width:0; width:1%;}
.direct .directions .contact-info dl {display:flex;}
.direct .directions .contact-info dl + dl {margin-top:30px;}
.direct .directions .contact-info dt {width:120px; color:#242424; font-size:16px; font-weight:500;}
.direct .directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.direct .directions .contact-info dt path {fill:rgba(0,124,54,.5);}
.direct .directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; font-size: 16px; color:#454545;}

@media (max-width:1024px) {
	.direct .root_daum_roughmap .wrap_map {height:280px !important;}
	.direct .directions .address-info .addr {font-size:20px;}
	.direct .directions .contact-info dt {width:140px;}
	.direct .directions .contact-info dl + dl {margin-top: 20px;}
}

@media (max-width:640px) {
	.direct .root_daum_roughmap .wrap_map {height:250px !important;}	
	.direct .directions {margin-top:30px; flex-direction: column;}
	.direct .directions .address-info .addr {font-size:18px;}
	.direct .directions .address-info .addr br {display: none;}
	.direct .directions .address-info {margin-bottom:20px; width: 100%;}
	.direct .directions .contact-info {width: 100%;}
	.direct .directions .contact-info dt {width:110px; font-size: 14px;}
	.direct .directions .contact-info dt svg {margin-right:10px;}
	.direct .directions .contact-info dd {font-size: 14px;}
}

.product .sub-tab ul {display:flex;}
.product .sub-tab ul li {flex:1;}
.product .sub-tab ul li a {display:inline-flex; align-items:center; justify-content:center; text-align:center; background:#f8f8f8; border:1px solid #ddd; font-size:var(--font-size-20); font-weight:600; letter-spacing:-.03em; line-height:1.33em; color:#686868; height:58px; padding:0 20px; width:100%;}
.product .sub-tab ul li:last-child a {border-left:0;}
.product .sub-tab ul li.active a {color:var(--color-primary); background-color:#fff; border-bottom:2px solid var(--color-primary);}
.product .location-wrap {position:relative;}
.product .location {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; z-index:-1;}
.product .location.on {opacity:1; z-index:1; position:relative;}

.product .prod-dots ul {display:flex;justify-content:center; margin:35px 0;}
.product .prod-dots ul li button {font-size:var(--font-size-18); font-weight:500; letter-spacing:-.03em; line-height:1.2em; background-color: transparent; border: 0;}
.product .prod-dots ul li:not(:first-child) {position:relative; padding-left:10px; margin-left:10px;}
.product .prod-dots ul li:not(:first-child)::before {content:''; position:absolute; width:1px; height:12px; left:0; top:50%; transform:translateY(-50%); background-color:#ddd;}
.product .prod-dots ul li.slick-active button {color:var(--color-primary);}

.product .prod-items .item .box {display:flex; align-items:center; justify-content:center; padding:30px; border-radius:20px; background-image:url(/images/sub/product-bg.jpg); width:100%; height:400px; background-repeat:no-repeat; background-size:cover;}
.product .prod-items .item .img {position:relative; padding-bottom:21.67%; width:50%; overflow:hidden;}
.product .prod-items .item .img img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.product .prod-items .item .t-box {margin-left:45px;  flex:1 1 auto; min-width:0; width:1%; color:#fff;}
.product .prod-items .item .t-box .tit-box h2,
.product .prod-items .item .t-box .tit-box p {font-size:var(--font-size-24); font-weight:500; letter-spacing:-.03em; line-height:1.42em;}
.product .prod-items .item .t-box>p {margin-top:15px; font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.44em;}
.product .prod-items .slick-arrow {position:absolute; top:50%; transform:translateY(-50%); border:0; opacity:.5; background-size:contain; background-repeat:no-repeat; background-position:50% 50%;background-color:transparent; z-index:50; transition:.3s; overflow:hidden; width:15px; height:27px; font-size:0; line-height:0; text-indent:-99999em;}
.product .prod-items .slick-prev {left:2%; background-image:url('/images/sub/prod-prev.png');}
.product .prod-items .slick-next {right:2%;background-image:url('/images/sub/prod-next.png');}
.product .prod-items .slick-arrow:hover {opacity:1;}

.prod-veeam .tit {padding-bottom:45px; font-size:var(--font-size-24); letter-spacing:-.03em; line-height:1.33em;font-weight:400; text-align:center;}
.prod-veeam .tit span {color:#5da13b; font-weight:700;}
.prod-veeam .list-wrap {display:flex; flex-wrap:wrap; margin:-15px;} 
.prod-veeam .list-wrap>li {width:50%; padding:15px;}
.prod-veeam .list-wrap>li .box {height:100%; padding:40px; background-color:rgba(93,161,56,.05); border-radius:12px;}
.prod-veeam .list-wrap>li .box h3 {margin:15px 0; font-size:var(--font-size-20); letter-spacing:-.03em; line-height:1.33em; color:#242424; font-weight:600;}
.prod-veeam .list-wrap>li .box li {font-size:var(--font-size-17); letter-spacing:-.03em; line-height:1.65em; text-indent:-10px; margin-left:10px;}

.business .tit {padding-bottom:45px; font-size:var(--font-size-24); letter-spacing:-.03em; line-height:1.33em; color:#242424; font-weight:400; text-align:center;}
.business .tit span {font-weight:600;}
.business .tit {border-bottom:1px solid #ddd;}
.business .img {text-align:center; margin-top:60px;}