@charset "utf-8";

/* 페이지 포인트 컬러 */
.t_center .pg_color{color:#333}
.t_center .pg_bdcolor:before{border-color:#333}
.t_center .pg_bgcolor{background-color:#333}

/* 공통 */
.pagecommon{padding-bottom:50px;position:relative;word-break:keep-all;font-size:16px;letter-spacing:-.3px;line-height:1.7;color:#777}
.pagecommon .top_area{margin-bottom:58px;text-align:center;color:#aaa;}
.pagecommon .top_area span{display:inline-block;padding-bottom:20px;font-size:14px;letter-spacing:0;text-transform:uppercase;color:var(--primary);font-weight:700}
.pagecommon .top_area p{font-size:34px;line-height:1.2;color:#222;font-weight:700}
.pagecommon .tit_area{border-bottom:1px solid #e1e1e1;margin-bottom:28px;padding-bottom:20px;font-size:25px;color:#111;font-weight:700}
.pagecommon .tit_area:before{content:'';display:inline-block;width:7px;height:7px;margin:-5px 15px 0 0px;vertical-align:middle;background:var(--primary)}
.pagecommon .pl{white-space:pre-line}
.pagecommon .pl br{display:none}


/* overview */
#p33 ul li:before{content:'';display:inline-block;width:3px;height:3px;margin:-5px 15px 0 -15px;vertical-align:middle;background:#777;border-radius:100%}
#p33 .top_area p{padding-bottom:50px}
#p33 .top_area p br:last-child{display:none}
#p33 .top_area img{border-radius:15px;}
#p33 .mid_cont{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin-bottom:60px;padding:0 45px}
#p33 .mid_cont .cont_box{width:calc(50% - 20px)}
#p33 .mid_cont .cont_box ul{padding:0 40px}
#p33 .btm_cont{padding:58px 45px;background:#f7f7f7}
#p33 .btm_cont .img_area{display:flex;align-items:center;gap:35px;margin-bottom:40px}
#p33 .btm_cont .txt_box{padding-top:30px;color:#666}
#p33 .btm_cont .txt_box .name{padding-bottom:20px;font-size:20px;color:#222;font-weight:700}
#p33 .btm_cont .txt_box .name span{padding-left:5px;font-size:16px;color:#888;font-weight:400}
#p33 .btm_cont .txt_box .contact{display: inline-block;padding-top:20px}
#p33 .btm_cont .txt_box .contact:last-child{padding-left:20px}
#p33 .btm_cont .txt_box .contact span{color:#222;font-weight:700}
#p33 .btm_cont .txt_box .contact span:after{content:'';display:inline-block;width:1px;height:9px;margin:-5px 12px 0 15px;vertical-align:middle;background:#ccc}
#p33 .btm_cont .wh_box{padding:36px 40px;background:#fff}
#p33 .btm_cont .wh_box p{padding-bottom:20px;font-size:17px;color:var(--primary);font-weight:600}
#p33 .btm_cont .wh_box ul{padding-left:18px}
#p33 .btm_cont .wh_box ul li+li{padding-top:10px}

/* 연구분야 */
.research .cont{padding:40PX 50px 0;border-top:1px solid #e1e1e1}
.research .tit_area{padding-bottom:0;border:none}
.research .img_area{width:100%;margin:50px 0;padding:40px;border:1px solid #e1e1e1;border-radius:15px;text-align:center;}
.research .cont span{padding:2px;color:#fff;font-weight:600;background:rgba(62,200,144,0.8)}
.research .cont b{color:#333;font-weight:600}

/* instrument */
#p38 .cont{border-top:1px solid #e1e1e1}
#p38 .cont_box{display:flex;flex-wrap:wrap;gap:50px;padding:50px}
#p38 .cont_box:nth-child(2n){background-color:#f7f7f7}
#p38 .cont_box .txt_box{width:calc(100% - 36%);padding-top:20px}
#p38 .cont_box .tit_area span{display:block;padding-left:20px;font-size:16px;color:#777;font-weight:normal}
#p38 .cont_box ul{padding-left:20px}
#p38 .cont_box ul li:before{content:'';display:inline-block;width:3px;height:3px;margin:-5px 15px 0 -15px;vertical-align:middle;background:#777;border-radius:100%}