@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.greeting-head { border-bottom:1px solid #dfdfdf; background: linear-gradient(#ffffff, #f7f7f7); margin-bottom:50px;}
.greeting-head .contain {position:relative;}
.greeting-head .img {text-align:right; }
.greeting-head .content {position:absolute; left:0; top:50%; padding:0 15px; transform:translateY(-50%); text-align:center; font-family: 'MaruBuri',sans-serif;}
.greeting-head .content .tit {color:#0368b3; font-size:28px; line-height:1.4em; font-weight:bold; margin-bottom:20px;}
.greeting-head .content .cnt {font-size:26px; line-height:1.538em; color:#2c2c2c}

.greeting {font-size:18px; line-height:1.889em;}
.greeting .cnt {margin-bottom:36px;}
.greeting .cnt:last-child {margin-bottom:0;}

.root_daum_roughmap {width:100% !important; height:500px !important;}
.root_daum_roughmap .wrap_map {height:500px !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"의료기기 사용적합성 연구센터"; font-size:12px; line-height:15px;}

.location-info {margin-top:100px;}
.location-info .addr-group {display:flex; border-top:2px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:55px; margin-bottom:55px;}
.location-info .addr-group .col {width:50%; display:flex; align-items:center;}
.location-info .addr-group .icon {width:64px; margin-right:55px;}
.location-info .addr-group .info {flex:1 1 auto; min-width:0; width:1%;}
.location-info h3 {font-size:20px; line-height:1.5em; color:#2c2c2c;margin-bottom:10px;}
.location-info .add-txt {font-size:18px; line-height:1.5em;}
.location-info .bus-group {margin-bottom:50px; display:flex; padding:0 55px;}
.location-info .bus-group:last-child {margin-bottom:0;}
.location-info .bus-group .icon {width:64px; margin-right:55px;}
.location-info .bus-group .info {flex:1 1 auto; min-width:0; width:1%;}
.location-info .bus-group ul li {display:flex; align-items:center; margin-bottom:15px;}
.location-info .bus-group ul li:last-child {margin-bottom:0;}
.location-info .bus-group ul li .title {width:180px; display:flex; align-items:center;}
.location-info .bus-group ul li .title .num {width:28px; height:28px; border-radius:100%; color:#fff; text-align:center;font-size:14px; line-height:28px;font-weight:700; margin-right:10px;}
.location-info .bus-group ul li .title .tit {font-weight:700;}
.location-info .bus-group ul li .title.line2 .num {background:#029f4a}
.location-info .bus-group ul li .title.line2 .tit {color:#029f4a}
.location-info .bus-group ul li .title.line3 .num {background:#e3771c}
.location-info .bus-group ul li .title.line3 .tit {color:#e3771c}
.location-info .bus-group ul li .bus-num {width:180px;}
.location-info .bus-group ul li .bus-num .num {width:80px; height:28px; font-size:14px; text-align:center; border-radius:28px; color:#fff;font-weight:700;}
.location-info .bus-group ul li .bus-num.bg1 .num {background:#029f4a}
.location-info .bus-group ul li .bus-num.bg2 .num {background:#0368b3}
.location-info .bus-group ul li .txt {flex:1 1 auto; min-width:0; width:1%;}

.service-cnt {padding:0 60px; position:relative; margin-top:-60px;}
.service-cnt .box {background:#fff; text-align:center; padding:60px 60px 0;}
.service-cnt h3 {font-size:28px; line-height:1.4em; color:#0368b3; margin-bottom:20px;}
.service-cnt .cnt {margin-bottom:26px;}
.service-cnt .cnt:last-child {margin-bottom:0;}
.service-cnt .cnt.first {font-size:18px; line-height:1.667em; color:#2c2c2c}

.service-step-head {margin-bottom:80px; text-align:center;}
.service-step-head .cnt {max-width:890px; margin:0 auto; position:relative; padding:0 40px; font-size:20px; line-height:1.7em; color:#2c2c2c;}
.service-step-head .cnt:before,
.service-step-head .cnt:after {content:""; position:absolute; top:0; width:40px; height:31px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain}
.service-step-head .cnt:before {left:0; background-image:url('../images/sub/quotes_left.png');}
.service-step-head .cnt:after {right:0; background-image:url('../images/sub/quotes_right.png');}
.service-step-head .cnt strong {color:#0368b3;}

.service-step ul {display:flex; flex-wrap:wrap; margin-left:-80px; margin-bottom:-80px;}
.service-step ul li {position:relative; width:calc(20% - 80px); margin-left:80px; margin-bottom:80px; border:1px solid #dfdfdf; padding:36px 15px; text-align:center;}
.service-step ul li:after {content:"";position:absolute; top:0; left:-55px; width:30px; height:100%; background:url('../images/sub/arrow.png') 50% 50% no-repeat; background-size:contain;}
.service-step ul li:first-child:after {display:none}
.service-step ul li:before {content:"";position:absolute; bottom:-55px; left:0; transform:rotate(90deg); width:100%; height:21px; background:url('../images/sub/arrow.png') 50% 50% no-repeat;  opacity:0;}
.service-step ul li:nth-child(even) {background:#fafafa}
.service-step ul li .num {font-size:20px; line-height:1.4em; color:#0368b3;font-weight:500; margin-bottom:15px;}
.service-step ul li .icon {margin-bottom:20px; padding-bottom:20px; position:relative;}
.service-step ul li .icon:after {content:"";position:absolute; bottom:0; left:50%; width:40px; height:2px; background:#2c2c2c; margin-left:-20px;}
.service-step ul li .tit {color:#2c2c2c;font-weight:500; line-height:1.5em;}
.service-step ul li:nth-child(5):before {opacity:1;}
.service-step ul li:nth-child(6) {order:10}
.service-step ul li:nth-child(7) {order:9}
.service-step ul li:nth-child(8) {order:8}
.service-step ul li:nth-child(9) {order:7}
.service-step ul li:nth-child(10) {order:6}
.service-step ul li:nth-child(10):after {display:none}
.service-step ul li:nth-child(6):after,
.service-step ul li:nth-child(7):after,
.service-step ul li:nth-child(8):after,
.service-step ul li:nth-child(9):after {transform:rotate(180deg);}

.test-cnt ul {display:flex; flex-wrap:wrap; margin-left:-10px; margin-bottom:-10px;}
.test-cnt ul li {width:calc(33.333333% - 10px); margin-left:10px; margin-bottom:10px; text-align:center; border:1px solid #dfdfdf; padding:36px 15px;}
.test-cnt ul li:nth-child(even) {background:#fafafa;}
.test-cnt ul li .icon {margin-bottom:20px; height:24px; width:100%; background:url('../images/sub/icon_check.png') 50% 50% no-repeat; background-size:contain;}
.test-cnt ul li dl dt {font-size:18px ;line-height:1.4em; color:#0368b3; margin-bottom:20px;}


.doc-tit {color:#2c2c2c; font-size:20px; line-height:1.4em; padding-bottom:18px; border-bottom:1px solid #dfdfdf; margin-bottom:30px; position:relative;}
.doc-tit:after {content:""; position:absolute; bottom:-1px; left:0; width:30px; height:3px; background:#0368b3;}

.site-tit {font-size:24px; line-height:1.4em; color:#2c2c2c; margin-bottom:20px;}
.site-list {margin-bottom:70px;}
.site-list:last-child {margin-bottom:0;}
.site-list ul {display:flex; flex-wrap:wrap; margin-left:-5px; margin-bottom:-5px;}
.site-list ul li {width:20%; padding-left:5px; margin-bottom:5px;}