@charset "UTF-8";
.subTitle {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	margin: 40px auto;
}
.subTitle h2 {
	font-size: 3.6rem;
	font-weight: 700;

	font-family: var(--fontFamilyP);
}
.subTitle .subHome {
	width: 50px;
	height: 50px;
	border-radius: 15px;
	background: #635D56 url('/images/sub/korapis_sub_home.png') no-repeat center / 20px auto ;
}
.subTitle .subHome:hover {background: #FFCD4B url('/images/sub/korapis_sub_home_hover.png') no-repeat center / 20px auto ;}
.subTitle .breadcrumb {
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	z-index: 99;
}
.subTitle .breadcrumb> div {
	position: relative;
	min-width: 200px;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 15px;
	background: #fff;
}
.subTitle .breadcrumb > div.on {
	border-bottom: 1px solid transparent;
	border-radius: 15px 15px 0 0;
}
.subTitle .breadcrumb> div > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 20px);
	height: 50px;
	margin: 0 auto;
	padding: 10px;
	font-size: 1.4rem;
}
.subTitle .breadcrumb> div > a i {font-size: 2rem; color: #354052; transition: transform .2s;}
.subTitle .breadcrumb > div.on > a i {transform: rotate(180deg);}
.subTitle .breadcrumb> div > a:hover {font-weight: 500;}
.subTitle .breadcrumb> div ul {display: none; position: absolute; left: -1px; top: 50px; width: calc(100% + 2px); border: 1px solid rgba(0,0,0,0.2); border-top: none;border-radius: 0 0 15px 15px;background: #fff; z-index: 1; overflow: hidden;}
.subTitle .breadcrumb> div ul::before {
	position: absolute;
	content: '';
	display: block;
	width: calc(100% - 20px);
	height: 1px;
	top: 0;
	left: 10px;;
	background: rgba(0,0,0,0.1);
}
.subTitle .breadcrumb> div ul li {}
.subTitle .breadcrumb> div ul li a {display: block; width: 100%; font-size: 1.3rem;padding: 10px 20px; color: #635D56;}
.subTitle .breadcrumb> div ul li a.on {color: #000; font-weight: 500;}
.subTitle .breadcrumb> div ul li a:hover {background: #FFFAEB; color: #000; text-decoration: underline;}
@media (max-width: 680px) {
	.subTitle {margin: 30px 0;}
	.subTitle h2 {font-size: 3rem;}
	.subTitle .breadcrumb {gap: 5px; margin-top: 20px;}
	.subTitle .subHome {width: 35px;height: 35px; border-radius: 5px; background: #635D56 url('/images/sub/korapis_sub_home.png') no-repeat center / 16px auto;}
	.subTitle .breadcrumb> div {border-radius: 5px; min-width: 100px;}
	.subTitle .breadcrumb> div > a {width: 100%; height: 35px; white-space: nowrap; gap: 10px; font-size: 1.2rem;}
	.subTitle .breadcrumb> div > a i {font-size: 1.5rem;}
	.subTitle .breadcrumb> div ul {top: 35px; border-radius: 0 0 5px 5px;}
	.subTitle .breadcrumb> div ul li a {padding: 5px 10px; -ms-word-break: keep-all;
	word-break: keep-all;font-size: 1.2rem;}
	
	.subTitle .breadcrumb > div.on {border-radius: 5px 5px 0 0;}
}
@media (max-width: 360px) {
	.subTitle .breadcrumb> div > a {gap: 5px; font-size: 1.1rem;}
	.subTitle .breadcrumb> div > a i {font-size: 1.4rem;}
	.subTitle .breadcrumb> div ul li a {font-size: 1.1rem;}
}
.subCon {
	font-size: 2rem;
	color: rgba(0, 0, 0, 0.70);
	line-height: 1.4;
}
.subCon .subTab {
	display: flex;
	align-items:center;
	justify-content: center;
	gap: 10px;
	margin-bottom: 40px;
}
.subCon .subTab a {
	width: 100%;
	padding: 15px;
	border-radius: 15px;
	border: 1px solid rgba(99, 93, 86, 0.40);
	background: #FFF;
	font-family: var(--fontFamilyP);
	font-size: 2.4rem;
	color: #635D56;
	text-align: center;
	white-space: nowrap;
}
/* 260730 이재영 수정 */
.articles_wrap .subTab a:nth-child(4) {
    font-size: 2rem;
    padding: 17.8px 15px;
}
.subCon .subTab a:hover {
	border: 1px solid #635D56;
	color: #000;
}
.subCon .subTab a.active {
	border: 1px solid #F6C60C;
	background: #FFFAEB;
	font-weight: 600;
	color: #000;
}

.subCon .subconTitle {
	display: flex;
	/* align-items: center; */
	align-items: flex-start;
	gap: 10px;
	font-size: 2.6rem;
	font-weight: 600;
	font-family: var(--fontFamilyP);
	color: #000;
	margin-bottom: 15px;
}
.subCon .subconTitle img {max-width: 22px; margin-top: 8px;}


.articles_wrap .subTab {flex-wrap: wrap;}
/* .articles_wrap .subTab a {width: calc(25% - 8px);} */
/* 260730 이재영 수정 */
.articles_wrap .subTab a {width: calc(33% - 8px);}

.benefitWrap .subTab {flex-wrap: wrap;}
.benefitWrap .subTab a {width: calc(26% - 30px);}

.management_wrap .subTab a{width: calc(28% - 30px);}

/* 하위메뉴탭 */
.subTabSub {
    display: flex;
    gap: 10px;
    margin-bottom: 40px;   
    padding: 15px 20px;
    background-color: #F7F4EF; 
    border: 1px solid #E2D9D3; 
    border-radius: 10px;
}

.subTabSub a {
    display: inline-block;
    padding: 10px 25px;
    color: #8E7060;
    background-color: #FFF; 
    border: 1px solid #8E7060;
    border-radius: 10px;
    font-family: var(--fontFamilyP);
    font-size: 2rem;
    font-weight: 600;
}

.subTabSub a:hover {
    background: #8E7060;
    color: #FFF;
}

.subTabSub a.active {
    background: #8E7060;
    color: #FFF;
}

@media (max-width: 1300px) {
	.articles_wrap .subTab {justify-content: start;}
	.articles_wrap .subTab a {width: calc(33.33% - 8px);}
	
	.benefitWrap .subTab a {width: calc(34% - 20px); font-size: 2.2rem;}
	
	.management_wrap .subTab a {width: calc(25% - 8px);}
}
@media (max-width: 1140px) {
	.subCon .businessWrap .subTab {gap: 5px;}
	.subCon .businessWrap .subTab a {padding: 10px; font-size: 2rem;}
	.management_wrap .subTab a {font-size: 2rem;}
}
@media (max-width: 980px) {
	.subCon .subTab {gap: 5px;}
	.subCon .subTab a {padding: 10px; font-size: 2rem;}
	.benefitWrap .subTab a{font-size: 1.8rem;}
	.articles_wrap .subTab a {width: calc(50% - 5px);}
	.management_wrap .subTab{flex-wrap: wrap;}
	.management_wrap .subTab a { width: calc(50% - 5px);}
    .articles_wrap .subTab a:nth-child(4) {
        padding: 10px;
    }
}
@media (max-width: 800px) {
	.businessWrap .subTab {flex-wrap: wrap; justify-content: left;}
	.businessWrap .subTab a {padding: 10px 5px; font-size: 1.6rem; border-radius: 7px; width: calc(25% - 4px);}
}
@media (max-width: 680px) {
	.subCon .subTab a {padding: 10px 5px; font-size: 1.6rem; border-radius: 7px;}
	
	.surveyWrap .subTab,
	.businessWrap .subTab,
	.venom_benefitsWrap .subTab{flex-wrap: wrap;}
	.businessWrap .subTab a {width: calc(25% - 4px);}
	.surveyWrap .subTab a {width: calc(50% - 2.5px);}
	.surveyWrap .subTab a:last-child {width: 100%;}
	.articles_wrap .subTab a, .articles_wrap .subTab a:nth-child(4) {font-size: 1.4rem;}
	.benefitWrap .subTab a {width: calc(50% - 2.5px);}
	.benefitWrap .subTab a {font-size: 1.4rem;}
	.venom_benefitsWrap .subTab a {width: calc(50% - 2.5px);}
	.venom_benefitsWrap .subTab a:last-child {width: 100%;}
	.subTabSub {
        flex-direction: column;
        gap: 8px;
        padding: 15px;
        border-radius: 10px;
        margin-top: 15px;
    }
    .subTabSub a {
        text-align: center;
        padding: 12px 8px;
		font-size: 1.8rem;
    }
}
@media (max-width: 425px) {
    .articles_wrap .subTab a:nth-child(4) {
        padding: 12px 0;
        font-size: 1.1rem;
    }
	.management_wrap .subTab a{font-size: 1.3rem;}
}

/* 게시판 css */
.noneData{
	text-align: center;
	justify-content:center;
	padding: 50px 0;
}
.boardTop{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 10px;
}
.boardTop p{
	color: #717171;
	font-family: var(--fontFamilyP);
	font-size: 1.5rem;
	font-weight: 400;
}
.boardTop p span{
	color: #F05A41;
	font-weight: 600;
}
.boardTop .boardSearchWrap{
	display: flex;
	align-items: center;
	gap: 5px;
}
.boardTop .boardSearchWrap .searchArea{
	display: flex;
	width: 360px;
	height: 50px;
	padding: 10px 25px;
	align-items: center;
	gap: 20px;
	border-radius: 25px;
	background: #F7F4EF;
	position: relative;
}
.boardTop .boardSearchWrap .searchArea select{
	border:none;
	color: #635D56;
	font-size: 1.8rem;
	font-weight: 600;
	background-color: transparent;
	-webkit-appearance: none;
	appearance: none;
	background-image: url(/images/common/select_arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 18px;
    box-sizing: border-box;
    cursor: pointer;
	padding-right: 20px;
}
.boardTop .boardSearchWrap .searchArea .search-filter .selected-label {
    display: flex;
	width: auto;
    align-items: center;
    justify-content: space-between;
	color: #635D56;
	font-size: 1.8rem;
	font-weight: 600;
	gap: 20px;
}
.boardTop .boardSearchWrap .searchArea .search-input {
	flex: 1;
	width: 0;
	font-size: 1.8rem;
	background: transparent !important;
	display: block;
	outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    -webkit-transition: background-color 50000s ease-in-out 0s;
    transition: background-color 50000s ease-in-out 0s;
    -webkit-text-fill-color: #000 !important; 
}

.boardTop .boardSearchWrap .searchArea .search-input::placeholder{
	color: rgba(0, 0, 0, 0.34);
	font-size: 1.8rem;
}

.boardTop .boardSearchWrap .searchArea .search-filter ul {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    width: 140px;
    background: #F7F4EF;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    padding: 5px 25px;
	margin-top: 5px;
	font-size: 1.8rem;
	color: #635D56;
	font-weight: 600;
	z-index: 99;
}
.boardTop .boardSearchWrap .searchArea .search-filter ul li{
	padding: 5px 0;
}
.boardTop .boardSearchWrap .searchArea .search-filter ul li:hover{
	color:#FF7761
}

.boardTop .boardSearchWrap .searchArea .search-filter.active ul {
    display: block;
}

.boardTop .boardSearchWrap .searchArea .search-filter.active i {
    transform: rotate(180deg);
	transition: transform .2s;
}
.boardTop .boardSearchWrap button{
	width: 100px;
	height: 50px;
	padding: 0 15px;
	border-radius: 25px;
	background: linear-gradient(0deg, #8E7060 0%, #8E7060 100%), #F96951;
	color: #FFF;
	font-size: 1.8rem;
	font-weight: 700;
}
.boardTop .boardSearchWrap button:hover{
	color: #8E7060;;
	background: #FFF;
	border: 1px solid #8E7060;
}
.boardListWrap ul{
	margin-top: 26px;
}
.boardListWrap ul li{
	display: flex;
	height: 60px;
	align-items: center;
	align-self: stretch;
	text-align: center;
	font-size: 2rem;
}
.boardListWrap ul li div{
	padding: 0 10px;
	position:relative;
}

.boardListWrap ul .boardList_head{
	border-bottom: 2px solid #635D56;
	background: #F8F8F8;
	border-top: 1px solid rgba(0, 0, 0, 0.10);
	color: #333;
	font-style: normal;
	line-height: normal;
	font-weight: 500;
}
.boardListWrap ul .boardList_head div::after{
	position: absolute;
	content: '';
	width: 1px;
	height: 30px;
	background: #E0E0E0;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
.boardListWrap ul .boardList_head div:first-child::after{
	display: none;
}
.boardListWrap ul li:not(.boardList_head){
	border-bottom: 1px solid #CFCFCF;
}
.boardListWrap ul .col_num{
	width: 10%;
}
.boardListWrap ul li .col_info {
	width: 90%;
    display: flex;       
    align-items: center; 
    flex: 1;  
}
.boardListWrap ul .col_subject{
	width: 60%;
	color: #000;
	font-weight: 500;
}
.boardListWrap ul .col_writer{
	width: 15%;
}
.boardListWrap ul .col_date{
	width: 15%;
}
.boardListWrap ul .col_hit{
	width: 10%;
}
.boardListWrap ul li:not(.boardList_head) .col_num,
.boardListWrap ul li:not(.boardList_head) .col_writer,
.boardListWrap ul li:not(.boardList_head) .col_date,
.boardListWrap ul li:not(.boardList_head) .col_hit{
	font-family: var(--fontFamilyP);
	color: #666;
	font-size: 1.6rem;
}
.boardListWrap ul li:not(.boardList_head) .col_num{
	font-weight: 600;
	letter-spacing: -0.32px;
}
.boardListWrap ul li:not(.boardList_head) .col_subject{
	text-align: left;
	display: flex;
	align-items: center;
	gap: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.boardListWrap ul li:not(.boardList_head) .col_writer{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.boardListWrap ul li:not(.boardList_head) .col_subject a{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.boardNewIcon{
	width: 20px;
	height: 20px;
	aspect-ratio: 1/1;
	vertical-align: middle;
}
.boardListWrap ul li:not(.boardList_head) .col_subject:hover{
	text-decoration: underline;
}
.boardListWrap ul li:not(.boardList_head) .col_num.boardNotice{
	color: #F05A41;
	font-size: 2rem;
}
.paging{
	display: flex;
	align-items:center;
	justify-content:center;
	gap: 3px;
	margin: 78px 0 42px;
}
.paging a{
	display: flex;
	width: 40px;
	height: 40px;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
}
.paging button{
	display: flex;
	width: 40px;
	height: 40px;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	border: 1px solid #DDD;
}
.paging button:hover{
	border: 1px solid #FF7761;
    background: #FFF8E3;
}
.paging i{
	color: #767C7C;
	font-size: 2rem;
	line-height: 40px;
}

.paging .pagingNum{
	display: flex;
	color: #333;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 500;
	font-family: var(--fontFamilyP);
	margin: 0 5px;
}
.paging .pagingNum a:hover{
	color:#FF7761
}
.paging .pagingNum a.active{
	border-radius: 5px;
	background: #635D56;
	color: #FFF;
	font-weight: 500;
}
.boardListWrap ul li:not(.boardList_head) .col_subject.secret:hover{
	text-decoration: none;
}
.boardListWrap ul li:not(.boardList_head) .col_subject.secret a {
	color: rgba(0, 0, 0, 0.40);
	font-weight: 400;
	cursor: unset;
}
.writeBtn {
	text-align: right;
	margin-top: 26px;
}
.writeBtn button{
	width: 120px;
	height: 52px;
	border-radius: 10px;
	border: 2px solid #8E7060;
	background: #FFF;
	color: #8E7060;
	font-family: var(--fontFamilyP);
	font-size: 2rem;
	font-weight: 600;
}
.writeBtn button:hover{
	background: #8E7060;
	color: #FFF;
}
/* 갤러리 게시판 리스트 */
	.galleryListWrap ul{
		display: flex;
		gap: 32px 33px;
		margin-top: 42px;
		flex-wrap: wrap;
	}
	.galleryListWrap ul li{
		width: calc((100% - (33px * 2)) / 3);
		border: 1px solid #DDD;
		border-radius: 15px;
		overflow: hidden;
		height: auto;
	}
	.galleryListWrap ul li .img {
		width: 100%;
		aspect-ratio: 16 / 10; 
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.galleryListWrap .gallery_li .title{
		padding: 20px;
		display: flex;
		flex-direction: column;
		gap: 15px;
	}	
	.galleryListWrap .gallery_li .title b{
		color: #000;
		font-size: 2.4rem;
		font-weight: 500;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-family: var(--fontFamilyP);
	}
	.galleryListWrap .gallery_li .title span.date{
		color: rgba(0, 0, 0, 0.40);
		font-size: 1.6rem;
		font-family: var(--fontFamilyP);
	}
	/* 갤러리 게시판 리스트 타입2 */
	
	.galleryListWrap.galleryList2Wrap ul {
		display: flex;
		flex-direction: column;
		gap: 30px;
		height: auto;
	}
	.galleryListWrap.galleryList2Wrap ul li{
		width: 100%;
		height: auto;
	}
	.galleryListWrap.galleryList2Wrap ul li .gallery_li{
		display: flex;
		align-items: stretch;
		box-sizing: border-box;
	}
	.galleryListWrap.galleryList2Wrap .gallery_li .title{
		gap: 10px;
		justify-content: flex-start;
		flex: 1;
		min-width: 0; 
		display: flex;
		flex-direction: column;
	}
	.galleryListWrap.galleryList2Wrap .gallery_li .title b{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		flex-shrink: 0;
	}
	
	.galleryListWrap.galleryList2Wrap .gallery_li .title p {
		font-size: 1.8rem;
		color: rgba(0, 0, 0, 0.56);
		line-height: 2.4rem;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		margin: 0;
		text-overflow: ellipsis;
	}
	.galleryListWrap.galleryList2Wrap .gallery_li .title span {
		margin-top: auto;
		flex-shrink: 0;
	}
	.galleryListWrap.galleryList2Wrap ul li .img {
		width: 300px;
		flex-shrink: 0;
	}
	.galleryListWrap ul li:hover{
		background: #FFF8E3;
	}
/* 게시글 보기 */
.boardViewWrap .boardViewTop{
		display: flex;
		border-top: 1px solid #635D56;
		border-bottom: 1px solid #DDD;
		padding: 21px 20px 18px 20px;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 16px;
	}
	.boardViewWrap .boardViewTop h3{
		width:100%;
		overflow: hidden;
		color: #000;
		text-overflow: ellipsis;
		font-family: var(--fontFamilyP);
		font-size: 2.4rem;
		font-weight: 600;
		white-space: nowrap;
	}
	.boardViewWrap .boardViewTop .boardView_info{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
		color: #999;
		font-size: 1.4rem;
	}
	.boardViewWrap .boardViewTop .boardView_info .view_hit{
		position: relative;
		padding: 0 8px;
	}
	.boardViewWrap .boardViewTop .boardView_info .view_hit::before, .boardViewWrap .boardViewTop .boardView_info .view_hit::after{
		content: "";
		width: 0.5px;
		height: 12px;
		background: #A9AFAF;
		position: absolute;
		top: 4px;
	}
	.boardViewWrap .boardViewTop .boardView_info .view_hit::before{
		left: 0;
	}
	.boardViewWrap .boardViewTop .boardView_info .view_hit::after{
		right: 0;
	}
	.boardViewWrap .boardView_file{
		display: flex;
		flex-wrap: wrap;
		padding: 15.5px 20px;
		align-items: center;
		gap: 30px;
		border-bottom: 1px dashed #DDD;
	}
	.boardViewWrap .boardView_file a{
		display: flex;
		align-items: center;
		gap: 8px;
		color: #666;
		font-family: var(--fontFamilyP);
		font-size: 1.6rem;
	}
	.boardViewWrap .boardView_file a:hover{
		color:#FF7761
	}
	.boardViewWrap .boardViewCon{
		padding: 30px 20px 20px 20px;
		border-bottom: 1px solid #DDD;
	}
	.boardViewWrap .boardViewCon img{
		margin-bottom: 24px;
	}
	.boardViewWrap .boardViewCon p{
		color: #333;
		font-size: 1.8rem;
		line-height: 28px;
		margin-bottom: 24px;
	}
	.listBtn{
		margin: 25px 0;
		text-align: center;
	}
	.listBtn button{
		min-width: 110px;
		white-space: nowrap;
		height: 52px;
		border-radius: 10px;
		background: #8E7060;
		color: #FFF;
		font-family: var(--fontFamilyP);
		font-size: 2rem;
		font-weight: 600;
	}
	.listBtn button:hover{
		background: #FFF;
		color: #8E7060;
		border: 1px solid #8E7060;
	}
	.boardViewWrap .boardComment{
		margin-top: 60px;
		margin-bottom: 66px;
	}
	.boardViewWrap .boardComment .Comment_count{
		overflow: hidden;
		color: #333;
		font-family: var(--fontFamilyP);
		font-size: 1.7rem;
		font-weight: 600;
		margin-bottom: 10px;
	}
	.boardViewWrap .boardComment .Comment_write{
		border-radius: 10px;
		border: 1px solid #DDD;
		background: #FFF;
		overflow: hidden;
	}
	.boardViewWrap .boardComment .Comment_write .Comment_input{
		padding: 15px;
	}
	.boardViewWrap .boardComment .Comment_write .Comment_input textarea {
		width: 100%;
		height: 150px;
		font-size: 1.7rem; 
		color: #333;
		padding: 10px;
		vertical-align: top;
		outline: none;
		border: none;
		resize: none;
	}

	.boardViewWrap .boardComment .Comment_option {
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-top: 1px solid #DDD; 
		padding-left: 26px;
	}

	.boardViewWrap .boardComment .Comment_secret label{
		display: flex;
		align-items: center;
		gap: 9px;
		color: #666;
		font-size: 1.7rem;
		font-weight: 600;
		cursor: pointer;
		font-family: var(--fontFamilyP);
		padding: 5px 0;
		user-select: none;
	}

	.boardViewWrap .boardComment .Comment_option button {
		width: 134px;
		height: 52px;
		background: #635D56;
		color: #FFF;
		font-size: 2rem;
		font-family: var(--fontFamilyP);
		font-weight: 600;
	}

	.boardViewWrap .boardComment .Comment_option button:hover {
		background: #4A4540;
	}
	.chkBox{ cursor: pointer;} 
	.chkBox input { display: none; }

	.chkBox .icon-check {
		width: 30px;
		height: 30px;
		line-height: 30px; 
		text-align: center; 
		background: #FFF;
		border-radius: 5px;
		cursor: pointer;
		color: transparent;
		font-size: 1.7rem;
		border: 1px solid #DDD;
	}

	.chkBox input:checked + .icon-check {
		color: #FFF;
		background: #FFCD4B;
		border: 1px solid #FFCD4B; 
	}
	.noneComment{
		border-radius: 20px;
		background: #F1F1F1;
		color: #999;
		text-align: center;
		font-family: Pretendard;
		font-size: 1.7rem;
		padding: 84px 0;
	}
	
	.boardViewWrap .viewPage_control{
		border-top: 1px solid #635D56;
		margin-top: 74px;
		margin-bottom: 45px;
	}
	.boardViewWrap .viewPage_control .page{
		display: flex;
		padding: 16px 20px;
		align-items: center;
	}
	.boardViewWrap .viewPage_control .prevPage{
		border-bottom: 1px solid #DDD;
	}
	.boardViewWrap .viewPage_control b{
		color: #000;
		font-family: var(--fontFamilyP);
		font-size: 1.7rem;
		font-weight: 600;
		margin-right: 26px;
		flex-shrink: 0;
		white-space: nowrap; 
		min-width: 60px;
	}
	.boardViewWrap .viewPage_control a{
		overflow: hidden;
		color: #333;
		text-overflow: ellipsis;
		font-size: 1.8rem;
		white-space: nowrap;
		flex: 1;
		min-width: 0;
	}
	.boardViewWrap .viewPage_control span{
		color: #999;
		text-align: right;
		font-family: Pretendard;
		font-size: 1.7rem;
		margin-left: 26px;
		flex-shrink: 0;
		white-space: nowrap;
	}
	.boardViewWrap .viewPage_control .nonePage{
		overflow: hidden;
		color: rgba(0, 0, 0, 0.23);
		font-size: 1.8rem;
	}
	/* 게시글 보기(댓글) */
	.replyWrap {
		display: flex;
		flex-direction: column;
		gap: 25px;
	}

	.replyWrap .replyItem {
		padding: 25px;
		border-radius: 10px;
		background: #f9f9f9;
	}

	.replyWrap .replyItem.myReply { 
		background: #F7F4EF;
	}

	.replyWrap .replyItem .replyTop {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 20px;
		flex-wrap: wrap;
		gap: 10px;
		border-bottom: 1px solid #ddd;
	}

	.replyWrap .replyItem .replyTop .userInfo {
		display: flex;
		align-items: center;
		gap: 12px;
	}

	.replyWrap .replyItem .replyTop .userInfo .userName {
		font-size: 2rem;
		color: #000;
		font-weight: 500;
		font-family: var(--fontFamilyP);
		position: relative;
		padding-right: 12px;
	}
	.replyWrap .replyItem .replyTop .userInfo .userName::after{
		position: absolute;
		content: "";
		width: 0.5px;
		height: 12px;
		background: #A9AFAF;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
	.replyWrap .replyItem .replyTop .userInfo .date {
		font-size: 1.4rem;
		font-family: var(--fontFamilyP);
		color: rgba(0, 0, 0, 0.32);
		text-align: right;
	}

	.replyWrap .replyItem .replyTop .btnWrap {
		display: flex;
		gap: 5.5px;
	}

	.replyWrap .replyItem .replyTop .btnWrap button {
		width: 80px;
		height: 40px;
		font-size: 1.6rem;
		border-radius: 7px;
	}
	.replyWrap .replyItem .replyTop .btnWrap button:hover{
		box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.1);
	}
	.replyWrap .replyItem .replyTop .btnWrap .btnEdit {
		background: #fff;
		border: 1px dashed #8E7060;
		color: #8E7060;
		font-weight: 500;
	}

	.replyWrap .replyItem .replyTop .btnWrap .btnDel {
		color: #fff;
		background: #B2A8A3;
	}

	.replyWrap .replyItem .replyCon p {
		padding-top: 20px;
		font-size: 1.8rem;
		color: rgba(0, 0, 0, 0.64);
		line-height: 23px;
	}
	/* 게시판 글쓰기 */
	.boardWrite_top {
		border-top: 1px solid #333;
		margin-bottom: 37px;
	}

	.boardWrite_top .boardWrite_info, .boardWriteWrap .spamCode {
		display: flex;
		border-bottom: 1px solid #DDD;
	}

	.boardWrite_top .boardWrite_info .title, .boardWriteWrap .spamCode .title {
		width: 15%;
		background: #F1F1F1;
		padding: 20px 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 2.2rem;
		font-weight: 500;
		color: #000;
		font-family: var(--fontFamilyP);
		border-right: 1px solid rgba(0, 0, 0, 0.10);
	}

	.boardWrite_top .boardWrite_info .content, .boardWriteWrap .spamCode .content {
		flex: 1;
		padding: 18px 16px 18px 30px;
		display: flex;
		align-items: center;
		min-width: 0;
		font-size: 2rem;
	}
	.boardWrite_top .boardWrite_info .content .chkBox{
		margin-right: 34px;
		display: flex;
		align-items: center;
		gap: 10px;
		cursor: pointer;
	}
	.boardWrite_top .boardWrite_info .content .input_text {
		width: 100%;
		height: 45px;
		border: 1px solid #DDD;
		padding: 0 15px;
		font-size: 2rem;
		outline: none;
	}
	.boardWrite_top .boardWrite_info .content .writer_name{
		color: rgba(0, 0, 0, 0.61);
	}
	.boardWrite_top .boardWrite_info .content .btn_file {
		background: #8E7060;
		color: #FFF;
		border: none;
		padding: 8px 12px;
		border-radius: 7px;
		font-size: 2rem;
	}
	.boardWrite_top .boardWrite_info .content .btn_file:hover{box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.3);}
	.boardWrite_top .boardWrite_info .content .file_drop_zone {
		margin-top: 12px;
		width: 100%;
		height: 174px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #999;
		font-size: 1.7rem;
		border-radius: 10px;
		border: 3px dashed #666;
		background: #F3F3F3;
		padding: 10px;
	}
	.boardWrite_top .boardWrite_info .content.file_dropWrap{
		display: block;
	}
	.boardWriteWrap .writeEditer{
		background: #CCC;
		height: 740px;
		font-size: 2rem;
	}
	.boardWriteWrap .spamCode{
		border-top: 1px solid #DDD;
		border-bottom: 1px solid #DDD;
		margin-top: 33px;
	}
	.postBtn{
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		margin-top: 83px;
		margin-bottom: 63px;
	}
	.postBtn button{
		width: 110px;
		height: 52px;
		font-size: 2rem;
		color: #FFF;
		border-radius: 10px;
	}
	.postBtn button:hover{
		box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.1);
	}
	.postBtn button.cancel{
		background: #B2A8A3;
	}
	.postBtn button.saveAdd{
		background: #635D56;
	}
	/* 회원가입 */
	.joinWrap{
		display: flex;
		flex-direction: column;
		align-items:center;
		text-align:center;
		word-break: keep-all;
	}
	 
	.joinWrap p{
		color: #333;
		font-size: 2rem;
		line-height: 26px;
		margin: 23px 0 28px;
	}
	.joinWrap b{
		color: #FF9500;
		font-family: var(--fontFamilyP);
		font-size: 2.8rem;
		font-weight: 600;
		line-height: 36px;
	}
	.joinWrap .joinBenefit{
		margin: 40px 0 45px;
		border-radius: 10px;
		background: #FFFAEB;
		padding: 30px;
		gap: 14px;
		text-align:left;
	}
	.joinWrap .joinBenefit ul li{
		position: relative;
		padding-left: 20px;
		color: rgba(0, 0, 0, 0.70);
		font-size: 2rem;
		line-height: 32px;
		letter-spacing: -0.2px;
	}
	.joinWrap .joinBenefit ul li::before {
		content: '';
		position: absolute;
		left: 0;
		top: 13px;
		width: 6px;
		height: 6px;
		background-color: rgba(0, 0, 0, 0.70);; 
		border-radius: 50%;
	}
	.joinWrap .joinBenefit ul li span{
		color: rgba(0, 0, 0, 0.50);
		font-size: 1.5rem;
		line-height: 26px;
		letter-spacing: -0.15px;
	}
	
	/* 회원정보수정 */
	.myPageWrap .myPageTitle {
		color: #000;
		font-family: SUIT;
		font-size: 2.2rem;
		font-weight: 700;
		line-height: 18.2px;
		height: 51px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.myPageWrap .myPageForm{
		border-top: 2px solid #320800; 
	}
	.myPageWrap .myPageForm .formRow { 
		display: flex; 
		border-bottom: 1px solid #E0E0E0;
	}
	.myPageWrap .myPageForm .formRow .rowLabel {
		width: 15%;
		min-width: 120px;
		flex-shrink: 0;
		padding: 16px;
		border-right: 1px solid #E0E0E0;
		background: #F8F8F8;
		color: #000;
		font-family: SUIT;
		font-size: 1.8rem;
		font-weight: 500;
		display:flex;
		align-items: center;
	}
	
	.myPageWrap .myPageForm .formRow .rowLabel.required::before { 
		content: '✔'; 
		color: #E86A55; 
		margin-right: 5px; 
		font-size: 1.2rem; 
	}

	.myPageWrap .myPageForm .formRow .rowInput {
		padding: 10px 16px; 
		display: flex;
		flex-direction: column; 
		justify-content: center;
		flex: 1;
		gap: 7px;
	}
	
	.myPageWrap .myPageForm .formRow .rowInput label{
		cursor: pointer;
	}

	.myPageWrap .myPageForm .formRow .rowInput input[type="text"], 
	.myPageWrap .myPageForm .formRow .rowInput input[type="password"], 
	.myPageWrap .myPageForm .formRow .rowInput select { 
		height: 60px; 
		border: 1px solid #CFCFCF; 
		padding: 0 10px; 
		font-size: 1.8rem; 
		outline: none; 
	}
	.myPageWrap .myPageForm .formRow .rowInput .wFull { 
		width: 100%; 
		max-width: 700px; 
	}
	.myPageWrap .myPageForm .formRow .rowInput .w400 { width: 400px; }
	
	.myPageWrap .myPageForm .formRow .rowInput .flexBox { display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}
	
	.myPageWrap .myPageForm .formRow .rowInput .rowGap { display: flex; flex-direction: column; gap: 8px; }
	
	.myPageWrap .myPageForm .formRow .rowInput .w100 { width: 100px; }
	
	.myPageWrap .myPageForm .formRow .rowInput .w260 { width: 260px; }
	
	.myPageWrap .myPageForm .formRow .rowInput .wHalf { flex: 1; width: 50%; }

	.myPageWrap .myPageForm .formRow .rowInput .guideText,
	.myPageWrap .myPageForm .formRow .rowInput .staticText { 
		color: #8E7060; 
		font-size: 1.8rem;
		line-height: 15.4px;
		font-family: SUIT;
	}
	.myPageWrap .myPageForm .formRow .rowInput .guideText{margin-left: 10px;}
	.myPageWrap .myPageForm .formRow .rowInput .btnIn { 
		background: #666; 
		color: #fff;
		width:150px;
		height: 60px;
		font-family: SUIT;
		font-size: 1.8rem;
		font-weight: 700;
	}
	
	.myPageWrap .myPageForm .formRow .rowInput .btnIn:hover{
		box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.2);
	}

	.myPageWrap .myPageForm .formRow .rowInput .emailGroup { 
		display: flex; 
		align-items: center; 
		gap: 10px; 
		flex-wrap: wrap; 
	}
	.myPageWrap .myPageForm .formRow .rowInput .emailGroup .at { color: #CCCCCC; }
	
	.myPageWrap .myPageForm .formRow .rowInput select {
		width: 166px;
		-webkit-appearance: none; 
		-moz-appearance: none;
		appearance: none;
		background: #fff url("/images/common/select_arr.png") no-repeat calc(100% - 15px) center;
		background-size: 10px 5px;
		padding-right: 40px;
		cursor: pointer;
	}
	
	.myPageWrap .myPageForm .formRow .rowInput .radioGroup {
		display: flex;
		align-items: center;
		gap: 20px;
	}

	.myPageWrap .myPageForm .formRow .rowInput .radioGroup label {
		display: flex;
		align-items: center;
		gap: 8px;
		font-size: 1.8rem;
	}

	.myPageWrap .myPageForm .formRow .rowInput .radioGroup input[type="radio"] {
		appearance: none;
		-webkit-appearance: none;
		width: 30px;
		height: 30px;
		border: 1px solid #E0E0E0;
		border-radius: 50%;
		background-color: #fff;
		cursor: pointer;
	}

	.myPageWrap .myPageForm .formRow .rowInput .radioGroup input[type="radio"]:checked {
		background-color: #FFCD4B;
		padding: 5px; 
		background-clip: content-box;
	}
	
	/* 계정정보찾기 */
	.findAccountWrap{margin-bottom:70px;}
	.findAccountWrap .btnWrap{
		width: 100%;
		display: flex;
		justify-content:center;
		align-items:center;
		gap: 10px;
		margin-top: 50px;
	}
	.findAccountWrap .btnWrap a{
		width: 150px;
		padding: 12px 25px;
		display: inline-block;
		border-radius: 5px;
		font-family: var(--fontFamilyP);
		font-size: 2rem;
		font-weight: 600;
		color: #fff;
	}
	.findAccountWrap .btnWrap a:hover{
		box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.1);
	}
	.findAccountWrap .btnWrap .home{
		background: #B2A8A3;
	}
	.findAccountWrap .btnWrap .login{
		background: #FF8C79;
	}
	.findAccountWrap .findFormBox {
		max-width: 400px;
		margin: 0px auto;
		margin-bottom: 200px;
	}

	.findAccountWrap .findFormBox .inputRow {
		margin-bottom: 20px;
	}
	.findAccountWrap .findFormBox .inputRow label {
		display: block;
		color: #000;
		font-family: var(--fontFamilyP);
		font-size: 1.8rem;
		font-weight: 500;
		line-height: 30px;
	}
	.findAccountWrap .findFormBox input[type="text"] {
		width: 100%;
		height: 50px;
		padding: 0 15px;
		font-size: 1.8rem;
		outline: none;
		border-radius: 10px;
		border: 1px solid rgba(0, 0, 0, 0.10);
		background: #FFF;
		color: #000;
		font-family: var(--fontFamilyP);
		letter-spacing: -0.18px;
	}

	.findAccountWrap .findFormBox .flexBox { display: flex; align-items: center; gap: 10px;}


	.findAccountWrap .findFormBox .btnSend {
		width: 140px;
		height: 50px;
		border-radius: 10px;
		background: #8E7060;
		color: #fff;
		font-size: 1.8rem;
		font-family: var(--fontFamilyP);
		flex-shrink: 0;
	}

	.findAccountWrap .findFormBox .verifyBox {
		background: #F2F2F2;
		border: 1px solid rgba(0, 0, 0, 0.10);
		border-radius: 10px;
		padding: 25px;
		margin-top: 20px;
		display: flex;
		flex-direction: column;
		gap: 13px;
	}
	.findAccountWrap .findFormBox .verifyBox input {
		border-radius: 10px;
		border: 1px solid rgba(0, 0, 0, 0.10);
		background: #FFF;
	}
	.findAccountWrap .findFormBox .btnVerify {
		width: 100%;
		height: 50px;
		color: #fff;
		border-radius: 10px;
		background: #6C6C6C;
		font-size: 1.8rem;
		font-family: var(--fontFamilyP);
		letter-spacing: -0.18px;
	}

	.findAccountWrap .findFormBox .btnFind {
		width: 100%;
		height: 50px;
		background: #FF8C79; 
		color: #fff;
		border-radius: 10px;
		font-size: 1.8rem;
		margin-top: 40px;
		font-family: var(--fontFamilyP);
	}
	.findAccountWrap .findFormBox .btnFind:hover,
	.findAccountWrap .findFormBox .btnSend:hover,
	.findAccountWrap .findFormBox .btnVerify:hover{
		box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.1);
	}
	
	.findAccountWrap .findFormBox .verifyBox.VerifyDone{background: #F9FFEA;}
	.findAccountWrap .findFormBox .verifyBox.VerifyDone input{background: #EFEFEF;}
	.findAccountWrap .findFormBox .verifyBox.VerifyDone .btnVerify{background: #36CD70;}
	
	/* 아이디/비밀번호 찾기 완료 */
	
	.showAccountWrap{
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding-bottom: 150px;
		word-break: keep-all;
	}
	.showAccountWrap .findAccount_img{
		margin: 30px 0 45px;
	}
	.showAccountWrap b{
		color: #000;
		font-family: var(--fontFamilyP);
		font-size: 2.8rem;
		font-weight: 600;
		line-height: 36px; 
	}
	.showAccountWrap b span{
		color: #FF9500;
		font-family: var(--fontFamilyP);
		font-weight: 700;
	}
	.showAccountWrap p{
		color: #333;
		font-size: 2rem;
		line-height: 22px;
		margin: 15px 0 45px;
	}
	.showAccountBnt{display: flex; gap: 10px;}
	.showAccountBnt button{
		width: 195px;
		height: 52px;
		border-radius: 10px;
		font-size: 2rem;
		color: #FFF;
	}
	.showAccountBnt .home{background: #B2A8A3;}
	.showAccountBnt .login{background: #FF8C79;}
	
	.showAccountWrap p span{font-weight: 500; background: linear-gradient(to top, #FFFADE 40%, transparent 40%);}
	
	/* 인사말 */
	.greetingWrap .greetingVisual {
		position: relative;
		width: 100%;
		height: 365px;
	}

	.greetingWrap .greetingVisual .bgBox {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 300px;
		background: #FFFAEB url('/images/about/greeting_bg.png') no-repeat right center;
		border-radius: 15px 15px 0 0;
	}

	.greetingWrap .greetingVisual .inner {
		position: relative;
		margin: 0 auto;
		height: 100%;
		display: flex;
		align-items: flex-end;
		z-index: 10;
		padding: 0 15px 0 50px;
	}

	.greetingWrap .greetingVisual .personImg img {
		width: 100%;
		display: block;
	}

	.greetingWrap .mainMessage {
		padding-left: 56px;
		padding-bottom: 100px;
		position: relative;
		word-break: keep-all;
	}

	.greetingWrap .mainMessage .quote { position: absolute; font-size: 20rem; color: #FAE19F; font-family: Arial; top: -100px; left:-10px;}
	.greetingWrap .mainMessage h2 { font-size: 3.5rem; line-height: 32px; color: #302B26;  font-family: var(--fontFamilyP); }
	.greetingWrap .mainMessage h2 strong { color: #000; font-size: 4.6rem; font-weight: 700; display: block; margin: 22px 0 29px; line-height: 45px;}
	.greetingWrap .mainMessage p { font-size: 2rem; color: rgba(0, 0, 0, 0.70); line-height: 32px;}

	.greetingWrap .signatureBar {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 65px;
		background: #FFCD4B;
		border-radius: 0 0 15px 15px;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	.greetingWrap .signatureBar .sigText {
		padding-right: 23px;
		line-height: 32px;
	}
	.greetingWrap .signatureBar .sigText span { font-size: 2rem; color: #000; margin-right:40px; }
	.greetingWrap .signatureBar .sigText strong { 
		color: #000;
		font-family: KCC-Ahnchangho;
		font-size: 3.2rem;
	}
	.greetingWrap .greetingContent{
		display: flex;
		gap:60px;
		margin: 30px 0 15px;
	}
	.greetingWrap .greetingContent .textCol{
		width: calc((100% - 60px)/2);
		color: rgba(0, 0, 0, 0.70);
		font-size: 2rem;
		line-height: 32px;
	}
	/* 설립목적 및 연혁 */
	.visualWrap{
		border-radius: 20px;
		height: 234px;
		display: flex;
		align-items: center; 
		justify-content: center;
		padding: 0 60px;
	}
	.purposeWrap .purposeVisual{
		background: linear-gradient(to right, 
            rgba(249, 249, 249, 0) 0%,   
            rgba(249, 249, 249, 0.5) 40%, 
            rgba(249, 249, 249, 1) 80%), url("/images/about/purpose_bg.png") left center no-repeat;
	}
	
	.purposeWrap .purposeVisual p{margin-left: 30%;}
	
	.visualWrap p{
		color: #302B26;
		font-family: var(--fontFamilyP);
		font-size: 2.6rem;
		font-weight: 500;
		margin-left: 40%;
		margin-right: auto;
		text-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 5px rgba(255, 255, 255, 0.5);
	}
	.visualWrap p span{
		font-weight: 700;
		background: linear-gradient(to top, #FFF0AD 40%, transparent 40%);
	}
	.purposeWrap .purposeText{
		margin: 30px 0 50px;
	}
	.purposeWrap .purposeText .content{margin-bottom: 50px;}
	.purposeWrap .purposeText .content ul li {
		counter-increment: my-counter;
		display: flex;
		align-items: flex-start;
		font-size: 2rem;
		line-height: 34px;
		color: rgba(0, 0, 0, 0.70);
		letter-spacing: -0.2px;
	}

	.purposeWrap .purposeText .content ul li::before {
		content: counter(my-counter) ".";
		width: 35px;        
		text-align: right;   
		margin-right: 10px;  
		flex-shrink: 0;      
		color: rgba(0, 0, 0, 0.70);
	}
	
	/* 연혁 */
	.historyWrap .historyContent { position: relative; }

	.historyWrap .timeline_bar {
		position: absolute;
		left: 50%; 
		width: 1px; 
		background: #CCCCCC;
		transform: translateX(-50%);
	}
	.historyWrap .progress_line {
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 3px; 
		height: 0; 
		background: #FF8C79; 
		transform: translateX(-1px); 
	}

	.historyWrap .history_item { 
		display: flex; 
		width: 100%; 
		margin-bottom: 20px; 
		position: relative; 
		font-family: var(--fontFamilyP);
	}
	.historyWrap .content_box { 
		width: 50%; 
		display: flex; 
		flex-direction: column; 
		position: relative; 
	}

	.historyWrap .history_item:nth-child(even) { justify-content: flex-end; }
	.historyWrap .history_item:nth-child(even) .list_area {padding-left: 50px;}
	.historyWrap .history_item:nth-child(even) .content_box { padding-left: 50px; align-items: flex-start;}
	.historyWrap .history_item:nth-child(even) .year_area { flex-direction: row-reverse; justify-content: flex-end;}
	.historyWrap .history_item:nth-child(even) .dot { margin-left: -58px;}

	.historyWrap .history_item:nth-child(odd) { justify-content: flex-start; }
	.historyWrap .history_item:nth-child(odd) .list_area {padding-right: 50px;}
	.historyWrap .history_item:nth-child(odd) .content_box { padding-right: 50px; align-items: flex-end;  text-align:right;}
	.historyWrap .history_item:nth-child(odd) .year_area { flex-direction: row; justify-content: flex-end; }
	.historyWrap .history_item:nth-child(odd) .dot { margin-right: -58px;}

	.historyWrap .year_area { display: inline-flex; align-items: center; position: relative; margin-bottom: 20px; }
	.historyWrap .year_area h2 { font-size: 5rem; color: #ccc; font-weight: 900; transition: 0.3s; padding: 0 10px;}

	.historyWrap .dot {
		width: 15px; height: 15px; background: #fff; border: 2px solid #ccc; 
		border-radius: 50%; transition: 0.3s; flex-shrink: 0;
	}

	.historyWrap .line_connect {
		width: 90px; 
		height: 1px; 
		flex-shrink: 0;
		background-image: linear-gradient(to right, #ccc 2px, transparent 2px);
		background-size: 5px 1px; background-repeat: repeat-x;
	}

	.historyWrap .list_area { width: 100%; }
	.historyWrap .list_area ul li { font-size: 2rem; line-height: 45px; color: #000;}

	.historyWrap .history_item.on h2 { color: #FF7862; }
	.historyWrap .history_item.on .dot { border: 2px solid #FF8C79; background: #fff;}
	.historyWrap .history_item.on .line_connect { background-image: linear-gradient(to right, #FF8F77 2px, transparent 2px); }
	
	/* 마이페이지 회비납부내역&시험성적서 테이블 */
	.tableWrap { 
		width: 100%; 
		margin: 15px 0 40px; 
		overflow-x: auto; 
		-webkit-overflow-scrolling: touch; 
		word-break: keep-all;
	}
    
    .tableWrap table { 
		width: 100%; 
		border-collapse: separate;
		border-spacing: 0;
		border-top: 2px solid #635D56; 
	}
	.tableWrap thead th{
		background: #F7F4EF;
	}
	
	/* 260710 추가 */
	.tableWrap tbody th{
		background: #FFF;
	}
	
	.tableWrap tbody td{
		background: none;
	}
	/* 260710 추가 */
	
    .tableWrap th { 
		padding: 8px 10px; 
		border-right: 1px solid #0000001A;
		border-bottom: 1px solid #0000001A;
		color: #000; 
		font-weight: 600; 
		font-size: 1.6rem;
		line-height: 28px;
	}
    .tableWrap th:last-child { border-right: none; }

    .tableWrap td { 
		padding: 9px 10px; 
		border-bottom: 1px solid #0000001A;
		border-right: 1px solid #0000001A; 
		color: #000000CC; 
		font-size: 1.6rem;
		line-height: 28px;
		text-align: center; 
	}
    .tableWrap td:last-child { border-right: none; }
    
    .tableWrap td .status_pay, .tableWrap td .pass { font-weight: bold; }
    .tableWrap td .status_unpaid, .tableWrap td .fail { color: #e74c3c; font-weight: bold; }
	
	/* 260710 추가 */
	.tableWrap thead tr:first-child th:first-child,
	.tableWrap tbody tr th:first-child {
		position: sticky; 
		left: 0;
		z-index: 1;
		border-right: none;
		border-bottom: 1px solid #0000001A !important;
		box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 0.1);
	}
	
	.addScroll th:first-child {
		position: sticky; 
		left: 0;
		z-index: 1;
		border-right: none;
		border-bottom: 1px solid #0000001A !important;
		box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 0.1);
	}
	
	.nonScroll_wrap thead tr:first-child th:first-child,
	.nonScroll_wrap tbody tr th:first-child {
		position: revert !important;
		z-index: 0 !important;
		border-right: 1px solid #0000001A !important;
		box-shadow: none !important;
	}
	
	.nonScroll th {
		position: revert !important;
		z-index: 0 !important;
		border-right: 1px solid #0000001A !important;
		box-shadow: none !important;
	}
	
	.nonScroll_th {
		position: revert !important;
		z-index: 0 !important;
		border-right: 1px solid #0000001A !important;
		box-shadow: none !important;
	}
	
	.table_option tbody tr:first-child th:nth-child(2) {
		border-right: none;
		box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 0.1);
	}
	
	.table_option .non_scroll2 th,
	.table_option .non_scroll2_th {
		position: sticky !important;
		left: 79px !important; /* 첫 번째 열의 가로 크기 */
		z-index: 2 !important;
		background-color: #fff;
		
		/* 너비 설정을 모두 하나의 px 값으로 통일 (예: 90px) */
		width: 90px !important;
		min-width: 90px !important;
		max-width: 90px !important;
	}
	
	.nonBoder {
		box-shadow: none !important;
	}
	
	.th_img {
		width: 4rem;
		height: auto;
		max-width: 4rem;
	}
	/* 260710 추가 */
	
	.detailSearchWrap table{
		min-width: 100%;
	}
	.boardTop .boardSearchWrap button.detailSearchBtn{
		background: #FFF;
		color: #8E7060;
		border: 1px solid #8E7060;
	}
	.detailSearch{
		display: flex;
		gap: 10px;
		justify-content:center;
		margin-top:20px;
	}
	.detailSearch button{
		padding: 10px 25px;
		font-size: 2rem;
		font-weight: 600;
		border-radius: 10px;
	}

	.detailSearchWrap .detailSearch button{
		padding: 12px 30px;
		border-radius: 10px;
		font-size: 1.8rem;
		font-weight: 600;
	}
	.detailSearchWrap .detailSearch button:first-child {
		background-color: #8E7060; 
		color: #FFF;
	}

	.detailSearchWrap .detailSearch button:last-child {
		background-color: #FFF;
		color: #8E7060;
		border: 1px solid #8E7060;
	}
	.detailSearchWrap table{border-top: 2px solid #635D56;}

	.detailSearchWrap table input,.detailSearchWrap table select {
		border: 1px solid #ddd; 
		font-size: 1.6rem;
		padding: 5px 10px;
	}
	.detailSearchWrap table td{
		text-align:left; 
		font-size: 1.6rem;
		border-bottom: 1px solid #0000001A;
	}

	.detailSearchWrap table th{border-bottom: 1px solid #0000001A;}
	
	.giheTable table{min-width:1100px;}
	.giheTable table td:nth-child(2){font-weight:600;}
	.excelBtnWrap {width:100%; text-align:right; }
	.excelBtnWrap .btn_download{margin-top: 0;}
	
	.giheTable #payments_table.full-view{
		min-width: 2400px;
	}
	
	@media screen and (max-width: 680px) {
		.detailSearchWrap table,
		.detailSearchWrap tbody,
		.detailSearchWrap tr,
		.detailSearchWrap th,
		.detailSearchWrap td {
			display: block;
			width: 100% !important;
			box-sizing: border-box;
		}

		.detailSearchWrap tr {
			border-bottom: 1px solid #0000001A;
		}
		.detailSearchWrap tr:last-child {
			border-bottom: none;
		}

		.detailSearchWrap th {
			background-color: #F7F4EF;
			color: #333;
			padding: 8px 15px;
			text-align: left;
			font-size: 1.5rem;
			font-weight: 600;
			border: none;
		}

		.detailSearchWrap td {
			padding: 15px;
		}

		.detailSearchWrap input[type="text"],
		.detailSearchWrap select {
			width: 100%;
		}

		.detailSearchWrap .detailSearch {
			flex-direction: column;
			gap: 8px;
		}
		 .detailSearchWrap .detailSearch button:first-child,
		.detailSearchWrap .detailSearch button:last-child {
			width: 100%;
			box-sizing: border-box;
			font-size: 1.6rem;
			padding: 12px 20px;
		}
		
	}
	/* 조직구성 */
	.orgWrap .orgBox { 
		margin: 50px auto; 
		position: relative;
	}
	.orgWrap .orgBox .vLine { 
		position: absolute; 
		left: 50%; 
		top: 90px; 
		bottom: 380px; 
		width: 1px; 
		background: #D6D6D6; 
		transform: translateX(-50%); 
	}
	.orgWrap .orgBox .orgInner { 
		position: relative;
		display: flex; 
		flex-direction: column; 
		align-items: center; 
	}

	.orgWrap .orgBox .unit { 
		display: flex; 
		align-items: center; 
		justify-content: center;
		z-index: 2;
		text-align: center;
	}

	.orgWrap .orgBox .unit.box { 
		border-radius: 30px; 0
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 30px;
	}

	.orgWrap .orgBox .point { 
		background: #EE6E59; 
		border-radius: 50%; 
		width:150px; 
		height:150px; 
		padding:10px; 
		box-sizing:border-box; 
		color: #FFF;
		font-weight: 700;
		font-size:2.4rem;
	}
	.orgWrap .orgBox .sub { 
		border: 1px solid #C8BAAA;
		background: #F7F4EF;
		color: #434343;
		width: 280px;
		padding: 10px;
		word-break:keep-all;
	}

	.orgWrap .orgBox .deep { 
		width: 250px;
		height: 56px;
		background: #535353;
		color: #fff;
		padding: 17px;
	 }

	.orgWrap .orgBox .row { 
		display: flex; 
		justify-content: center; 
		width: 100%; 
		margin-bottom: 60px; 
		position: relative; 
	}
	.orgWrap .orgBox .rowSide { gap: 60px; }
	.orgWrap .orgBox .rowSide::before {
		content: ''; 
		position: absolute; 
		top: 50%; 
		left: 50%; 
		width: 400px; 
		height: 1px;
		background: #D6D6D6; 
		transform: translate(-50%, -50%);
	}
	.orgWrap .orgBox .rowStack { flex-direction: column; align-items: center; gap: 50px; }
	.orgWrap .orgBox .rowGroup { gap: 40px; align-items: flex-start; flex-wrap: wrap;}

	.orgWrap .orgBox .card { 
		width: 250px; 
		height: 228px; 
		border: var(--stroke-weight-2, 2px) solid #D6D6D6;
		border-radius: 15px; 
		background: #fff;
		display:flex;
		flex-direction: column;
		align-items: center;
		gap: 25px;
	 }
	.orgWrap .orgBox .card h3 { 
		background: #FEF7ED;
		font-size: 2rem;
		font-weight: 700;
		border-bottom: 1px solid #D6D6D6; 
		text-align: center;
		width: 246px;
		height: 50px;
		line-height: 50px;
		border-radius: 13px 13px 0 0;
		font-family: var(--fontFamilyP);
	}

	.orgWrap .orgBox .card ul li { 
		position: relative; 
		line-height: 30px; 
		font-size: 1.8rem; 
		color: #000;
		padding-left:15px;
	}

	.orgWrap .orgBox .card ul li::before { 
		content: '•'; 
		position: absolute; 
		left: 0; 
		color: #333; 
	}
	.orgWrap .branch_section { display: flex; gap: 30px; align-items: flex-start; flex-wrap:wrap;}
	.orgWrap .branch_section .map_wrapper .map_container { position: relative; width: 100%; }
	.orgWrap .branch_section .map_wrapper .map_container .base_map { display: block; }
	.orgWrap .branch_section .map_wrapper .map_container .btn_region {
		position: absolute;
		padding: 2px 8px;
		background: #fff;
		border: 1px solid #ddd;
		border-radius: 20px;
		font-size: 1.4rem;
		color: #666;
		cursor: pointer;
		box-shadow: 0 2px 5px rgba(0,0,0,0.1);
		transition: all 0.2s ease;
		transform: translate(-50%, -50%);
	}


	.orgWrap .branch_section .map_wrapper .map_container .btn_region:hover, .orgWrap .branch_section .map_wrapper .map_container .btn_region.active {
		background-color: #FF8C79;
		color: #fff;
		border-color: #FF8C79;
	}

	.orgWrap .branch_section .info_area { flex: 1; }
	.orgWrap .branch_section .info_area .info_content { display: none; animation: fadeIn 0.5s; }
	.orgWrap .branch_section .info_area .info_content.active { display: block; }

	.orgWrap .branch_section .info_area .card_wrap { 
		border: 1px solid #DDD;
		background: #F9F9F9;
		padding: 30px 50px;
	}
	.orgWrap .branch_section .info_area .card_wrap .card { 
		margin-bottom: 30px; 
		padding-bottom: 30px; 
		border-bottom: 1px solid #DDDDDD; 
	}
	.orgWrap .branch_section .info_area .card_wrap .card:last-child { 
		margin-bottom: 0; 
		padding-bottom: 0; 
		border-bottom: none; 
	}

	.orgWrap .branch_section .info_area .card_wrap .card strong { 
		font-family: var(--fontFamilyP);
		display: block;
		font-size: 2.2rem; 
		font-weight: 600; 
		color: #6E3931; 
		margin-bottom: 20px;
		line-height: 22px;
	}

	.orgWrap .branch_section .info_area .card_wrap .card p { 
		font-size: 1.9rem; 
		color: rgba(0, 0, 0, 0.55);
		line-height: 30px;
		font-weight: 500;
	}

	@keyframes fadeIn {
		from { opacity: 0; transform: translateY(5px); }
		to { opacity: 1; transform: translateY(0); }
	}
	.orgWrap .memCount{
		color: rgba(0, 0, 0, 0.70);
		font-size: 2rem;
		line-height: 28px;
	}
	.tableWrap tbody td .up, .tableWrap tbody td .down{
		font-size: 1rem;
	}
	.tableWrap tr td.not-first {
        border-right: 1px solid #0000001A;
	}
	.tableWrap th, .tableWrap td{vertical-align:middle;}
	
	.orgWrap .memTable{margin-top:40px;}
	
	.orgWrap .memTable .tableWrap{margin-top:0;}
	
	.orgWrap .memCount{font-size: 2rem;line-height: 28px; margin: 16px 0;}
	
	.memberStatusWrap .tableWrap table{min-width:300px;}
	
	/* 협회임원소개 */
	.executive_wrap.president_wrap .exec_grid{border-bottom:none;}
	
	.executive_wrap .exec_grid {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		padding-bottom: 38px;
		margin-bottom: 30px;
		border-bottom: 1px solid #DDD;
	}
	.executive_wrap .exec_grid:last-child{border-bottom:0;}

	.executive_wrap .exec_grid .exec_card {
		display: flex;
		width: calc((100% - 40px) / 3);
		align-items: center;
		background: linear-gradient(0deg, #F9F9F9 0%, #F9F9F9 100%), #FFF;
		border: 1px solid #DDD;
		border-radius: 15px;
		padding: 20px;
		gap: 20px;
		min-width: 0;
	}

	.executive_wrap .exec_grid .exec_card .photo {
		width: 147px;
		aspect-ratio: 71/85;
		max-width: 35%;
		min-width: 90px;
		overflow: hidden;
	}
	.executive_wrap .exec_grid .exec_card .photo img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.executive_wrap .exec_grid .exec_card .info .role {
		display: block;
		font-size: 2.4rem;
		font-weight: 700;
		margin-bottom: 20px;
		color: #000000;
		line-height: 22px;
	}
	.executive_wrap .exec_grid .exec_card .info .name {
		display: block;
		font-size: 1.9rem;
		color: #000;
		font-weight: 500;
		margin-bottom: 20px;
	}
	.executive_wrap .exec_grid .exec_card .info .period{font-size: 1.6rem;}
	
	/* 협회정관 */
	.rules_wrap{border-top: 2px solid #320800;}

	.rules_wrap .rules_item { border-bottom: 1px solid #CFCFCF; }

	.rules_wrap .rules_item .rules_header { 
		display: flex; 
		justify-content: space-between; 
		align-items: center;
		padding: 27px 30px; 
		background: #F7F4EF; 
		cursor: pointer; 
		transition: background 0.1s;
	}

	.rules_wrap .rules_item .rules_header .rules_title { 
		font-size: 2.6rem; 
		font-weight: 700;
		color: #222;
		font-family: SUIT;
	}

	.rules_wrap .rules_item.active .arrow_icon { 
		transform: rotate(180deg);
	}
	.articles_wrap .rules_wrap .rules_item.active .arrow_icon img{
		vertical-align:middle;
	}
	.rules_wrap .rules_item .rules_content { 
		display: none; padding: 41px 30px; border-top: 1px solid #CFCFCF;
	}

	.rules_wrap .rules_item .rules_content .article_box { margin-bottom: 32px; }
	.rules_wrap .rules_item .rules_content .article_box:last-child { margin-bottom: 0; }

	.rules_wrap .rules_item .rules_content .article_box .article_title { 
		font-size: 2rem; 
		font-weight: 700; 
		color: #222; 
		line-height: 28.8px;
		margin-bottom: 8px; 
	}
	.rules_wrap .rules_item .rules_content .article_box .article_text { 
		font-size: 1.8rem; 
		color: #635D56;
		line-height: 28.8px;
		font-weight: 500;
	}

	.rules_wrap .rules_item .rules_content .article_box .article_list li { 
		font-size: 1.8rem; 
		color: #635D56;
		line-height: 28.8px; 
		display: flex;
		align-items: flex-start;
		font-weight: 500;
	}
	.rules_wrap .rules_item .rules_content .article_box .article_list>li{
		counter-increment: my-counter;
		padding-left: 5px;
	}
	.rules_wrap .rules_item .rules_content .article_box .article_list li::before {
		margin-right: 10px;  
		color: #635D56;
	}
	.rules_wrap .rules_item .rules_content .article_box .article_list>li::before{
		content: counter(my-counter) ".";
		width: 35px;
		text-align: right;
		flex-shrink: 0;
	}
	.rules_wrap .rules_item .rules_content .article_box .article_list .article_list_list{margin-left: 35px;}
	
	/* 회원가입방법 */
	.membershipWrap .tableWrap table{
		min-width:300px;
	}
	.info_section{
		margin-bottom: 50px;
	}
	.info_section .section_desc{
		color: rgba(0, 0, 0, 0.70);
		font-size: 2rem;
		line-height: 28px;
		letter-spacing: -0.2px;
		margin-left: 10px;
	}

	.info_list { 
		padding-left: 22px; 
		margin-bottom: 20px; 
	}
	.info_list li { 
		position: relative; 
		color: rgba(0, 0, 0, 0.70);
		font-size: 2rem;
		line-height: 32px;
	}
	.info_list.bullet li::before { 
		content: '•'; 
		position: absolute; 
		left: -15px; 
		color: rgba(0, 0, 0, 0.70);
	}
	.tableWrap table tr.total_row {
		border-top: 1px solid #76716B;
		background: #F9F9F9;
	}
	.tableWrap table .total_row td{
		font-weight: 500;
	}
	.info_section .step_outer_wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 30px;
		width: 100%;
		gap:10px;
	}

	.info_section .step_outer_wrap .step_box {
		background: #F7F4EF;
		border-radius: 7px;
		padding: 30px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 250px;
		box-sizing: border-box;
		width: 400px;
	}

	.info_section .step_outer_wrap .step_box .step_inner_content .step_num {
		color: #635D56;
		font-size: 1.3rem;
		display: block;
		margin-bottom: 20px;
		font-weight: 600;
		font-family: var(--fontFamilyP);
		text-decoration: underline;
		line-height: 28px;
	}

	.info_section .step_outer_wrap .step_box .step_inner_content h3 {
		font-size: 2rem;
		margin-bottom: 10px;
		color: #F8664D;
		font-weight: 600;
		font-family: var(--fontFamilyP);
		line-height: 28px;
	}

	.info_section .step_outer_wrap .step_box .step_inner_content p {
		font-size: 1.6rem;
		color: rgba(0, 0, 0, 0.60);
		line-height: 22px; 
		letter-spacing: -0.16px;
	}

	.btn_download {
		display: inline-block;
		margin-top: 20px;
		padding: 7px;
		width: 173px;
		height: 35px;
		background: #69584F;
		color: #fff;
		font-size: 1.4rem;
		line-height: 22px;
		text-align:center;
		cursor:pointer;
		vertical-align:middle;
	}
	.btn_download:hover{
		box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.2);
	}
	.info_section .step_outer_wrap .step_box .step_icon_area {
		width: 70px;
		min-width: 60px;
		margin-left: 10px;
	}


	.info_section .step_outer_wrap .step_arrow_img {
		height: 13px;
		min-width: 20px;
		display: flex;
		justify-content: center;
	}
	/* 찾아오시는길 */
		.locationWrap{margin:20px 0;}
	.locationWrap .locationInfo{
		display:flex;
		align-items: center;
		gap: 5px;
		font-family: var(--fontFamilyP);
		font-size: 1.6rem;
		color: #3B3938;
	}
	.locationWrap .mapWrap{
		width:100%;
		height:550px;
		border-radius: 15px;
		background: #D9D9D9;
		overflow:hidden;
		margin: 20px 0;
	}
	.locationWrap .location_bottom{
		display: flex;
		flex-wrap:wrap;
		gap: 15px 0;
		align-items: center;
	}

	.locationWrap .location_bottom .leftCon{
		margin-right:auto;
		padding-right:20px;
	
	}
	.locationWrap .location_bottom .rightCon .locationInfo {
        position: relative;
        padding: 0 40px;
		white-space: nowrap;
    }
	.locationWrap .location_bottom .rightCon .locationInfo:last-child{
		padding-right:0;
	}
    .locationWrap .location_bottom .rightCon {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .locationWrap .location_bottom .rightCon .locationInfo::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 20px;
        background: #D6D6D6;
    }

    .locationWrap .locationInfo a:hover {
        text-decoration: underline;
    }
	/* 양봉자조금사업 */
	.checkOffWrap .info_section .step_box .info_list li{
		font-size:1.6rem;
		line-height: 22px;
		letter-spacing: -0.16px;
	}

	.checkOffWrap .info_section .step_box.lastBox{
		background: #FEF5E7;
	}
	.checkOffWrap .info_section .step_outer_wrap .step_box {
		align-items: stretch;
	}

	.checkOffWrap .info_section .step_box .step_num {
		min-height: 30px;
	}

	.checkOffWrap .info_section .step_box .step_icon_area {
		display: flex;
		align-items: center;
	}
	.project_header {
		display: flex;
		align-items: center;
		gap: 15px;
		margin-bottom: 50px;
		flex-wrap:wrap;
	}
	.project_header .subconTitle {margin-bottom:0;}

	.project_header .year_select_wrap {
		position: relative;
		width: 140px;
	}

	.project_header .year_select {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px 25px;
		background: #F7F4EF;
		border-radius: 25px;
		cursor: pointer;
	}

	.project_header .year_select span {
		font-size: 1.8rem;
		font-weight: 600;
		color: #635D56;
		letter-spacing: -0.5px;
	}

	.year_select i {
		transition: transform 0.2s ease; 
	}

	.year_select.active i {
		transform: rotate(180deg);
	}

	.select-options {
		position: absolute;
		top: 110%;
		left: 0;
		width: 100%;
		background: #fff;
		border-radius: 10px;
		box-shadow: 0 10px 25px rgba(0,0,0,0.1);
		list-style: none;
		margin: 0;
		display: none;
		z-index: 100;
		max-height: 250px;
		overflow-y: auto;
	}

	.select-options li {
		padding: 12px 25px;
		font-size: 18px;
		color: #666;
		cursor: pointer;
		transition: background 0.2s;
	}

	.select-options li:hover {
		background-color: #f0ede8;
		color: #333;
	}

	.project_section {
		display: flex;
		padding: 60px 0;
		gap: 80px;
	}

	.project_section .section_left {
		width: 250px;
		position: relative;
		padding-top: 10px;
	}
	.project_section .section_left .bg_num {
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 3.4rem;
		font-weight: 700;
		color: #E8E8E8;
		font-family: var(--fontFamilyP);
		z-index: 1;
	}
	.project_section .section_left .sub_eng {
		font-size: 1.2rem;
		color: #919191;
		margin-bottom: 20px;
		position: relative;
		font-family: var(--fontFamilyP);
		font-weight: 600;
		top:13px;
		left:13px;
		z-index: 2;
		letter-spacing: 0.24px;
	}

	.project_section .section_left .section_title {
		display: inline;
		font-family: var(--fontFamilyP);
		font-size: 2.4rem;
		font-weight: 700;
		position: relative;
		z-index: 1;
		color: #000;
		background-image: linear-gradient(transparent 70%, #FFE6E2 40%);
		box-decoration-break: clone;
		-webkit-box-decoration-break: clone;
	}

	.project_section .section_right {
		flex: 1;
	}
	.project_section .section_right .image_row {
		display: flex;
		gap: 13px;
		margin-bottom: 25px;
		flex-wrap: wrap;
	}
	.project_section .section_right .image_row .img_box {
		width: 200px;
		aspect-ratio: 97/64;
	}

	.project_section .section_right .image_row .img_box img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	.project_section .project_list li {
		position: relative;
		padding-left: 20px; 
		margin-bottom: 28px;
	}
	.project_section .project_list li:last-child{margin-bottom:0;}
	.project_section .project_list li strong {
		display: block;
		font-size: 2.2rem;
		font-weight: 500;
		color: #000;
		margin-bottom: 14px;
	}

	.project_section .project_list li::before {
		content: '';
		position: absolute;
		left: 0;
		top: 14px;
		width: 6px;
		height: 6px;
		background-color: #000;
		border-radius: 50%;
	}

	.project_section .project_list li p {
		font-size: 2rem;
		color: rgba(0, 0, 0, 0.70);
		line-height: 28px;
		padding-left: 15px;
		position: relative;
	}

	.project_section .project_list li p::before {
		content: '-';
		position: absolute;
		left: 0;
		color: rgba(0, 0, 0, 0.70);
	}

	.section_divider {
		border: 0;
		border-top: 1px dashed #CECECE;
		margin: 0px;
	}

	.select-options::-webkit-scrollbar { width: 6px; }
	.select-options::-webkit-scrollbar-thumb { background: #ddd; border-radius: 10px; }


	.project_section .section_right .image_row .img_box.youtube a {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
	}

	.project_section .section_right .image_row .img_box.youtube a:hover::after {
		content: '';
		position: absolute;
		top: 0; 
		left: 0;
		width: 100%; 
		height: 100%;
		background: rgba(0,0,0,0.2);
	}

	.project_section .section_right .image_row .img_box.youtube a .play_icon {
		position: absolute;
		top: 50%; 
		left: 50%;
		transform: translate(-50%, -50%);
		width: 30px; 
		height: 30px;
		background: rgba(255, 0, 0, 0.8);
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 2;
	}

	.project_section .section_right .image_row .img_box.youtube a .play_icon::after {
		content: '';
		border-left: 10px solid white;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		margin-left: 4px;
	}
	
	/* 통합검색 */
	.searchPageWrap .search_top_box { 
		background: #fff; 
		border: 1px solid #0000001A; 
		border-radius: 15px; 
		padding: 50px 20px 35px; 
		margin-bottom: 50px;
		margin-top:20px;
	}
	.searchPageWrap .search_top_box .search_inner { margin: 0 auto; text-align: center; }

	.searchPageWrap .search_top_box .search_inner .input_group { 
		display: flex;
		justify-content: center;
		gap: 5px; 
		margin-bottom: 25px; 
	}
	.searchPageWrap .search_top_box .search_inner .input_group .search_input { 
		max-width: 672px; 
		padding: 10px 25px;
		height: 50px;
		flex: 1;
		border: 1px solid rgba(0, 0, 0, 0.10);
		border-radius: 25px;
		font-size: 1.8rem; 
		color: #333;
	}
	.searchPageWrap .search_top_box .search_inner .input_group .search_input::placeholder{
		font-size: 1.8rem; 
		color: #00000057;
	}
	.searchPageWrap .search_top_box .search_inner .input_group .search_btn { 
		width: 100px; 
		height: 50px; 
		background: linear-gradient(0deg, #8E7060 0%, #8E7060 100%), #F96951;
		color: #fff;
		border-radius: 25px; 
		font-weight: 600;
		padding: 0 25px;
		font-size: 1.8rem; 
	}
	.searchPageWrap .search_top_box .search_inner .input_group .search_btn:hover{
		box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.1);
	}

	.searchPageWrap .search_top_box .search_inner .recommend_area { 
		display: flex; 
		align-items: center; 
		justify-content: center; 
		gap: 20px; 
	}
	.searchPageWrap .search_top_box .search_inner .recommend_area .rec_title { 
		font-weight: 600; 
		color: #000; 
		font-size: 1.6rem; 
	}
	.searchPageWrap .search_top_box .search_inner .recommend_area .rec_tags { display: flex; gap: 10px; }
	.searchPageWrap .search_top_box .search_inner .recommend_area .rec_tags a { 
		background: #F7F4EF; 
		padding: 5px 10px;
		border-radius: 30px; 
		font-size: 1.5rem; 
		color: #524536;
		font-weight: 600;
		width:120px;
		height: 40px;
		display:flex;
		align-items: center; 
		justify-content: center; 
	}
	.searchPageWrap .search_top_box .search_inner .recommend_area .rec_tags a:hover { background: #e8e4e1; }
	
	.searchPageWrap .search_result{
		font-size: 3rem;
		font-family: var(--fontFamilyP);
		font-weight: 600;
		color: #000;
		margin-bottom:30px;
		text-align:center;
	}
	.searchWord{color: #DD634F; font-weight: 700;}
	.searchPageWrap .search_result .searchWord{
		font-size: 3.2rem;
	}

	.searchPageWrap .search_content_Wrap .result_section { margin-bottom: 60px; }

	.searchPageWrap .search_content_Wrap .result_section .section_title { 
		font-size: 2.4rem; 
		font-weight: 600; 
		border-bottom: 1px solid #000000AB;
		padding-bottom: 30px;
		font-family: var(--fontFamilyP);
		color: #3B3B3B;
	}
	.searchPageWrap .search_content_Wrap .result_section .section_title .searchNum{
		color: #F05A41;
		font-size: 3rem;
		font-weight: 700;
	}

	.searchPageWrap .search_content_Wrap .result_section .video_flex_row { display: flex; gap: 30px; padding-top:30px; }
	
	.searchPageWrap .search_content_Wrap .result_section .video_flex_row .video_thumb_wrap{aspect-ratio: 149/86;}

	.searchPageWrap .search_content_Wrap .result_section .video_flex_row .video_card { 
		flex: 1; 
		border: 1px solid #DDD;
		border-radius: 15px; 
		overflow: hidden; 
	}
	.searchPageWrap .search_content_Wrap .result_section .video_flex_row .video_card:hover{
		border: 1px solid #FF7761;
		background: #FFF8E3;
	}

	.searchPageWrap .search_content_Wrap .result_section .video_flex_row .video_card .video_text{
		padding: 20px;
		font-family: var(--fontFamilyP);
	}
	.searchPageWrap .search_content_Wrap .result_section .video_flex_row .video_card .video_text .v_title { 
		font-size: 2.4rem; 
		font-weight: 500; 
		margin-bottom: 15px;
		text-overflow: ellipsis;
		overflow: hidden;
		color: #000;
		white-space: nowrap;
	}

	.searchPageWrap .search_content_Wrap .result_section .video_flex_row .video_card .video_text .v_date { 
		color: rgba(0, 0, 0, 0.40);
		font-size: 1.6rem;
	}

	.searchPageWrap .search_content_Wrap .result_section .board_result_list li { border-bottom: 1px dashed #E0E0E0; }
	.searchPageWrap .search_content_Wrap .result_section .board_result_list li a{display:block; padding: 30px 0;}
	.searchPageWrap .search_content_Wrap .result_section .board_result_list li a:hover{background: #FFF8E3;}
	.searchPageWrap .search_content_Wrap .result_section .board_result_list li a .post_subject { 
		font-size: 2.2rem; 
		font-weight: 500; 
		color: #333;
		line-height: 24px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space:nowrap;
	}

	.searchPageWrap .search_content_Wrap .result_section .board_result_list li a .post_subject .searchWord{ color: #DD634F; font-weight: 700;}
	.searchPageWrap .search_content_Wrap .result_section .board_result_list li a .post_excerpt { 
		color: #666;
		font-size: 2rem; 
		line-height: 27px;
		margin-top: 30px; 
		margin-bottom: 20px; 
		display: -webkit-box; -webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		overflow: hidden; 
	}
	.searchPageWrap .search_content_Wrap .result_section .board_result_list li a .post_excerpt .searchWord{color: #DD634F;
	}
	.searchPageWrap .search_content_Wrap .result_section .board_result_list li a .post_date { color: #999; font-size: 2rem; }

	.searchPageWrap .search_content_Wrap .result_section .noneData{
		text-align:center;
		padding: 50px 0;
	}
	.more_link_wrap { display: flex; justify-content: flex-end; margin-top: 30px; }
	.btn_view_more { 
		padding: 10px 20px; 
		border: 2px solid #8E7060;
		border-radius: 10px;
		color: #8E7060; 
		display:flex;
		justify-content:space-between;
		align-items:center;
		gap:10px;
		font-size: 2rem;
		font-weight: 600;
	}
	.btn_view_more:hover{
		color: #fff;
		background:#8E7060;
	}
	.btn_view_more .icon-angle-right {
		font-size: 3rem;
	}
	/* 동영상 게시판 리스트 */
	/* .videoListWrap ul {display: flex; gap: 20px; flex-wrap: wrap; margin-top: 42px;}
	.videoListWrap ul li{width: calc((100% - 40px) / 3); } */
	
	.videoListWrap ul {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	margin-top: 42px;
}
.videoListWrap ul li {
	width: calc((100% - 40px) / 3); /* PC: 3열 */
}

@media (max-width: 1300px) {
	.videoListWrap ul li {
		width: calc((100% - 20px) / 2); /* 1300px 이하: 2열 */
	}
}

@media (max-width: 800px) {
	.videoListWrap ul li {
		width: 100%; /* 800px 이하: 1열 */
	}
}

	.videoListWrap ul li .video_card {
		display: block;
		border: 1px solid #DDD;
		border-radius: 15px; 
		overflow: hidden; 
	}
	.videoListWrap ul li .video_card .video_thumb_wrap{
		aspect-ratio: 50/28;
	}
	.videoListWrap ul li .video_card:hover{
		border: 1px solid #FF7761;
		background: #FFF8E3;
	}

	.videoListWrap ul li .video_card .video_text{
		padding: 20px;
		font-family: var(--fontFamilyP);
	}
	.videoListWrap ul li .video_card .video_text .v_title { 
		font-size: 2.4rem; 
		font-weight: 500; 
		margin-bottom: 15px;
		text-overflow: ellipsis;
		overflow: hidden;
		color: #000;
		white-space: nowrap;
	}

	.videoListWrap ul li .video_card .video_text .v_date { 
		color: rgba(0, 0, 0, 0.40);
		font-size: 1.6rem;
	}
	.boardViewCon iframe {
		width: 100%;
		aspect-ratio: 16 / 9;   
		height: auto;   
	}
	
	/* 주요사업 */
	
	.project_section_wrap .project_section .tableWrap table{min-width: 300px;}
	.project_section_wrap .project_section .businessCon{
		font-size: 1.6rem;
	}
	.project_section_wrap .project_section .project_list_title{
		color: #FF8C79;
		font-size: 2.2rem;
		font-family: var(--fontFamilyP);
		font-weight:600;
		margin: 20px 0 14px;
	}
	.project_section_wrap .project_section .project_list li {margin-bottom: 15px; word-break: break-all;}

	.project_section_wrap .project_section .project_list li::before{
		left: 15px;
		top: 11px;
	}
	.project_section_wrap .project_section .project_list li strong{
		font-size: 2rem;
		margin-bottom: 5px;
		margin-left:10px;
	}
	.project_section_wrap .project_section .project_list li .desc_text{
		font-size: 1.8rem;
		line-height: 24px;	
	}
	.project_section_wrap .project_section .project_list li .order{
		display:block;
		font-size: 1.9rem;
		font-weight:500;
		margin-top: 5px;
	}
	.project_section_wrap .project_section .project_list li .desc_text::before{
		left:2px;
	}
	.project_header.business_header{margin-bottom:0;}
	.business_header .select-options li a{display:block; padding: 12px 25px;}
	
	.business_header .select-options li{padding:0;}
	
	/* 국제대회 */
	.contestWrap .project_section .section_left{width: 300px;}
	.contestWrap .event_summary_box{
		width:100%;
		display: flex;
		gap:30px;
		padding: 30px;
		background: #F9F9F9;
		border-radius:15px;
	}
	.contestWrap .event_summary_box .summary_right .summary_info_list li{
		color: #302B26;
		font-family: var(--fontFamilyP);
		font-size: 2rem;
		line-height: 40px;
	}
	/* 사양관리 */
	.managementWrap{margin-bottom:30px;}
	.managementWrap.rules_wrap .rules_item .rules_header .rules_title {display: flex; gap:15px; align-items:center;}
	.managementWrap.rules_wrap .rules_item .rules_header .rules_title .titleNum{
		border-radius: 28.5px;
		background: #635D56;
		color: #FFF;
		font-size: 3rem;
		font-weight: 700;
		line-height: 27.6px; 
		font-family: var(--fontFamilyP);
		padding: 14.5px 18px;
		display: block;
	}
	.managementWrap.rules_wrap .rules_item .rules_content .article_box ul{
		font-size: 1.8rem;
		color: #635D56;
		line-height: 28.8px;
		font-weight: 500;
		padding-top: 10px;
	}
	.managementWrap.rules_wrap .rules_item .rules_content .article_box li{
		padding-top: 5px;
	}
	table caption {
		display: none;
	}
	.surveyWrap .tableTitle{
		color: #635D56;
		font-size: 2rem;
		margin-top: 30px;
		font-weight: 500;
		font-family: var(--fontFamilyP);
	}
	.surveyWrap .tableWrap{
		margin-top: 5px;
	}
	.surveyWrap .tableWrap table .pointLine th{
		border-top:0;
		border-bottom: 1px solid #0000001A;
		background: #fef5f5;
	}
	
	/* 양봉의 역사 */
	.imgPart {
		display: flex;
		gap:20px;
		margin: 20px 0;
		align-items: center;
	}
	.originsWrap .imgPart .imgWrap{
		min-width:200px;
	}
	.imgPart .imgWrap img{vertical-align:middle;}
	.colorText{
		color: #FF8C79;
		font-weight: 500;
	}
	.colorText.colorSentence{
		display: block;
		margin: 20px 0;
	}
	
	.originsWrap .tableWrap td:last-child{text-align:left;}
	
	/* 벌꿀의 성분 및 효능 */
	.listTitle{
		color: #FF8C79;
		font-size: 2.2rem;
		font-family: var(--fontFamilyP);
		font-weight: 600;
		margin: 20px 0 5px;
	}
	.info_section ul{margin: 10px 0px 10px 20px;}
	.info_section ul li{
		color: rgba(0, 0, 0, 0.70);
		font-size: 1.8rem;
		line-height: 28px;
	}
	/* .benefitWrap .imgBoxWrap{justify-content:center;} */
	
	/* 로얄젤리 */
	.royaljellyWrap .imgWrap{text-align:center; margin: 15px 0;}
	
	.royaljellyWrap .royaljellyVisual{
		background: linear-gradient(to right, 
            rgba(249, 249, 249, 0) 0%,   
            rgba(249, 249, 249, 0.5) 40%, 
            rgba(249, 249, 249, 1) 80%), url("/images/products/royaljelly_img_1-3.png") left center no-repeat;
		margin-bottom: 30px;
	}
	
	/* 프로폴리스 */
	/* 봉독 */
	.info_section .wordInfo{background:#F9F9F9; padding:20px; border-radius:15px; margin:20px 0;}
	.info_section .wordInfo li{margin:10px 0;}
	.venomWrap .gridWrap .card-grid{grid-template-columns: repeat(3, 1fr); }
	
	/* 봉독의 성분 및 효능 */
	.gridWrap{margin-top:50px;}

	.gridWrap .card-grid { 
		display: grid; 
		grid-template-columns: repeat(4, 1fr); 
		gap: 25px; 
		margin-bottom: 50px;
	}

	.gridWrap .card-grid .flip-card {
		background-color: transparent;
		width: 100%;
		height: 300px;
		perspective: 1000px;
	}

	.gridWrap .card-grid .flip-card .flip-card-inner {
		position: relative;
		width: 100%;
		height: 100%;
		text-align: center;
		transition: transform 0.6s;
		transform-style: preserve-3d;
		font-family: var(--fontFamilyP);
	}

	.gridWrap .card-grid .flip-card:hover:not(.no-flip) .flip-card-inner {
		transform: rotateY(180deg);
	}

	.gridWrap .card-grid .flip-card .flip-card-inner .flip-card-front, 
	.gridWrap .card-grid .flip-card .flip-card-inner .flip-card-back {
		position: absolute;
		width: 100%;
		height: 100%;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		border-radius: 10px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 20px;
		box-sizing: border-box;
		font-size: 2rem;
		font-weight: 500;
	}

	.gridWrap .card-grid .flip-card .flip-card-inner .flip-card-front {
		background: #FFFBF6;
		color: #3F3F3F;
		gap:15px;
	}

	.gridWrap .card-grid .flip-card .flip-card-inner .flip-card-back {
		background: #786957;
		color: #fff;
		transform: rotateY(180deg);
		word-break: keep-all;
	}

	.gridWrap .card-grid .flip-card.no-flip .flip-card-front {
		background: #F9F9F9;
	}
	.imgWrap{text-align:center; margin: 20px 0;}
	
	.venom_benefitsWrap .imgPart{align-items: start;}
	
	.caution_section{
		padding: 30px 40px;
		border-radius: 15px;
		background: #FFF9F9;
	}
	
	.caution_section .listTitle{color: #000; margin: 0 0 15px 0;}
	.caution_section .info_list{margin:0;}
	.imgBox{
		width: 100%;
		max-width: 520px;
		min-width: 300px;
		border: 1px solid #D9D9D9;
		border-radius: 10px;
		background-color: #fff;
		overflow: hidden;
	}
	.imgBox .imgWrap{margin: 10px 0;}
	.imgBox .imgBox_info{
		width:100%;
		background: #F9F9F9;
		color: #3C3C3C;
		font-size: 2rem;
		font-weight: 500;
		line-height: 30px;
		text-align:center;
		padding: 10px;
	}
	.imgPart .mo_caption{display:none;}
	.imgPart .mo_caption .center{display: block; text-align:center;}
	
	/* 연구소 연혁 */
	.labHistoryWrap .tableWrap table {border-top: 2px solid #635D56; border-bottom: 1px solid #0000001A;}
	.labHistoryWrap .tableWrap table th{border-bottom:none;}
	.labHistoryTimeline .list_area ul li b{font-weight:700;}
	.labHistoryTimeline.historyWrap .timeline_bar { left: 10px; transform: none; }
	.labHistoryTimeline.historyWrap .history_item { justify-content: flex-start !important; padding-left: 50px; margin-bottom: 40px; }
	.labHistoryTimeline.historyWrap .content_box { width: 100% !important; padding: 0 !important; align-items: flex-start !important; }
	.labHistoryTimeline.historyWrap .year_area { flex-direction: row-reverse !important; justify-content: flex-start !important;  margin-bottom: 0px;}
	.labHistoryTimeline.historyWrap .dot { margin-left: -47px !important; margin-right: 0px !important; }
	.labHistoryTimeline.historyWrap .list_area { text-align: left !important; padding: 0 0 0 28px !important;}
	.labHistoryTimeline.historyWrap .list_area ul li { text-align: left !important;}
	.labHistoryTimeline.historyWrap .line_connect {width: 50px;}
	/* 생산농가 품질관리 */
	.qcWrap .qcVisual{
		background: linear-gradient(to right, 
            rgba(249, 249, 249, 0) 0%,   
            rgba(249, 249, 249, 0.5) 40%, 
            rgba(249, 249, 249, 1) 80%), url("/images/lab/lab_img_1-3.png") left center no-repeat;
		margin-bottom: 30px;
	}
	.qcWrap .imgWrap{text-align:center;}
	.qcWrap .stepWrap .stepline02 .downArrow{display:none;}
	.qcWrap .stepWrap .stepline03{justify-content:center;}
	
	.qcWrap .stepWrap ul li{text-align:left;}
	
	.stepWrap .stepBox{
		background: #F7F4EF;
		border-radius: 7px;
		padding: 30px;
		display: flex;
		justify-content: flex-start;
		flex-direction:column;
		align-items: start;
	}
	.stepBox .stepContent {
		width: 100%;
		/* margin-top: auto;
		margin-bottom: auto; */
		text-align: left; 
	}
	.stepWrap .stepBox .stepText{
		font-size: 1.8rem;
		color: #635D56;
		line-height: 28px;
		letter-spacing: -0.16px;
		font-weight:500;
		text-align: left; 
		color: #F8664D;
		font-family: var(--fontFamilyP);
	}
	.stepWrap .stepBox .stepNum{
		color: #635D56;
		font-size: 1.3rem;
		display: block;
		margin-bottom: 10px;
		font-weight: 600;
		font-family: var(--fontFamilyP);
		text-decoration: underline;
		line-height: 28px;
		text-align:left;
	}
	.stepWrap .stepBox ul li{
		color: rgba(0, 0, 0, 0.60);
		font-size: 1.6rem;
		line-height: 22px;
		text-align:left;
	}
	.stepWrapQc .stepline01, .stepWrapQc .stepline03 {align-items: stretch;}
	.stepWrapQc .next_arrow, .stepWrapQc .prev_arrow {display: flex; align-items: center;}
	.stepWrapQc .stepBox {padding-right: 10%;}
	.stepWrapQc .stepBox.step01 {background: #F7F4EF url('/images/lab/lab_qc_01.png') no-repeat center right 30px / auto 60px;}
	.stepWrapQc .stepBox.step02 {background: #F7F4EF url('/images/lab/lab_qc_02.png') no-repeat center right 30px / auto 90px;}
	.stepWrapQc .stepBox.step03 {background: #F7F4EF url('/images/lab/lab_qc_03.png') no-repeat center right 30px / auto 80px;}
	.stepWrapQc .stepBox.step04 {background: #F7F4EF url('/images/lab/lab_qc_04.png') no-repeat center right 30px / auto 60px;}
	.stepWrapQc .stepBox.step05 {background: #F7F4EF url('/images/lab/lab_qc_05.png') no-repeat center right 30px / auto 80px;}
	.stepWrapQc .stepBox ul li {word-break: keep-all;}
	.stepWrapQc .stepBox b {font-size: 1.6rem; font-weight: 500; display: block; margin-top: 20px;}
	/* 실험진행순서 */
	.processWrap .more_link_wrap{margin-top: 0px;}
	.processWrap .btn_download{margin-top: 10px;}
	.processWrap .tableWrap table td.help_td {
		position: relative;
		overflow: visible !important;
		z-index: 10 !important;
	}
	
	.processWrap .tableWrap table td.help_td:hover,
	.processWrap .tableWrap table td.help_td.active {
		z-index: 100 !important;
	}
	
	.processWrap .tableWrap table tbody tr:hover,
	.processWrap .tableWrap table tbody tr.active {
		position: relative;
		z-index: 100 !important; 
	}
	
	.processWrap .tableWrap table td.help_td span{font-weight:bold;}
	.processWrap .tableWrap table .btn_td_help {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding-top: 3px;
		width:18px;
		height:18px;
		line-height: 18px;
		border-radius: 50%;
		background: #888; 
		color: #fff;
		font-size: 1.3rem; 
		font-weight: 600;
	}
	.processWrap .tableWrap table .btn_td_help:hover { background: #333; }


	.processWrap .tableWrap table .td_tooltip {
		display: none;
		position: absolute;
		/* top: calc(100% + 5px);  */
		top: 100%;
		right: 0px;
		width: 200px; 
		box-sizing: border-box;
		background: #ffffff;
		border: 1px solid #635D56;
		border-radius: 6px;
		padding: 10px;
		text-align: left;
		box-shadow: 0px 4px 12px rgba(0,0,0,0.15);
		z-index: 99;
	}
	
	.processWrap .tableWrap table .td_tooltip.lg {
		width: 290px;
		right: 0px;
	}

	.processWrap .tableWrap table .btn_td_help:hover + .td_tooltip, 
	.processWrap .tableWrap table td.help_td.row_bottom .btn_td_help:hover + .td_tooltip {
		display: block;
	}

	.processWrap .tableWrap table td.help_td.row_bottom .td_tooltip {
		top: auto;                 
		bottom: calc(100% + 5px);
		right: 0px;
	}

	.processWrap .tableWrap table .td_tooltip:hover {
		display: block;
		position: fixed;
		z-index: 9999;
	}
	
	.processWrap .tableWrap table .td_tooltip.active {
		display: block;
		position: fixed;
		z-index: 9999;
	}

	.processWrap .tableWrap table .td_tooltip strong{
		font-size:1.5rem;
		font-weight:600;
		line-height: 22px;
		display: block;
	}
	.processWrap .tableWrap table .td_tooltip ul li{
		font-size:1.4rem;
		line-height: 20px;
	}
	.stepWrap{margin:15px 0;}
	.stepWrap .stepline01,
	.stepWrap .stepline03 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap:10px;
	}

	.stepWrap .stepline02 {
		display: flex;
		justify-content: flex-end;
		padding: 15px 14% 15px 0;
	}

	.stepBox {
		width: 30%;
		min-height: 200px;
		box-sizing: border-box;
		text-align:center;
	}
	.processWrap .tableWrap table{border-top: 2px solid #635D56;}    
	
	.popItemWrap{
		padding: 15px;
		background: #fff;
		border-radius: 0px;
	}
	.popItemWrap .tableWrap {margin:0; margin-bottom: 20px;}
	.popItemWrap .tableWrap table{min-width: 0px;}
	.historySearchWrap .imgWrap{
		text-align:center;
		margin: 15px 0;
	}
	.flexTitle{display: flex; gap: 10px; align-items:center;}
	.historySearchWrap .btn_view_more img{filter: invert(49%) sepia(8%) saturate(1915%) hue-rotate(336deg) brightness(93%) contrast(85%);}
	.historySearchWrap .btn_view_more:hover img{filter: brightness(0) invert(1);}
	
	.historySearchWrap .tooltipLayer_2 {
		display: none;
	}
	.stepWrapProcess .stepline01, .stepWrapProcess .stepline03 {align-items: stretch;}
	.stepWrapProcess .next_arrow, .stepWrapProcess .prev_arrow {display: flex; align-items: center;}
	.stepWrapProcess .stepBox {padding-right: 10%;}
	.stepWrapProcess .stepBox.step01 {background: #F7F4EF url('/images/lab/lab_step_01.png') no-repeat center right 30px / auto 80px;}
	.stepWrapProcess .stepBox.step02 {background: #F7F4EF url('/images/lab/lab_step_02.png') no-repeat center right 30px / auto 80px;}
	.stepWrapProcess .stepBox.step03 {background: #F7F4EF url('/images/lab/lab_step_03.png') no-repeat center right 30px / auto 65px;}
	.stepWrapProcess .stepBox.step04 {background: #F7F4EF url('/images/lab/lab_step_04.png') no-repeat center right 30px / auto 80px;}
	.stepWrapProcess .stepBox.step05 {background: #F7F4EF url('/images/lab/lab_step_05.png') no-repeat center right 30px / auto 80px;}
	.stepWrapProcess .stepBox.step06 {background: #F7F4EF url('/images/lab/lab_step_06.png') no-repeat center right 30px / auto 80px;}
	.stepWrapProcess .stepBox ul li {word-break: keep-all;}
	.stepWrapProcess .stepBox b {font-size: 1.6rem; font-weight: 500; display: block; margin-top: 20px;}
	/* 한벌꿀 생산이력 검색 */
	.downBtn{
		display:flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		margin-bottom:50px;
	}
	.downBtn button{
		width: 240px;
		padding: 15px; 
		font-size: 2rem;
		color: #FFF;
		border-radius: 10px;
	}
	.downBtn button:hover{ box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.1);}
	.downBtn .and{ background: #B2A8A3;}
	.downBtn .ios{ background: #635D56;}
	
	.tooltipLayer_page {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 20px;
		z-index: 9999;
	}
	.tooltipLayer_page .tooltipMask {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
	}
	.tooltipLayer_page  .tooltipBox {
		position: absolute;
		right: 30px;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 420px;
		border-radius: 30px;
		background: #FFF;
	}
	.tooltipLayer_page .tooltipBox h5 {display: flex; justify-content: space-between; font-size: 1.8rem; font-weight: 600; padding: 20px; border-bottom: 1px solid rgba(0,0,0,0.1);}

	.tooltipLayer_page .tooltipBox h5 button {font-size: 2rem;}
	.tooltipLayer_page .tooltipBox h5 button:hover {color: #FF7761; }
	.tooltipLayer_page .tooltipBox .tooltipCont {padding: 20px;}
	.tooltipLayer_page .tooltipBox .tooltipCont div.iframe {
		position: relative;
		width: 100%;
		height: 0;
		padding-top: 177.5%;
		border-radius: 20px;
		overflow: hidden;
	}
	.tooltipLayer_page .tooltipBox .tooltipCont div.iframe iframe {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	}
	
	.honeySearchWrap {
		position: relative;
		background: #18446a;
		width: 100%;max-width: 1000px;
		padding: 30px;
		margin: 0 auto;
		font-family: var(--fontFamilyP);
	}
	.honeySearchWrap .bg01,
	.honeySearchWrap .bg02 {
		position: absolute;
		width: 100%;
		height: auto;
	}
	.honeySearchWrap .bg01 {left: 0; top: 0;}
	.honeySearchWrap .bg02 {left: 0; bottom: 0;}
	.honeySearchWrap .gradeWrap {
		position: relative;
		z-index: 1;
		margin: 1% auto 8%;

		width: 100%;
		text-align: center;
	}
	.honeySearchWrap .gradeWrap img {height: 180px;}
	.honeySearchWrap .gradeWrap h5 {
		position: absolute;
		top: 30px;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		font-size: 3rem;
		font-weight: bold;
		color: #ffd97f;
	}
	.honeySearchWrap .gradeWrap em {
		position: absolute;
		bottom: 30px;
		left: 50%;
		transform: translateX(-50%);
		color: #fff;
		font-weight: 700;
		font-size: 6.5rem;
	}
	.honeySearchWrap > p {
		position: relative;
		z-index: 1;
		color: #FFF;
		text-align: center;
		text-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
		font-size: 2rem;
		font-weight: 500;
		margin-bottom: 20px;
		word-break: keep-all;
	}

	.honeySearchCont {
		position: relative;
		z-index: 1;
		width: 100%;
		padding: 100px;
		background: #fff url(/images/lab/korapis_honeySearch_line.png) no-repeat center / calc(100% - 60px) calc(100% - 60px);
	}
	.honeySearchCont::before {
		position: absolute;
		left: 0;
		bottom: 0;
		content: '';
		width: 100%;
		height: 20%;
		display: block;
		background:  url(/images/lab/korapis_honeySearch_lineBottom.png) no-repeat bottom 30px center / calc(100% - 60px) auto;
	}
	.honeySearchCont::after {
		position: absolute;
		left: 0;
		top: 0;
		content: '';
		width: 100%;
		height: 20%;
		display: block;
		background:  url(/images/lab/korapis_honeySearch_lineTop.png) no-repeat top 30px center / calc(100% - 60px) auto;
	}
	.honeyNumber {
		position: relative;
		z-index: 1;
		text-align: center;
	}
	.honeyNumber img {
		max-width: 600px;
	}
	.honeyNumber svg {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: 0;
		width: 300px;
		height: auto;
		overflow: visible;
	}
	.honeyNumber text {
		fill: #fff;
		font-weight: bold;
		font-size: 5.4rem;
		font-family: 'TimesNewerRoman';
	}
	.honeySearchCont > p {
		color: #6C491D;
		font-size: 2.6rem;
		font-weight: 500;
		text-align: right;
		margin-bottom: 20px;
		margin-top: 70px;
	}
	.honeySearchCont .logo{
		position: relative;
		z-index: 1;
		display: block;
		margin: 0 auto;
		max-width: 213px;
		margin-top: 55px;
	}
	.honeyTable {
		width: 100%;
		margin: 0 auto;
		border-top: 1px solid #000;
	}
	.honeyTable tbody th,
	.honeyTable tbody td {
		text-align: left;
		padding: 25px 80px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.10);
		vertical-align: middle;
	}
	.honeyTable tbody th {
		background: #F7F4EF;
		color: #483113;
		font-weight: 500;
		font-size: 2rem;
	}
	.honeyTable tbody td {
		font-weight: 600;
		color: #000;
	}
	
	/* 양봉판매점 찾기 */
	.marketBtn {margin-top: 26px; text-align: right;}
	.marketBtn button{
		border: 2px solid #FF7761; 
		border-radius: 20px;
		font-size: 2rem;
		font-family: var(--fontFamilyP);
		color: #FF7761;
		padding: 7px 20px;
		font-weight: 500;
	}
	.marketBtn button:hover{
		background-color: #FF7761;
		color: #FFF;
	}
	.marketSearch {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 5px;
		margin-bottom: 40px;
	}
	.marketSearch input {
		width: calc(100% - 210px);
		max-width: 600px;
		padding: 0 20px;
		height: 60px;
		border: 1px solid rgba(0, 0, 0, 0.10);
		border-radius: 60px;
		font-size: 1.8rem;
		color: #333;
		font-family: var(--fontfamily);
	}
	.marketSearch button {
		width: 100px;
		height: 60px;
		background: linear-gradient(0deg, #8E7060 0%, #8E7060 100%), #F96951;
		color: #fff;
		border-radius: 60px;
		font-weight: 600;
		font-size: 1.8rem;
	}
	.marketSearch button:first-of-type:hover {
		color: #8E7060;
		background: #FFF;
		border: 1px solid #8E7060;
	}
	.marketSearch button.reset {
		background: #c3c3c3;
	}

	.marketSearch button.reset:hover {
		background: #9d9d9d;
	}

	.marketList {
		display: flex;
		align-items: stretch;
		justify-content: start;
		flex-wrap:wrap;
		gap: 20px;
		padding-top: 30px;
	}
	.marketList li {
		width: calc(50% - 10px);
		display: flex;
	}
	.marketList li a {
		display: flex;
		width: 100%;
		border: 1px solid #ddd;
		border-radius: 10px;
		overflow: hidden;
		align-items: stretch;
		min-height: 180px;
	}
	.marketList li a:hover {border: 1px solid #FF7761;}
	.marketThumbnail {
		width: 40%;
		/* height: 0; */
		min-height: 100%;
		/* padding-top: 30%; */
		background: #ddd;
	}
	.marketInfo {
		width: 60%;
		padding: 20px;
		justify-content: center;
	}
	.marketInfo h4 {
		font-family: var(--fontFamilyP);
		font-weight: 600;
		color: #000;
		font-size: 2.4rem;
		margin-bottom: 20px;
	}
	.marketInfo .addr li {
		display: flex;
		align-items: flex-start;
		gap: 20px;
		width: 100%;
		font-size: 1.8rem;
		margin-bottom: 5px;
	}
	.marketInfo .addr li b {
		font-weight: 500;
		color: #000;
		word-break: keep-all;
		min-width: 35px;
	}

	.marketList_title {
		font-size: 2.4rem;
		font-weight: 600;
		border-bottom: 1px solid #000000AB;
		padding-bottom: 30px;
		font-family: var(--fontFamilyP);
		color: #3B3B3B;
	}
	.marketList_title .searchNum{
		color: #F05A41;
		font-size: 3rem;
		font-weight: 700;
	}
	
	.marketViewInfo {
		display:flex;
		align-items: stretch;
		gap:40px;
		background: linear-gradient(0deg, #F9F9F9 0%, #F9F9F9 100%), #FFF;
		border: 1px solid #DDD;
		border-radius: 10px;
		overflow:hidden;
		padding: 30px;
		margin-bottom: 40px;
	}
	
	.marketViewInfo .marketImg{
		aspect-ratio:3/2;
		width: 540px;
		overflow:hidden;
	}
	.marketViewInfo .marketInfo{
		flex: 1;             
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
	.marketViewInfo .marketInfo .name{
		color: #000;
		font-size: 3.4rem;
		font-weight: 600;
		font-family: var(--fontFamilyP);
	}
	.marketViewInfo .marketInfo .addr {
		margin-top: auto;
		margin-bottom: auto;  
	}
	.marketViewInfo .marketInfo .addr li {
		display: flex;
		align-items: flex-start;
		gap: 20px;
		font-size: 2.5rem;
		margin-bottom: 8px;
		color: #555;
	}
	
	.marketViewInfo .marketInfo .addr li:last-child {
		margin-bottom: 0;
	}
	.marketViewInfo .marketInfo .addr li b {
		font-weight: 500;
		color: #000;
		word-break: keep-all;
		min-width: 35px;
	}
	
	.localMarket .slick-list {width: calc(100% - 80px); margin: 0 auto;}
	
	.localMarket a.slick-slide {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 300px;
	}
	.localMarket button.slick-arrow {
		position: absolute;
		width: 40px;
		text-align: center;
		color: #333;
		font-size: 3rem;
	}
	.localMarket button.slick-arrow:hover {color: #FF7761;}
	.localMarket button.slick-prev {left: 0; top: 0; height: 100%; border-right: 1px dashed rgba(0,0,0,0.1);}
	.localMarket button.slick-next {right: 0; top: 0; height: 100%; border-left: 1px dashed rgba(0,0,0,0.1);}

	.localMarket {
		position: relative;
		width: 100%;
		margin-bottom: 50px;
	}

	.localMarket .slick-list {
		width: calc(100% - 80px); 
		margin: 0 auto;
	}

	.localMarketSlide .slick-slide {
		padding: 10px; 
	}

	.localMarketSlide .marketCard {
		display: block;
		width: 100%;
		background: #fff;
		border: 1px solid #EAEAEA;
		border-radius: 12px;
		overflow: hidden;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);
		transition: all 0.3s ease;
	}

	.localMarketSlide .marketCard:hover {
		border-color: #FF7761;
		transform: translateY(-3px);
	}

	.localMarketSlide .slideThumb {
		width: 100%;
		aspect-ratio: 5 / 3;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		background-color: #f5f5f5;
		border-bottom: 1px solid #F0F0F0;
	}

	.localMarketSlide .slideTxt {
		padding: 15px;
		text-align: left;
	}

	.localMarketSlide .slideTxt h4 {
		font-size: 2rem;
		font-weight: 600;
		color: #000;
		font-family: var(--fontFamilyP);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.localMarket button.slick-arrow {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 50px;
		height: calc(100% - 20px);
		background: none;
		border: none;
		color: #BBB;
		font-size: 3.5rem;
		cursor: pointer;
		z-index: 10;
		transition: color 0.2s;
	}
	.localMarket button.slick-arrow:hover { color: #FF7761; }
	.localMarket button.slick-prev { left: 0; }
	.localMarket button.slick-next { right: 0; }
			
	
	/* 반응형 */
	@media screen and (max-width: 1300px) {
		.boardListWrap ul .col_writer, .boardListWrap ul .col_hit { display: none; }
		.boardListWrap ul .col_num { width: 15%; }
		.boardListWrap ul li .col_info { width: 85%; }
		.boardListWrap ul .col_subject { width: 75%; }
		.boardListWrap ul .col_date { width: 25%; }
		.galleryListWrap ul{gap: 22px 23px;}
		.galleryListWrap ul li{width: calc((100% - (23px)) / 2);}
		.galleryListWrap .gallery_li .title{padding: 15px; gap: 10px; }
		.galleryListWrap .gallery_li .title b{font-size: 2rem;}
		.galleryListWrap .gallery_li .title span.date{font-size: 1.4rem;}
		.galleryListWrap.galleryList2Wrap ul li .img {max-width: 260px; aspect-ratio: 16 / 9;}
		.galleryListWrap.galleryList2Wrap .gallery_li .title{min-width: 0px;}
		.boardViewWrap .boardViewTop h3{font-size: 2.2rem;}
		.boardViewWrap .boardViewCon p{font-size: 1.6rem;}
		.listBtn button{font-size: 1.8rem; min-width: 100px; height: 42px;}
		.boardViewWrap .boardComment .Comment_option button{width: 100px; height: 42px; font-size: 1.8rem;}
		.boardViewWrap .viewPage_control b, .boardViewWrap .viewPage_control a,.boardViewWrap .viewPage_control .nonePage{font-size: 1.6rem;}
		.boardWrite_top .boardWrite_info .title, .boardWriteWrap .spamCode .title{padding: 15px 8px; font-size: 2rem; width: 25%;}
		.boardWrite_top .boardWrite_info .content, .boardWriteWrap .spamCode .content{padding: 12px 10px 12px 24px; font-size: 1.8rem;}
		.boardWrite_top .boardWrite_info .content .btn_file{font-size: 1.8rem;}
		.joinWrap p{font-size: 1.8rem;}
		.joinWrap b{font-size: 2.6rem;}
		.subCon .subconTitle{font-size: 2.4rem;}
		.joinWrap .joinBenefit ul li{font-size: 1.8rem;}
		.subCon .subconTitle img {max-width: 18px;}
		.myPageWrap .myPageForm .formRow .rowLabel {width: 20%;}
		.myPageWrap .myPageForm .formRow .rowInput .wFull { max-width: 100%;}
		.myPageWrap .myPageForm .formRow .rowInput .flexBox{flex-wrap: wrap;}
		.myPageWrap .myPageForm .formRow {flex-direction: column;}
	
		.myPageWrap .myPageForm .formRow .rowLabel {width: 100%; border-right: none; border-bottom: 1px solid #E0E0E0; padding: 10px 10px; background: #F2F2F2; font-size: 1.6rem;}
		.myPageWrap .myPageForm .formRow .rowInput { padding: 15px 10px; width: 100%; font-size: 1.6rem;}
		
		.myPageWrap .myPageForm .formRow .rowInput input[type="text"], 
		.myPageWrap .myPageForm .formRow .rowInput input[type="password"], 
		.myPageWrap .myPageForm .formRow .rowInput select {height: 40px; font-size: 1.6rem;}
		.myPageWrap .myPageForm .formRow .rowInput .guideText,
		.myPageWrap .myPageForm .formRow .rowInput .staticText{font-size: 1.6rem;}
		.myPageWrap .myPageForm .formRow .rowInput .w260,
		.myPageWrap .myPageForm .formRow .rowInput .w400,
		.myPageWrap .myPageForm .formRow .rowInput .wHalf{width: 100%;max-width: 100%;}
		.myPageWrap .myPageForm .formRow .rowInput select{padding-right: 20px;  background-position: right 10px center;}	
		.myPageWrap .myPageForm .formRow .rowInput select, .myPageWrap .myPageForm .formRow .rowInput .flexBox input{width: 30%; min-width: 100px;}		
		.myPageWrap .myPageForm .formRow .rowInput .flexBox,
		.myPageWrap .myPageForm .formRow .rowInput .emailGroup,
		.myPageWrap .myPageForm .formRow .rowInput .radioGroup{ flex-wrap: wrap; gap: 5px;}	
		.myPageWrap .myPageForm .formRow .rowInput .radioGroup label{font-size: 1.6rem; gap: 4px;}
		.myPageWrap .myPageForm .formRow .rowInput .radioGroup input[type="radio"]{width: 20px; height: 20px;}
		.myPageWrap .myPageForm .formRow .rowInput .radioGroup input[type="radio"]:checked {padding: 3px;}
		.myPageWrap .myPageForm .formRow .rowInput .guideText { margin-left: 0; margin-top: 5px; font-size: 1.5rem;}
		.myPageWrap .myPageForm .formRow .rowInput .btnIn{width: 100px; height: 40px; font-size: 1.6rem;}
		.showAccountWrap b{font-size: 2.6rem;}
		.showAccountWrap p{font-size: 1.8rem;}
		.greetingWrap .greetingVisual {height: auto;display: flex;flex-direction: column;}
		.greetingWrap .greetingVisual .bgBox {height: 100%;border-radius: 20px 20px 0 0;background-size: cover;}
		.greetingWrap .greetingVisual .inner {flex-direction: column-reverse;align-items: center; padding: 40px 20px 65px;text-align: center;}
		.greetingWrap .greetingVisual .personImg {width: 100%;max-width: 300px;margin-top: 20px;}
		.greetingWrap .mainMessage {padding-left: 0;padding-bottom: 0;width: 100%;}
		.greetingWrap .mainMessage .quote {top: -32px;left: 40px;font-size: 8rem;}
		.greetingWrap .mainMessage h2 {font-size: 2.4rem;}
		.greetingWrap .mainMessage h2 strong {font-size: 3.2rem;margin: 10px 0;}
		.greetingWrap .signatureBar {justify-content: center;}
		.greetingWrap .greetingContent {flex-direction: column;gap: 30px;padding: 0 10px;}
		.greetingWrap .greetingContent .textCol {width: 100%; font-size: 1.8rem;}
		.visualWrap{padding: 0 20px;}
		.visualWrap p{font-size: 2.2rem;}
		.purposeWrap .purposeText .content ul li{font-size: 1.8rem;}
		.historyWrap .timeline_bar { left: 10px; transform: none; }
		.historyWrap .history_item { justify-content: flex-start !important; padding-left: 50px; margin-bottom: 40px; }
		.historyWrap .content_box { width: 100% !important; padding: 0 !important; align-items: flex-start !important; }
		.historyWrap .year_area { flex-direction: row-reverse !important; justify-content: flex-start !important;  margin-bottom: 0px;}
		.historyWrap .year_area h2 { font-size: 3.5rem; }
		.historyWrap .dot { margin-left: -47px !important; margin-right: 0px !important; }
		.historyWrap .list_area { text-align: left !important; padding: 0 0 0 28px !important;}
		.historyWrap .list_area ul li { text-align: left !important; font-size: 1.6rem; line-height: 35px; }
		.historyWrap .line_connect {width: 50px;}
		.orgWrap .branch_section .info_area .card_wrap{padding: 20px 30px;}
		.orgWrap .memCount{font-size: 1.8rem;line-height: 20px;}
		.executive_wrap .exec_grid .exec_card {width: calc((100% - 20px) / 2); padding: 15px; gap: 15px;}
		.executive_wrap .exec_grid .exec_card .info .role{font-size: 2rem; margin-bottom: 15px;}
		.executive_wrap .exec_grid .exec_card .info .name{font-size: 1.6rem; margin-bottom: 15px;}
		.executive_wrap .exec_grid .exec_card .info .period{font-size: 1.4rem;}
		.rules_wrap .rules_item .rules_header{padding: 15px 17px; }
		.rules_wrap .rules_item .rules_header .rules_title{font-size: 2.2rem;}
		.rules_wrap .rules_item .rules_content{padding: 20px 15px;}
		.rules_wrap .rules_item .rules_content .article_box{margin-bottom: 20px;}
		.rules_wrap .rules_item .rules_content .article_box .article_title{font-size: 1.8rem; margin-bottom: 0px;}
		.rules_wrap .rules_item .rules_content .article_box .article_text, .rules_wrap .rules_item .rules_content .article_box .article_list li{font-size: 1.6rem;}
		.rules_wrap .rules_item .rules_content .article_box .article_list>li::before {width:25px;}
		.rules_wrap .rules_item .rules_content .article_box .article_list .article_list_list{margin-left: 30px;}
		.info_section .step_outer_wrap {flex-direction: column;}
		.info_section .step_outer_wrap .step_box{padding: 20px; min-height: 0px; width: 360px;}
		.step_arrow_img {transform: rotate(90deg);}
		.info_section .section_desc{font-size: 1.8rem;}
		.info_list li{font-size: 1.8rem;}
		.info_section .step_outer_wrap .step_box .step_inner_content .step_num{margin-bottom: 10px;}
		.locationWrap .location_bottom .rightCon{flex-wrap:wrap; justify-content: flex-start; gap:10px 30px;}
		.locationWrap .location_bottom .rightCon .locationInfo{padding: 0;}
		.locationWrap .location_bottom .rightCon .locationInfo:first-child{padding-left:0;}
        .locationWrap .location_bottom .rightCon .locationInfo::before{display:none;}
		.equal_img {transform: rotate(90deg);}
		.project_section{gap:40px;padding: 40px 0;}
		.project_section .project_list li strong{font-size:2rem; margin-bottom: 7px;}
		.project_section .project_list li p{font-size:1.8rem;}
		.project_section .project_list li{padding-left: 15px;margin-bottom: 15px;}
		.project_section .section_right .image_row{gap: 8px;margin-bottom: 20px;}
		.searchPageWrap .search_top_box{padding: 30px 15px 20px; margin-bottom: 30px;}
		.searchPageWrap .search_top_box .search_inner .input_group .search_input{max-width: 500px; padding: 5px 15px; min-height: 40px; font-size: 1.6rem;}
		.searchPageWrap .search_top_box .search_inner .input_group .search_input::placeholder{font-size: 1.6rem;}
		.searchPageWrap .search_top_box .search_inner .input_group .search_btn{width:80px; height: 40px;font-size: 1.6rem; padding: 0 15px;}
		.searchPageWrap .search_top_box .search_inner .recommend_area .rec_tags a{padding: 3px 5px; width: 90px; height: 35px;}
		.searchPageWrap .search_content_Wrap .result_section .video_flex_row .video_card .video_text{padding:15px;}
		.searchPageWrap .search_content_Wrap .result_section .video_flex_row .video_card .video_text .v_title{font-size:2rem; margin-bottom: 10px;}
		.more_link_wrap{margin-top:15px;}
		.btn_view_more{ padding: 7px 15px; font-size: 1.6rem; gap: 10px; height:40px;}
		.btn_view_more .icon-angle-right{font-size:2.5rem;}
		.searchPageWrap .search_content_Wrap .result_section .section_title{font-size: 2.2rem; padding-bottom: 15px;}
		.searchPageWrap .search_content_Wrap .result_section .section_title span{font-size: 2.7rem;}
		.searchPageWrap .search_content_Wrap .result_section .board_result_list li a{padding: 15px 0;}
		.searchPageWrap .search_content_Wrap .result_section .board_result_list li a .post_subject{font-size: 2rem;}
		.searchPageWrap .search_content_Wrap .result_section .board_result_list li a .post_excerpt{font-size: 1.8rem; margin-top: 15px;margin-bottom: 10px;}
		.searchPageWrap .search_content_Wrap .result_section .board_result_list li a .post_date{font-size: 1.8rem;}
		.videoListWrap ul li .video_card .video_text{padding:15px;}
		.videoListWrap ul li .video_card .video_text .v_title{font-size:2rem; margin-bottom: 10px;}
		.project_section_wrap .project_section .project_list_title{font-size: 2rem; margin: 10px 0 7px;}
		.project_section_wrap .project_section .project_list li strong{font-size: 1.8rem; margin-left:15px;}
		.project_section_wrap .project_section .project_list li .desc_text{font-size: 1.6rem;}
		.project_section_wrap .project_section .project_list li .order{font-size: 1.7rem;}
		.project_section .project_list li::before{width:4px; height: 4px;}
		.contestWrap .project_section .section_left{width: 250px;}
		.contestWrap .event_summary_box{flex-direction:column;padding: 20px;}
		.contestWrap .event_summary_box .summary_left{text-align:center;}
		.contestWrap .event_summary_box .summary_right .summary_info_list li{font-size:1.8rem; line-height: 28px;}
		.managementWrap.rules_wrap .rules_item .rules_content .article_box ul{font-size:1.6rem;}
		.managementWrap.rules_wrap .rules_item .rules_header .rules_title .titleNum{padding: 8.5px 14px; font-size: 2.6rem;}
		.originsWrap .imgPart{margin: 15px 0;gap: 10px;}
		.originsWrap .imgPart .section_desc .colorText{ margin: 10px 0;}
		.info_section ul li{font-size:1.8rem; line-height:26px;}
		.listTitle{font-size:2rem;}
		.info_section{margin-bottom: 30px;}
		.qcWrap .stepWrap .stepline02 .downArrow{display:block;}
		.qcWrap .stepWrap .stepline02 .prevArrow{display:none;}
		.stepWrap .stepline01{flex-direction: column;}
		.stepWrap .stepline03 {flex-direction: column-reverse;}
		.stepWrap .stepBox {width: 100%; height: auto; min-height: 100px;padding: 20px;}
		.stepWrap .stepline02 { justify-content: center; padding: 10px 0; }
		.stepWrap .next_arrow {transform: rotate(90deg);margin: 5px 0;}
		.stepWrap .prev_arrow { transform: rotate(-90deg);}
		.downBtn{flex-direction:column;}
		.downBtn button{font-size:1.8rem;}
		.gridWrap .card-grid { grid-template-columns: repeat(3, 1fr); gap: 15px; }
		.gridWrap .card-grid .flip-card .flip-card-inner .flip-card-front, 
		.gridWrap .card-grid .flip-card .flip-card-inner .flip-card-back{font-size:1.8rem; padding: 15px;}
		.gridWrap .card-grid .flip-card .flip-card-inner .flip-card-front{gap:10px;}
		.gridWrap .card-grid .flip-card {height: 260px;}
		.venomWrap .gridWrap .card-grid .flip-card{height: 220px;}
		.imgBoxWrap.imgPart{flex-direction: column; align-items:center;}
		.imgBoxWrap.imgPart .imgBox{width:100%;}
		.imgPart .pc_caption{display:none;}
		.imgPart .mo_caption{display:block;}
		.imgBox{min-width: 0px;}
		.imgBox .imgBox_info{font-size:1.8rem; padding: 5px;}
		.honeySearchCont{padding: 70px;}
		.honeyNumber svg{width: 240px;}
		.honeyNumber img{max-width: 500px;}
		.honeySearchWrap .gradeWrap img {height: 160px;}
		.honeySearchWrap .gradeWrap h5{font-size: 2.5rem;}
		.honeySearchWrap .gradeWrap em{font-size: 5.5rem;}
		.honeySearchCont > p{margin-bottom: 15px; margin-top: 40px; font-size: 2.2rem;}
		.honeyTable tbody th, .honeyTable tbody td{padding: 20px 50px;}
		.marketList li {width: 100%;} 
		.marketThumbnail {width: 30%;}
		.marketInfo {width: 70%;}
		.marketViewInfo{padding:20px; gap: 30px;}
		.marketViewInfo .marketImg{width: 350px;}
		.marketViewInfo .marketInfo .name{font-size: 3rem;}
		.marketViewInfo .marketInfo .addr li{font-size: 2rem;}
		.stepWrapProcess .stepline01, .stepWrapProcess .stepline03 {align-items: center;}
		.stepWrapProcess .stepBox.step01 {background: #F7F4EF url('/images/lab/lab_step_01.png') no-repeat center right 30px / auto 60px;}
		.stepWrapProcess .stepBox.step02 {background: #F7F4EF url('/images/lab/lab_step_02.png') no-repeat center right 30px / auto 60px;}
		.stepWrapProcess .stepBox.step03 {background: #F7F4EF url('/images/lab/lab_step_03.png') no-repeat center right 30px / auto 45px;}
		.stepWrapProcess .stepBox.step04 {background: #F7F4EF url('/images/lab/lab_step_04.png') no-repeat center right 30px / auto 60px;}
		.stepWrapProcess .stepBox.step05 {background: #F7F4EF url('/images/lab/lab_step_05.png') no-repeat center right 30px / auto 60px;}
		.stepWrapProcess .stepBox.step06 {background: #F7F4EF url('/images/lab/lab_step_06.png') no-repeat center right 30px / auto 60px;}
		.stepWrapQc .stepline01, .stepWrapQc .stepline03 {align-items: center;}
		.stepWrapQc .stepBox.step01 {background: #F7F4EF url('/images/lab/lab_qc_01.png') no-repeat center right 30px / auto 40px;}
		.stepWrapQc .stepBox.step02 {background: #F7F4EF url('/images/lab/lab_qc_02.png') no-repeat center right 30px / auto 70px;}
		.stepWrapQc .stepBox.step03 {background: #F7F4EF url('/images/lab/lab_qc_03.png') no-repeat center right 30px / auto 60px;}
		.stepWrapQc .stepBox.step04 {background: #F7F4EF url('/images/lab/lab_qc_04.png') no-repeat center right 30px / auto 40px;}
		.stepWrapQc .stepBox.step05 {background: #F7F4EF url('/images/lab/lab_qc_05.png') no-repeat center right 30px / auto 60px;}

		.stepWrapQc .stepBox.step04 + .prev_arrow {display: none;}
	}
	@media screen and (max-width: 800px) {
		.boardTop{flex-direction:column; align-items:start;}
		#bSearchForm {width: 100%;}
		.boardTop .boardSearchWrap{width: 100%; flex-wrap: wrap; gap: 5px;}
		.boardTop .boardSearchWrap .searchArea{ flex: 1 1 80%; height: 40px; padding: 5px 15px; gap: 10px;}
		.boardTop .boardSearchWrap .searchArea select{background-size: 12px; font-size: 1.6rem;}
		.boardTop .boardSearchWrap button { flex: 1 1 18%; min-width: 70px; height: 40px; padding: 0 15px; font-size: 1.6rem;}
		.boardTop .boardSearchWrap .searchArea .search-input::placeholder{font-size: 1.6rem;}
		.boardTop .boardSearchWrap .searchArea .search-filter .selected-label,
		.boardTop .boardSearchWrap .searchArea .search-input{flex: 1 1 100%; font-size: 1.6rem;}
		.boardListWrap ul li, .boardListWrap ul li:not(.boardList_head) .col_num.boardNotice {font-size:1.8rem;}
		.boardListWrap ul li:not(.boardList_head) .col_num,
		.boardListWrap ul li:not(.boardList_head) .col_writer,
		.boardListWrap ul li:not(.boardList_head) .col_date,
		.boardListWrap ul li:not(.boardList_head) .col_hit{font-size:1.4rem;}
		.boardNewIcon, .boardsecretIcon {width: 15px; height: 15px;}
		.boardListWrap ul .col_num {width: 20%;}
		.boardListWrap ul .boardList_head .col_info{ width: 80%;}
		.boardListWrap ul li .col_info { width: 80%; }
		.boardListWrap ul .boardList_head .col_date{ display: none; }
		.boardListWrap ul .col_subject{width: 100%;}
		.boardListWrap ul li:not(.boardList_head) .col_info{flex-wrap:wrap; gap: 5px;}
		.boardListWrap ul li:not(.boardList_head) .col_date{width: 100%; text-align:left;}
		.paging button, .paging a {width: 30px; height: 30px;}
		.writeBtn button {width: 90px; height: 42px; font-size:1.8rem;}
		.galleryListWrap ul li{width: 100%;}
		.galleryListWrap .gallery_li .title{padding: 10px; gap: 10px; }
		.galleryListWrap .gallery_li .title b{font-size: 2rem;}
		.galleryListWrap .gallery_li .title span.date{font-size: 1.4rem;}
		.galleryListWrap.galleryList2Wrap .gallery_li{flex-direction:column;}
		.galleryListWrap.galleryList2Wrap ul li .img{min-width:100%;}
		.galleryListWrap.galleryList2Wrap .gallery_li .title{gap:10px;}
		.galleryListWrap.galleryList2Wrap .gallery_li .title p{-webkit-line-clamp: 2;}
		.boardViewWrap .boardViewTop h3 {font-size: 2rem;}
		.boardViewWrap .boardView_file{gap: 10px;}
		.chkBox .icon-check{width:20px; height:20px; line-height: 20px; font-size: 1.4rem;}
		.boardViewWrap .boardComment{margin-top:40px; margin-bottom: 46px;}
		.boardViewWrap .boardComment .Comment_secret label{font-size: 1.6rem;}
		.boardViewWrap .boardComment .Comment_option button{width:80px;}
		.boardViewWrap .boardComment .Comment_write .Comment_input textarea{padding: 5px; font-size: 1.6rem; height: 130px;}
		.noneComment{padding: 54px 0;}
		.boardViewWrap .viewPage_control{margin-top: 54px; margin-bottom: 35px;}
		.boardViewWrap .viewPage_control .page{padding: 8px 10px;}
		.boardViewWrap .viewPage_control b{margin-right: 15px; min-width: 40px;}
		.boardViewWrap .viewPage_control span{display: none;}
		.replyWrap .replyItem{padding: 15px;}
		.replyWrap .replyItem .replyTop {padding-bottom: 10px;}
		.replyWrap .replyItem .replyTop .userInfo .userName{font-size: 1.8rem;}
		.replyWrap .replyItem .replyTop .btnWrap button {width: 60px; height: 35px;}
		.replyWrap .replyItem .replyCon p {padding-top: 10px; font-size: 1.6rem;}
		.boardWrite_top .boardWrite_info .title, .boardWriteWrap .spamCode .title {padding: 10px 5px; font-size: 1.8rem;}
		.boardWrite_top .boardWrite_info .content, .boardWriteWrap .spamCode .content{font-size: 1.6rem;}
		.boardWrite_top .boardWrite_info .content .chkBox{margin-right: 20px;}
		.boardWrite_top .boardWrite_info .content .input_text{height: 30px; font-size: 1.8rem;}
		.boardWrite_top .boardWrite_info .content .file_drop_zone{height: 120px;}
		.postBtn button { width: 48%; height: 50px; font-size: 1.6rem;}
		.joinWrap p{font-size: 1.6rem;}
		.joinWrap b{font-size: 2.4rem;}
		.subCon .subconTitle{font-size: 2.2rem;}
		.joinWrap .joinBenefit{padding: 15px; margin: 20px 0 25px;}
		.joinWrap .joinBenefit ul li{font-size: 1.6rem; padding-left: 12px;}
		.joinWrap .joinTopimg img{width: 80%;}
		.joinWrap .joinBenefit ul li::before{top: 15px; width: 4px; height: 4px;}
		.subCon .subconTitle img {max-width: 16px;}
		.findAccountWrap .findFormBox{ margin-bottom: 50px;}
		.findAccountWrap .findFormBox .inputRow{margin-bottom: 10px;}
		.findAccountWrap .findFormBox .inputRow label{font-size: 1.6rem;}
		.findAccountWrap .findFormBox input[type="text"]{font-size: 1.6rem;}
		.findAccountWrap .findFormBox .btnSend, 
		.findAccountWrap .findFormBox .btnVerify, 
		.findAccountWrap .findFormBox .btnFind{font-size: 1.6rem;}
		.findAccountWrap .findFormBox .flexBox{flex-wrap:wrap;}
		.findAccountWrap .findFormBox .btnSend{width: 100%;}
		.findAccountWrap .findFormBox .verifyBox{padding: 15px;}
		.findAccountWrap .findFormBox .btnFind{margin-top:20px;}
		.showAccountWrap{padding-bottom: 80px;}
		.showAccountWrap .findAccount_img img{width:80%;}
		.showAccountWrap b{font-size: 2.4rem;}
		.showAccountWrap p{font-size: 1.6rem;}
		.showAccountBnt{width:100%; flex-wrap:wrap;}
		.showAccountBnt button{width:100%; font-size: 1.6rem;} 
		.showAccountBnt button:hover{box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.1);}
		.greetingWrap .mainMessage .quote{display: none;}
		.greetingWrap .mainMessage h2 {font-size: 2rem;}
		.greetingWrap .mainMessage h2 strong{font-size: 2.6rem; line-height: 30px;}
		.greetingWrap .mainMessage p{font-size: 1.8rem;}
		.greetingWrap .signatureBar .sigText{display: flex; padding: 10px; flex-wrap: wrap; justify-content:center;}
		.greetingWrap .signatureBar .sigText span{font-size: 1.8rem;margin-right: 20px;}
		.greetingWrap .signatureBar .sigText strong{font-size: 2.6rem;}
		.greetingWrap .greetingContent .textCol {font-size: 1.6rem; line-height: 26px;}
		.visualWrap{background-size: cover !important;}
		.purposeWrap .purposeVisual{height: 300px;}
		.royaljellyWrap .royaljellyVisual{height: 220px;}
		
		.visualWrap p{font-size: 2rem;}
		.purposeWrap .purposeText .content ul li{font-size: 1.6rem; line-height: 24px;}
		.purposeWrap .purposeText .content{margin-bottom: 30px;}
		.historyWrap .line_connect, .labHistoryTimeline.historyWrap .line_connect {width: 23px;}
		.historyWrap .list_area, .labHistoryTimeline.historyWrap .list_area{padding:0 !important;}
		.historyWrap .list_area ul li{line-height: 25px; margin-bottom: 8px;}
		.orgWrap .orgBox .point{font-size: 2.2rem; width:120px; height: 120px;}
		.orgWrap .orgBox .sub,.orgWrap .orgBox .deep{width:200px;}
		.orgWrap .orgBox .unit.box{font-size:1.8rem;}
		.orgWrap .orgBox .vLine { top: 70px; bottom: 570px; }
		.orgWrap .orgBox .rowSide, .orgWrap .orgBox .rowGroup { flex-direction: column; align-items: center; gap: 20px; }
		.orgWrap .orgBox .rowSide::before { display: none; }
		.orgWrap .orgBox .unit.round { width: 100px; height: 100px; font-size: 1.3rem; }
		.orgWrap .orgBox .row { margin-bottom: 50px; }
		.orgWrap .orgBox .card{width:200px; height:200px; gap:15px;}
		.orgWrap .orgBox .card h3{font-size:1.8rem; width: 196px; height: 40px; line-height: 40px;}
		.orgWrap .orgBox .card ul li{font-size:1.6rem;}
		.orgWrap .branch_section { flex-direction: column; align-items: center; }
		.orgWrap .branch_section .map_wrapper { width: 100%; max-width: 400px; }
		.orgWrap .branch_section .info_area .card_wrap{padding: 10px 20px;}
		.orgWrap .branch_section .info_area .card_wrap .card{ margin-bottom: 15px; padding-bottom: 15px;}
		.orgWrap .branch_section .info_area .card_wrap .card strong{font-size: 2rem; }
		.orgWrap .branch_section .info_area .card_wrap .card p{font-size: 1.7rem;}
		.orgWrap .branch_section .map_wrapper .map_container .btn_region{padding: 2px 4px; border-radius: 15px;}
		.orgWrap .memCount{font-size: 1.6rem;line-height: 20px;}
        .unit.box.sub.change1 {order: 2;}
        .unit.box.sub.change2 {order: 1;}
        .unit.box.sub.change3 {order: 3;}
		.executive_wrap .exec_grid{gap: 15px; padding: 10px;}
		.executive_wrap .exec_grid .exec_card{width: calc((100% - 15px) / 2);}
		.executive_wrap .exec_grid .exec_card .info .role{font-size: 1.8rem;}
		.rules_wrap .rules_item .rules_header .rules_title{font-size: 2rem;}
		.rules_wrap .rules_item .rules_content .article_box .article_title{font-size: 1.6rem;}
		.rules_wrap .rules_item .rules_content .article_box .article_text, .rules_wrap .rules_item .rules_content .article_box .article_list li{font-size: 1.6rem; line-height: 22px;}
		.rules_wrap .rules_item .rules_content .article_box .article_list>li::before {width:20px; margin-right: 5px;}
		.rules_wrap .rules_item .rules_content .article_box .article_list .article_list_list{margin-left: 20px;}
		.info_section .step_outer_wrap .step_box{width:100%; flex-wrap:wrap; flex-direction:column; align-items:center; gap:10px; padding: 12px; text-align:center;}
		.info_section .step_outer_wrap .step_box .step_inner_content h3{font-size: 1.8rem;margin-bottom: 0px;}
		.info_section .section_desc{font-size: 1.6rem;}
		.btn_download{margin-top: 10px; width: 140px; padding: 5px;}
		.info_section .step_outer_wrap .step_box .step_inner_content .step_num{margin-bottom: 0px;}
		.info_list li{font-size: 1.6rem;}
		.info_section .step_outer_wrap .step_box .step_icon_area{width: 50px;min-width: 30px;}
		.locationWrap .locationInfo{font-size:1.4rem;}
		.locationWrap .locationInfo img{width:15px;}
		.checkOffWrap .info_section .step_outer_wrap .step_box {align-items: center;}
		.checkOffWrap .info_section .step_box .info_list li{text-align:left;}
		.project_section .section_left{width:210px;}
		.project_section .section_left .bg_num{font-size: 3rem;top: 5px;}
		.project_section .section_left .section_title{margin-top: 15px; font-size: 2.2rem;}
		.project_section {gap: 20px;padding: 20px 0;}
		.project_section { flex-direction: column; }
		.project_section .section_right .image_row{ margin-bottom: 10px;}
		.project_section .project_list li strong{font-size:1.8rem; margin-bottom: 0px;}
		.project_section .project_list li{padding-left: 10px;}
		.project_section .project_list li::before{width:4px;height:4px;top: 11px;}
		.project_section .project_list li p{font-size:1.6rem;line-height: 22px; padding-left: 10px;}
		.searchPageWrap .search_top_box{ padding: 20px 10px 10px;}
		.searchPageWrap .search_top_box .search_inner .input_group .search_input{width:100%; max-width: 100%;}
		.searchPageWrap .search_top_box .search_inner .input_group{flex-direction:column;}
		.searchPageWrap .search_top_box .search_inner .input_group .search_btn{width:100%;}
		.searchPageWrap .search_top_box .search_inner .recommend_area{flex-wrap: wrap;}
		.searchPageWrap .search_top_box .search_inner .recommend_area .rec_tags{flex-wrap: wrap;justify-content:center;}
		.searchPageWrap .search_content_Wrap .result_section .video_flex_row{padding-top: 15px;flex-direction:column;}
		.searchPageWrap .search_content_Wrap .result_section .video_flex_row .video_card .video_text{padding: 10px;}
		.searchPageWrap .search_content_Wrap .result_section .video_flex_row .video_card .video_text .v_title{font-size: 1.8rem;}
		.searchPageWrap .search_content_Wrap .result_section .video_flex_row .video_card .video_text .v_date{font-size: 1.4rem;}
		.searchPageWrap .search_content_Wrap .result_section .section_title span{font-size: 2.5rem;}
		.searchPageWrap .search_content_Wrap .result_section .section_title{font-size: 2rem; padding-bottom: 10px;}
		.searchPageWrap .search_content_Wrap .result_section .board_result_list li a .post_subject{font-size: 1.8rem;}
		.searchPageWrap .search_content_Wrap .result_section .board_result_list li a .post_excerpt{font-size: 1.6rem;}
		.searchPageWrap .search_content_Wrap .result_section .board_result_list li a .post_date{font-size: 1.6rem;}
		.btn_view_more{padding: 5px 10px; font-size: 1.4rem; gap:5px;}
		.btn_view_more .icon-angle-right{font-size: 2rem;}
		.videoListWrap ul li {width: 100%;}
		.videoListWrap ul li .video_card .video_text{padding: 10px;}
		.videoListWrap ul li .video_card .video_text .v_title{font-size: 1.8rem;}
		.videoListWrap ul li .video_card .video_text .v_date{font-size: 1.4rem;}
		.project_section_wrap .project_section .project_list li { margin-bottom: 5px;}
		.contestWrap .event_summary_box{flex-direction:column;padding: 15px;}
		.contestWrap .event_summary_box .summary_right .summary_info_list li{font-size:1.6rem; line-height: 24px;}
		.managementWrap.rules_wrap .rules_item .rules_content .article_box ul{line-height: 22px;}
		.managementWrap.rules_wrap .rules_item .rules_header .rules_title .titleNum{padding: 5.5px 12px; font-size: 2.2rem;}
		.imgPart{flex-direction:column;}
		.imgBox .imgBox_info{font-size: 1.6rem;}
		.info_section ul li{font-size:1.6rem; line-height:24px;}
		.listTitle{margin: 10px 0 5px; font-size:1.8rem;}
		.info_section{margin-bottom: 20px;}
		.imgPart .imgWrap{min-width: 100% !important; text-align: center;}
		.info_section .wordInfo{padding:12px;}
		.downBtn button{width: 100%; padding: 10px; font-size:1.6rem;}
		.gridWrap .card-grid { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px;}
		.gridWrap .card-grid .flip-card .flip-card-inner .flip-card-front, 
		.gridWrap .card-grid .flip-card .flip-card-inner .flip-card-back{font-size:1.6rem; padding: 10px;}
		.gridWrap .card-grid .flip-card {height: 180px;}
		.venomWrap .gridWrap .card-grid .flip-card {height: 185px;}
		.venomWrap .gridWrap .card-grid{grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
		.tooltipLayer_page  .tooltipBox{width: 330px;}
		.processWrap .tableWrap table .td_tooltip{width: 200px; padding: 10px;}
		.processWrap .tableWrap table .td_tooltip,
		.processWrap .tableWrap table .td_tooltip.lg,
		.processWrap .tableWrap table td.help_td.row_bottom .td_tooltip{left:0;}
		.honeySearchWrap {padding: 15px;}
		.honeySearchCont{padding: 55px;}
		.honeyNumber svg{width: 150px;}
		.honeySearchWrap > p{font-size: 1.8rem;}
		.honeyNumber img{max-width: 300px;}
		.honeySearchWrap .gradeWrap img {height: 120px;}
		.honeySearchWrap .gradeWrap h5{font-size: 2rem;}
		.honeySearchWrap .gradeWrap em{font-size: 3rem;}
		.honeySearchCont > p{margin-bottom: 10px; margin-top: 20px; font-size: 1.6rem;}
		.honeyTable tbody th, .honeyTable tbody td{padding: 10px 30px; font-size: 1.8rem;}
		.honeySearchCont .logo{ max-width: 180px;}
		.marketSearch{flex-wrap: wrap;}
		.marketSearch input{width: 100%; max-width: 100%; padding: 0 10px; height: 45px;}
		.marketSearch input{font-size: 1.6rem;}
		.marketSearch button{width: 70%; height: 45px;}
		.marketSearch button.reset {width: calc(30% - 5px);}
		.section_title {font-size: 2rem;}
		.section_title .searchNum {font-size: 2.2rem;}
		.marketList {gap: 15px;padding-top: 20px;}
		.marketList li a {flex-direction: column;min-height: auto;}
		.marketThumbnail {width: 100%;padding-top: 56.25%;min-height: auto;}
		.marketInfo {width: 100%;padding: 15px;}
		.marketInfo h4 {font-size: 2rem;margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
		.marketInfo .addr li {font-size: 1.4rem;gap: 10px;align-items: flex-start;}
		.marketInfo .addr li b {min-width: 30px;}
		.marketViewInfo{flex-direction:column; padding: 15px; gap:20px; }
		.marketViewInfo .marketInfo{gap:15px;}
		.marketViewInfo .marketInfo .name{font-size: 2.5rem;}
		.marketViewInfo .marketInfo .addr li{font-size: 1.8rem;}
		.localMarket { margin-bottom: 30px;}
		.marketViewInfo .marketImg{width: 100%; max-height: 300px;}
		.localMarket .slick-list { width: calc(100% - 40px); }
		.localMarketSlide .slideThumb{max-height: 300px;}
		.localMarket button.slick-arrow { width: 20px; font-size: 2.5rem; }
		.localMarketSlide .slideTxt h4 { font-size: 1.8rem; }
		.popItemWrap .tableWrap th {padding: 5px;}
		.caution_section{padding: 25px;}
	}
	@media (max-width: 680px) {
		.stepWrapProcess .stepBox {padding-right: 30%;}
		.stepWrapProcess .stepBox.step01 {background: #F7F4EF url('/images/lab/lab_step_01.png') no-repeat center right 20px / auto 50px;}
		.stepWrapProcess .stepBox.step02 {background: #F7F4EF url('/images/lab/lab_step_02.png') no-repeat center right 20px / auto 50px;}
		.stepWrapProcess .stepBox.step03 {background: #F7F4EF url('/images/lab/lab_step_03.png') no-repeat center right 20px / auto 35px;}
		.stepWrapProcess .stepBox.step04 {background: #F7F4EF url('/images/lab/lab_step_04.png') no-repeat center right 20px / auto 50px;}
		.stepWrapProcess .stepBox.step05 {background: #F7F4EF url('/images/lab/lab_step_05.png') no-repeat center right 20px / auto 50px;}
		.stepWrapProcess .stepBox.step06 {background: #F7F4EF url('/images/lab/lab_step_06.png') no-repeat center right 20px / auto 50px;}
	
		.stepWrapQc .stepBox {padding-right: 30%;}
		.stepWrapQc .stepBox.step01 {background: #F7F4EF url('/images/lab/lab_qc_01.png') no-repeat center right 20px / auto 35px;}
		.stepWrapQc .stepBox.step02 {background: #F7F4EF url('/images/lab/lab_qc_02.png') no-repeat center right 20px / auto 65px;}
		.stepWrapQc .stepBox.step03 {background: #F7F4EF url('/images/lab/lab_qc_03.png') no-repeat center right 20px / auto 55px;}
		.stepWrapQc .stepBox.step04 {background: #F7F4EF url('/images/lab/lab_qc_04.png') no-repeat center right 20px / auto 35px;}
		.stepWrapQc .stepBox.step05 {background: #F7F4EF url('/images/lab/lab_qc_05.png') no-repeat center right 20px / auto 55px;}
	}
	
	@media screen and (max-width: 630px){
		.executive_wrap .exec_grid .exec_card{width:100%;}
	}
	@media screen and (max-width: 500px){
		.honeySearchWrap {padding: 10px;}
		.honeySearchCont{padding: 30px; background: #fff url(/images/lab/korapis_honeySearch_line.png) no-repeat center / calc(100% - 30px) calc(100% - 60px); }
		.honeySearchCont::before{ background: url(/images/lab/korapis_honeySearch_lineBottom.png) no-repeat bottom 15px center / calc(100% - 30px) auto;}
		.honeySearchCont::after{background: url(/images/lab/korapis_honeySearch_lineTop.png) no-repeat top 15px center / calc(100% - 30px) auto;}
		.honeyNumber svg{width: 120px;}
		.honeySearchWrap > p{font-size: 1.6rem;}
		.honeyNumber img{max-width: 230px;}
		.honeySearchWrap .gradeWrap img {height: 110px;}
		.honeySearchWrap .gradeWrap h5{font-size: 1.8rem;}
		.honeySearchWrap .gradeWrap em{font-size: 2.5rem;}
		.honeySearchCont > p{margin-bottom: 10px; margin-top: 15px; font-size: 1.4rem;}
		.honeyTable tbody th, .honeyTable tbody td{padding: 5px 10px; font-size: 1.6rem;}
		.honeySearchCont .logo{ max-width: 150px; margin-top: 20px;}
		.findAccountWrap .btnWrap{flex-direction: column;}
		.findAccountWrap .btnWrap a{width: 100%;}
		.contestWrap .subTab {flex-wrap: wrap;}
		.rules_wrap .rules_item .rules_header{padding: 13px;}
		.managementWrap.rules_wrap .rules_item .rules_header .rules_title{gap:10px;}
		.managementWrap.rules_wrap .rules_item .rules_header .rules_title .titleNum {padding: 4px 11px;font-size: 2rem;}
		.visualWrap p{ margin-left:0 !important; margin-right:0 !important;}
	}