@charset "utf-8";


/* ******************** component ******************** */

/* input */ 
@import "../../component/input-style";

/* 컨텐츠 공용 타이틀 */
@import "../../component/title-style";

/* sub-cont */ 
@import "../common/_sub-cont";



/* ******************** sub-common ******************** */ 

/* sub-banner */ 
@import "../common/_sub-banner";

/* sub-tab */ 
@import "../common/_sub-tab";


/* ******************** 가족회사 ******************** */

/* banner */ 
@import "./banner";


.list-wrap {
	position: relative; display: flex; gap: 30px; flex-wrap: wrap;
	.list-box {
		padding: 10px 0 30px; width: calc(50% - 15px);
		.summary-area {
			.text-area {
				.name {
					font-size: 1.7rem; color: #0d57a7; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid var(--line-color);
				}  
				.text-wrap {
					padding: 15px 0;
					.title {
						font-size: 1.4rem; display: block; line-height: 1.7;
					}
				}  
				&.no-corp {
					.text-wrap {
						width: 60%;
					}
				}
			}
		}  
		.professor-area {
			background: #f8f8f8; 
			.professor-list {
				padding-bottom: 1px; overflow: hidden;  
				> li {
					padding: 15px; border: 1px solid var(--line-color); 
				}
			}
		}  
		&:nth-child(1) {
			.professor-area {
				.professor-list {
					> li {
						width: 100%;
					}
				}
			}
		}
		.professor-area {
			.professor-list {
				display: flex;
				> li:nth-child(2n) {
					border-left: none;
				}  
				li {
					flex: 1;
					.txt-area {
						.name {
							font-size: 1.5rem; font-weight: bold;
							.position {
								font-weight: 400; font-size: 1.3rem; padding-left: 7px; color: #444; font-weight: 500;
							}
						}  
						.department {
							font-size: 1.3rem; padding-top: 10px; color: #666; display: inline-block; position: relative; padding-right: 15px;
							&:not(:last-child):after {
								content: ''; width: 1px; height: 13px; border-right: 1px solid #aaa; position: absolute; top: 10px; right: 6px;
							}
						}
					}
				}
			}
		}
	}
}

@media (max-width: 1024px) {
	.list-wrap {
		gap: 20px;
		.list-box {
			width: calc(50% - 10px); padding: 10px 0 25px;
			.summary-area {
				.text-area {
					.name {
						padding-bottom: 10px;
					}
					.text-wrap {
						padding: 10px 0 15px;
					}
				}
			}
		}
	}
}

@media (max-width: 560px) {
	.list-wrap {
		.list-box {
			width: 100%; padding: 0 0 10px;
			.summary-area {
				.text-area {
					.name {
						font-size: 1.6rem; 
					}
					.text-wrap {
						padding: 10px 0;
						.title {
							font-size: 1.3rem;
						}
					}
				}
			}
			.professor-area {
				.professor-list {
					> li {
						padding: 13px;
					}
					li {
						.txt-area {
							.name {
								font-size: 1.4rem;
								.position {
									font-size: 1.2rem; padding-left: 5px;
								}
							}
							.department {
								font-size: 1.2rem; padding-top: 6px; display: block; padding-right: 0;
								&:after {
									display: none;
								}
							}
						}
					}
				}
			}
		}
	}
}