@charset "utf-8";
.content img { display: none !important; }
.word-wrap-break img { display: none !important; }
.pb10 {padding-bottom:10px}
.main_list {
    /* margin-top: 5px; */
}
.top_title {
    color: #ff5205;
    font-weight: bold;
    margin-right: 10px;
    font-size: 15px;
}
.list_area {
    padding: 0 20px;
    font-size: 13px;
    border-bottom: 1px solid #ddd;	
}
.top_area {
    background-color: #fffcf5;
    border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.vipgo{
    padding: 0 0 1em;
    float: right;
 }
.vipgo a:hover {
    background: #e5e5e5;
    color: #000;
    text-decoration: none;
    border: 1px solid #ccc;
}
.vipgo a {
    display: inline-block;
    border: 1px solid #ccc;
    background: #eee;
    line-height: 22px;
    float: right;
    padding: 0 10px;
}
.sub_con {
	margin: 15px;
    font-size: 14px;
	line-height: 30px;
}
.vip {
	border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin: 0;
    background: #fffcf5;
    line-height: 26px;
    padding: 15px;
}
.vip span.dday{
	color:#ed4335;
	font-weight: bold;
	font-size: 15px;
	padding-left: 5px;
	letter-spacing: 2px;
}
.recall a{
    text-decoration: none;
    font-weight: bold;
    color: #ff3900;
}
.company_warning{
    line-height: 20px;
    color: #FF3000;
    font-weight: bold;
}
.gov_info {
    display: none; /* 처음에는 숨김 */
}
.toggle-link {
    cursor: pointer;
    color: blue;
    font-weight: bold;
}
.write_html2, .write_html4 {
    display: none; 
}
#title::placeholder {
    color: #dd3100;
    opacity: 10; /* 필요 시 투명도 설정 */
}
.input-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}
.ipt-txt {
    padding-right: 30px; /* "원" 글자가 겹치지 않도록 여백 추가 */
    text-align: left; /* 왼쪽부터 글자가 써지도록 설정 */
    width: 100%;
    box-sizing: border-box; /* padding이 전체 너비에 포함되도록 설정 */
}
.suffix {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; /* 텍스트 선택 방지 */
    color: #000; /* 텍스트 색상 설정 (필요에 따라 변경) */
}

.label {
    font-size: 16px; /* 라벨 글씨 크기 설정 */
    margin-bottom: 10px; /* 라벨과 필드 간의 간격 설정 */
}

.field-container {
    display: flex; /* 플렉스 박스를 사용하여 라벨과 입력 필드를 수평으로 정렬 */
    align-items: flex-start; /* 세로 정렬 맞춤: 위로 정렬 */
}

.field-wrapper {
    width: 33%; /* 각 필드의 너비를 33%로 설정 */
    margin-right: 10px; /* 필드 간의 간격 설정 */
}

.field-wrapper2 {
    width: 49%; /* 각 필드의 너비를 33%로 설정 */
    margin-right: 10px; /* 필드 간의 간격 설정 */
}

.field-wrapper2:last-child {
    margin-right: 0; /* 마지막 필드는 오른쪽 여백 제거 */
}

.field-wrapper:last-child {
    margin-right: 0; /* 마지막 필드는 오른쪽 여백 제거 */
}

.field-wrapper label {
    font-size: 14px; /* 라벨 글씨 크기 설정 */
    display: block; /* 라벨을 블록 요소로 설정하여 라벨이 위에 위치하도록 */
}

.input-wrapper {
    display: flex; /* 입력 필드와 접미사를 수평으로 정렬 */
    align-items: center; /* 세로 정렬 맞춤 */
}

.ipt-txt {
    width: calc(100% - 30px); /* 입력 필드의 너비 설정 (suffix와 여백을 고려하여 조정) */
    padding: 8px; /* 패딩 설정 */
    font-size: 14px; /* 글씨 크기 설정 */
}
/* 오른쪽 하단 고정 버튼 스타일 */
.install-btn {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 60px;
    height: 60px;
    background-color: #ff3900;
    color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    z-index: 1000;
    display: none; /* 초기에는 보이지 않도록 설정 */
    line-height: 60px; /* 높이와 동일하게 설정하여 중앙 정렬 */
}
.acts2 li a {
    padding: 1px 16px 0;
    border: 1px solid red;
    background: red;
    margin: 0 3px 0 0;
    float: right;
    color: #fff;
    font-weight: bold;
}
.article-section {
    margin-bottom: 12px;
    padding: 15px;
    background-color: #eeeeee;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.article-section .title_h4 {
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #ff3900;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.article-meta2 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
.article-meta2 li {
    flex: 1 1 45%; /* 각 항목이 좌우로 45%씩 차지하게 설정 */
    
    margin-bottom: 8px;
    font-size: 12px;
    color: #555;
}
.article-meta2 li span {
    color: #222;
    font-weight: bold;
    margin-left: 8px;
}
@media (max-width: 600px) {
    .article-meta2 li {
        flex: 1 1 100%; /* 작은 화면에서는 한 줄에 한 항목씩 표시 */
    }
}
.phone_number {
    cursor: pointer;
    color: #ffffff !important; /* 텍스트 색상: 흰색 */
    background-color: #ff3900; /* 배경 색상: 주황색 */
    padding: 1px 5px; /* 패딩 */
    border-radius: 5px; /* 모서리 둥글게 */
    display: inline-block; /* 인라인 블록으로 설정 */
    text-decoration: none; /* 텍스트 장식 제거 */
    font-weight: bold; /* 글자 두께 */
    transition: background-color 0.3s ease; /* 배경 색상 변경 효과 */
}
.phone_number:hover {
    background-color: #e32b00; /* 마우스 오버 시 배경 색상 변경 */
    transform: scale(1.05); /* 약간 확대 */
}
.addr_btn{
    background: #e5e5e5;
    color: #000;
    text-decoration: none;
    border: 1px solid #ccc;
}
.mb5{
    margin-bottom: 5px !important;
}
.main-menu{
    list-style-type: none;
    margin: 0;
    display: flex;
    justify-content: left;
    padding: 15px 10px;
    font: 13px / 1.8 Gulim, Tahoma, Arial, Verdana, Helvetica, sans-serif;
}
.main-menu .focus{				
    font-weight: bold;
    color: #ff5205;
}
.main-menu li {
    margin-right: 50px;
}
.main-menu a {
    text-decoration: none;
}
.topr img{
    width: 70px;
}
.side-menu img{
    width: 70px;
}
.topbar img{
    width: 60px;
    padding : 0;
}
.notice-wrapper2 {
    width: 100%;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 10px;
    background-color: #f9f9f9;
    font-family: Arial, sans-serif;
    position: relative;
    display: flex;
    align-items: center;
    height: 50px; /* 공지사항 하나의 높이 */
    margin-top: 10px;
}

.fixed-title {
    font-weight: bold;
    margin-left: 15px;
    margin-right: 10px;
    white-space: nowrap;
    border-right: 1px solid #ddd;
    padding-right: 30px;
}

.rolling-content {
    flex-grow: 1;
    position: relative;
    overflow: hidden;
    height: 50px;   
}

.notice-list {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    /* animation: roll 10s steps(1) infinite; */
}

.notice-item {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* 수평 정렬을 왼쪽으로 설정 */
    padding: 0 15px; /* 위아래 패딩을 없애고 좌우만 설정 */
    height: 50px; /* 공지사항 항목의 높이 설정 */
}

.notice-label {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 5px;
    background-color: #e0e0f8;
    color: #5a3fb7;
    font-size: 12px;
    margin-right: 10px;
}

.notice-text {
    flex-grow: 1;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notice-icon {
    margin-left: 10px;
    font-size: 14px;
    color: red;
}

.date {
    margin-left: 10px;
    font-size: 12px;
    color: #666;
}
.notice-text {
    width: 100%;
    height: auto; /* height 속성을 auto로 변경 */
    line-height: 1.5em; /* line-height를 줄이면 더 많은 줄이 표시됩니다. */
    overflow: hidden;
    text-overflow: ellipsis; /* 텍스트 오버플로우 시 말 줄임 처리 */
    white-space: normal; /* 줄 바꿈을 허용하도록 변경 */
}
.footer .company_info {
    width: 100%;
}
.footer .toggle_wrap {
    display:none;
}
.footerBtn {
    position: fixed; /* 고정 위치 */
    bottom: 0; /* 화면 하단 */
    left: 0; /* 왼쪽 정렬 */
    width: 100%; /* 전체 너비 */
    background-color: #f1f1f1; /* 배경 색 */
    padding: 2px 7px; /* 패딩 */
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1); /* 약간의 그림자 */
    text-align: left; /* 버튼 중앙 정렬 */
    z-index: 1000; /* 다른 요소 위에 표시 */
}

.footerBtn button {
    margin: 0 10px; /* 버튼 간의 간격 */
    padding: 10px 15px; /* 버튼 패딩 */
    border: none; /* 기본 테두리 제거 */
    border-radius: 5px; /* 모서리 둥글게 */
    color: #333; /* 버튼 텍스트 색 */
    cursor: pointer; /* 포인터 모양 변경 */
    background-color: #f1f1f1; /* 배경 색 */
    transition: background-color 0.3s; /* 배경 색 변화 애니메이션 */
}

.footerBtn button:hover {
    /* background-color: #0056b3; */
}
.footerBtn .layout {
    width: 950px;
    margin: 0 auto;
}
.footerBtn li {
    display: inline;
}
.ad-container {
    min-height: 250px; /* 광고 영역 높이 */
    display: flex;
    justify-content: center;
    align-items: center;
}
.word-wrap-break {
    word-wrap: break-word; /* 줄을 강제로 나눔 */
    word-break: break-word; /* 단어가 넘칠 때 강제로 줄바꿈 */
    white-space: normal; /* 줄바꿈을 허용 */
    overflow-wrap: break-word; /* 다른 브라우저 호환 */
}
.image-slider {
    /* padding-top: 5px; */
	cursor: pointer;
}
.image-slider img {
    max-width: 100%; /* 부모 요소의 너비에 맞춤 */
    height: auto; /* 원본 비율 유지 */
    object-fit: contain; /* 이미지가 부모 안에 맞게 */
    display: block; /* 이미지 요소를 블록으로 설정 */
    margin: 0 auto; /* 이미지가 슬라이드 내에서 가운데 정렬 */
   
}
#image-slider img {
    max-width: 100%; /* 부모 요소의 너비에 맞춤 */
    height: auto; /* 원본 비율 유지 */
    object-fit: contain; /* 이미지가 부모 안에 맞게 */
    display: block; /* 이미지 요소를 블록으로 설정 */
    margin: 0 auto; /* 이미지가 슬라이드 내에서 가운데 정렬 */
}
.slick-slider {
    display: none; /* 슬라이더를 숨김 */
}
.image-slider img.slick-loaded {
    opacity: 1; /* 로딩된 이미지만 표시 */
}
.min-h{
	min-height: 60vh;
}
/* 공통 스타일 */
#pop_alpha {
	z-index: 300;
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 0px;
	background-color: #000000;
	opacity: 0.5;
}

#mypop {
	z-index: 350;
	display: none;
	position: absolute;
}
.top_area_ti{
	border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fffcf5; margin-bottom: 10px;
}
/* PC 스타일 (기본 적용) */
@media (min-width: 768px) {
	#mypopdiv {
		margin: 0 auto;
		width: 330px;
	}

	#mypop {
		width: 500px;
	}
	.top_area{
		border: 0px; padding-top:5px; margin: 0;
	}
	.top_area_no{
		text-align:center;width:100%; height:50px; padding:100px 20px 20px 20px;
	}
}

/* 모바일 스타일 */
@media (max-width: 767px) {
	#mypopdiv {
		margin: 0 auto;
		width: 100%;
	}

	#mypop {
		width: 100%;
		margin: 0px 10px;
		top: 100px;
		display: block;
	}
	.pop-wrap{
		width: 80%;
	}
	.top_area{
		border: 0px; height: auto;
	}
	.top_area_no{
		text-align:center;width:100%; padding:60px 20px 20px 20px;
	}
}
.list-text li:first-child {
/*  padding-top: 10px;*/
}

.list-text li:last-child {
	padding-bottom: 5px;
  margin-bottom: 0px;
}
/* 원본 이미지를 표시할 큰 화면 스타일 */
.full-size-image {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	justify-content: center;
	align-items: center;
}

.full-size-image img {
	width: 30%;
}
/* 모바일 화면에 맞는 반응형 설정 */
@media (max-width: 768px) {
	.full-size-image img {
		width: 100%;
		height: auto;
	}
}
.notice-title-box {
    padding: 20px 30px;
    background-color: #f9f9f9;
	border-bottom: 2px solid #ff3900;
}

.notice-title-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.notice-title-text {
    font-weight: bold;
    font-size: 18px;
    color: #222;
}

.notice-title-meta {
    font-size: 14px;
    color: #888;
}

.notice-content-box {	
    padding: 30px 10px !important;
    background-color: #ffffff;
}
.notice-prev a, .notice-next a {
    color: #555;
    text-decoration: none;
}
.notice-prev a:hover, .notice-next a:hover {
    text-decoration: underline;
}
.notice-nav em::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    vertical-align: -2px;
    transform: rotate(-90deg);
    background: url(/_img/arrow.svg) 0 0 / contain no-repeat;
}
.notice-nav em  {    
    font-size: 14px;
    text-align: center;
	width: 120px;
}
.notice-prev, .notice-next {
    display: flex;
    align-items: center;
    padding: 15px 15px 15px 0;
    line-height: 1.24;
    border-bottom: solid 1px #e5e8ec;
}
.notice-next em::before {
	transform: rotate(90deg);
}
.notice-nav a {
    font-weight: bold;
    font-size: 14px;
}
.notice-listbtn {
    display: block;
    width: 200px;
    margin: 50px auto;
    border: solid 1px #d5d9df;
    border-radius: 6px;
    line-height: 54px;
    text-align: center;
    font-size: 16px;
	font-weight: bold;
}