@charset "UTF-8";

.visual-text {position: absolute; left: 50%; top: 50%; width: 1000px; margin-left: -500px; font-weight: 750; font-size: 44px; color: #fff; line-height: 1.3; -webkit-transform: translateY(-50%); transform: translateY(-50%);
	text-align: center;
}
.visual-text .visual-title {font-size: 3.7rem;font-weight: 700;margin-bottom: 10px;letter-spacing: 3px;text-shadow: 0 2px 10px rgba(0,0,0,0.5); white-space: nowrap; /* PC에서는 줄바꿈 안되게 */}
.visual-text .visual-subtitle {font-size: 1.5rem;font-weight: 400;opacity: 0.9;line-height: 1.6;}
.visual-text .visual-divider {
    width: 120px;            /* 밑줄 길이 */
    height: 2px;            /* 두께 */
    background-color: #b70000; /* 버건디 메인컬러 */
    margin: 12px auto;      /* 위아래 간격 + 가운데 정렬 */
    
    background: linear-gradient(to right, transparent, #b70000, transparent);
    
    border-radius: 3px;
}
.visual-text .visual-subtitle3 {font-size: 2rem;font-weight: 400;opacity: 0.9;line-height: 1.6;}

.visual-text .btn_area {margin: 30px 0 0;}
.visual-text .btn_area a {display: inline-block; width: 200px; height: 48px; padding: 5px 50px 5px 20px; font-weight: 300; font-size: 1.125rem; color: #fff; line-height: 36px; background: url("../images/ico_main_key_more.svg") no-repeat right 20px center; border: 1px solid #fff; box-sizing: border-box;}

@media (max-width: 1260px) {
	.visual-text {position: absolute; left: 20px; top: 50%; width: calc(100% - 40px); margin-left: 0; font-size: 1.375rem; color: #fff; line-height: 1.36;}
}

/********** Phone & tablet **********/
@media screen and (max-width:768px) and (orientation:portrait), (max-height:500px) and (orientation:landscape) {
	.visual-text {position: absolute; left: 20px; top: 50%; width: calc(100% - 40px); margin-left: 0; font-size: 1.375rem; color: #fff; line-height: 1.36;}
    .visual-text .visual-title {font-size: 4rem; white-space: normal; /* 모바일에서는 줄바꿈 허용 */}
	.visual-text .visual-subtitle {font-size: 1.5rem;}
	.visual-text .visual-subtitle3 {font-size: 2rem;}
    
    .visual-text .btn_area {margin: 25px 0 0;}
    .visual-text .btn_area a {display: inline-block; width: 130px; height: 30px; padding: 5px 30px 5px 10px; font-size: .75rem; color: #fff; line-height: 18px; background-position: right 9px center; background-size: 16px auto;}
}


.main_rows {
	background-color: #f6f6f6;
	padding: 160px 0;
    margin-bottom: 20px;	
}
@media screen and (max-width:768px) and (orientation:portrait), (max-height:500px) and (orientation:landscape) {
	.main_rows{
        padding: 0 20px;
        margin-bottom: 10px;
        background-color: #f6f6f6;
        padding-top: 80px;
        padding-bottom: 80px;
	}
}

/*미션*/
.about {
	background-color: #FFFFFF;
}
/*강점*/
.strength {
	background-color: #FFF4EE;
}
/**변호사*/
.lawyers {
	background-color: #F7F7F7;
	background-color: #ffffff;
	padding-bottom: 0px;
}
/*손해사정전문가*/
.claims {
	background-color: #EFEFEF;
	background-color: #ffffff;
}
/*성공사례*/
.cases {
	background-color: #FFF4EE;
}
/*선임후기*/
.review {
	background-color: #ffffff;
	background-color: #F7F7F7;
}
/*법인소식*/
.news{
	background-color: #F7F7F7;
	background-color: #ffffff;
}
/*언론보도*/
.press{
	background-color: #EFEFEF;
	background-color: #ffffff;
}
/*찾아오시는길*/
.company_contact{
	background-color: #FAFAFA;
	background-color: #ffffff;
	background-color: #F7F7F7;
}
.about_list li{
    background: #EFEFEF;
    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);
    padding: 40px;
}

.main_rows .about_list li{
	background-color: #FFF4EE;
} 

.strength_list li {
	background: #FFF7F3;
	background: #FFFFFF;
    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);
    padding: 16px;
}

@media screen and (max-width:768px) and (orientation:portrait), (max-height:500px) and (orientation:landscape) {
	/*미션*/
	.about {
		background-color: #FFFFFF;
	}
	/*강점*/
	.strength {
		background-color: #FFF4EE;
	}
	/**변호사*/
	.lawyers {
		background-color: #F7F7F7;
		background-color: #ffffff;
	}
	/*손해사정전문가*/
	.claims {
		background-color: #EFEFEF;
		background-color: #ffffff;
	}
	/*성공사례*/
	.cases {
		background-color: #FFF4EE;
	}
	/*선임후기*/
	.review {
		background-color: #ffffff;
		background-color: #F7F7F7;
	}
	/*법인소식*/
	.news{
		background-color: #F7F7F7;
		background-color: #ffffff;
	}
	/*언론보도*/
	.press{
		background-color: #EFEFEF;
		background-color: #ffffff;
	}
	/*찾아오시는길*/
	.company_contact{
		background-color: #FAFAFA;
		background-color: #ffffff;
		background-color: #F7F7F7;
	}
	.about_list li {
        padding: 20px;
        background: #FFF4EE;
    }
	.strength_list li {
		padding: 20px;
	}
}











/* 펼쳐진 상태 (JS에서 .is-open 붙이면 전체 내용 노출) */
.swiper-slide.is-open .claims_desc {
    -webkit-line-clamp: initial;
    max-height: none;
}

.swiper-slide.is-open .btn_claims_more::after {
    content: " 접기";
}

/* 반응형: 모바일에서는 한 줄, 태블릿 2개, PC 3개 정도로 */
@media (min-width: 0px) {
    .team_swiper_03 .swiper-slide {
        width: auto;
    }
}

@media (min-width: 768px) {
    /* 여기서부터는 swiper 옵션에서 slidesPerView: 2 정도로 맞추면 됨 */
}

@media (min-width: 1024px) {
    /* PC는 slidesPerView: 3 설정해두면 한 화면에 최대 3개 */
}


.m_only { display: none; }

@media (max-width: 480px) {
    .m_only { display: inline; }
}