/* ==========================================================================
	파일명: mobile.css
	설명: 화면 너비가 480px 이하일 때 적용되는 반응형 스타일입니다.
	      주로 스마트폰 등 작은 화면 디바이스에서 콘텐츠가 잘 보이도록
	      레이아웃, 폰트, 버튼 크기 등을 조정하는 데 사용됩니다.
========================================================================== */

/* 모바일 디바이스 대응 스타일 */
@media (max-width: 430px) {

/* ==========================
 * Carousel (배너 영역)
========================== */
	.carousel .carousel-inner {
		width: 100%;
		height: 900px;
		background-image: url("../img/home_banner_003.png");
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	/* Carousel 텍스트 - 작은 글씨 */
	.carousel .carousel-inner .carousel-text .small {
		font-family: 'SamyangNeo-Regular';
		font-size: 1.2rem;
		word-break: keep-all;
	}
	
	/* Carousel 텍스트 - 큰 글씨 */
	.carousel .carousel-inner .carousel-text .large {
		font-family: 'SamyangNeo-Regular';
		font-size: 1.5rem;
		word-break: keep-all;
	}
	
	
	
	.carousel-text .btn-hover {
		font-family: 'SamyangNeo-Regular';
		gap: 8px;
		padding: 15px 20px 15px 30px;
	
		background: #1A286D;
		border-radius: 999px;
		color: #FFFFFF;
		font-size: 1.1rem;
	}
	
/* ==========================
   Product Overview (제품 개요)
   ========================== */
	.product-overview {
		padding: 80px 20px;
	}
	
	/* 제목 스타일 */
	.product-overview h1 {
		font-size: 1.1rem;
	}
	
	/* 설명 문단 스타일 */
	.product-overview p {
		font-size: 0.8rem;
	}
	
	/* 제품 섹션 앞 장식 (before element) */
	.product-overview::before {
		width: 300px;
		height: 300px;
	}
	
	.feature-infoBox .feature-txt .feature-title {
		font-family: "SamyangNeo-Regular";
		font-size: 1.3rem;
		word-break: keep-all;
		margin-bottom: 0;
	}
	.feature-infoBox .feature-txt .feature-title-sub {
		font-family: "SamyangNeo-Regular";
		font-size: 0.9rem;
		word-break: keep-all;
	}
	
	#feature-container-page .feature > .page-feature-title {
		font-family: "SamyangNeo-Regular";
		font-size: 1.3rem;
		word-break: keep-all;
	}
	
	#feature-container-page .feature > .page-feature-title-sub {
		font-family: "SamyangNeo-Regular";
		font-size: 0.9rem;
		word-break: keep-all;
	}
	
	.page-top-box .page-top-title {
		font-size: 25px;
	}
	.page-top-box .page-top-title-sub {
		text-align: center;
	}
	
	
	
/*************************************************************************************************
 * 페이지 메뉴 상단 제목 영역
 */

	.page-top-box .page-top-visual > img {
		width: 100px;
		height: 100px;
	}
	.page-top-box .page-top-title {
		font-size: 0.9rem;
	}
	
	.page-top-box .page-top-title > span {
		font-family: "SamyangNeo-Regular";
		font-size: 1.5rem;
		font-weight: bold;
		color: #26247b;
		word-break: keep-all;
	}
	
	.page-top-box .page-top-title-sub {
		font-family: "SamyangNeo-Regular";
		font-size: 1.2rem;
		color: #000000;
		text-align: center;
	    word-break: keep-all;
	}
/************************************************************************************************/
	
	
.faq-list-box .accordion-item .accordion-header .accordion-button { font-size: 1.0rem; font-weight: bold; padding: 25px; border-bottom: 1px solid #CACCCE;word-break: keep-all; }
.faq-list-box .accordion-item .accordion-collapse .accordion-body {
	font-size: 0.8rem;
	padding: 25px;
	border-bottom: 1px solid #CACCCE;
	background: #F6F8FB;
	padding: 25px 25px 25px 50px;
	font-family: "SamyangNeo-Regular";
	word-break: keep-all;
}




/*************************************************************************************************
 * hr 블로그 카드 영역
 */

.issue-box .card .card-body > form > button > p { font-family: "SamyangNeo-Regular"; text-align: left; }
.issue-box .card .card-body > form > button > p:nth-child(2) { font-size: 1.4rem; font-weight: bold; margin-top: 20px;word-break: keep-all; }
.issue-box .card .card-body > form > button > p:nth-child(3) { font-size: 1.0rem; color: #7A7A7A;word-break: keep-all; }

/************************************************************************************************/

/*************************************************************************************************
 * 활용사례 영역
 */
 
.usecase-list-box .accordion-button { font-size: 1.1rem; font-weight: bold; padding: 25px; border-top: 1px solid #CACCCE; color: #26247b; word-break: keep-all; }
/*.accordion-img { font-size: 1.0rem; padding: 25px; width:100%;word-break: keep-all; }*/
.accordion-img {width:100%; padding: 0px;}
.accordion-img-big { font-size: 13pt; width:120%;word-break: keep-all; padding: 0px; margin: auto;}
.accordion-title {font-size: 1.3rem; word-break: keep-all;  padding:15px; font-weight: bold; font-family: "SamyangNeo-Regular"; }

.tab-btn.sm {
    min-width: 90px;
    height: 44px;
    font-size: 1.0625rem;
    letter-spacing: -0.02em;
    line-height: 2.4705882353;
    padding: 0 15px;
    border-color: #dddddd;
}
.tab-btn {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    background-color: #fff;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    position: relative;
    white-space: nowrap;
    margin-right: 20px;
    color: #000000;
}
/************************************************************************************************/


}