@charset "UTF-8";

.news_visual {position: relative; margin-bottom: -2px; text-align: center; z-index: 5; padding-bottom: 120px;}
.news_visual img {
    width: 100%;
    max-width: 900px;   /* PC에서는 900px 이하로 제한 */
    height: auto;
    margin: 0 auto;
    display: block;
}

@media (max-width: 768px) {
    .news_visual {
        padding-bottom: 40px; /* 모바일에서 여백 축소 */
    }
    .news_visual img {
        max-width: 100%; /* 모바일은 화면에 꽉 차게 */
    }
}

.news_cont {min-height: 300px; margin: 0 auto 45px; padding: 70px 0; font-size: 1.125rem; line-height: 1.8;}
.news_cont {
	min-height: 300px;
    margin: 0 auto 40px;              /* 아래쪽 여백만 살짝 유지 */
    padding: 24px 0;                  /* ⬅ 70 → 24 정도로 확 줄이기 */
    font-size: 1.125rem;
    line-height: 1.8;
}
.news_info {margin-bottom: 24px;              /* 제목 블록과 본문 사이 기본 간격 */}
.news_info .category {font-weight: 500; font-size: 1.25rem;}
.news_info .tit {margin: 5px 0 6px; font-weight: bold; font-size: 1.75rem; text-align: center}
.news_info .sub_tit {color: #1B1B1B; margin-top: 16px;color: #464646;}
.news_info .date {margin-top: 10px; color: #959595; text-align: right}

/********** Phone & tablet **********/
@media screen and (max-width:768px) and (orientation:portrait), (max-height:500px) and (orientation:landscape) {
.board_list {border-width: 1px 0;}
    .news_info {margin: 20px 0 20px; font-size: 1rem; text-align: center;}
    .news_cont {margin-bottom: 30px; padding: 25px 0; font-size: 1rem;}
    .news_cont {
     	margin: 0 auto 30px;
        padding: 12px 0 24px;
        font-size: 1rem;
        line-height: 1.7;
    }
    
    .news_info .category {font-weight: 500; font-size: 1rem;}
    .news_info .tit {margin: 5px 0 6px; font-size: 1.25rem; font-weight: 700; text-align: left;}
    .news_info .sub_tit {color: #1B1B1B; margin-top: 16px;color: #464646;}
    .news_info .date {position: static; font-size: .75rem; line-height: 1.5; color: #999; text-align: left;}
    
     
}


/**성공사례*/
.cases .txt01 {letter-spacing: -.02em;color: #464646;}
.cases_list {
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px; /* 카드 간격 */
    padding: 0;
    margin: 0;
    list-style: none;
    
}
.cases_list li {
/*	
	width: calc(50% - 10px); min-height: 240px; margin: 0 20px 20px 0; padding: 33px 30px; box-sizing: border-box;border-radius: 16px;background: #ffffff;
	background-color: #FFF4EE;
*/    
    flex: 0 0 calc(25% - 24px); /* grow 0, shrink 0 → 크기 고정 */
    box-sizing: border-box;
	border-radius: 10px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .03), 0 1px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px 0 rgba(0, 0, 0, .02);
}

.main_rows .cases_list li {background: #ffffff;}
.main_rows .cases_list .case-summary2 { display: -webkit-box;
  -webkit-line-clamp: 2;        /* 보여줄 줄 수 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main_rows .cases_list .more { margin-top: 6px;
  padding: 4px 10px;
  font-size: 0.8rem;
  border-radius: 999px;
  border: 1px solid var(--primary);
  color: var(--primary);  
  background-color: #fff;
  cursor: pointer; 
}

.cases_list li:nth-child(2n) {margin-right: 0;}
.cases_list .tit {margin-bottom: 21px; font-weight: 600; font-size: 1.25rem; color: var(--primary);}
.cases_list .tit em {display: block; font-weight: bold; color: var(--primary);}
.cases_list .sub_tit {margin: 6px 0; font-weight: 400; font-size: 1.125rem; margin-top: 16px;color: #464646;}

/**의뢰후기*/
.review .txt01 {letter-spacing: -.02em;color: #464646;}
.review_list {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 50px 0;}
.review_list li {width: calc(50% - 10px); min-height: 240px; margin: 0 20px 20px 0; padding: 33px 30px; box-sizing: border-box;border-radius: 16px;background: #ffffff;
	background-color: #FFF4EE;
	border-radius: 10px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .03), 0 1px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px 0 rgba(0, 0, 0, .02);
}
.main_rows .review_list li {background: #FFF4EE;}
.review_list li:nth-child(2n) {margin-right: 0;}
.review_list .tit {margin-bottom: 21px; font-weight: 600; font-size: 1.25rem; color: var(--primary);}
.review_list .tit em {display: block; font-weight: bold; color: var(--primary);}
.review_list .sub_tit {margin: 6px 0; font-weight: 400; font-size: 1.125rem; margin-top: 16px;color: #464646;}

/********** Phone & tablet **********/
@media screen and (max-width:768px) and (orientation:portrait), (max-height:500px) and (orientation:landscape) {
	/**성공사례*/
	.cases_intro {margin: 0 auto 60px; padding: 0 20px;}
    .cases_list {display: block; margin-top: 24px;}
    .cases_list li {width: auto; min-height: 190px; margin: 10px 0 0 0; padding: 15px 20px;}
    .cases_list .tit {margin-bottom: 7px; font-weight: 600; font-size: 1.25rem;}
    .cases_list .tit em {font-size: .875rem;}
    .cases_list .sub_tit {margin: 6px 0; font-weight: 400; font-size: 1.375rem; margin-top: 16px;color: #464646;}
    .cases_list .more {color: var(--primary); font-weight: 500;margin-left: 6px;}
	.cases_list .desc {font-size: 0.875rem;font-weight: 400;line-height: 1.6;color: #555;margin-top: 10px;}
	
	/**의뢰후기*/
	.review_intro {margin: 0 auto 60px; padding: 0 20px;}
    .review_list {display: block; margin-top: 24px;}
    .review_list li {width: auto; min-height: 190px; margin: 10px 0 0 0; padding: 15px 20px;}
    .review_list .tit {margin-bottom: 7px; font-weight: 600; font-size: 1.25rem;}
    .review_list .tit em {font-size: .875rem;}
    .review_list .sub_tit {margin: 6px 0; font-weight: 400; font-size: 1.375rem; margin-top: 16px;color: #464646;}
    .review_list .more {color: var(--primary); font-weight: 500;margin-left: 6px;}
	.review_list .desc {font-size: 0.875rem;font-weight: 400;line-height: 1.6;color: #555;margin-top: 10px;}
}

/* 태블릿 2개 */
@media (max-width: 1024px) {
    .cases_list li {
        flex: 0 0 calc(50% - 20px);
    }
}

/* 모바일 1개 */
@media (max-width: 600px) {
    .cases_list li {
        flex: 0 0 100%;
    }
}


.news_list {margin: 50px 0;}
.news_list > li {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom: 32px;}
.news_list .image {padding-top: 2px;
  width: 620px;
  height: 260px;
  overflow: hidden;          /* 이미지 넘치는 부분 숨김 */
  border-radius: 16px;        /* 모서리 부드럽게 (선택사항) */
  position: relative;
}
.news_list .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;          /* 비율 유지하며 영역 채움 */
  transition: transform 0.4s ease; /* 부드러운 확대 효과 */
}

.news_list .image:hover img {
  transform: scale(1.1);      /* 마우스 오버 시 10% 확대 */
}

.news_list .cont {-webkit-flex: 1; flex: 1; padding-left: 38px;}
.news_list .tit {margin-bottom: 21px; font-weight: 600; font-size: 1.375rem; color: #000;}
.main_rows .news_list .tit {
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;	
}

.news_list .sub_tit {margin: 6px 0; font-weight: 400; font-size: 1rem; margin-top: 16px;color: #464646;}
.news_list ul {font-size: 1rem; color: #959595; line-height: 1.625;}
.news_list ul li {position: relative; padding-left: 12px;}
.news_list .date {position: static; font-size: .75rem; line-height: 1.5; color: #999; text-align: right;}
.news_list .date {margin-top: 10px; color: #959595; text-align: right}
.news_list .more {color: var(--primary); font-weight: 500;margin-left: 6px; color: #000000;}

/********** Phone & tablet **********/
@media screen and (max-width:768px) and (orientation:portrait), (max-height:500px) and (orientation:landscape) {
	.news_list {margin: 27px 0 50px; }
    .news_list > li {display: block; margin-bottom: 25px;}
    .news_list .image {padding-top: 0; width: 100%; height: 160px;}
    .main_rows .news_list .image {height: 160px;}
    .news_list .image img {width: 100%;}
    .news_list .cont {padding: 0;}
    .news_list .tit {margin: 14px 0 8px; font-size: 1.25rem; font-weight: 600;}
    .news_list .sub_tit {margin: 6px 0; font-weight: 400; font-size: 1.375rem; margin-top: 16px;color: #464646;}
    .news_list ul {font-size: .875remrem; color: #959595; line-height: 1.43;}
    .news_list ul li {position: relative; padding-left: 12px;}
    .news_list ul li::before {top: .71em; width: 5px; height: 5px; margin-top: -2.5px; background-color: #959595; border-radius: 4px;}
    
}


.team_list {position: relative; margin: 36px -90px 0; padding: 0 90px 60px; overflow: hidden;}
.team_swiper {overflow: hidden;}
.team_swiper2 {overflow: hidden;}
.team_list .swiper-slide {height: auto; box-sizing: border-box;}
.team_list .box {max-width: 300px; height: 100%; margin: 0 auto; box-sizing: border-box;}
.team_list .pic {overflow: hidden; border-radius: 16px;height: 280px;}
.team_list .pic img {display: block; -webkit-transition: all .2s linear; transition: all .2s linear;    width: 100%;
    height: 100%;
    object-fit: cover;     /* 비율 유지하며 박스에 꽉 채우기 */
    object-position: center;}
.team_list .pic:hover img {scale: 1.2;}
.team_list .cont {padding: 19px 20px; line-height: 1.5; text-align: center;}
.team_list .name {margin-bottom: 2px; font-weight: 500; font-size: 1.5rem;}
.team_list .name em {margin-left: 10px; font-size: 1rem; color: var(--primary);}
.team_list .record {color: #959595; font-size: 1rem; line-height: 1.5;}
.team_list .swiper-pagination {bottom: 0;}
.team_list .swiper-pagination .swiper-pagination-bullet {width: 20px; height: 20px; margin: 0 15px; background: transparent; border: 1px solid #A0A0A0; border-radius: 20px; opacity: 1; box-sizing: border-box;}
.team_list .swiper-pagination .swiper-pagination-bullet-active {background-color: #A0A0A0;}
.team_list .swiper-button-prev {width: 40px; text-indent: -999em; background: url("../images/btn_swiper_prev_comapny.svg") no-repeat center center;}
.team_list .swiper-button-next {width: 40px; text-indent: -999em; background: url("../images/btn_swiper_next_comapny.svg") no-repeat center center;}
.team_list .swiper-button-next.swiper-button-disabled, .leader_list .swiper-button-prev.swiper-button-disabled {opacity: 0;}

.swiper {position: relative;}
/********** Phone & tablet **********/
@media screen and (max-width:768px) and (orientation:portrait), (max-height:500px) and (orientation:landscape) {
	.team_list {position: relative; margin: 36px 0 0; padding: 0 0 70px; overflow: hidden; margin: 0 0 0; margin-top: 20px;}
    .team_list .cont {padding: 12px 20px; line-height: 1.5;}
    .team_list .name {margin-bottom: 3px; font-size: 1.375rem;}
    .team_list .name em {margin-left: 10px; font-size: 1rem; color: var(--primary);}
    .team_list .record {font-size: .875rem; line-height: 1.5;}
    .team_list .swiper-pagination {bottom: -20px; bottom: -40px;}
    .team_list .swiper-pagination .swiper-pagination-bullet {width: 20px; height: 20px; margin: 0 10px; background: transparent; border: 1px solid #A0A0A0; border-radius: 20px; opacity: 1; box-sizing: border-box;}
    .team_list .swiper-pagination .swiper-pagination-bullet-active {background-color: #A0A0A0;}
    .team_list .swiper-button-prev, .leader_list .swiper-button-next {display: none;}
    .team_list .swiper-button-next.swiper-button-disabled, .leader_list .swiper-button-prev.swiper-button-disabled {opacity: 0;}
}



/* 카드 기본 레이아웃 */
.claims_card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 16px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.06);
    
    background-color: #FFF4EE;   /* 연살구색 */
    border: 1px solid #F3D4C4;   /* 비슷한 톤의 은은한 테두리 */
}

.main_rows .claims_card {
	background-color: #FFFFFF;   /* 연살구색 */
    border: 1px solid #F3D4C4;   /* 비슷한 톤의 은은한 테두리 */
}

/* 🔥 신규 카테고리 */
.claims_category {
    font-size: 1.05rem;       /* 강조를 위해 크게 */
    font-weight: 600;
    color: #b70000;           /* 메인 포인트 컬러 */
    margin-bottom: 10px;      /* 이미지와 간격 */
    letter-spacing: -0.2px;
}

/* 이미지 영역 */
.claims_thumb {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 비율 */
    overflow: hidden;
    border-radius: 10px;
}

@media (max-width: 600px) {
    .claims_thumb {
        
    }
}

.claims_thumb img {
        position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* 텍스트 영역 */
.claims_body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1 1 auto;
    margin-top: 16px;
}

.claims_title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #222;
}

.main_rows .claims_title { 
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
}

.claims_tag {
    font-size: 1.15rem;
    color: #b70000;              /* 대건 메인 컬러 */
}

/* 설명 – 기본 2줄 클램프 */
.claims_desc {
    font-size: 1.15rem;
    line-height: 1.6;
    color: #555;
    display: -webkit-box;
    -webkit-line-clamp: 2;       /* 2줄만 보이기 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
}

/* 더보기 버튼 */
.btn_claims_more {
    align-self: flex-start;
    margin-top: 6px;
    padding: 4px 10px;
    font-size: 0.8rem;
    border-radius: 999px;
    border: 1px solid #ddd;
    background-color: #fff;
    cursor: pointer;
}




/*************************
 * 콘텐츠 리스트 공통
 *************************/

/* 검색 영역 */
.contents_search {
    margin: 8px auto 32px;
    max-width: 480px;
    width: 100%;
}

.contents_search form {
    width: 100%;
}

.contents_search .search_inner {
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 999px;
    border: 1px solid #ddd;
    background-color: #fff;
}

.contents_search input[type="text"] {
    flex: 1;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 0.95rem;
    color: #222;
}

.contents_search input[type="text"]::placeholder {
    color: #aaa;
}

/* 검색 버튼 (돋보기 아이콘) */
.contents_search .btn_search {
    position: relative;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border: 0;
    background: transparent;
    cursor: pointer;
    padding: 0;
}

/* 동그라미 부분 */
.contents_search .btn_search::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 6px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #b70000; /* 대건 버건디 컬러 */
}

/* 손잡이 부분 */
.contents_search .btn_search::after {
    content: "";
    position: absolute;
    right: 6px;
    bottom: 6px;
    width: 8px;
    height: 2px;
    background-color: #b70000;
    transform: rotate(45deg);
}


@media (max-width: 768px) {
    .contents_search {
        max-width: 100%;
        padding: 0 16px;
        margin: 12px auto 24px;
    }

    .contents_search .search_inner {
        height: 44px;
        padding: 0 12px;
    }

    .contents_search input[type="text"] {
        font-size: 0.875rem;
    }

}

.press-category {
    align-self: flex-start;
    display: inline-block;
    padding: 2px 8px;
    margin-bottom: 6px;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.4;
    color: #b70000;
    background: #FFF4EE;
    border: 1px solid rgba(183, 0, 0, 0.3);
    border-radius: 999px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}