@charset "utf-8";

/*공통*/
.c-white {color:#fff !important;}
.c-main {color:var(--c-main) !important;}
.font-adobe {font-family: "adobe-garamond-pro", serif;}

.table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px;}
.table01 table {border-top:2px solid #242424;}
.table01 table th {padding:18px 20px; border:1px solid #ddd; background:#f8f8f8; font-size:var(--f20); font-weight:600; color:#242424;}
.table01 table td {height:100px; padding:12px 20px; border:1px solid #ddd; font-size:var(--f18); letter-spacing:-0.03em; line-height:1.3em; color:#454545; text-align:center;}
.table01 tr th:first-child,
.table01 tr td:first-child {border-left:0;}
.table01 tr th:last-child,
.table01 tr td:last-child {border-right:0;}
.table01 ul {text-align:left;}
.table01 ul li {position:relative; padding-left:15px; margin-bottom:0.56em;}
.table01 ul li:last-child {margin-bottom:0;}
.table01 ul li:before {content:''; position:absolute; width:5px; height:5px; background:#454545; left:0; top:0.56em; border-radius:100%;}


/* 인사말 */
.greeting {position:relative; }
.greeting:before {content:''; position:absolute; width:100%; height:166px; right:0; bottom:calc(0px - var(--100px)); background:url('../images/sub/greeting-bg.png') no-repeat center right/contain;}
.greeting .top-cont {display:flex; position:relative; margin-bottom:var(--100px);}
.greeting .top-cont:before {content:''; position:absolute; width:100%; height:100%; left:0; top:0; z-index:-1; background:var(--c-gradient);}
.greeting .top-cont .box {width:25%;}
.greeting .top-cont .img img {width:100%;}
.greeting .top-cont .tit {display:flex; min-height:50px; padding:10px; align-items:center; justify-content:center; text-align:center; font-size:var(--f18); font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#fff;}
.greeting .cnt .tit {margin-bottom:0.88em; font-size:var(--f34); font-weight:700; line-height:1.4em; letter-spacing:-0.03em; color:#242424;}
.greeting .cnt .txt {margin-bottom:2.1em; font-size:var(--f18); font-weight:400; line-height:1.9em; letter-spacing:-0.03em; color:#454545;}
.greeting .cnt .txt strong {display:block; font-weight:600;}
.greeting .cnt .sign {font-size:var(--f18); font-weight:400; line-height:1.9em; letter-spacing:-0.03em; color:#242424;}
.greeting .cnt .sign img {display:inline-block; margin-left:17px; vertical-align:middle;}

/* 오시는 길 */
.root_daum_roughmap {width:100% !important; height:500px !important;}
.root_daum_roughmap .wrap_map {height:500px !important;}

.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:var(--c-main); font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.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:#242424; 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:var(--c-2);}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

@media (max-width: 1024px) {
	.root_daum_roughmap {height:300px !important;}
	.root_daum_roughmap .wrap_map {height:300px !important;}
	.directions .address-info .addr {font-size:20px;}
	.directions .contact-info dl {padding:20px 0;}
	.directions .contact-info dt {padding-left:20px; width:140px;}
}

@media (max-width: 640px) {
	.root_daum_roughmap {height:250px !important;}
	.root_daum_roughmap .wrap_map {height:250px !important;}	
	.directions {margin-top:30px;}
	.directions .address-info .addr {font-size:18px;}
	.directions .address-info {margin-bottom:20px;}
	.directions .contact-info dl {padding:16px 0;}
	.directions .contact-info dt {padding-left:5px; width:110px;}
	.directions .contact-info dt svg {margin-right:10px;}
}

/* 연구연혁 */
.history .bg {margin-bottom:var(--60px); height:350px; display:flex; align-items:flex-end; justify-content:space-between; padding:40px; color:#fff; background:url('../images/sub/history-bg.jpg') no-repeat 50% 50%/cover;}
.history .bg p {font-family:var(--font-open); font-size:var(--f40); font-weight:800; line-height:1.1em; letter-spacing:-0.03em;}
.history .cnt {border-top:2px solid #242424;}
.history .group {padding:45px 40px; border-bottom:1px dashed #ddd;}
.history .year {margin-bottom:0.71em; font-size:var(--f35); font-weight:700; line-height:1.2em; letter-spacing:-0.02em; color:#2d3093;}
.history .txt {font-size:var(--f18); font-weight:500; line-height:1.4em; letter-spacing:-0.02em; color:#454545;}

/* 주요기술 */
.tech .group {display:flex; align-items:center; padding:var(--50px) 0; border-bottom:1px dashed #ddd;}
.tech .group:first-child {padding-top:0;}
.tech .group:last-child {padding-bottom:0; border-bottom:0;}
.tech .group:nth-child(even) {flex-direction:row-reverse;}
.tech .group > div {width:50%;}
.tech .group .img img {width:100%;}
.tech .group .cnt {padding-left:var(--60px);}
.tech .group:nth-child(even) .cnt {padding-left:0; padding-right:var(--60px);}
.tech .group .cnt .tit {margin-bottom:1.19em; font-size:var(--f32); font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#2d3093;}
.tech .group .cnt > ul > li {position:relative; padding-left:15px; margin-bottom:0.83em; font-size:var(--f18); font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#454545;}
.tech .group .cnt > ul > li:last-child {margin-bottom:0;}
.tech .group .cnt > ul > li:before {content:''; position:absolute; width:5px; height:5px; background:#01b0f1; left:0; top:0.61em; border-radius:100%;}
.tech .primary-color {color:var(--c-main);}
.tech li .primary-color {font-size: var(--f16);}
.tech .download {display: inline-flex; align-items: center; justify-content: space-between; width: 200px; height: 50px; padding: 12px 30px; border-radius: 30px; margin-top: 1em; font-size:var(--f16); font-weight: 500; line-height:1.7em; letter-spacing:-0.03em; color: #fff; background: var(--c-main);}

/* 제품소개 */
.product-intro .group {display:flex; align-items:center; padding:var(--60px) 0; border-bottom:1px dashed #ddd;}
.product-intro .group:first-child {padding-top:0;}
.product-intro .group:last-child {padding-bottom:0; border-bottom:0;}
.product-intro .group .img {width: 50%;}
.product-intro .group .img img {width: 100%;}
.product-intro .group .cnt {padding-left:var(--60px); flex:1 1 auto; min-width:0; width:1%;}
.product-intro .group .cnt .tit {margin-bottom:1em; font-size:var(--f32); font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#2d3093;}
.product-intro .group .cnt > ul.type2 > li {margin-bottom:0;}
.product-intro .group .cnt > ul > li {position:relative; padding-left:15px; margin-bottom:0.83em; font-size:var(--f18); font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#454545;}
.product-intro .group .cnt > ul > li:last-child {margin-bottom:0;}
.product-intro .group .cnt > ul > li:before {content:''; position:absolute; width:5px; height:5px; background:#01b0f1; left:0; top:0.61em; border-radius:100%;}
.product-intro .group .cnt > ul > li strong {font-weight:600;}
.product-intro .group.wide .cnt {padding-left: 0;}
.product-intro .text-box {margin-bottom: 20px; padding: 50px; background: #f8f8f8; border-radius: 30px;}
.product-intro .text-box:last-child {margin-bottom:0;}
.product-intro .group .cnt .text-box .tit {margin-bottom:0.7em;}
.product-intro .text-box p {font-size:var(--f18); font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#454545;}
.product-intro .text-box p a {text-decoration:underline;}
.product-intro .dot-list {font-size:var(--f18); font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#454545;}
.product-intro .dot-list li {position:relative; padding-left:10px; font-size:var(--f18); font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#454545;}
.product-intro .dot-list li:before {content:''; position:absolute; width: 2px; height: 2px; background:#454545; left:0; top: 14px; border-radius:100%;}

/* 파이프라인 */
.pipeline .img {margin-bottom:var(--60px);}

/* 회사소개 */
.company .group {display:flex; align-items:center; padding:var(--60px) 0; border-bottom:1px dashed #ddd;}
.company .group:first-child {padding-top:0;}
.company .group:last-child {padding-bottom:0; border-bottom:0;}
.company .group .cnt {padding-left:var(--60px); flex:1 1 auto; min-width:0; width:1%;}
.company .group .cnt .tit {margin-bottom:1em; font-size:var(--f32); font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#2d3093;}
.company .group .cnt > ul > li {position:relative; padding-left:15px; margin-bottom:0.83em; font-size:var(--f18); font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#454545;}
.company .group .cnt > ul > li:last-child {margin-bottom:0;}
.company .group .cnt > ul > li:before {content:''; position:absolute; width:5px; height:5px; background:#01b0f1; left:0; top:0.61em; border-radius:100%;}
.company .group .cnt > ul > li strong {font-weight:600;}