@charset "utf-8";

/* =========================== PAGE */
.pagecommon{position:relative;font-size:18px;line-height:1.8;color:#777;font-family:'GongGothicLight'}
.pagecommon *{word-break:keep-all}

/* 센터소개 */
#identity1002{max-width:1100px;width:100%;margin:0 auto}
#identity1002 .tit{margin-bottom:50px;padding-bottom:20px;border-bottom:2px solid #555;text-align:center}
#identity1002 .tit.mgt70{margin-top:70px}
#identity1002 .tit span{font-size:15px;font-weight:700;color:#aaa;font-family:'Inter'}
#identity1002 .tit p{padding-top:5px;font-size:34px;color:#222}
#identity1002 dl{display:flex;padding:0 30px}
#identity1002 dl+dl{margin-top:30px}
#identity1002 dl dt{flex-shrink:0;width:18%;font-size:20px;color:#222;font-family:'GongGothicMedium'}
#identity1002 dl dd{width:82%}
#identity1002 .item01{display:flex;justify-content:space-between;text-align:center}
#identity1002 .item01 li{width:calc(100%/3 - 20px);padding:30px 0;border-radius:16px;border:1px solid #e5e7ee}
#identity1002 .item01 li p{display:flex;flex-flow:column;justify-content:center;align-items:center;width:160px;height:160px;margin:0 auto 15px;border-radius:50%;color:#222;background:#f5f5f5}
#identity1002 .item01 li p img{margin-bottom:10px}
#identity1002 .item02{display:flex;margin-bottom:50px;text-align:center}
#identity1002 .item02 li{overflow:hidden;display:flex;flex-flow:column;align-items:center;flex-grow:1;width:calc(100%/3 - 10px);border-radius:16px;border:1px solid #e5e7ee;color:#222}
#identity1002 .item02 li+li{margin-left:15px}
#identity1002 .item02 li .logo_tit{width:100%;padding:10px 0;background:#f7f7f7}
#identity1002 .item02 li .logo_img{display:flex;align-items:center;justify-content:center;width:100%;height:220px}
#identity1002 .color{display:flex;justify-content:start}
#identity1002 .color li{width:30%;line-height:1.6}
#identity1002 .color li .box{height:60px;border-radius:6px}
#identity1002 .color li .box.color01{background:#00abe5}
#identity1002 .color li .box.color02{background:#006eaa}
#identity1002 .color li .box.color03{background:#8dc63f}
#identity1002 .color li p{margin:15px 0;font-size:15px;font-weight:600;color:#222;font-family:'Inter'}

@media(max-width:1024px){
#identity1002 dl dt{font-size:18px}
#identity1002 .item01 li{width:calc(100%/3 - 10px)}
}
@media(max-width:768px){
.pagecommon{font-size:16px}
#identity1002 .tit p{font-size:30px}
#identity1002 dl{padding:0 15px}
#identity1002 dl.last_dl{flex-wrap:wrap}
#identity1002 dl dt{width:115px;font-size:16px}
#identity1002 dl dd{width:calc(100% - 115px)}
#identity1002 dl.last_dl dd{width:100%;margin-top:15px}
#identity1002 .item01 li p{width:125px;height:125px}
#identity1002 .item01 li p img{height:35px}
#identity1002 .item02{padding:0 15px}
#identity1002 .item02 li .logo_img{height:165px;padding:0 15px}
#identity1002 .item02 li .logo_img img{max-width:100%}
#identity1002 .color li{width:calc(100%/3 - 10px)}
}
@media(max-width:480px){
.pagecommon{font-size:14px}
#identity1002 .tit.mgt70{margin-top:50px}
#identity1002 .tit span{font-size:13px}
#identity1002 .tit p{font-size:23px}
#identity1002 dl{display:block;padding:0 10px}
#identity1002 dl dt{width:100%}
#identity1002 dl dd{width:100%}
#identity1002 .item01 li{width:calc(100%/3 - 5.4px)}
#identity1002 .item01 li p{width:100px;height:100px}
#identity1002 .item01 li p img{height:30px}
#identity1002 .item02{display:block}
#identity1002 .item02 li{width:100%}
#identity1002 .item02 li+li{margin:8px 0 0}
#identity1002 .item02 li .logo_img{height:145px}
#identity1002 .color{display:block}
#identity1002 .color li{position:relative;width:100%;min-height:50px;padding-left:calc(15% + 15px)}
#identity1002 .color li+li{margin-top:15px}
#identity1002 .color li .box{position:absolute;left:0;top:0;width:15%;height:50px}
#identity1002 .color li p{margin:5px 0;font-size:14px}
}
@media(max-width:380px){
#identity1002 .item01{display:block}
#identity1002 .item01 li{display:flex;align-items:center;width:100%;padding:10px;text-align:left}
#identity1002 .item01 li+li{margin-top:15px}
#identity1002 .item01 li p{margin:0 15px 0 0}
}
