/* [2025-01-15] pricing.css - 단가표 페이지 스타일 수정 */

/* content_wrap - 각 섹션을 블록으로 표시 */
.content_wrap{display:block;width:100%;min-height:auto;position:relative;}

/* header - pricing 페이지용 헤더 스타일 (flex 오버라이드) */
.content_wrap .header{display:block !important;padding:30px 30px 0;margin-bottom:10px;justify-content:initial;align-items:initial;}
.content_wrap .header h1{font-size:1.6rem;margin:0;margin-bottom:30px;}
.content_wrap .header h1 span{box-shadow:inset 0 -20px 0 rgba(255,235,59,0.7);}
.content_wrap .header p{font-size:1rem;color:#000;}

/* [2025-01-15] 아이콘 갤러리 - Font Awesome 아이콘 스타일 (왼쪽 정렬, 둥근 사각형 테두리) */
.image-gallery{display:flex;justify-content:flex-start;padding:30px 30px 0;margin-bottom:10px;}
.image-gallery i{font-size:40px;color:#ebc231;background-color:transparent;width:80px;height:80px;border-radius:15px;border:2px solid #ebc231;display:flex;align-items:center;justify-content:center;}

/* 가격표 */
.pricing-table{padding:30px 30px 80px;}
/* [2025-01-16] 점선 자동 채우기 - 항목명과 가격 사이 점선을 CSS로 처리 */
.pricing-row{display:flex;align-items:baseline;padding:10px 0;}
.pricing-row > div:first-child{flex-shrink:0;}
/* [2025-01-16] 점선 크기/간격 조절 - :has() 대신 호환성 좋은 방식으로 변경 */
.pricing-row::after{content:'';flex:1;height:4px;margin:0 15px 3px;background-image:radial-gradient(circle, #000 1.5px, transparent 1.5px);background-size:10px 4px;background-position:left center;}
.pricing-row-title::after{display:none;}
.pricing-row .price{flex-shrink:0;order:1;white-space:nowrap;}
.pricing-row span{font-size:1rem;}
.pricing-row span.desc{display:block;}
.pricing-row span.mangdesc{display:block;padding:0 0 0 40px;}
.price{font-weight:bold;}

/* 안내사항 */
.title{font-size:1.2rem;padding:30px 30px 0px;}
.info{padding:0 30px 0 50px;}
.info li{margin-bottom:10px;}
.btns{padding:30px;text-align:center;}
.btn-back{background-color:#000;color:#fff;padding:10px;border-radius:10px;text-decoration:none;width:90%;font-size:18px;}

@media screen and (max-width:768px){
    .btn-back{background-color:#fff;color:#000;}
}