@charset "utf-8";

.info-img {position:relative;text-align:center;padding:5rem 0;background:url(/imgs/info/info_img2.jpg) no-repeat 50% 50%;background-size:cover}
.info-img img {max-width:100%;height:auto}
.info-img .txt {font-size:1rem;color:#000;line-height:1.3;}
.info-img .img {margin-top:2rem}

/* 연혁 */
.history {position:relative;width:100%;}
.history::before {
    content:"";
    display: block;
    position: absolute;
    left:50%;
    top:4px;
    bottom:0;
    width:1px;
    margin-left:-1px;
    background:#ddd;
}
.history .tit {position:relative;font-size:1.5rem;color:#89b11c;font-weight:700;line-height:1;}
.history .txt {margin-top:0.9rem;font-size:0.9rem;color:#212121;line-height:1.3;}
.history .img-box {margin-top:0.9rem;}
.history .img-box img {max-width:100%;height:auto;}
.history .txt ul li {position:relative;line-height:1.3;font-size:0.9rem;margin-bottom:7px;}
.history .txt ul li:last-child {margin-bottom:0}
.history .list {position:relative;}
.history .list .h-right {position:relative;width:50%;margin-left:50%}
.history .list .h-left {position:relative;width:50%;text-align:right;}
.history .list .list-cont {position:relative;margin-bottom:2.1rem}
.history .list .last .list-cont {margin-bottom:0}
.history .list .h-right .list-cont {padding-left:1rem;}
.history .list .h-right .list-cont::before {
    content:"";
    display:block;
    position:absolute;
    top:0.2rem;
    left:-0.25rem;
    width:0.45rem;
    height:0.45rem;
    background-color:#89b11c;
    border-radius:100% !important;
}
.history .list .h-left .list-cont {padding-right:1rem;}
.history .list .h-left .list-cont::before {
    content:"";
    display:block;
    position:absolute;
    top:0.2rem;
    right:-0.2rem;
    width:0.45rem;
    height:0.45rem;
    background-color:#89b11c;
    border-radius:100% !important;
} 
.history .list .last::before {
    content: '';
    display: block;
    position: absolute;
    right:0;
    top:0.45rem;
    bottom: 0;
    width:1px;
    background: #fff;
}

/* 직원소개 */
.organization {position:relative;}
.organization .organization-manager {position:relative;padding-bottom:3rem;border-bottom:1px solid #ddd}
.organization .organization-manager .manager-img {display:table;width:100%;border:1px solid #ddd;background-color:#f2f2f2;}
.organization .organization-manager .manager-img .img {display:table-cell;vertical-align:middle;width:9.75rem}
.organization .organization-manager .manager-img .img img {max-width:100%;height:auto;}
.organization .organization-manager .manager-img .cont {display:table-cell;width:calc(100% - 9.75rem);padding-left:4.25rem;vertical-align:middle}
.organization .org-tit {
    font-size:2rem;
    color:#000;
    line-height:1;
    font-weight:500;
    font-family:'s-core-dream',"Nanum Gothic","Gulim", Gulim, Dotum, "돋움", sans-serif;
}
.organization .org-tit span {font-size:1rem;font-weight:300}
.organization .org-tit2 {font-size:1.3rem;color:#89b11c;font-weight:500;line-height:1.1;}
.organization .org-tit2.sp {letter-spacing:0.9rem;}
.organization .org-info {margin-top:1.5rem;}
.organization .org-info dl ~ dl {margin-top:1.5rem}
.organization .org-info .org-tit2 {display:block;position:relative;float:left;}
.organization .org-info .info-cont {position:relative;float:right;width:calc(100% - 4.2rem)}
.organization .org-researcher {margin-top:3rem;}
.organization .org-researcher .img {float:left;position:relative;width:10.1rem}
.organization .org-researcher .img img {max-width:100%;height:auto;}
.organization .org-researcher .cont {position:relative;float:right;width:calc(100% - 10.1rem);padding-left:2rem}
.organization .org-researcher .cont.w100 {float:none;width:100%;padding-left:0}
.organization .org-researcher .org-tit {font-size:1.75rem}
.organization .org-researcher .org-tit2 {font-size:1.2rem;}
@media screen and (max-width:500px){
    .organization .org-researcher .img {float:none}
    .organization .org-researcher .cont {float:none;width:100%;padding-left:0;padding-top:1.5rem;}
}
@media screen and (max-width:400px){
    .organization .organization-manager .manager-img .cont {padding-left:1rem}
}
@media screen and (max-width:348px) {
    .organization .manager-img .org-tit span {display:block;margin-bottom:0.5rem;}
}

/* 장비소개  */
.equipment {position:relative;}
.equipment .text1 {margin-top:1.3rem;font-size:0.9rem;color:#000;font-weight:300;line-height:1.5rem;}
.equipment-info {margin-top:2.7rem}
.equipment-info .info-cont {position:relative;}
.equipment-info .info-cont .img {float:left;position:relative;width:18.5rem}
.equipment-info .info-cont .img img {max-width:100%;height:auto}
.equipment-info .info-cont .cont {float:right;position:relative;width:calc(100% - 18.5rem);padding-left:2.5rem}
.equipment-info .info-cont .cont dl:first-child {border-top:2px solid #525252;}
.equipment-info .info-cont .cont dl {display:table;width:100%;border-bottom:1px solid #dedede}
.equipment-info .info-cont .cont dl:last-child {border-bottom:1px solid #525252;}
.equipment-info .info-cont .cont dl dt,
.equipment-info .info-cont .cont dl dd {display:table-cell;height:2.45rem;padding:0.64rem 0.9rem;vertical-align:middle;line-height:1.2rem;}
.equipment-info .info-cont .cont dl dt {display:table-cell;width:6.85rem;text-align:center;font-size:0.9rem;color:#000000;font-weight:500;}
.equipment-info .info-cont .cont dl dd {font-size:0.9rem;color:#717171;font-weight:300;border-left:1px solid #dedede}
.equipment-info .info-cont .cont dl dd.text2 {font-size:0.7rem}
.equipment-info .info-cont .cont dl dt.vt {vertical-align:top;}
.equipment-info .info-cont ~ .info-cont {margin-top:2.7rem}
.equipment .program-info {/*margin-top:3.4rem;padding-top:3rem;border-top:0.25rem dotted #ededed;*/}
.equipment .program-info {position:relative;}

.equipment .program-info .program-info-list {position:relative;width:100%;overflow:hidden;margin-top:3rem}
.equipment .program-info .program-list {margin:-1.55rem -0.7rem}
.equipment .program-info .program-list .list {float:left;position:relative;width:33.33333333333333%;padding:1.55rem 0.7rem}
.equipment .program-info .program-list .list .img {position:relative;margin-bottom:1.3rem}
.equipment .program-info .program-list .list .img img {max-width:100%;height:auto}
.equipment .program-info .program-list .list dt {font-size:0.9rem;color:#080808;font-weight:700;line-height:1}
.equipment .program-info .program-list .list dd {margin-top:0.65rem;font-size:0.8rem;color:#717171;line-height:1.2rem;font-weight:300;}
.equipment .program-info .program-list .list:nth-child(4) {clear:left;}
@media screen and (max-width:830px){
    .equipment-info .info-cont .img {float:left;position:relative;width:14rem}
    .equipment-info .info-cont .cont {width:calc(100% - 14rem);padding-left:2rem}
}
@media screen and (max-width:667px){
    .equipment-info .info-cont .img {float:none;width:100%;}
    .equipment-info .info-cont .img img {width:100%}
    .equipment-info .info-cont .cont {float:none;width:100%;padding-left:0;padding-top:1.5rem}
    .equipment .program-info .program-list .list {width:50%}
    .equipment .program-info .program-list .list:nth-child(3) {clear:left;}
    .equipment .program-info .program-list .list:nth-child(4) {clear:none;}
    .equipment .program-info .program-list .list:nth-child(5) {clear:left;}
}
@media screen and (max-width:500px){
    .equipment .program-info .program-list .list {width:100%}
    .equipment .program-info .program-list .list .img img {width:100%}
    .equipment-info .info-cont .cont dl dt {padding-left:0.5rem;padding-right:0.5rem;width:5rem}

}

/* 시설 */
.facility {position:relative;}
.facility .facility-pic {position:relative;}
.facility .facility-pic ~ .facility-pic {margin-top:2.5rem}
.facility .facility-pic .pic-list {margin-top:0.7rem;overflow:hidden;}
.facility .facility-pic .pic-list ul {margin:-1rem}
.facility .facility-pic .pic-list ul li {position:relative;float:left;width:50%;padding:1rem}
.facility .facility-pic .pic-list ul li .img {    
    border-style: solid;
    border-width:0.25rem;
    border-color: rgb(217, 224, 199);
    box-shadow: 4.589px 6.553px 6px 0px rgba(0, 0, 0, 0.05);
}
.facility .facility-pic .pic-list ul li .img img {max-width:100%;height:auto}
@media screen and (max-width:1080px){
    .facility .facility-pic .pic-list ul {margin:-0.5rem}
    .facility .facility-pic .pic-list ul li {padding:0.5rem}
}
@media screen and (max-width:550px){
    .facility .facility-pic .pic-list ul li {width:100%;}
}


/* 지도 */
.location {position:relative;}
.location .daegu,
.location .ulsan {position:relative;float:left;width:50%;padding:2.45rem 1.5rem;text-align:center;}
.location .daegu {background-color:#f0a025;}
.location .ulsan {background-color:#9fc53e;}
.location .location-title {display:inline-block;width:100%}
.location .location-title .tit {
    float:left;
    position:relative;
    width:6.85rem;
    height:2.35rem;
    line-height:2.3rem;
    text-align:center;
    background-color:#fff;
    font-size:1.4rem;
    font-weight:500;
    border-radius:50px;
}
.location .location-title .txt {
    float:right;
    position:relative;
    width:calc(100% - 7.95rem);
    font-size:1rem;
    color:#ffffff;
    font-weight:500;
    text-align:left;
}
.location .daegu .location-title .tit {color:#efa125;}
.location .ulsan .location-title .tit {color:#9fc53e;}
.location .img {margin-top:6.85rem}
.location .img img {max-width:100%;height:auto;}
.location .map {position:relative;width:100%;height:17rem;margin-top:2rem}
@media screen and (max-width:904px){
    .location .daegu,
    .location .ulsan {width:100%;height:auto;}
    .location .img {margin-top:3rem} 
}
@media screen and (max-width:464px){
    .location .location-title .tit {float:none}
    .location .location-title .txt {float:none;width:100%;margin-top:1rem}
}