@charset "utf-8";

/* sub-common : s */
.sbp-contents-section {margin:0 0 45px;}
.sbp-contents-section:last-child,
.sbp-contents-section.last {margin-bottom:0;}
.sbp-contents-section .title-box {margin:0 0 15px;}
.sbp-contents-section .title-box h3 {font-size:20px;font-weight:500;line-height:1.5em;color:#454545;}
.sbp-contents-section .title-box h3 img {vertical-align:middle;margin:-0.2em 10px 0 0;}
.sbp-contents-section .sbp-contents {font-size:16px;font-weight:400;line-height:1.75em;color:#454545;}
.sbp-contents-section .sbp-contents.indent {padding:0 0 0 30px;}
.sbp-contents-section .sbp-contents .letter {margin:0 0 15px;}
.sbp-contents-section .sbp-contents .letter:last-child {margin:0;}
.sbp-contents-section .sbp-contents .letter dl {margin-bottom:22px;}
.sbp-contents-section .sbp-contents .letter dl:last-child {margin-bottom:0;}
.sbp-contents-section .sbp-contents .letter dl dt {}
.sbp-contents-section .sbp-contents .letter dl dd {padding:0 0 0 23px;text-indent:-10px;}

.clr-blue {color:#0065b3;}

.hypen-list > li {padding-left:.6em; text-indent:-.6em;}

/* sub-common : e */

/* 인사말 */
.greeting-wrap {}
.greeting-wrap:after {content:"";display:block;clear:both;}
.greeting-wrap .imgbox {float:left;width:370px;}
.greeting-wrap .imgbox img {}
.greeting-wrap .letter-box {float:left;width:calc(100% - 370px);padding:0 0 0 50px;}
.greeting-wrap .letter-box .tit {font-size:22px;font-weight:500;line-height:1.4545em;color:#0065b3;margin:0 0 15px;}
.greeting-wrap .letter-box p {font-size:16px;font-weight:400;line-height:1.75em;color:#454545;}
.greeting-wrap .letter-box p strong {font-weight:500;}

/* 사업개요 */
.mission-contents {margin:15px 0 0 0;}

.our-sevice .heading {padding:16px; margin-bottom:35px; background:#0065b3; font-size:20px; font-weight:500; line-height:1.4em; letter-spacing:-.03em; color:#fff; text-align:center;}
.our-sevice .items {display:grid; grid-template-columns:repeat(3, 1fr); gap:36px;}
.our-sevice .item {background:#e1efee}
.our-sevice .item .img {border:4px solid #00b8cc; border-bottom:0;}
.our-sevice .item h4 {padding:16px; background:#00b8cc; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); font-size:20px; font-weight:500; line-height:1.4em; letter-spacing:-.03em; color:#fff; text-align:center;}
.our-sevice .item .cnt {padding:25px;}
.our-sevice .item .cnt ul li {padding-left:.7em; text-indent:-.7em;}

/* 오시는 길 */
.location-section {margin:0 0 45px;}
.location-section .map-zone {width:100%;height:500px;}
.root_daum_roughmap, .wrap_map {width:100% !important;height:100% !important;}
.roughmap_maker_label {display:none !important;}

.location-section .addr-info {}
.location-section .addr-info ul {}
.location-section .addr-info ul li {border-bottom:1px solid #ddd;font-size:16px;line-height:1.875em;color:#454545;padding:10px 0;}
.location-section .addr-info ul li:after {content:"";display:block;clear:both;}
.location-section .addr-info ul li .tit {float:left;width:125px;padding:0 0 0 30px;font-weight:500;}
.location-section .addr-info ul li .txt {float:left;width:calc(100% - 125px);font-weight:400;}

.location-contents-1,
.location-contents-2 {padding:30px;border:1px solid #ddd;}
.location-contents-1 ul {}
.location-contents-1 ul li,
.location-contents-2 ul li {margin:0 0 20px;font-size:16px;font-weight:500;line-height:1.625em;}
.location-contents-1 ul li:last-child,
.location-contents-2 ul li:last-child {margin-bottom:0;}
.location-contents-1 ul li:after {content:"";display:block;clear:both;}
.location-contents-1 ul li .tit {float:left;width:195px;}
.location-contents-1 ul li .tit.sw-line-2 {color:#10aa18;}
.location-contents-1 ul li .tit.sw-line-3 {color:#f15d20;}
.location-contents-1 ul li .tit .num {display:inline-block;width:26px;text-align:center;line-height:26px;font-size:16px;font-weight:500;color:#fff;border-radius:100%;color:#fff;margin:-0.2em 10px 0 0;}
.location-contents-1 ul li .tit.sw-line-2 .num {background:#10aa18;}
.location-contents-1 ul li .tit.sw-line-3 .num {background:#f15d20;}
.location-contents-1 ul li .txt {float:left;width:calc(100% - 195px);}
.location-contents-1 ul li .txt,
.location-contents-2 ul li .txt {font-weight:400;color:#454545;}

.location-contents-2 {}
.location-contents-2 ul {}
.location-contents-2 ul li {}
.location-contents-2 ul li:last-child {}
.location-contents-2 ul li:after {content:"";display:block;clear:both;}
.location-contents-2 ul li .tit {float:left;width:110px;}
.location-contents-2 ul li .tit .num {display:block;width:80px;border-radius:13px;color:#fff;text-align:center;}
.location-contents-2 ul li .tit .num.ty-green {background:#10aa18;}
.location-contents-2 ul li .tit .num.ty-blue {background:#0065b3;}
.location-contents-2 ul li .txt {float:left;width:calc(100% - 110px);}

.directions-info {padding:30px; border:1px solid #ddd;}
.directions-info .tt {color:#242424; margin-bottom:5px;}
.directions-info .tt:not(:first-child) {margin-top:1rem;}
.directions-info .tt strong {font-weight:500;}
.directions-info ul {display:grid; gap:5px;}
.directions-info ul li {position:relative; padding-left:10px;}
.directions-info ul li:before {content:''; position:absolute; top:.85em; left:0; width:4px; height:4px; background:#0065b3;}

/* 전주기 실증 지원 */
.sub2-contents-1 {}
.sub2-contents-1 .imgbox {text-align:center;margin:0 0 30px;}
.sub2-contents-1 .imgbox:last-child {margin:0;}
.sub2-contents-1 .imgbox img {}
.sub2-contents-2 {}
.sub2-contents-2 .step {border:1px solid #dfdfdf;padding:30px;overflow:hidden;}
.sub2-contents-2 .step .row {display:flex; margin:0 -38.375px;}
.sub2-contents-2 .step .row .col-5 {float:left;width:20%;padding:0 38.375px;position:relative;}
.sub2-contents-2 .step .row .col-5:after {content:"";display:block;width:24px;height:20px;background:url("../images/sub/arrow.png") 50% 50% no-repeat;position:absolute;right:-12px;top:50%;transform:translate(0,-50%);}
.sub2-contents-2 .step .row .col-5:last-child:after {display:none;}
.sub2-contents-2 .step .conbox {text-align:center;}
.sub2-contents-2 .step .conbox img {}

.go-btnbox {padding:50px 0 0 0;}
.go-btnbox a {display:block;text-decoration:none;text-align:center;max-width:200px;margin:0 auto;font-size:18px;font-weight:500;line-height:1.7em;padding:15px 0px;color:#fff;background:#0065b3;}

/* 임상시험 서비스 소개 */
.sub2-contents-3 {}
.sub2-contents-3 .step {border:1px solid #dfdfdf; padding:39px 22px; overflow:hidden;}
.sub2-contents-3 .step ol {display:flex; justify-content:space-between; gap:10px;}

/* 사용적합성평가 */
.sub2-contents-4 {}
.sub2-contents-4:after {content:"";display:block;clear:both;}
.sub2-contents-4 .imgbox {float:left;width:400px;}
.sub2-contents-4 .imgbox img {}
.sub2-contents-4 .letter-box {float:left;width:calc(100% - 400px);padding:0 0 0 30px;}
.sub2-contents-4 .letter-box p {}

.sub2-contents-5 {}
.sub2-contents-5 .letter {margin:0 0 15px;}
.sub2-contents-5 .letter p {}
.sub2-contents-5 .step-box {border:1px solid #dedede;padding:30px;}
.sub2-contents-5 .step-box .row {margin:-15px -25px;}
.sub2-contents-5 .step-box .row:after {content:''; display:block; clear:both;}
.sub2-contents-5 .step-box .row .col-5 {float:left;width:20%;padding:15px 25px;position:relative;}
.sub2-contents-5 .step-box .row .col-5:after {content:"";display:block;width:10px;height:16px;background:url("../images/sub/arrow-right.png") 50% 50% no-repeat;position:absolute;right:-5px;top:50%;transform:translate(0,-50%);}
.sub2-contents-5 .step-box .row .col-5:nth-child(5):after {height:10px;width:16px;background-image:url("../images/sub/arrow-bottom.png");top:auto;left:0;right:0;bottom:-5px;transform:none;margin:auto;}
.sub2-contents-5 .step-box .row .col-5.ty-right {float:right;}
.sub2-contents-5 .step-box .row .col-5.ty-right:after {background-image:url("../images/sub/arrow-left.png");}
.sub2-contents-5 .step-box .row .col-5.ty-right:nth-child(6):after {display:none;}
.sub2-contents-5 .step-box .conbox {}
.sub2-contents-5 .step-box .conbox .dis-t {display:table;width:100%;height:70px;background:#0065b3;border-radius:10px;}
.sub2-contents-5 .step-box .conbox .dis-c {display:table-cell;vertical-align:middle;text-align:center;font-size:16px;font-weight:500;line-height:1.375em;color:#fff;}


/* 관련사이트 */
.related-companies ul {display:flex; flex-wrap:wrap;}
.related-companies ul li {width:20%;margin:0 -1px -1px 0;}
.related-companies ul li a {display:block;text-decoration:none;border:1px solid #ddd;}
.related-companies ul li a .imgbox {width:100%;height:110px;position:relative;overflow:hidden;}
.related-companies ul li a .imgbox img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
  		-ms-transition: all 0.2s ease-in-out;
  		 -o-transition: all 0.2s ease-in-out;
			    transition: all 0.2s ease-in-out;
}
.related-companies ul li a:hover .imgbox img {transform:translate(-50%,-50%) scale(1.2);}