@charset "utf-8";

.sub-tab {margin-bottom:40px; text-align:center;}
.sub-tab ul {display:flex;}
.sub-tab ul li {flex:1; min-height:54px; background:#f4f4f4; border:1px solid #dfdfdf; border-left:0;}
.sub-tab ul li:first-child {border-left:1px solid #dfdfdf;}
.sub-tab ul li a {display:flex; align-items:center; justify-content:center; flex-direction:column; height:100%; padding:5px 8px; color:#505050; font-size:15px; line-height:1.3em; letter-spacing:-.04em;}
.sub-tab ul li.active {border:2px solid #ea363d; background:#fff;}
.sub-tab ul li.active a {color:#ea363d; font-weight:700;}

.doc-tit {position:relative; padding-left:32px; margin-bottom:20px; color:#2c2c2c; font-size:22px; font-weight:800; line-height:1.3em; letter-spacing:-.04em;}
.doc-tit:before {content:""; position:absolute; top:3px; left:0; width:20px; height:20px; background:url("../images/sub/bullet.png") 50% 50% no-repeat; background-size:contain;}
.doc-tit small {font-weight:400; font-size:.6em; line-height:1.3em; letter-spacing:-.02em;}

.doc-cnt {margin-bottom:70px; color:#505050;}
.doc-cnt:last-child {margin-bottom:0;}

.s-tit {color:#ea363d; font-size:17px; line-height:1.3em; letter-spacing:-.04em; margin-bottom:7px;}

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

.dot-list > li {position:relative; padding-left:16px; line-height:1.5em; margin-bottom:10px;}
.dot-list > li:last-child {margin-bottom:0;}
.dot-list > li:before {content:""; position:absolute; top:7px; left:0; width:6px; height:6px; background:#ccc;}
.dot-list > li .hypen-list {margin-top:5px; color:#878787; font-size:14px; line-height:1.575em;}
.dot-list > li .hypen-list.st2 {color:inherit; font-size:inherit; line-height:1.625em; margin-top:10px;}

.num-list > li {padding-left:1em; text-indent:-1em; line-height:1.5em; margin-bottom:13px;}
.num-list > li:last-child {margin-bottom:0;}
.num-list > li .hypen-list {margin-top:5px; color:#878787; font-size:14px; line-height:1.575em;}

.table-st table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #ea363d;}
.table-st table th,
.table-st table td {padding:10px 10px; border:1px solid #dfdfdf;}
.table-st table thead th {height:52px; color:#2c2c2c; font-size:16px; line-height:1.5em; background:#f4f4f4;}
.table-st table tfoot th {height:52px; color:#2c2c2c; line-height:1.5em; background:#f4f4f4;}
.table-st table tbody th {background:#fafafa; color:#ed1c24;}
.table-st table tbody td {height:48px; color:#505050; line-height:1.5em; text-align:center;}
.table-st table tbody td.left {text-align:left; padding-left:20px;}
.table-st tr th:first-child,
.table-st tr td:first-child {border-left:0;}
.table-st tr th:last-child,
.table-st tr td:last-child {border-right:0;}

.greeting-top {position:relative; padding-top:46px; margin-bottom:70px;}
.greeting-top .title {height:310px; font-family: 'InkLipquid',cursive; font-size:35px; line-height:1.400em; background:url("../images/sub/greetings_bg.jpg") 50% 50% no-repeat;}
.greeting-top .title .in {height:250px; display:flex; align-items:center; margin:0 380px 0 80px;}
.greeting-top .name {position:relative; margin:-50px 0 0 60px; height:90px; font-size:14px; display:flex; align-items:center; color:rgba(255,255,255,.7); background:#bf1e24;}
.greeting-top .name .in {text-align:right; margin-right:43%; padding:0 20px; width:100%;}
.greeting-top .name strong {color:#fff; font-size:20px; font-weight:800; line-height:1.5em; letter-spacing:-.04em;}
.greeting-top .img {position:absolute; bottom:0; right:45px; width:32%;}
.greeting-top.type2 .name .in{margin-right:415px;}
.greeting-top.type2 .img {right:30px;}

.greeting-cnt {margin-left:60px; color:#505050; font-size:16px; line-height:1.889em; letter-spacing:-.04em;}
.greeting-cnt p {margin-bottom:27px;}
.greeting-cnt p:last-child {margin-bottom:0;}
.greeting-cnt .sign {margin-top:32px; color:#2c2c2c; font-size:18px; text-align:right;}
.greeting-cnt .sign img {margin:-.2em 0 0 36px; vertical-align:middle;}

.mission-vision {position:relative; display:flex; text-align:center; margin-bottom:60px;}
.mission-vision:after {content:""; position:absolute; bottom:0; left:50%; margin-left:-30px; width:60px; height:90px; background:url("../images/sub/plus.png") 50% 50% no-repeat;}
.mission-vision .title {position:absolute; top:0; left:0; width:100%; height:200px; padding:0 35%; font-size:23px; font-weight:800; line-height:1.3em; letter-spacing:-.04em; display:flex; align-items:center; justify-content:center;}
.mission-vision .title span {display:inline-block;}
.mission-vision .title .c1 {color:#ea363d;}
.mission-vision .title .c2 {color:#354f7c;}
.mission-vision .col {width:calc(50% + 30px);}
.mission-vision .txt {height:90px; padding:0 70px; border-radius:50px; color:#fff; font-size:15px; font-weight:700; line-height:1.667em; letter-spacing:-.04em; display:flex; align-items:center; justify-content:center;}
.mission-vision .type1 {margin-right:-30px;}
.mission-vision .type1 .ico {margin-right:30px;}
.mission-vision .type1 .txt {background:rgba(234,54,61,.8);}
.mission-vision .type1 .txt p {margin-right:30px;}
.mission-vision .type2 {margin-left:-30px;}
.mission-vision .type2 .ico {margin-left:30px;}
.mission-vision .type2 .txt {background:rgba(53,79,124,.8);}
.mission-vision .type2 .txt p {margin-left:30px;}

.history-wrap {padding-top:90px; background:url("../images/sub/history_bg.jpg") 50% 0 no-repeat; background-size:contain;}
.history-wrap .head {text-align:center; margin-bottom:-9px;}
.history-wrap .head p {color:#fff; font-size:14px; font-weight:800; line-height:1.3em; letter-spacing:.3em; margin-bottom:5px;}
.history-wrap .head h3 {font-family:"Noto Sans KR",sans-serif; color:#ea363d; font-size:70px; font-weight:700; line-height:1.3em; letter-spacing:-.04em; margin-bottom:35px;}
.history-wrap .head .mark:after {content:""; display:block; width:1px; height:62px; background:#dfdfdf; margin:0 auto;}

.history .group {position:relative; padding-bottom:40px;}
.history .group:before {content:""; position:absolute; top:9px; left:50%; width:1px; height:100%; background:#dfdfdf;}
.history .group .inner {position:relative;}
.history .group .inner:before {content:""; position:absolute; top:6px; width:18px; height:18px; background:#fff; border:5px solid #ea363d; border-radius:100%;}
.history .group .year {font-size:25px; font-weight:800; line-height:1.2em; letter-spacing:-.04em; margin-bottom:20px;}
.history .group ul li {position:relative; color:#505050; font-size:15px; line-height:1.5em; letter-spacing:-.03em; margin-bottom:10px;}
.history .group ul li:last-child {margin-bottom:0;}
.history .group ul li .month {position:absolute; top:0; color:#ea363d; font-size:16px; font-weight:700;}
.history .group:nth-child(odd) {padding-left:50%;}
.history .group:nth-child(odd) .inner {padding-left:50px;}
.history .group:nth-child(odd) .inner:before {left:-9px;}
.history .group:nth-child(odd) ul li {padding-left:55px;}
.history .group:nth-child(odd) ul li .month {left:0;}
.history .group:nth-child(even) {padding-right:50%; text-align:right;}
.history .group:nth-child(even) .inner {padding-right:50px;}
.history .group:nth-child(even) .inner:before {right:-9px;}
.history .group:nth-child(even) ul li {padding-right:55px;}
.history .group:nth-child(even) ul li .month {right:0;}
.history .group:last-child {padding-bottom:0;}
.history .group:last-child::before {display:none;}

.org-img {margin-bottom:100px;}

.location-map {text-align:center;/* border:1px solid #dfdfdf;*/}

.bus-info {padding:8px 0;}
.bus-info .group {position:relative; padding-left:50px; margin-bottom:15px;}
.bus-info .group:last-child {margin-bottom:0;}
.bus-info .bus-type {position:absolute; top:1px; left:0; text-align:center; color:#fff; font-size:12px; font-weight:700; line-height:21px; width:31px; height:21px; border-radius:4px;}
.bus-info .bus-type.st1 {background:#1ab056;}
.bus-info .bus-type.st2 {background:#2b5bb3;}
.bus-info .bus-type.st3 {background:#2db291;}
.bus-info .bus-type.st4 {background:#13b2ed;}
.bus-info .bus-type.st5 {background:#f56f50;}

.graph-table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #ea363d;}
.graph-table table th,
.graph-table table td {border:1px solid #dfdfdf;}
.graph-table table thead th {height:52px; padding:10px 10px; color:#2c2c2c; font-size:16px; line-height:1.5em; background:#f4f4f4;}
.graph-table table tfoot th {height:50px; padding:10px 10px; color:#2c2c2c; line-height:1.5em; background:#f4f4f4;}
.graph-table table tbody th {background:#fafafa; color:#2c2c2c;}
.graph-table table tbody td {height:38px; padding:10px 10px; color:#505050; line-height:1.5em; text-align:center;}
.graph-table tr th:first-child,
.graph-table tr td:first-child {border-left:0;}
.graph-table tr th:last-child,
.graph-table tr td:last-child {border-right:0;}
.graph-table .bg {background:#fff8f8}

.chart-wrap {border:1px solid #dfdfdf; padding:40px;}
.chart-wrap .tit {text-align:center;}

.pie-wrap {display:flex; align-items:center;}
.pie-wrap .chart {width:50%; margin-right:40px; padding:35px 30px; border:1px solid #dfdfdf; display:flex; align-items:center;}
.pie-wrap .chart #chart-1,
.pie-wrap .chart #chart-2 {width:100%;}
.pie-wrap .graph-table {flex:1 1 auto; min-width:0; width:1%;}

.staff-head {height:200px; padding:20px 50px; margin-bottom:40px; display:flex; align-items:center; color:#fff; background:url("../images/sub/staff_top_bg.jpg") 100% 50% no-repeat; background-size:cover;}
.staff-head h3 {font-size:24px; line-height:1.35em; letter-spacing:-.04em; margin-bottom:22px;}
.staff-head ul li {color:#eee; padding-left:.6em; text-indent:-.6em; font-size:16px; line-height:1.5em; letter-spacing:-.04em; margin-bottom:7px;}
.staff-head ul li:last-child {margin-bottom:0;}

.staff {display:flex; flex-wrap:wrap; margin:-15px -10px;}
.staff .box {display:flex; align-items:center; width:calc(50% - 20px); margin:15px 10px; border:1px solid #dfdfdf;}
.staff .img {width:46%; max-width:239px;}
.staff .info {flex:1 1 auto; min-width:0; width:1%; padding:20px 20px 20px 25px;}
.staff .name {font-size:16px; line-height:1.3em; letter-spacing:-.04em; margin-bottom:6px;}
.staff .name strong {font-size:1.3em;}
.staff .name small {color:#ea363d; font-size:14px; letter-spacing:-.02em;}
.staff .en {color:#878787; font-size:13px; line-height:1.3em; margin-bottom:22px;}
.staff .part {font-weight:700;}
.staff .more {display:inline-block; margin-top:25px; width:120px; text-align:center; color:#505050; font-size:14px; font-weight:700; line-height:38px; background:#f9f9f9; border:1px solid #dfdfdf; transition:.2s;}
.staff .more:before {content:""; display:inline-block; width:16px; height:16px; vertical-align:middle; margin:-.2em 7px 0 0; background:url("../images/sub/search.png") 50% 50% no-repeat; background-size:contain;}
.staff .box:hover {border-color:#ea363d;}
.staff .box:hover .more {background:#ea363d; border-color:#ea363d; color:#fff;}
.staff .box:hover .more:before {background-image:url("../images/sub/search_w.png");}

.staff-detail {display:flex;}
.staff-detail .img {width:35%; max-width:239px; margin-right:60px;}
.staff-detail .info {flex:1 1 auto; min-width:0; width:1%; padding:20px 0 0 0;}
.staff-detail .name {color:#2c2c2c; font-size:30px; line-height:1.3em; letter-spacing:-.04em; margin-bottom:6px;}
.staff-detail .name small {color:#ea363d; font-size:16px; letter-spacing:-.02em;}
.staff-detail .en {color:#878787; font-size:16px; line-height:1.3em; margin-bottom:22px;}
.staff-detail .wrap {margin-top:32px; display:flex; font-size:15px; line-height:1.867em;}
.staff-detail .wrap dl {min-width:200px; margin-right:40px;}
.staff-detail .wrap dl:last-child {margin-right:0;}
.staff-detail .wrap dt {width:64px; margin-bottom:10px; text-align:center; color:#fff; font-weight:700; line-height:25px; background:#ea363d; border-radius:20px;}
.staff-detail .wrap dd {margin-left:10px;}

.professional-manpower {display:flex; justify-content:space-between; margin-top:35px;}
.professional-manpower .table-st {width:50%; max-width:460px; background:#fff;}
.professional-manpower .table-st table {font-size:14px;}
.professional-manpower .table-st table th,
.professional-manpower .table-st table td {padding:7px;}
.professional-manpower .table-st table thead th {height:51px; font-size:17px;}
.professional-manpower .table-st table tfoot th {height:51px; font-size:16px;}
.professional-manpower .table-st table tbody th {color:#2c2c2c;}
.professional-manpower .table-st table tbody td {height:41px;}
.professional-manpower .cnt {flex:1 1 auto; min-width:0; width:1%;}
.professional-manpower .image {margin-left:30px; max-width:40%; /* max-width:55%; */}

.research-center {display:flex; align-items:center;}
.research-center .img {width:46%; max-width:500px; margin-right:40px;}
.research-center .cnt {flex:1 1 auto; min-width:0; width:1%;}

.floor-info {border-top:1px dashed #dfdfdf; font-weight:700;}
.floor-info .item {display:flex; align-items:center; padding:13px 5px; border-bottom:1px dashed #dfdfdf; /* cursor:pointer; */ transition:.2s;}
.floor-info .item .floor {width:55px; margin-right:15px; text-align:center; color:#fff; line-height:28px; background:#ed1c24; border-radius:30px;}
.floor-info .item .cnt {flex:1 1 auto; min-width:0; width:1%;}
.floor-info .item.active {background:#fff8f8}

.slideshow {overflow:hidden;}
.slideshow h4 {text-align:center; font-size:26px; font-weight:800; line-height:1.3em; letter-spacing:-.04em; margin-bottom:24px;}
.slideshow .slider {position:relative; margin-bottom:10px; border:1px solid #dfdfdf;}
.slideshow .slider .slick-arrow {position:absolute; top:50%; margin-top:-50px; width:50px; height:100px; z-index:50; background-color:rgba(0,0,0,.3); background-repeat:no-repeat; background-position:50% 50%; overflow:hidden; border:0; text-indent:-9999em;}
.slideshow .slider .slick-prev {left:0; background-image:url("../images/sub/slide_prev.png");}
.slideshow .slider .slick-next {right:0; background-image:url("../images/sub/slide_next.png");}
.slideshow .slider .item {position:relative;}
.slideshow .slider .item span {position:absolute; bottom:0; left:0; width:100%; padding:17px; color:#fff; font-size:18px; font-weight:700; line-height:1.4em; letter-spacing:-.04em; text-align:center; background-color:rgba(0,0,0,.7);}
.slideshow .thumbs {margin:0 -5px;}
.slideshow .thumbs .slick-slide {padding:0 5px;}
.slideshow .thumbs .item {position:relative; border:1px solid #dfdfdf; cursor:pointer;}
.slideshow .thumbs .item:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:#fff; opacity:.7;}
.slideshow .thumbs .slick-current .item {border-color:#ea363d}
.slideshow .thumbs .slick-current .item:after {display:none;}

.research-process {overflow:hidden; text-align:center; color:#505050; font-weight:700; font-size:14px; line-height:1.5em; letter-spacing:-.04em;}
.research-process ol {display:flex; flex-wrap:wrap; margin:-40px -30px;}
.research-process ol li {width:20%; padding:40px 30px;}
.research-process .step {max-width:100px; margin:0 auto 20px; background:#878787; color:#fff; line-height:32px; border-radius:30px;}
.research-process .ico {position:relative; margin-bottom:19px;}
.research-process .ico img {width:70px;}
.research-process .ico:after {content:""; position:absolute; top:0; right:-60px; width:60px; height:100%; background:url("../images/sub/step_arrow.png") 50% 50% no-repeat;}

.contact-banner {text-align:center; margin-top:100px; padding:23px; background:#eee; color:#505050; font-size:18px; font-weight:700; line-height:1.5em; letter-spacing:-.04em;}
.contact-banner img {vertical-align:middle; margin:-.1em 11px 0 0;}
.contact-banner strong {display:inline-block; color:#354f7c; font-size:24px; font-weight:800; line-height:1.2em; margin-left:15px;}

.document-download .row {display:flex; flex-wrap:wrap; margin:-10px;}
.document-download .col {width:25%; padding:10px;}
.document-download a {display:flex; align-items:center; height:60px; padding:0 50px 0 20px; color:#505050; font-size:15px; font-weight:700; line-height:1.4em; letter-spacing:-.04em; background:#f9f9f9 url("../images/sub/ico_down.png") right 20px center no-repeat; border:1px solid #dfdfdf;}
.document-download a:hover {background-color:#fff; border-color:#ea363d; color:#ea363d;}

.document-link {text-align:center; margin-bottom:30px;}
.document-link a {display:inline-flex; align-items:center; height:60px; margin:0 13px; padding:0 58px 0 20px; color:#fff; font-size:16px; font-weight:700; line-height:1.4em; letter-spacing:-.04em; background:#ea363d url("../images/sub/btn_arrow.png") right 20px center no-repeat;}
.document-link a:hover {background-color:#354f7c;}

.clinical-trial-step {overflow:hidden; text-align:center; color:#505050; font-weight:700; line-height:1.5em; letter-spacing:-.04em;}
.clinical-trial-step ol {display:flex; flex-wrap:wrap; margin:0 -30px;}
.clinical-trial-step ol li {width:25%; padding:0 30px;}
.clinical-trial-step .ico {position:relative; margin-bottom:19px;}
.clinical-trial-step .ico:after {content:""; position:absolute; top:0; right:-60px; width:60px; height:100%; background:url("../images/sub/step_arrow.png") 50% 50% no-repeat;}

.has-img-wrap {display:flex; justify-content:space-between;}
.has-img-wrap .content {flex:1 1 auto; min-width:0; width:1%;}
.has-img-wrap .image {margin-left:30px; width:40%;}
.has-img-wrap .image.type1 {margin-top:50px; max-width:500px;}
.has-img-wrap .image.type2 {width:45%;}