@charset "utf-8";
@import url('common.css');
@import url('layout.css');

main.sub{
    width:100%;
    margin: 0 auto;
    margin-top: 90px;
    background-color: #fff;
    border-bottom: 1px solid #ededed;
}

.list-wrap{
    width:100%;
    margin: 0 auto;
    max-width:1448px;
    padding:0 24px;
    padding-top: 70px;
    padding-bottom: 150px;
}
.list-wrap.environmental-wrapper{
	padding-bottom:0;
}
.list-title-wrap{
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 80px;
}
.list-title-wrap h2{
    font-size: var(--font-48);
    font-weight: 700;
    line-height: 1.3;
}
.breadcrumb-wrap{
    display: flex;
    align-items: center;
    gap: 47px;
}
.breadcrumb-item{
    position: relative;
}
.breadcrumb-item:nth-child(1) a{
    width: 15px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url('/assets/images/home_icon.svg') no-repeat center / 15px auto;
}
.breadcrumb-item::after{
    content: '';
    width: 7px;
    height: 12px;
    background: url('/assets/images/arrow_black_r.svg') no-repeat center / 7px auto;
    opacity: 0.5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -27px;
}
.breadcrumb-item:last-child::after{
    display: none;
}
.breadcrumb-item a{
    display: flex;
    align-items: center;
    font-size: var(--font-14);
    font-weight: 400;
}
.list-cont-wrap{
    width: 100%;
    margin: 0 auto;
    
}

/*알림마당 - 입찰공고 list.php*/
.list-search-wrap{
    width: 100%;
    height: 130px;
    border-radius: var(--radius-default);
    background-color: #fef0e5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 35px 40px;
    margin-bottom: 40px;
}
.progress-wrap{
    display: flex;
    align-items: center;
    font-size: var(--font-18);
}
.progress-text{
    font-weight: 900;
    line-height: 1;
}
.progress-radio-wrap{
    display: flex;
    align-items: center;
    font-weight: 400;
    margin-left: 40px;
    gap: 40px;
}
.radio-item{
    position: relative;
    padding-left: 35px;
}
.radio-item input{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    background-color: #fff;
    margin-right: 10px;
    z-index: 1;
    opacity: 0;
}
.radio-item .circle{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    background-color: #fff;
    margin-right: 10px;
    display: inline-block;
    transition: all 0.3s ease;
    border: 1px solid #000;
}
.radio-item input[type="radio"]:checked + .circle{
    border: 5px solid #000;
}
.radio-item input[type="checkbox"]:checked + .circle{
    border: 5px solid #000;
}
.search-bar-wrap{
    width: 400px;
    height: 60px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-default);
    background-color: #fff;
}
.search-bar-wrap input{
    width: 100%;
    height: 100%;
    padding-left: 30px;
    padding-right: 60px;
    font-size: var(--font-16);
    font-weight: 700;
    color: #000;
    border-radius: var(--radius-default);
    border: 1px solid #fff;
    transition: all 0.3s ease;
}
.search-bar-wrap input:focus{
    border: 1px solid #000;
}
.search-bar-wrap input::placeholder{
    font-size: var(--font-16);
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
}
.search-bar-wrap a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    width: 22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
}
.search-bar-wrap a::before{
    content: '';
    width: 22px;
    height: 22px;
    background: url('/assets/images/search_icon.svg') no-repeat center / 22px auto;
}
.list-contents{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 35px;
    margin-bottom: 80px;
}
.contents-num{
    font-size: var(--font-16);
    font-weight: 400;
}
.contents-num span{
    font-weight: 700;
}
.card-list-wrap{
    width: 100%;
}
.card-list-wrap ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 40px 20px;
}
.card-list{
    width: calc((100% / 4) - 15px);
    aspect-ratio: 335 / 380;
    transition: all 0.3s ease;
}
.card-list a{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: var(--radius-default);
    background-color: #f6f7f9;
    color: #000;
    padding: 40px;
    padding-top: 35px;
    transition: all 0.3s ease;
}
.card-text-wrap{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 35px;
}
.card-badge.mobile{
	display:none;
}
.card-text-wrap strong{
    font-size: var(--font-20);
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;    /* 최대 줄 수 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card-detail-wrap{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.card-detail-wrap dl{
    font-size: 16px;
    display: flex;
    gap: 20px;
}
.card-detail-wrap dt{
    font-weight: 700;
    width: 52.13px;
    white-space: nowrap;
}
.card-detail-wrap dd{
    font-weight: 400;
}
.card-bottom-wrap{
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.card-badge{
    font-size: var(--font-12);
    font-weight: 900;
    color: var(--orange-color);
    padding: 4px 10px;
    width: fit-content;
    /* max-height: 25px; */
    border-radius: 51px;
    border: 1px solid var(--orange-color);
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    min-height: 25px;
}
.card-badge.deadline{
    color: #b2b2b2;
    border: 1px solid #b2b2b2;
}
.card-arrow{
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: #191919;
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
}
.card-arrow::before{
    content: '';
    width: 14px;
    height: 13px;
    background: url('/assets/images/btn_arrow_w.svg') no-repeat center / 14px auto;
    transition: all 0.3s ease;
}

/*게시판 pagenation*/
.list-pagenation{
    width: 100%;
    margin: 0 auto;
}
.pagenation{
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-14);

}

.page-arrow a{
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.page-arrow.prev a,.page-arrow.next a{
    width: 8px;
    height: 13px;
}
.page-arrow.prev a{
    background-image: url('/assets/images/arrow_black_l.svg');
}
.page-arrow.disabled a{
    opacity: 0.2;
    pointer-events: none;
}
.page-arrow.next a{
    background-image: url('/assets/images/arrow_black_r.svg');
}
.page-arrow.first a{
    background-image: url('/assets/images/arrow_black_l.svg');
}
.page-arrow.last a{
    background-image: url('/assets/images/arrow_black_r.svg');
}
.page-arrow.first a,.page-arrow.last a{
    width: 15px;
    height: 13px;
    background-repeat: repeat-x;
    background-size: 50% 100%;
    background-position: top left;
}
.page-item{
    width: 40px;
    aspect-ratio: 1;
    margin-right: 5px;
}
.page-item a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    color: #191919;
    font-size: var(--font-14);
    font-weight: 500;
}
.page-item.focus a{
    background-color: var(--orange-color);
    color: #fff;
}
.page-arrow.prev{
    margin-right: 30px;
}
.page-arrow.next{
    margin-left: 30px;
}
.page-arrow.first{
    margin-right: 24px;
}
.page-arrow.last{
    margin-left: 24px;
}

/*알림마당 - 입찰공고 view.php*/
.view-top{
    width: 100%;
    margin: 0 auto;

}
.view-title-wrap{
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 35px;
    padding: 35px 40px 40px;
    border-radius: var(--radius-default);
    background-color: #fef0e5;
    margin-bottom: 10px;
}
.view-title{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
}
.view-title h3{
    font-size: var(--font-24);
    font-weight: 700;
	width:87%;
}
.view-writer-wrap{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 80px;
}
.view-writer-wrap dl{
    display: flex;
    align-items: center;
    gap: 22px;
    font-size: var(--font-16);
}
.view-writer-wrap dl dt{
    font-weight: 700;
}
.view-writer-wrap dl dd{
    font-weight: 400;
}
.view-down-wrap{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.view-file{
    width: 100%;
    height: 70px;
}
.view-file a{
    width: 100%;
    height: 100%;
    border-radius: var(--radius-default);
    background-color: #fafafb;
    font-size: var(--font-16);
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 40px;
    transition: all 0.3s ease;
}
.down-icon{
    width: 16px;
    height: 16px;
    background: url('/assets/images/down_icon.svg') no-repeat center / 100% auto;
    transition: all 0.3s ease;
    opacity: 0.5;
}
.down-file-name{
	display:none;
}
.view-contents{
    width: 100%;
    height: auto;
    padding: 100px 50px 100px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 80px;
}
.view-bottom{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.view-pagenation{
    width: 320px;
}
.view-pagenation a{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: var(--font-16);
    position: relative;
}
.view-pagenation a::before{
    content: '';
    width: 8px;
    height: 13px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.view-prev{
    font-weight: 400;
    opacity: 0.5;
}
.view-prev.next{
    text-align: right;
}
.view-prev-title{
    width: 100%;
    font-weight: 700;
    overflow: hidden;
    display: -webkit-box;
    white-space: nowrap;
    text-overflow: ellipsis;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
}
.view-prev-title.next{
    text-align: right;
}
.view-pagenation.disabled a{
    pointer-events: none;
}
.view-pagenation.disabled a .view-prev-title{
    opacity: 0.5;
}
.view-pagenation.disabled a::before{
    opacity: 0.2;
}
.view-pagenation.prev a{
    padding-left: 35px;
}
.view-pagenation.prev a::before{
    background-image: url('/assets/images/arrow_black_l.svg');
    left: 0;

}
.view-pagenation.next a{
    justify-content: flex-end;
    padding-right: 35px;
}
.view-pagenation.next a::before{
    background-image: url('/assets/images/arrow_black_r.svg');
    right: 0;
}
.list-btn{
    width: 170px;
    height: 60px;
}
.list-btn a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 170px;
    border: 1px solid #191919;
    font-size: var(--font-16);
    font-weight: 500;
    color: #191919;
    transition: all 0.3s ease;
}

/*알림마당 - 보도자료 list.php*/
.sub.cover .list-search-wrap, .sub.notice .list-search-wrap{
    justify-content: flex-end;
}
.sub.cover .card-bottom-wrap{
    justify-content: flex-end;
}
.card-badge.notice{
    color: #fff;
    border: 1px solid var(--orange-color);
    background-color: var(--orange-color);
}
.notice-list-wrap{
    width: 100%;
    margin: 0 auto;
}
.notice-list-wrap ul{
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;  
}
.notice-list{
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    transition: all 0.3s ease;
}
/* .notice-list:nth-child(1){
	border-top: 1px solid #e5e5e5;
} */
.notice-list a{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px;
    transition: all 0.3s ease;
}
.notice-text-wrap{
    display: flex;
    flex-direction: column;
    gap: 30px;
	width:90%;
}
.contact .notice-text-wrap{
	width:80%;
}
.notice-list-title{
    display: flex;
    align-items: center;
    gap: 15px;
}
.notice-list-title strong{
    font-size: var(--font-20);
    font-weight: 700;
	overflow: hidden;
    display: -webkit-box;
    white-space: nowrap;
    text-overflow: ellipsis;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	width:90%;
}
.notice-writer-wrap{
    display: flex;
    align-items: center;
    gap: 40px;
    font-size: var(--font-16);
}
.notice-writer-wrap dl{
    display: flex;
    align-items: center;
    gap: 22px;
}
.notice-writer-wrap dl.list-mobile{
	display:none;
}
.notice-writer-wrap dt{
    font-weight: 700;
}
.notice-writer-wrap dd{
    font-weight: 400;
}

.notice-date{
    color: #b2b2b2;
    transition: all 0.3s ease;
}
.notice-date p:nth-child(1){
    font-size: var(--font-16);
    font-weight: 400;
}
.notice-date p:nth-child(2){
    font-size: var(--font-26);
    font-weight: 900;
    line-height: 1;
}

/*알림마당 - 문의/안내 - 자주 묻는 질문 faq.html*/
.contact-tab-wrap{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 40px;
}
.contact-tab{
    height: 60px;
    transition: all 0.3s ease;
}
.contact-tab a{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 30px;
    height: 100%;
    border-radius: 999px;
    font-size: var(--font-18);
    font-weight: 700;
    opacity: 0.4;
    color: #000;
    transition: all 0.3s ease;
}
.contact-tab a span{
	font-weight: 400;
}
.contact-tab.focus a{
    opacity: 1;
    background-color: #191919;
    color:#fff;
    transition: all 0.3s ease;
}
.contact-contents{
    width: 100%;
    margin: 0 auto;
}
.contact-list-ul{
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.contact-list{
    width: 100%;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #e5e5e5;
    transition: all 0.3s ease;
}
.contact-list a{
    display: flex;
    align-items: center;
    width: 100%;
    padding: 30px 40px;
    justify-content: space-between;
    gap: 20px;
}
.contact-list span a{
	width:auto;
	display:inline-block;
	padding:0;
	pointer-events:auto;
	color:var(--orange-color);
	font-weight:700;
	text-decoration:underline;
}
.contact-title{
    width: 100%;
    display: flex;
    align-items: center;  
}
.contact-question{
    font-size: var(--font-20);
    font-weight: 700;
    color:#000;
}
.contact-question span:nth-child(1){
    display: inline-block;
    font-size: var(--font-30);
    font-weight: 900;
    color: var(--orange-color);
    margin-right: 40px;
}
.contact-question span:nth-child(2){
    display: inline-block;
}
.contact-icon{
    width: 13px;
    height: 8px;
    background: url('/assets/images/down_icon_black.svg') no-repeat center / 100% auto;
    transition: all 0.3s ease;
}
.contact-answer{
    width: 100%;
    display: flex;
    font-size: var(--font-20);
    font-weight: 400;
    margin-bottom: 30px;
    padding-left: 40px;
    padding-right: 65px;
    display: none;
}
.contact-answer span:nth-child(1){
    display: inline-block;
    font-size: var(--font-30);
    font-weight: 900;
    color: var(--green-color);
    margin-right: 40px;
    line-height: 1;
}
.contact-answer span:nth-child(2){
    display: inline-block;
}
.contact-list.active{
    border-bottom: 1px solid #000;
}
.contact-list.active .contact-answer{
    display: flex;
}
.contact-list.active .contact-icon{
    transform: rotate(-180deg);
}


/*알림마당 - 문의/안내 - 문의게시판 contact_list.html*/
.notice-list-right{
    display: flex;
    gap: 80px;
    align-items: center;
}
.contact-completed{
    font-size: var(--font-14);
    font-weight: 900;
    color: #000;
    border: 1px solid #000;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    width: fit-content;
    min-height: 30px;
}

.contact-btn-wrap{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 80px;
}

/*알림마당 - 문의/안내 - 문의게시판 contact_view.html*/
.contact-view-cont{
    width: 100%;
    border-radius: var(--radius-default);
    background-color: var(--light-gray);
    padding: 80px 40px;
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.contact-view-title{
    width: 100%;
}
.contact-view-title strong{
    font-size: var(--font-30);
    font-weight: 700;
    line-height: 1;
}
.contact-view-group{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
}
.contact-view-group.text-area-group{
    position: relative;
}
.char-count{
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: var(--font-16);
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
}

.contact-view-group.text-area-group.answer-area:not(:last-child){
	margin-bottom:-20px;
}

.group-title{
    font-size: var(--font-24);
    font-weight: 700;
    line-height: 1;
}
.group-contents{
    width: 100%;
    border-radius: var(--radius-default);
    min-height: 70px;
    background-color: #eeeff1;
    padding: 20px 40px;
    font-size: var(--font-18);
    font-weight: 400;
    display: flex;
    align-items: center;
    border: 1px solid #fff;
    transition: all 0.3s ease;
}

.contact-view .group-contents{
	border:initial;
}
.contact-write-input{
    background-color: #fff;
}
.contact-write-input:focus{
    border: 1px solid #000;
}
.contact-write-input.warning{
    border: 1px solid var(--orange-color);
}
.contact-write-input input::placeholder{
    color: rgba(0, 0, 0, 0.5);
    font-size: var(--font-18);
    font-weight: 400;
}
.group-radio-wrap{
    margin-left: 0;
}
.group-contents.text-area{
    height: 300px;
	resize: none;
}
.contact-view-btn{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
    transition: all 0.3s ease;
}
.contact-view-btn.contact-write{
    gap: 10px;
}
.contact-view-btn a{
    width: 170px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 170px;
    border: 1px solid #191919;
    font-size: var(--font-16);
    font-weight: 500;
    color: #191919;
    transition: all 0.3s ease;
}
.contact-view-btn a.confirm_btn{
    border: 1px solid var(--orange-color);
    color: var(--orange-color);
}
.write-warning{
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 400;
    font-size: var(--font-16);
    color: var(--orange-color);
}
.warning-icon{
    width: 22px;
    height: 22px;
    border-radius: 22px;
    text-indent: -9999px;
    background: url('/assets/images/warning_icon.svg') no-repeat center / 100% auto;
    transition: all 0.3s ease;
}
.char-count.warning {
  color: var(--orange-color);
}

/* 홍보마당 - 한우란? cow_king.html*/
.pc-none{
	display:none;
}
.sub.promotion .list-wrap{
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.sub.promotion .list-title-wrap{
    max-width: 1448px;
    padding: 0 24px;
}
.list-cont-wrap.promotion-cow{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 100px;
}
.promotion-cont-group{
    width: 100%;
    margin: 0 auto;
    max-width: 1448px;
    padding: 0 24px;
}
.cow-image-area{
    width: 100%;
    aspect-ratio: 4 / 1;
    border-radius: var(--radius-default);
    overflow: hidden;
    background: url('/assets/images/promotion_cow_img1.png') no-repeat center / cover;
    padding: 20px 100px;
    display: flex;
    align-items: center;
    margin-bottom: 100px;
}

.effect .cow-image-area{
    margin-bottom: 80px;
}
.effect .cow-image-area{
    background: url('/assets/images/promotion_cow_img1_2.png') no-repeat center / cover;
}
.cow-image-area p{
    font-size: var(--font-30);
    font-weight: 700;
    color: #fff;
}
.cow-image-detail{
    width: 100%;
    display: flex;
    gap: 50px;
}
.cow-image-detail > div{
    width: calc(50% - 25px);
}
.cow-text-title strong{
    font-size: var(--font-30);
    font-weight: 700;
    line-height: 1;
}
.cow-text-detail strong{
    font-size: var(--font-18);
    font-weight: 700;
    margin-bottom: 45px;
    display: block;
}
.cow-text-detail p{
    font-size: var(--font-18);
    font-weight: 400;
}
.effect .cow-text-title {
    display: flex;
    gap: 20px;
    align-items: center;
}
.effect .cow-text-title strong{
    font-size: var(--font-30);
    font-weight: 400;
    line-height: 1.3;
}
.cow-text-title-logo{
    width: 138px;
    height: 108px;
}
.cow-text-title-logo img{
    width: 100%;
    height: auto;
}
.effect .cow-text-detail{
    display: flex;
    align-items: center;
}
.effect .cow-text-detail p{
    font-size: var(--font-18);
    font-weight: 400;
}

.promotion-cont-group.second{
    background-color: #fafafb;
    max-width: 100%;
    padding: 100px 0px;
}
.promotion-cont-group.second > div{
    max-width: 1448px;
    margin: 0 auto;
}
.cowkind .promotion-cont-group.second > div{
    padding: 0 24px;
}
.promotion-cont-group.second .cow-second-title{
    margin-bottom: 45px;
}
.cow-second-title strong{
    font-size: var(--font-30);
    font-weight: 700;
    line-height: 1;
    display: block;
    margin-bottom: 50px;
}
.cow-second-title p{
    font-size: var(--font-18);
    font-weight: 400;
}
.cow-second-title {
    margin-bottom: 45px;
}
.cow-card-area{
    width: 100%;
}
.cow-card-area ul{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 400px;
}
.cow-card-area ul li{
    width: 200px;
    height: 100%;
    transition: all 0.5s ease;
    
}
.cow-card-area ul li.over{
    width: calc(100% - 630px);
    transition: all 0.5s ease;
}
.cow-card-area ul li a{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 30px;
    position: relative;
    border-radius: var(--radius-default);
    overflow: hidden;
    transition: all 0.5s ease;
}
.cow-card-area ul li.over a{
	padding: 40px;
	transition: all 0.5s ease;
}
.cow-card-area ul li.over a::before{
    content: '';
    width: 408px;
    height: 408px;
    position: absolute;
    bottom: -10px;
    right: -5px;
    background: url('/assets/images/cow_kind_bg.png') no-repeat bottom -80px right -60px / 408px auto;
    mix-blend-mode: soft-light;
    opacity: 0.2;
    z-index: 1;
    transition: all 0.3s ease;
}
.cow-card-area ul li .cow-card-num{
/*     position: absolute;
    top: 30px;
    left: 30px; */
    font-size: var(--font-24);
    font-weight: 700;
    line-height: 1;
    opacity: 0.3;
    transition: all 0.3s ease;
}
.cow-card-area ul li.over .cow-card-num{
    font-size: var(--font-30);
    transition: all 0.3s ease;
	color:var(--orange-color);
	opacity:1;
}
/* .cow-card-area ul li .cow-card-name{
    position: absolute;
    top: 30px;
    left: 30px;
    font-size: var(--font-30);
    font-weight: 700;
    line-height: 1;
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease;
}
.cow-card-area ul li.over .cow-card-name{
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
} */
.cow-card-wrap{
    width: 100%;
    height: 100%;
    display: flex;
    /* align-items: flex-end; */
    gap: 65px;
	position:relative;
}
.cow-card-area ul li .cow-card-image{
    flex-shrink: 0;
	position: absolute;
    bottom: 30px;
    left: 30px;
	width: 250px;
	transition: all 0.5s ease-out;
}
.cow-card-area ul li.over .cow-card-image{
	bottom: 45%;
    left: 60%;
	z-index:2;
	transition: all 0.5s ease-out;
}
.cow-card-area ul li:nth-child(1) a{
    background-color: #f8eddb;
    color: #a36d3f;
}
.cow-card-area ul li:nth-child(2) a{
    background-color: #f4d0b4;
    color: #995c2c;
}
.cow-card-area ul li:nth-child(3) a{
    background-color: #b8b8b8;
    color: #fff;
}
.cow-card-area ul li:nth-child(4) a{
    background-color: #eaeaea;
    color: #000;
}
.cow-card-area ul li:nth-child(4) .cow-card-image{
    width: 250px;
}
.cow-card-area ul li:nth-child(4).over .cow-card-image{
	bottom: 40%;
}
.cow-card-point{
    width: 17px;
    height: 17px;
    border-radius: 17px;
    background-color: var(--orange-color);
}
.cow-card-area ul li .cow-card-text{
    display: flex;
    flex-direction: column;
    gap: 20px;
    transition: all 0.5s ease-out;
	height:300%;
	justify-content:space-between;
	/* flex:0 0 auto; */
}
.cow-card-area ul li.over .cow-card-text{
/* 	width:auto;
	flex:auto; */
	height:100%;
    transition: all 0.5s ease-out;
}
.cow-card-num-wrap{
	display: flex;
    flex-direction: column;
	gap:20px;
	transition: all 0.5s ease-out;
}
.cow-card-area ul li.over .cow-card-num-wrap{
	margin-top:40px;
}
.cow-card-text strong{
    font-size: var(--font-30);
    font-weight: 700;
    line-height: 1.3;
	transition: all 0.5s ease-out;
}
.cow-card-text strong span{
	opacity:0;
	visibility:hidden;
	transition: all 0.5s ease-out;
}
.cow-card-area ul li.over .cow-card-text strong{
	font-size: var(--font-36);
	transition: all 0.5s ease-out;
}
.cow-card-area ul li.over .cow-card-text strong span{
	opacity:1;
	visibility:visible;
	transition: all 0.5s ease-out;
}
.cow-card-text p{
    font-size: var(--font-16);
    font-weight: 500;
	width:100%;
	transition: all 0.5s ease-out;
}
.cow-card-area ul li.over .cow-card-text p{
	display:inline-block;
	transition: all 0.5s ease-out;
}
.cowkind .promotion-cont-group.second .cow-card-detail{
	width:100%;
	text-align:right;
	margin-top:45px;
	color:rgba(0,0,0,0.5);
	font-size:var(--font-14);
}
.cow-left-right{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 100px;
}
.cow-cont-list{
    width: 100%;
    display: flex;
    gap: 100px;
    justify-content: space-between;
}
.cow-cont-image{
    width: 600px;
}
.cow-cont-image.per{
    display: flex;
    align-items: center;
}
.cow-cont-image img{
    width: 100%;
    height: auto;
}
.cow-cont-list:nth-child(3) .cow-cont-image img{
    width: 500px;
    height: auto;
}
.img_mobile{
	display:none;
}
.cow-cont-detail{
    width: calc(100% - 700px);
    padding-top: 45px;
    display: flex;
    flex-direction: column;
    gap: 45px;
}
.cow-cont-detail strong{
    font-size: var(--font-30);
    font-weight: 700;
    line-height: 1.3;
}
.cow-cont-text{
    font-size: var(--font-18);
    font-weight: 400;
}
.cow-cont-source{
    font-size: var(--font-16);
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
}
.cowkind .promotion-cont-group.fourth, .effect .promotion-cont-group.fourth{
    padding: 0 24px;
}
.promotion-cont-group.fourth{
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 0;
}
.cow-menu-link{
    width: calc(50% - 25px);
    min-height: 100px;
    
}
.cow-menu-link:nth-child(1) a{
    background-color: var(--light-orange);
}
.cow-menu-link:nth-child(2) a{
    background-color: var(--light-green);
}
.cow-menu-link a{
    width: 100%;
    height: 100%;
    border-radius: var(--radius-default);
    padding: 20px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cow-menu-cont{
    display: flex;
    align-items: center;
    gap: 26px;
}
.cow-menu-link-area{
    width: 40px;
    height: 40px;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff url('/assets/images/btn_arrow.svg') no-repeat center / 13px 12px;
    transition: all 0.3s ease;
}
.cow-menu-text{
    font-size: var(--font-20);
    font-weight: 700;
}

.sub_line{
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    max-width: 1400px;
}
.cow-progress-title {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 50px;
    align-items: center;
    margin-bottom: 100px;
}
.cow-progress-title strong{
    font-size: var(--font-30);
    font-weight: 700;
    line-height: 1.3;
    width: 100%;
    display: block;

}
.cow-progress{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    
}
.cow-progress-title > *{
    text-align: center;
}
.cow-progress-area{
    width: 100%;
}
.cow-progress-ul{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 130px;
}
.cow-progress-list{
    width: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.cow-progress-circle{
    width: 100%;
    aspect-ratio: 1;
    position: relative;
}

.circular-chart {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.circle-bg {
  fill: none;
  stroke-width: 3.5;
}
.cow-progress-list:nth-child(1) .circle-bg{
    stroke: #fbeee8;
}
.cow-progress-list:nth-child(2) .circle-bg{
    stroke: #fef0e5;
}
.cow-progress-list:nth-child(3) .circle-bg{
    stroke: #e3f6f5;
}

.circle {
  fill: none;
  stroke-width: 3.5;
  stroke-dasharray: 283;
  stroke-dashoffset: 283;
  transition: stroke-dashoffset 1.5s ease-out;
  stroke-linecap: round;
}
.cow-progress-list:nth-child(1) .circle{
    stroke: #a05eb5;
}
.cow-progress-list:nth-child(2) .circle{
    stroke: #fa6b03;
}
.cow-progress-list:nth-child(3) .circle{
    stroke: #2cb67a;
}
.cow-progress-bar{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 300px;
    border: 10px solid gray;
}
.cow-progress-text{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}
.cow-progress-name{
    width: 100%;
    display: block;
    text-align: center;
    font-size: var(--font-30);
    font-weight: 700;
}
.cow-progress-list:nth-child(1) .cow-progress-name, .cow-progress-list:nth-child(3) .cow-progress-name{
    opacity: 0.5;
}
.cow-progress-img{
    width: 140px;
    margin-bottom: 25px;
}
.cow-progress-list:nth-child(1) .cow-progress-detail, .cow-progress-list:nth-child(3) .cow-progress-detail{
    opacity: 0.5;
}
.cow-progress-detail strong{
    display: block;
    font-size: var(--font-36);
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
    text-align: center;
}
.cow-progress-detail p{
    font-size: var(--font-18);
    font-weight: 700;
    text-align: center;
}
.promotion-cont-group.cow-per{
    display: flex;
    align-items: center;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    background-color: #fafafb;
    padding: 100px 0;
}
.cow-per-area{
    max-width: 1448px;
    padding: 0 24px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}
.cow-per-area > div{
    width: calc(50% - 25px);
    aspect-ratio: 1;
}
.cow-cont-image ul{
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 50px;
}
.cow-per-list{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.cow-per-num{
    font-size: var(--font-24);
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
}
.cow-per-list.focus .cow-per-num{
    width: 140px;
    height: 60px;
    border-radius: 140px;
    background-color: #191919;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cow-per-bar{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding-bottom: 30px;
}
.cow-per-list.focus .cow-per-bar{
    background: linear-gradient(to top, #fef0e5 0%, rgba(254, 240, 229, 0) 100%);
    border-radius: 999px;
    padding: 30px;
}
.cow-per-list:nth-child(1) .cow-per-point{
    background-color: #a05eb5;
}
.cow-per-list:nth-child(2) .cow-per-point{
    background-color: #fa6b03;
}
.cow-per-list:nth-child(3) .cow-per-point{
    background-color: #2cb67a;
}
.cow-per-point{
    width: 17px;
    height: 17px;
    border-radius: 17px;
    
}
.cow-per-straight{
    width: 3px;
    
}
.cow-per-list:nth-child(1) .cow-per-straight{
    background-color: #fbeee8;
    height: 200px;
}
.cow-per-list:nth-child(2) .cow-per-straight{
    background-color: #fa6b03;
    height: 258px;
}
.cow-per-list:nth-child(3) .cow-per-straight{
    background-color: #e3f6f5;
    height: 160px;
}
.cow-per-flag{
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background-color: #e3e3e4;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cow-per-list.focus .cow-per-flag{
    background-color: #191919;
}
.cow-per-flag img{
    width: 28px;
    height: auto;
}
.cow-per-text{
    font-size: var(--font-24);
    font-weight: 700;
    line-height: 1;
    opacity: 0.5;
}
.cow-per-list.focus .cow-per-text{
    opacity: 1;
}
.promotion-cont-group.cow-per.cow-effect{
    padding: 0 0;
}
.effect-full-text{
    position: sticky;
}
.cow-per-area.effect-full-wrap{
    /* align-items: flex-start; */
    /* padding: 190px 24px; */
    padding: 0 24px;
    height: 100vh;
    overflow: hidden;
    /* position: relative; */
    max-height: 1080px;
    min-height: fit-content;
}
.effect-full-image{
  max-width: 700px;
  aspect-ratio: 1!important;
  overflow: hidden;
  /* position: relative; */
  border-radius: var(--radius-default);
}
.effect-full-image ul{
    /* position: relative; */
    margin: 0;
    padding: 0;
    list-style: none;
    /* height: 100%; */
    height: 400%;
    transition: transform 0.5s ease;
}
.effect-full-image li {
  /* position: absolute;
  top: 0; left: 0; */
  width: 100%;
  /* opacity: 0;
  transform: translateY(100%); */
  transition: all 0.8s ease;
  /* z-index: 0; */
  /* pointer-events: none; */
}

/* .effect-full-image li.show-up {
  opacity: 1;
  transform: translateY(0);
  z-index: 2;
  pointer-events: auto;
  transition: all 0.8s ease;
}

.effect-full-image li.show-down {
  opacity: 0;
  transform: translateY(100%);
  z-index: 1;
  transition: all 0.8s ease;
}

.effect-full-image li.visible-below {
  opacity: 1;
  transform: translateY(0);
  z-index: 1;
  transition: all 0.8s ease;
} */

/*홍보마당 - 한우 영상 video_list.html*/
.video-wrap{
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 60px;
}
.video-player-area{
    width: 60.71%;
    border-radius: var(--radius-default);
    background-color: var(--light-gray);
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
	/* max-height:550px; */
	overflow:hidden;
	overflow-y:auto;
}
.dialog-img{
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}
.video-player{
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    position: relative;
}
.video-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.video-controls{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.1);
}
.video-play-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    background-color: #fff;
    border-radius: 70px;
}
.video-play-btn::before{
    content:'';
    width: 19px;
    height: 22px;
    background: url('/assets/images/play_icon.png') no-repeat center / cover;
    position: absolute;
    top: 50%;
    left: 51%;
    transform: translate(-50%, -50%);
}
.video-list-area{
    width: calc((100% - 60.71%) - 60px);
}
.dialog-content{
    width: 100%;
    padding-left: 30px;
    margin-bottom: 60px;
}
.video-info{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
}
.card-badge.video-badge{
    width: fit-content;
	text-align:center;
}
.video-date{
    font-size: var(--font-16);
    font-weight: 400;
}
.video-tit{
    font-weight: 700;
    font-size: var(--font-20);
}
.video-list-wrap{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 30px;
}
.video-list{
    width: 100%;  
}
.video-list a{
    width: 100%;
    padding: 10px;
    border-radius: var(--radius-default);
    display: flex;
    gap: 30px;
    align-items: stretch;
    justify-content: space-between;
    transition: all 0.3s ease;
}
.video-list.focus a{
    background-color: var(--light-green);
    transition: all 0.3s ease;
}
.video-list-thum{
    width: 200px;
    border-radius: 10px;
    overflow: hidden;
}
.video-list-thum img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.video-list-cont{
    width: calc(100% - 230px);
	display: flex;
	flex-direction:column;
	justify-content:center;
}
.video-list-info{
    width: 100%;
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 10px;
	flex-wrap:wrap;
}
.video-list-cont strong{
    font-size: var(--font-18);
    font-weight: 700;
    overflow: hidden;
    display: -webkit-box;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.blank-wrap{
    width: 100%;
    border-radius: var(--radius-default);
    background-color: var(--light-gray);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    aspect-ratio: 28/13;
}
.blank-icon{
    width: 60px;
    height: 60px;
}
.blank-text-wrap{
    text-align: center;
    margin-top: 30px;
}
.blank-text-wrap strong{
    font-weight: 700;
    font-size: var(--font-20);
    display: block;
    margin-bottom: 10px;
}
.blank-text-wrap p{
    font-weight: 400;
    font-size: var(--font-16);
}

/* 홍보마당 - 한우 갤러리 gallery_list.html */
.gallery-list-wrap{
    width: 100%;
}
.gallery-list-wrap ul{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.gallery-list{
    width: 100%;
    transition: all 0.3s ease;
}
.gallery-list a{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 100px;
    border-radius: var(--radius-default);
    transition: all 0.3s ease;
}
.gallery-image{
    width: 40%;
    aspect-ratio: 28 / 17;
    border-radius: var(--radius-default);
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
}
.gallery-image::after{
    content:'';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
    opacity: 0;
    z-index: 1;
}
.gallery-image::before{
    content: '';
    width: 70px;
    height: 70px;
    border-radius: 70px;
    background-color: #fff;
    background: #fff url('/assets/images/add_icon_orange.svg') no-repeat center / 16px auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
    z-index: 2;
    opacity: 0;
}

.gallery-text-wrap{
    width: calc(60% - 100px);
    padding-right: 60px;
}
.gallery-text-wrap h3{
    display: block;
    margin-bottom: 35px;
    font-size: var(--font-20);
    font-weight: 700;
}
.gallery-info-wrap{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 35px;
}
/* .gallery-info-wrap dl{
    display: flex;
    gap: 20px;
} */
/* .gallery-info-wrap dt{
    font-weight: 700;
    font-size: var(--font-16);
    min-width: 63px;
} */
.gallery-info-wrap .gallery-info-text{
    font-weight: 400;
    font-size: var(--font-16);
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
    width: calc(100% - 78px);
}

/* 홍보마당 - 한우 갤러리 gallery_list.html 의 팝업 */
.gallery-pop-wrap{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3000;
    background-color: #f6f7f9;
    padding: 50px;
    padding-top: 45px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 45px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
    overflow-y: auto;
}
.gallery-pop-wrap.show{
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease;
}
.gallery-pop-title{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.close-wrap{
    width: 38px;
    height: 38px;
}
.gallery-pop-title h3{
    font-size: var(--font-24);
    font-weight: 700;
    line-height: 1;
}
.gallery-carousel-wrap{
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gallerySwiper{
    width: 1100px;
    aspect-ratio: 1.648;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.gallerySwiper ul li{
	border-radius:var(--radius-default);
	overflow:hidden;
}
.gallerySwiper ul li img{
	width:100%;
}
.gallery-slider-control .prev-btn, .gallery-slider-control .next-btn{
	opacity: 1!important;
}
.gallery-slider-control .swiper-button-disabled {
	opacity: 0.3!important;
}
.gallery-counter{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 120px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    background-color: rgba(0,0,0,0.35);
    border-radius: 0 12px 0 var(--radius-default);
    color: #fff;
}
.gallery-slider-control{
    width: 100%;
    max-width: 1400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.gallery-slider-control.mobile{
	display:none;
}
.gallery-slider-control .prev-btn,.gallery-slider-control .next-btn{
    width: 60px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gallery-slider-control .prev-btn::before{
    content:'';
    width: 8px;
    height: 13px;
    background: url('/assets/images/arrow_black_l.svg') no-repeat center / cover;
}
.gallery-slider-control .next-btn::before{
    content:'';
    width: 8px;
    height: 13px;
    background: url('/assets/images/arrow_black_r.svg') no-repeat center / cover;
}

.gallery-detail{
    width: 100%;
    height: 200px;
    border-radius: var(--radius-default);
    background-color: #fff;
    padding-bottom: 40px;
}
.gallery-detail p{
    height: 100%;
    font-size: var(--font-18);
    font-weight: 400;
    padding: 40px;
    padding-bottom: 0;
    overflow-y: auto;
}

/* 홍보마당 한우 포스터 poster_list.html */
.poster-list-wrap{
    width: 100%;
}
.poster-list-wrap ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 80px 50px;
}
.poster-list{
    width: calc((100% / 3) - 33.333px);
    transition: all 0.3s ease;
}
.poster-list a{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.poster-img{
    width: 100%;
    border-radius: var(--radius-default);
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
}
.poster-img img{
	width:100%;
}
.poster-img::after{
    content:'';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
    opacity: 0;
    z-index: 1;
}
.poster-img::before{
    content: '';
    width: 70px;
    height: 70px;
    border-radius: 70px;
    background-color: #fff;
    background: #fff url('/assets/images/add_icon_orange.svg') no-repeat center / 16px auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
    z-index: 2;
    opacity: 0;
}
.poster-list a strong{
    font-size: var(--font-20);
    font-weight: 700;
	 overflow: hidden;
    display: -webkit-box;
    white-space: nowrap;
    text-overflow: ellipsis;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
}
.poster-pop-img{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	height:90%;
}
.poster-pop-img img{
	height:100%;
	width:auto;
}

/* 홍보마당 한우송 듣기 audio_list.html */
.video-player-area.audio-player-area{
    background-color: #fff;
    border: var(--border-default);
    gap: 35px;
    padding: 40px;
    justify-content: flex-start;
	max-height:550px;
}
.audio-player-area h3{
    width: 100%;
    font-size: var(--font-24);
    font-weight: 700;
}
.audio-list-thum{
    width: 50px;
    height: 50px;
    border-radius: 8px;
    background-color: var(--light-orange);
    display: flex;
    justify-content: center;
    align-items: center;
}
.audio-list.focus .audio-list-thum{
    background-color: #fff;
}
.audio-list-thum::before{
    content:'';
    width: 16px;
    height: 20px;
    background: url('/assets/images/audio_icon.svg') no-repeat center / cover;
}
.audio-list.focus .audio-list-thum::before{
    background: url('/assets/images/audio_icon_hover.svg') no-repeat center / cover;
}
.audio-list{
    width: 100%;  
}
.audio-list a{
    width: 100%;
    padding: 15px;
    border-radius: var(--radius-default);
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease;
}
.audio-list.focus a{
    background-color: var(--light-green);
    transition: all 0.3s ease;
}
.audio-list-cont{
    width: calc(100% - 70px);
}
.audio-list-cont strong{
    font-size: var(--font-18);
    font-weight: 700;
}
.audio-play-wrap{
    width: 100%;
    background-color: #f1f3f4;
    padding: 12px 0;
    border-radius: 5px;
}
.audio-play-wrap audio{
    width: 100%;
}
.audio-lyrics{
    width: 100%;
    font-weight: 400;
    font-size: var(--font-18);
}
.ring-banner{
    width: 100%;
    min-height: 180px;
    border-radius: var(--radius-default);
    background-color: var(--light-gray);
    padding: 20px 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 65px;
}
.ring-text-wrap{
    display: flex;
    align-items: center;
    gap: 40px;
}
.ring-img{
    width: 65px;
}
.ring-btn-wrap.mobile{
	display:none;
}
.ring-btn-wrap a{
    padding: 15px 38px;
    min-width: 200px;
    min-height: 60px;
    border-radius: 200px;
    border: 1px solid #000;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    font-size: var(--font-16);
    font-weight: 400;
    transition: all 0.3s ease;
}
.ring-btn-wrap a::after{
    content: '';
    width: 13px;
    height: 13px;
    background: url('/assets/images/btn_arrow.svg') no-repeat center / 100% auto;
    transition: all 0.3s ease;
    transform: rotate(-45deg);
}
.ring-text strong{
    font-size: var(--font-24);
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
}
.ring-text p{
    font-size: var(--font-16);
    font-weight: 400;
}
/* 홍보마당 CI 캐릭터 ci.html */
.ci-wrap{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 100px;
}
.ci-title-wrap{
    width: 100%;
    border-radius: var(--radius-default);
    background-color: #fafafb;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 45px;
    padding: 100px 40px;
}
.ci-title-wrap::before{
    content: '';
    width: 510px;
    height: 510px;
    position: absolute;
    bottom: -10px;
    right: -5px;
    background: url('/assets/images/cow_kind_bg.png') no-repeat bottom -100px right -60px / 100% auto;
    mix-blend-mode: soft-light;
    opacity: 0.8;
    z-index: 1;
}
.ci-logo-area{
    height: 60px;
}
.ci-logo-area img{
    height: 100%;
    width: auto;
}
.point-circle{
    width: 17px;
    height: 17px;
    border-radius: 17px;
    background-color: var(--orange-color);
}
.ci-title-text{
    text-align: center;
}
.ci-title-text strong{
    font-size: var(--font-30);
    font-weight: 700;
    display: block;
    margin-bottom: 40px;
}
.ci-title-text p{
    font-size: var(--font-18);
    font-weight: 400;
}
.ci-cont-wrap{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 100px;
}
.ci-cont-group{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.ci-cont-group h3{
    font-size: var(--font-30);
    font-weight: 700;
}
.ci-cont-detail{
    font-size: var(--font-18);
    font-weight: 400;
}
.ci-image-area{
    width: 100%;
    border-radius: var(--radius-default);
}
.ci-full-block{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ci-full-block.backGray{
    background-color: #fafafb;
    padding: 60px;
}
.ci-image-area.left-right{
    display: flex;
    align-items: center;
    gap: 20px;
}
.symbol-img{
    width: 100%;
    max-width: 479px;
    margin-bottom: 50px;
    aspect-ratio: 4.13;
    display: flex;
    /* justify-content: center; */
    align-items: center;
}
.symbol-detail{
    font-size: var(--font-18);
    font-weight: 400;
}
.symbol-left, .symbol-right{
    width: calc(50% - 10px);
}
.ci-document-down{
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ci-docu-btn{
    position: absolute;
    bottom: 22.45%;
    left: 6.714%;
    width: 10.57%;
    height: 60px;
    transition: all 0.3s ease;
}
.ci-docu-btn a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url('/assets/images/ci_download_btn.png') no-repeat center / 100% auto;
    transition: all 0.3s ease;
}
.bi .ci-logo-area{
    height: auto;
    max-width: 50%;
}
.bi .ci-logo-area img{
    height: auto;
    width: 100%;
}
.bi.character .ci-logo-area{
    height: auto;
    max-width: 50%;
    width: 465px;
}
.ci-title-group{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.character-logo{
    width: 152px;
}
.character-insta-btn{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}
.character-insta-btn a{
    display: flex;
    justify-content: center;
    align-items: center;
}
.character-sub-text{
    font-size: var(--font-24);
    font-weight: 400;
    margin-bottom: 35px;
}
.bi.k-beef .ci-logo-area{
    width: 186px;
}
.bi.slogans .ci-logo-area{
    width: 405px;
}

/* 홍보마당 한우 부위 소개 parts.html */
.hanwoo-parts-visual{
    position: relative;
}
.parts-image{
    width: 100%;
}
.cow-part {
  position: absolute;
  opacity: 0;
  pointer-events: auto;
  transition: opacity 0.4s ease;
}
.cow-part img{
    filter: drop-shadow( 0 20px 20px rgba(250, 107, 3, 0.3));
}
.cow-part.part-chuckroll{
  top: 13%;
  left: 19%;
  width: 22.21%;
  height: 35.08%;
}
.cow-part.part-loin{
  top: 14%;
  left: 37.5%;
  width: 29.46%;
  height: 17.94%;
}
.cow-part.part-striploin{
  top: 16.5%;
  left: 66%;
  width: 12.63%;
  height: 9.88%;
}
.cow-part.part-inside{
  top:16%;
  left: 79%;
  width: 16.98%;
  height: 14.52%;
}
.cow-part.part-rib{
  top: 27.5%;
  left: 37.9%;
  width: 41.22%;
  height: 18.75%;
}
.cow-part.part-knuckle{
  top: 27.5%;
  left: 79%;
  width: 16.84%;
  height: 22.58%;
}
.cow-part.part-leg{
  top: 46%;
  left: 23.4%;
  width: 19.16%;
  height: 16.73%;
}
.cow-part.part-yang{
  top: 40%;
  left: 42.3%;
  width: 36.86%;
  height: 26.01%;
}
.cow-part.part-shank{
  top: 50%;
  left: 77%;
  width: 19.59%;
  height: 17.34%;
}
.cow-part.part-shank.part-shank2{
  top: 62%;
  left: 32%;
  width: 10.45%;
  height: auto;
}
.cow-part.part-ansim{
  top: 25.20%; /*125px*/
  left: 67.89%; /*468px*/
  width: 11.18%; /*77px*/
  height: 8.87%; /*44px*/
}

.parts-list-over{
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    position: absolute;
    top: -30px;
    left: 0;
    z-index: 1;
    background-color: var(--light-gray);
    border-radius: var(--radius-default);
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 40px 40px 30px;
    width: 100%;
	min-height:calc(100% + 35px);
}
.parts-over-title{
    width: 100%;
}
.parts-over-strong{
    font-size: var(--font-30);
    font-weight: 700;
    display: block;
    margin-bottom: 30px;
}
.parts-over-detail{
    width: 100%;
    font-size: var(--font-18);
    font-weight: 400;
}
.parts-over-image{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.parts-over-info{
    width: 100%;
}
.parts-scope-wrap{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.parts-scope-left{
    width: 50%;
    display: flex;
    align-items: center;
    gap: 12px;
}
.parts-scope-left.right{
    justify-content: center;
}
.parts-scope-text{
    font-size: var(--font-18);
    font-weight: 700;
	line-height:1.1;
	white-space:nowrap;
}
.parts-scope{
    display: flex;
    align-items: center;
}
.parts-scope span{
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url('/assets/images/scope_icon.svg') no-repeat center / cover;
    opacity: 0.2;
}
.parts-scope span.full{
    opacity: 1;
}
.parts-over-link-wrap{
    width: 100%;
    display: flex;
    align-items: center;
}
.parts-over-link{
    width: 50%;
    height: 50px;
}
.parts-over-link a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: var(--font-16);
    font-weight: 400;
    color: #191919;
    border: var(--border-default);
    transition: all 0.3s ease;
}

.parts-over-link:nth-child(1) a{
    border-radius: 8px 0 0 8px;
    border-right: none;
}
.parts-over-link:nth-child(2) a{
    border-radius: 0 8px 8px 0;
}
.parts-over-link-img{
    opacity: 0.3;
    transition: all 0.3s ease;
}

.parts-over-link-img.meet{
    width: 21px;
}
.parts-over-link-img.yt{
    width: 27px;
}

.parts-cont-wrap{
    width: 100%;
}
.parts-image-wrap{
    width: 100%;
}
.parts-image{
    width: 100%;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 100px;
}
.hanwoo-parts-visual{
    width: 66.43%;
    background-color: var(--light-gray);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-default);
    padding: 52px 20px;
}

.hanwoo-parts-detail{
    width: calc((100% - 66.43%) - 20px);
    border-radius: var(--radius-default);
    background-color: var(--light-orange);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.hanwoo-parts-wrap{
    max-width: 689px;
    position: relative;
}

.detail-default{
    text-align: center;
    font-size: var(--font-24);
    font-weight: 400;
    /* display: none; */
}
.detail-default span{
    font-weight: 700;
}
.click-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 35px;
}
.m-cont{
	display:none;
}
.parts-text-area{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
	gap:10px;
}
.parts-text-area > div{
    width: calc(50% - 5px);
}
.parts-text-wrap strong{
    font-size: var(--font-30);
    font-weight: 700;
    display: block;
    margin-bottom: 40px;
}
.parts-text-wrap p{
    font-size: var(--font-18);
    font-weight: 400;
}
.parts-cont-wrap .sub_line{
    margin:100px 0;
}
.parts-list-wrap{
    width: 100%;
    margin-bottom: 100px;
}
.parts-list-wrap ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 100px 50px;
}
.parts-list{
    width: calc((100% / 3) - 33.333px);
    position: relative;
}
.parts-list-title{
    width: 100%;
    margin-bottom: 40px;
}
.parts-list-img{
    width: 100%;
    margin-bottom: 25px;
}
.parts-list-detail{
    width: 100%;
}
.mobile_button{
	display:none;
}
.parts-list-detail-text{
    margin-bottom: 22px;
    font-size: var(--font-22);
    font-weight: 700;
    color: var(--orange-color);
}
.parts-list-text{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.parts-list-text dl{
    display: flex;
    align-items: stretch;
    gap: 25px;
}
.parts-list-text dt{
    font-size: var(--font-18);
    font-weight: 700;
    min-width: 48.14px;
}
.parts-list-text dd{
    font-size: var(--font-18);
    font-weight: 400;
}
.parts-list-strong{
    font-size: var(--font-30);
    font-weight: 700;  
}
.parts-list-strong span{
    font-size: var(--font-18);
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    display: inline-block;
    margin-left: 12px;
}
.parts-detail-carousel{
    width: 100%;
    height: 100%;
    padding: 40px;
    display: none;
	transition: opacity 0.3s ease;
}
.partsSwiper{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}
.partsSwiper.swiper-wrapper{
    width: 100%;
}
.partsSwiper .swiper-slide{
    width: 100%;
}
.parts-slider-text{
    width: 100%;
}
.parts-slider-title{
    width: 100%;
    display: flex;
    gap: 30px;
    margin-bottom: 25px;
}
.parts-slider-img{
    width: 40%;
}
.parts-slider-title-text{
    width: calc(60% - 30px);
}
.parts-slider-title-text strong{
    font-size: var(--font-30);
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
}
.parts-slider-title-text p{
    font-size: var(--font-18);
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
}
.parts-slider-detail{
    width: 100%;
    font-size: var(--font-18);
    font-weight: 400;
}
.parts-slider-arrow{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: none!important;
}
.parts-slider-arrow button{
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}
.parts-btn-wrap{
    position: relative;
}
.parts-name{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: var(--font-16);
    font-weight: 400;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.parts-name.prev{
    right: -140%;
}
.parts-name.next{
    left: -140%;
}

.parts-slider-arrow .prev-btn::before{
    content:'';
    width: 8px;
    height: 13px;
    background: url('/assets/images/arrow_black_l.svg') no-repeat center / cover;
    transition: all 0.3s ease;
}
.parts-slider-arrow .next-btn::before{
    content:'';
    width: 8px;
    height: 13px;
    background: url('/assets/images/arrow_black_r.svg') no-repeat center / cover;
    transition: all 0.3s ease;
}

/*연구 - 시장동향 보고 market_trends.html*/
.research .list-search-wrap{
    justify-content: flex-end;
    gap: 20px;
}
.select-wrap{
    display: flex;
    gap: 22px;
    align-items: center;
}
.select-wrap p{
    font-size: var(--font-18);
    font-weight: 900;
}

/*교육 - 교육 개요 education_about.html*/
.sub-kv-wrap{
    width: 100%;
    aspect-ratio: 4/1;
    display: flex;
    align-items: center;
    padding: 20px 100px;
    background: url('/assets/images/education_img.png') no-repeat center / cover;
    border-radius: var(--radius-default);
}
.sub-kv-wrap p{
    font-size: var(--font-30);
    font-weight: 700;
    color:#fff;
}
.sub-block{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 95px;
}
.sub-block-group{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 45px;
}
.sub-block-group h3{
    font-size: var(--font-30);
    font-weight: 700;
}
.sub-block-cont{
    font-size: var(--font-18);
    font-weight: 400;
    width: 100%;
}
.education-program-group{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}
.education-program-detail{
    width: calc(50% - 25px);
    border-radius: var(--radius-default);
    background-color: var(--light-gray);
    padding: 40px;
}
.education-program-detail strong{
    font-size: var(--font-22);
    font-weight: 700;
    color: var(--orange-color);
    display: block;
    margin-bottom: 20px;
}
.education-text-wrap{
    width: 100%;
}
.education-text-wrap li{
    width: 100%;
    position: relative;
    padding-left: 15px;
}
.education-text-wrap li::before{
    content:'';
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #afafaf;
    position: absolute;
    top: 11px;
    left: 0;
}
.education-book-wrap{
    width: 100%;
    display: flex;
    gap: 50px;
}


.education-book-list{
    width: calc((100% / 3) - 33.333px);
}
.education-book-list a{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.education-book-thum{
    width: 100%;
    position: relative;
    transition: all 0.3s ease;
}
.education-book-thum::before{
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: var(--radius-default);
    opacity: 0;
    transition: all 0.3s ease;
}
.education-book-thum::after{
    content: '';
    width: 70px;
    height: 70px;
    background: #fff url('/assets/images/down_icon_orange.svg') no-repeat center / 20px auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    border-radius: 70px;
    opacity: 0;
    transition: all 0.3s ease;
}
.education-book-list a p{
    font-size: var(--font-20);
    font-weight: 700;
}

.gallerySwiper.educationSwiper{
    width: 47.92%;
    aspect-ratio: 1;
    max-width: 920px;
}
.gallerySwiper.educationSwiper li img{
    width: 100%;
    height: auto;
}
.gallerySwiper.educationSwiper .gallery-counter{
    background-color: rgba(0, 0, 0, 0.35);
}
.education-carousel .gallery-slider-control{
    width: 62%;
    max-width: 1150px;
}
.education-carousel.gallery .gallery-slider-control{
    width: 100%;
    max-width: 1400px;
}


/*통계 화면 statistics_all.html*/

.statistics-list-wrap{
    width: 100%;
}

.statistics-cont-wrap{
    width: 100%;
    position: relative;

}

.statistics-pop-wrap{
    width: 100%;
}

.stat-list-wrap.menu-screen, .data-screen, .overlay { display: none; }
.data-screen.active{ display: flex; }
.stat-list-wrap.menu-screen.active{display: block;}
.overlay.active { display: flex; }

.data-screen{
    flex-direction: column;
    width: 100%;

}


.stat-cont-tab{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    position: relative;
}
.tabs {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
    cursor: grab;
    width: 100%;
    padding-right: 150px;
    position: relative;
    z-index: 1100;
}
.tabs::-webkit-scrollbar {
    display: none;
}
.tab {
    background-color: #fff;
    border: 1px solid var(--orange-color);
    color: #000;
    font-size: var(--font-18);
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 30px;
    min-height: 70px;
    border-radius: var(--radius-default);
    flex-shrink: 0;
    user-select: none;
    cursor: pointer;
}
.tab > span{
    display: inline-block;
}
.tab span.tab-category{
    font-weight: 700;
}
.tab span.tab-category, .tab span.tab-divider{
    margin-right: 10px;
}
.tab .close {
    margin-left: 20px;
    width: 24px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 4px;
    background-color: #f6f7f9;
}
.tab .close::before{
    content: '';
    width: 10px;
    height: 10px;
    background:url('/assets/images/close_icon.svg') no-repeat center / cover;
}
.tab.active {
    background-color: var(--orange-color);
    color: #fff;
}
.right-arrow-wrap{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    background: linear-gradient(to right, transparent 0%, white 40%);
    width: 170px;
    height: 100%;
    justify-content: flex-end;
    align-items: center;
    display: none;
    z-index: 1200;
}
.right-arrow-wrap.show{
    display: flex;
}
.tab-arrow-wrap{
    display: flex;
    align-items: center;
    gap: 10px;
}
.tab-arrow{
    width: 40px;
    height: 40px;
    border-radius: 40px;
    
}
.tab-arrow a{
    display: flex;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: 100%;
    border-radius: 40px;
    border: 1px solid #000;
}
.tab-arrow.left a{
    background: url('/assets/images/arrow_black_l.svg') no-repeat center / 8px 13px;
}
.tab-arrow.right a{
    background: url('/assets/images/arrow_black_r.svg') no-repeat center / 8px 13px;
}

.content{
    width: 100%;
    padding-top: 90px;
}
.stat-list-tab.show-popup-btn a {
    background: #191919;
    color: #fff;
    width: fit-content;
    border-radius: var(--radius-default);
    cursor: pointer;
    pointer-events: auto;
    min-height: 70px;
    padding: 15px 25px;
    white-space: nowrap;
}
.stat-list-tab.show-popup-btn a::before{
    content: '';
    width: 18px;
    height: 18px;
    background: url('/assets/images/menu_icon_full_w.svg') no-repeat center / 100% auto;
}

.stat-select-wrap{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--radius-default);
    background-color: var(--light-orange);
    padding: 20px 40px;
}
.stat-select-wrap.consumption{
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px 40px 40px;
}
.consumption-search-wrap{
	display:flex;
	flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
	width: 100%;
}
.stat-select-left{
    display: flex;
    align-items: center;
    gap: 10px;
}
.stat-select-left.top{
    width: 100%;
    margin-bottom: 20px;
}
.stat-select-left .select-wrap{
    gap: 10px;
    font-weight: 900;
}
.stat-select-left .select-wrap p{
    margin-right: 10px;
}
.select-years ul{
    display: flex;
    align-items: center;
    border-radius: var(--radius-default);
    background-color: #fff;
}
.select-years ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 60px;
    font-size: var(--font-18);
    font-weight: 400;
    color: #000;
}
.select-years ul li:nth-child(1) a{
    border-radius: var(--radius-default) 0 0 var(--radius-default);
}
.select-years ul li:nth-child(3) a{
    border-radius: 0 var(--radius-default) var(--radius-default) 0;
}
.select-years ul li.focus a{
    background-color: #979797;
    color: #fff;
    font-weight: 700;
}
.stat-select-right{
    display: flex;
    align-items: center;
    gap: 40px;
}
.stat-select-right.bottom{
    flex-direction: column;
    gap: 20px;
    width: 100%;
}
.stat-radio-group{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
}
.stat-radio-group .contact-write-input{
    background-color: initial;
    border: none;
    padding: 0;
}
.stat-radio-group p{
    font-size: var(--font-18);
    font-weight: 900;
    white-space: nowrap;
}
.stat-search-wrap{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.stat-search-wrap .stat-select-btn a{
    width: 200px;
}
.stat-down-group{
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    gap: 40px;
}
.stat-down-group.stat-down-group-mobile{
	display:none;
}
.down-btn-wrap{
    display: flex;
    align-items: center;
    gap: 20px;
}
.down-btn-wrap p{
    font-weight: 900;
    font-size: var(--font-18);
}
.down-btn-wrap a{
    width: 60px;
    aspect-ratio: 1;
    border-radius: var(--radius-default);
    display: flex;
    justify-content: center;
    align-items: center;
}
.down-btn-wrap.print a{
    background: #fff url('/assets/images/print_icon.svg') no-repeat center / 22px auto;
}
.down-btn-wrap.down a{
    background: #fff url('/assets/images//down_icon.svg') no-repeat center / 20px auto;
}
.stat-select-btn a{
    width: 80px;
    height: 60px;
    border-radius: var(--radius-default);
    background-color: rgba(250, 107, 3, 0.8);
    color: #fff;
    font-size: var(--font-18);
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

.square-wrap{
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}
.square-top{
    width: 100%;
    height: 80px;
    position: relative;
}
.square-top-list{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: fit-content;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}
.square-top-list a{
    width: 143px;
    height: 100%;
    gap: 10px;
    background-color: #f6f7f9;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    font-size: var(--font-18);
    font-weight: 700;
    pointer-events: none;
}
.square-top-list a::before{
    content: '';
    width: 18px;
    height: 18px;
    background: url('/assets/images/menu_icon_full.svg') no-repeat center / 100% auto;
}
.square-top-bg-g{
    width: 100px;
    height: 50px;
    background-color: #f6f7f9;
    position: absolute;
    top: 30px;
    left: 143px;
}
.square-top-bg-w{
    width: 143px;
    height: 80px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 143px;
    border-radius: 12px;
    z-index: 1;
}
.square-body{
    width: 100%;
    background-color: #f6f7f9;
    border-radius: 0 12px 12px 12px;
    display: flex;
    align-items: center;
}

.overlay {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    display: none;
    max-width: 1400px;
    width: 100%;
}
#bottomSheetOverlay{
	display:none;	
}
.popup.stat-pop-wrap {
    
    width: 100%;
    /* position: relative;
    flex-direction: column;
    border-radius: 12px;
    overflow: hidden;
    overflow-y: auto; */
    /* background: url('/assets/images/folder_bg.svg') no-repeat top left / cover; */
}
.stat-pop-close{
    position: absolute;
    top: 110px;
    right: 30px;
}
.stat-pop-close a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    background: url('/assets/images/close_icon_black.svg') no-repeat center / cover;
}

.tab-content {
	/* display: none; */
    flex-direction: column;
    width: 100%;
    gap: 40px;
}
.stat-cont-area:nth-child(4) .tab-content .tab-cont-title{
	margin-bottom:40px;
}
.stat-cont-area:nth-child(5) .tab-content .tab-cont-title, .stat-cont-area:nth-child(6) .tab-content .tab-cont-title{
	justify-content:flex-end;
	margin-bottom:20px;
}
.stat-cont-area:nth-child(5) .tab-content .tab-cont-title h3, .stat-cont-area:nth-child(6) .tab-content .tab-cont-title h3{
	display:none;
}
.print-logo{
	display:none;
}
.tab-content.active {
    display: flex;
}
.tab-cont-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tab-cont-title h3{
    font-size: var(--font-30);
    font-weight: 700;
	width:fit-content;
	margin-bottom:40px;
}
.tab-cont-title h3 span:not(:nth-child(3)){
    display: inline-block;
    margin-right: 10px;
}
.tab-cont-title p{
    font-size: var(--font-16);
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
}
.tab-table-detail{
    font-size: var(--font-16);
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    width: 100%;
    text-align: right;
    margin-bottom: 10px;
    margin-top: 20px;
}
.tab-content .tab-cont-table{
    width: 100%;
    box-sizing: border-box;
    overflow-x: auto;
}
.tab-content table{
    width: 100%;
    font-size: var(--font-18);
    font-weight: 500;
}
.tab-content table td{
    padding: 20px;
}
.tab-content table th{
    border: var(--border-default);
    padding: 20px;
}
.tab-content table thead tr:nth-child(1) th:nth-child(1), .tab-content table thead tr:nth-child(2) th:nth-child(1), .tab-content table thead tr:nth-child(2) th:nth-child(2){
    border-left: none;
}
.tab-content table thead tr:nth-child(1) th:last-child{
    border-right: none;
}
.tab-content table thead tr:nth-child(1) th{
    background-color: #fafafb;
    font-weight: 500;
}
.tab-content table thead tr:nth-child(2) th{
    background-color: #effbfa;
    font-weight: 500;
}
.tab-content table thead tr th:last-child{
    border-right: none;
}
.tab-content table .down{
    color: var(--orange-color);
}
.tab-content table .up{
    color: var(--green-color);
}
.tab-content table tbody td{
    border: var(--border-default);
}
.tab-content table tbody tr td{
    text-align: right;
    min-width: 7em;
}
.tab-content_ table tbody tr:nth-child(1) td:nth-child(1),
.tab-content_ table tbody tr:nth-child(2) td:nth-child(1),
.tab-content_ table tbody tr:nth-child(6) td:nth-child(1){
    text-align: center;
    border-left: none;
}
.tab-content table tbody tr td.first {
    text-align: center;
    border-left: none;
}
.tab-content table tbody tr td.center {
    text-align: center;
}
.tab-content .consumption-table table tbody tr td:nth-child(1){
    text-align: center;
    border-left: none;
}
.tab-content table tbody tr td:last-child{
    border-right: none;
}
.tab-cont-text{
    font-size: var(--font-16);
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 10px;
}

.stat-list-wrap.menu-screen{
    width: 100%;
    /* position: relative;
    flex-direction: column;
    border-radius: 10px;
    overflow: hidden;
    background: url('/assets/images/folder_bg.svg') no-repeat top left / cover; */
}
.stat-list-tab a{
    padding: 15px 25px;
    min-height: 80px;
    width: 143px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: var(--font-18);
    font-weight: 700;
    pointer-events: none;
}
/* .stat-list-tab a::before{
    content: '';
    width: 18px;
    height: 18px;
    background: url('/assets/images/menu_icon_full.svg') no-repeat center / 100% auto;
} */
.stat-list-cont{
    width: 100%;
    padding: 40px;
}
.stat-menu-all{
    width: 100%;
    display: flex;
    gap: 80px;
}
.stat-menu-list{
    width: calc((100% / 3) - 53.333px);
    position: relative;
}
.stat-menu-list::after{
    content: '';
    width: 1px;
    height: 100%;
    background-color: #e5e5e5;
    position: absolute;
    right: -40px;
    top: 0;
}
.stat-menu-list:last-child::after{
    display: none;
}

.stat-menu-title{
    margin-bottom: 30px;
}
.stat-menu-list:nth-child(1) .stat-menu-title{
    margin-bottom: 75px;
}
.stat-menu-title p{
    font-size: var(--font-18);
    font-weight: 700;
    color:rgba(0, 0, 0, 0.5);
    line-height: 1;
    margin-bottom: 15px;
}
.stat-menu-title h3{
    font-size: var(--font-30);
    font-weight: 700;
    line-height: 1.3;
}
.stat-sub{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 35px;
}
.stat-sub-list{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.stat-sub-list p{
    font-size: var(--font-18);
    font-weight: 700;
}
.stat-sub-2depth{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.stat-2depth-list{
    width: 100%;
    border-radius: var(--radius-default);
    display: flex;
    align-items: center;
}
.stat-sub-link{
    width: 100%;
    padding: 15px 20px;
    min-height: 60px;
    border-radius: var(--radius-default);
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition:all 0.3s ease;
}
.stat-sub-link::after{
    content: '';
    width: 13px;
    height: 12px;
    background: url('/assets/images/btn_arrow.svg') no-repeat center / 100% auto;
    opacity: 0.3;
    transition:all 0.3s ease;
}
.consumption-graph-wrap{
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--light-gray);
}
.consumption-graph-inner{
	width:100%;
	min-width:800px;
	display: flex;
    justify-content: center;
    align-items: center;
}

/*한우 esg*/
.esg .cow-image-area{
    background: url('/assets/images/esg_img1.png') no-repeat center / cover;
    margin-bottom: 0;
}
.esg.environmental .cow-image-area{
    background: url('/assets/images/esg_e_img1.png') no-repeat center / cover;
    margin-bottom: 100px;
}
.esg.environmental.social .cow-image-area{
    background: url('/assets/images/esg_s_img1.png') no-repeat center / cover;
}
.esg.environmental.social.governance .cow-image-area{
    background: url('/assets/images/esg_g_img1.png') no-repeat center / cover;
}
.cow-cont-area{
    width: 100%;
}
.esg-img-mo{
	display:none;
}
.list-cont-wrap.promotion-cow.esg .contact-tab-wrap{
    width: 100%;
    max-width: 1448px;
    margin: 0 auto;
    padding: 0 24px;
}
.promotion-cont-group.full{
    max-width: 100%;
    padding: 190px 24px;
    background: url('/assets/images/esg_img3.png') no-repeat top 25% center / cover;
}
.promotion-cont-group.full .cow-second-title strong{
    text-align: center;
}
.promotion-cont-group.full .cow-cont-area{
    width: 100%;
}
.promotion-cont-group.full .cow-cont-area .esg-manage-ul{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
}
.promotion-cont-group.full .cow-cont-area .esg-manage-list{
    border-radius: var(--radius-default);
    background-color: rgba(255, 255, 255, 0.9);
    width: 300px;
    aspect-ratio: 1;
    padding: 40px;
    padding-top: 30px;
}
.promotion-cont-group.full .cow-cont-area .esg-manage-list .esg-manage-icon{
    height: 73px;
    width: auto;
    margin-bottom: 50px;
}
.promotion-cont-group.full .cow-cont-area .esg-manage-list .esg-manage-icon img{
    height: 100%;
    width: auto;
}
.promotion-cont-group.full .cow-cont-area .esg-manage-list strong{
    font-size: var(--font-36);
    font-weight: 700;
    line-height: 1;
    margin-bottom: 20px;
    display: block;
}
.promotion-cont-group.full .cow-cont-area .esg-manage-list p{
    font-size: var(--font-18);
    font-weight: 400;
    margin-top: 15px;

}
.promotion-cont-group.full.esg-swiper-wrap{
    background: none;
    background-color: #fafafb;
    margin-top: -100px;
    padding: 100px 0;
}
.promotion-cont-group.full.esg-swiper-wrap .cow-second-title strong{
    text-align: left;
    width: 100%;
    max-width: 1448px;
    margin: 0 auto;
    padding: 0 24px;
}
.esg-flex-wrap{
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap:50px;
}
.esg-flex-list{
    width: calc((100% / 3) - 33.333px);
    display: flex;
    border-radius: var(--radius-default);
    overflow: hidden;
    transition: all 0.3s ease;
}


.esg-flex-list strong{
    font-size: var(--font-30);
    font-weight: 700;
    line-height: 1;
    display: block;
    margin-bottom: 15px;
    white-space: normal;
    word-break: break-word; 
	position:relative;
	z-index:2;
}
.esg-flex-list strong span{
    font-size: 120px;
    line-height: 1;
}
.esg-flex-list p{
    font-size: var(--font-30);
    font-weight: 700;
    line-height: 1;
	position:relative;
	z-index:2;
}
.esg-flex-list-wrap{
    display: flex;
    flex-direction: column;
    width: 100%;
    /* aspect-ratio: 433 / 571; */
    position: relative;
    z-index: 2;
    padding: 40px;
    padding-top: 30px;
    color: #fff;
	background: url('/assets/images/esg_img4.png') no-repeat center / cover;
	border-radius: var(--radius-default);
	overflow: hidden;
    transition: all 0.3s ease;
	position: relative;
}
.esg-flex-list:nth-child(2) .esg-flex-list-wrap{
    background: url('/assets/images/esg_img5.png') no-repeat center / cover;
}
.esg-flex-list:nth-child(3) .esg-flex-list-wrap{
    background: url('/assets/images/esg_img6.png') no-repeat center / cover;
}
.esg-flex-list-wrap::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
}
.esg-flex-hover{
    margin-top: 40px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
	position:relative;
	z-index:2;
}
.esg-flex-hover.mobile{
	display:none;
}
.esg-flex-hover-title{
    font-size: var(--font-20);
    font-weight: 700;
}
.esg-flex-hover .flex-line{
    width: 100%;
    height: 1px;
    background-color: #fff;
    margin: 22px 0;
}
.esg-flex-hover ul{
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: var(--font-18);
    font-weight: 400;
    margin-bottom: 25px;
}
.esg-flex-hover ul li{
    position: relative;
    width: 100%;
    padding-left: 14px;
}
.esg-flex-hover ul li::before{
    content:'';
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #fff;
    position: absolute;
    top: 11px;
    left: 0;
}
.esg-swiper-area{
    width: 100%;
    max-width: 1448px;
    margin: 0 auto;
    padding: 0 124px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 55px;
}

.esgSwiper{
    max-width: 1200px;
    overflow: hidden;
    width: 100%;
}
.esgSwiper .swiper-wrapper{
    width: 100%;
    
}
.esgSwiper .swiper-slide{
    width: 100%!important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    aspect-ratio: auto;
    background-color: #fff;
    padding: 20px;
    padding-right: 100px;
    border-radius: 999px;
}
 .news-slider-scrollbar.esg-progress {
	background: #ebecee!important;
    height: 5px!important;
    border-radius: 5px!important;
    width: 100%!important;
    position: absolute!important;
    top: auto;
    bottom: -55px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1000px;
}
.esg-progress.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--black-color,var(--black-color))!important;
    border-radius: 999px;
	width:100%;
}
.news-slider-control.esg-slider{
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    /* left: 24px; */
	left:50%;
    width: 95%;
    max-width: 1400px;
    display: flex;
    justify-content: space-between;
}
.esg-swiper-icon-wrap{
    width: 160px;
    aspect-ratio: 1;
    border-radius: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 17px;
    font-size: var(--font-22);
    font-weight: 700;
    line-height: 1.3;
	text-align:center;
}
.esgSwiper .swiper-slide[data-index="1"] .esg-swiper-icon-wrap{
    color: var(--orange-color);
    background-color: #fef3ea;

}
.esgSwiper .swiper-slide[data-index="2"] .esg-swiper-icon-wrap{
    color: var(--green-color);
    background-color: #e9f9f9;
}
.esgSwiper .swiper-slide[data-index="3"] .esg-swiper-icon-wrap{
    color: #366cf0;
    background-color: #eef2fb;
}
.esgSwiper .swiper-slide[data-index="4"] .esg-swiper-icon-wrap{
    color: #a05eb5;
    background-color: #f7f2f9;
}
.esgSwiper .swiper-slide[data-index="5"] .esg-swiper-icon-wrap{
    color: #d33b3b;
    background-color: #fcf4f4;
}
.esg-swiper-text{
    margin-left: 50px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;

}
.esg-swiper-text-list{
    font-size: var(--font-18);
    font-weight: 400;
    padding-left: 14px;
    position: relative;
}
.esg-swiper-text-list::before{
    content:'';
    width: 4px;
    height: 4px;
    border-radius: 4px;
    position: absolute;
    top: 11px;
    left: 0;
}
.esgSwiper .swiper-slide[data-index="1"] .esg-swiper-text-list::before{
    background-color: var(--orange-color);
}
.esgSwiper .swiper-slide[data-index="2"] .esg-swiper-text-list::before{
    background-color: var(--green-color);
}
.esgSwiper .swiper-slide[data-index="3"] .esg-swiper-text-list::before{
    background-color: #366cf0;
}
.esgSwiper .swiper-slide[data-index="4"] .esg-swiper-text-list::before{
    background-color: #a05eb5;
}
.esgSwiper .swiper-slide[data-index="5"] .esg-swiper-text-list::before{
    background-color: #d33b3b;
}
.esg-swiper-icon{
    width: 36px;
}
.esg-swiper-num{
    font-size: 100px;
    font-weight: 700;
    color: #fff;
}


/* text-stroke 지원하는 브라우저에서는 이것만 적용 */
@supports (-webkit-text-stroke: 1px black) {
  .esg-swiper-num{
    -webkit-text-stroke: 0.5px var(--orange-color);
    }
  .esgSwiper .swiper-slide[data-index="2"] .esg-swiper-num{
    -webkit-text-stroke: 0.5px var(--green-color);
    }
  .esgSwiper .swiper-slide[data-index="3"] .esg-swiper-num{
    -webkit-text-stroke: 0.5px #366cf0;
    }
  .esgSwiper .swiper-slide[data-index="4"] .esg-swiper-num{
    -webkit-text-stroke: 0.5px #a05eb5;
    }
  .esgSwiper .swiper-slide[data-index="5"] .esg-swiper-num{
    -webkit-text-stroke: 0.5px #d33b3b;
    }
}

/* text-stroke 미지원 브라우저 (Firefox 등)에는 shadow fallback */
@supports not (-webkit-text-stroke: 1px black) {
    .esg-swiper-num{
        text-shadow:
        -0.5px -0.5px 0 var(--orange-color),
         0.5px -0.5px 0 var(--orange-color),
        -0.5px  0.5px 0 var(--orange-color),
         0.5px  0.5px 0 var(--orange-color);
    }
    .esgSwiper .swiper-slide[data-index="2"] .esg-swiper-num{
        text-shadow:
        -0.5px -0.5px 0 var(--green-color),
         0.5px -0.5px 0 var(--green-color),
        -0.5px  0.5px 0 var(--green-color),
         0.5px  0.5px 0 var(--green-color);
    }
    .esgSwiper .swiper-slide[data-index="3"] .esg-swiper-num{
        text-shadow:
        -0.5px -0.5px 0 #366cf0,
         0.5px -0.5px 0 #366cf0,
        -0.5px  0.5px 0 #366cf0,
         0.5px  0.5px 0 #366cf0;
    }
    .esgSwiper .swiper-slide[data-index="4"] .esg-swiper-num{
        text-shadow:
        -0.5px -0.5px 0 #a05eb5,
         0.5px -0.5px 0 #a05eb5,
        -0.5px  0.5px 0 #a05eb5,
         0.5px  0.5px 0 #a05eb5;
    }
    .esgSwiper .swiper-slide[data-index="5"] .esg-swiper-num{
        text-shadow:
        -0.5px -0.5px 0 #d33b3b,
         0.5px -0.5px 0 #d33b3b,
        -0.5px  0.5px 0 #d33b3b,
         0.5px  0.5px 0 #d33b3b;
    }
}

.environmental .promotion-cont-group.full.esg-swiper-wrap{
    margin-top: 0;
}
.environmental .cow-text-detail p:nth-child(1){
    margin-bottom: 35px;
}

.environmental .promotion-cont-group.full .cow-cont-area{
    width: 100%;
    max-width: 1448px;
    margin: 0 auto;
    padding: 0 24px;
}
.environmental .promotion-cont-group.full .cow-cont-area .e-list-wrap{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 50px;
}
.e-image-wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    align-items: center;
}
.e-image-list{
    width: calc(50% - 25px);
    border-radius: var(--radius-default);
    overflow: hidden;
}

.environmental .promotion-cont-group.full.esg-swiper-wrap.lca .cow-image-detail{
    width: 100%;
    max-width: 1448px;
    margin: 0 auto;
    padding: 0 24px;
    margin-bottom: 100px;
}

.esg-table-wrap{
    width: 100%;
}
.esg-table-text{
    width: 100%;
    text-align: right;
    font-size: var(--font-16);
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 15px;
}
.esg-table-wrap table{
    width: 100%;
    font-size: var(--font-18);
    font-weight: 500;
    table-layout: fixed;
}
.esg-table-wrap table th{
    background-color: #fafafb;
    font-weight: 500;
    padding: 15px;
    border-top: var(--border-default);
    border-bottom: var(--border-default);
}
.esg-table-wrap table th:not(:last-child), .esg-table-wrap table td:not(:last-child){
    border-right: var(--border-default);
}
.esg-table-wrap table td{
    padding: 15px;
    text-align: center;
    border-bottom: var(--border-default);
}

.social-image-wrap{
    max-width: 1070px;
    margin: 0 auto;
    padding-top: 35px;
}
.esg-image-double{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 50px;
}
.esg-image-double li{
    width: calc(50% - 25px);
    border-radius: var(--radius-default);
    overflow: hidden;
}
.cow-second-title.table-title{
    margin-bottom: 15px;
}
.cow-second-title.table-title strong{
    margin-bottom: 0px;
}
.cow-image-double{
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 50px;
    padding-top: 65px;
}
.cow-image-double > div{
    width: calc(50% - 25px);
    border-radius: var(--radius-default);
    padding: 40px;
}
.cow-image-icon{
    width: 36px;
    aspect-ratio: 1;
    margin-bottom: 32px;
}
.cow-image-box strong{
    font-size: var(--font-22);
    font-weight: 700;
    display: block;
    margin-bottom: 20px;
}
.cow-image-box p{
    font-size: var(--font-18);
    font-weight: 400;
    padding-left: 14px;
    position: relative;
}
.cow-image-box p::before{
    content:'';
    width: 4px;
    height: 4px;
    border-radius: 4px;
    position: absolute;
    top: 11px;
    left: 0;
}
.cow-image-box:nth-child(1){
    background-color: var(--light-orange);
}
.cow-image-box:nth-child(2){
    background-color: var(--light-green);
}
.cow-image-box:nth-child(1) strong{
    color: var(--orange-color);
}
.cow-image-box:nth-child(2) strong{
    color: var(--green-color);
}
.cow-image-box:nth-child(1) p::before{
    background-color: var(--orange-color);
}
.cow-image-box:nth-child(2) p::before{
    background-color: var(--green-color);
}

/*운영현황 한우자조금 제도 & 관련 법령 및 규정*/
.intro .cow-image-area{
    background: url('/assets/images/intro_img1.png') no-repeat center / cover;
    margin-bottom: 0;
}
.intro2 .cow-image-area{
    background: url('/assets/images/intro2_img1.png') no-repeat center / cover;
    margin-bottom: 0;
}
.intro-divide{
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 120px;
}
.cow-cont-area.down-btn-wrap{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}
.cow-cont-area.down-btn-wrap .down-btn{
    display: flex;
    justify-content: center;
    align-items: center;
}
.cow-cont-area.down-btn-wrap .down-btn a{
    padding: 15px 50px;
    min-height: 60px;
    width: auto;
    border-radius: 999px;
    border: 1px solid #191919;
    color: #191919;
    font-size: var(--font-16);
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    aspect-ratio: auto;
    transition: all 0.3s ease;
}
.cow-cont-area.down-btn-wrap .down-btn a::after{
    content: '';
    width: 16px;
    height: 16px;
    background: url('/assets/images/down_icon.svg') no-repeat center / 100% auto;
    transition: all 0.3s ease;
	opacity:0.3;
}
.cow-card-point.title-point{
    margin-bottom: 15px;
}
.cow-card-point.title-point + strong{
    font-size: var(--font-22);
    font-weight: 700;
    display: block;
    margin-bottom: 40px;
}
.link-btn-ul{
    width: 100%;
    display: flex;
    gap: 50px;
    justify-content: space-between;
}
.link-btn-li{
    width: calc((100% / 4) - 37.5px);
}
.link-btn-group{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.link-btn-list a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 20px 40px;
    min-height: 105px;
    background-color: var(--light-gray);
    border-radius: var(--radius-default);
    transition: all 0.3s ease;
    font-size: var(--font-18);
    font-weight: 400;
}
.link-btn-list a::after{
    content: '';
    width: 17px;
    height: 17px;
    background: url('/assets/images/link_icon.svg') no-repeat center / 100% auto;
    opacity: 0.3;
    transition: all 0.3s ease;
}

/*연도별 사업 운영내용*/
.search_down_wrap{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.research.plan-result .list-search-wrap{
    margin-bottom: 0;
}
.research.plan-result .contact-tab-wrap{
    margin-bottom: 80px;
}
.research.plan-result .promotion-cont-group{
    margin-top: 100px;
}
.plan .promotion-cont-group{
    padding: 0;
}
.cow-cont-area.table-area{
	overflow-y:auto;
}
.cow-cont-area.table-area .table_sub-tit{
	margin-bottom:20px;
}
.research.plan-result table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    font-weight: 500;
    font-size: var(--font-16);
	min-width:1000px;
}
.research.plan-result table.result{
	min-width:355px;
}
.research.plan-result .cow-second-title{
	margin-bottom:40px;
}
.research.plan-result .cow-second-title strong{
	margin-bottom:0px;
}
.table-unit{
    font-size: var(--font-16);
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    width: 100%;
    text-align: right;
    margin-bottom: 20px;
}
.research.plan-result th, .research.plan-result td {
    border: var(--border-default);
    padding: 14px 20px;
    min-height: 60px;
    text-align: right;
    w/* hite-space: nowrap; */
}
.research.plan-result .result th, .research.plan-result .result td {
    text-align: center;
}
.research.plan-result th:first-child, .research.plan-result td:first-child {
    text-align: center;
}
.research.plan-result .cow-cont-area.table-area.result-table th, .research.plan-result .cow-cont-area.table-area.result-table td{
	text-align: center;
}
.research.plan-result .cow-cont-area.table-area.result-table td{
	background-color: #fff;
}
.research.plan-result thead tr:first-child th {
    background-color: #fafafb;
    font-weight: 500;
}
.research.plan-result tbody tr:first-child:not(.style-none) td {
    background-color: #effbfa;
}

/* .research.plan-result th:nth-child(even):not(.style-none){
    border-right: 1px solid #fafafb;
} */
.research.plan-result th:nth-child(1), .research.plan-result td:nth-child(1){
    border-left: none;
}
.research.plan-result th:last-child, .research.plan-result td:last-child{
    border-right: none;
}
.research.plan-result.result-ex .list-search-wrap{
    margin-bottom: 80px;
}
.result-ex .card-bottom-wrap{
    justify-content: flex-end;
}
.card-list.card-list-blank a{
    pointer-events: none;
    position: relative;
}
.card-list.card-list-blank a::before{
    content: '';
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url('/assets/images/cow_kind_bg.png') no-repeat center / 100px auto;
    opacity: 0.05;
}

/*위원회 소개 위원장 인사말 & 한우자조금 소개*/
.greetings .cow-image-area{
    background: url('/assets/images/greetings_img1.png') no-repeat center / cover;
    margin-bottom: 0;
}
.introduction .cow-image-area{
    background: url('/assets/images/introduction_img1.png') no-repeat center / cover;
}
.greeting-title{
    width: 100%;
    display: block;
    margin-bottom: 42px;
    font-size: var(--font-22);
    font-weight: 700;
    color: var(--orange-color);
}
.greeting-text-wrap{
    width: 100%;
    display: flex;
    gap: 100px;
    font-size: var(--font-18);
    font-weight: 400;
}
.introduction .logo-area img{
    max-height: 62px;
}
.purpose-box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}
.purpose-text{
    width: calc(34.57% - 25px);
}
.purpose-text p{
    font-size: var(--font-18);
    font-weight: 400;
}
.purpose-text .cow-card-point.title-point + strong{
    margin-bottom: 30px;
}
.purpose-img-area{
    width: calc(65.43% - 25px);
    max-width: 916px;
    display: flex;
    gap: 50px;
    align-items: center;
}
.purpose-img-area > div{
    width: calc(50% - 25px);
	border-radius:var(--radius-default);
	overflow:hidden;
}
.cow-cont-area.purpose{
    display: flex;
    flex-direction: column;
    gap: 50px;
}

/*위원회 소개 연혁*/
.history .list-cont-wrap{
    position: relative; 
}
.history .list-title-wrap{
    margin-bottom: 0;
}
.history .history-contents{
    display: flex;
    justify-content: center;
    gap: 100px;
    position: relative;
    width: 100%;
    height: 100vh;
    transition: height 0.3s;
    padding-top: 150px;
}
.history-left{
    width: calc(42.86%);
    height: 100vh;
    overflow: hidden;
}
.history-right{
    width: calc(57.14% - 100px);
    overflow:hidden;
    height: 100vh;
    display: flex;
    flex-direction: column;
}
.history-scroll-inner {
  overflow-y: auto;
  padding-left: 20px;
  flex: 1;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
  scrollbar-color: transparent transparent; /* Firefox */
  scroll-behavior: auto !important;
}

.history-scroll-inner::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
.history-scroll-inner ul{
    width: 100%;
    border-left: var(--border-default);
    padding-top:60px;
}

.history-scroll-inner li{
    width: 100%;
    margin-bottom: 80px;
    padding-left: 40px;
}
.history-scroll-inner li strong{
    font-size: var(--font-30);
    font-weight: 700;
    line-height: 1;
    display: block;
    margin-bottom: 30px;
    position: relative;
}
.history-scroll-inner li strong::before{
    content: '';
    width: 25px;
    height: 25px;
    border-radius: 25px;
    background-color: #fff;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: -52.5px;
    transform: translateY(-50%);
}
.history-scroll-inner li strong::after{
    content: '';
    width: 11px;
    height: 11px;
    border-radius: 11px;
    background-color: var(--green-color);
    z-index: 2;
    position: absolute;
    top: 50%;
    left: -45.5px;
    transform: translateY(-50%);
}
.history-scroll-inner li p{
    font-size: var(--font-18);
    font-weight: 400;
    margin-bottom: 12px;
}
.history-scroll-inner li p:last-child{
    margin-bottom: 0;
}

/* fixed 될 때 */
.history-contents.fixed {
  position: fixed;
  top: 0;
  z-index: 10;
  height: 100vh;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1400px;
}

body.scroll-locked {
  position: fixed;
  overflow-y: scroll; /* 스크롤바는 유지 */
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  scroll-behavior: smooth !important;
}

.history-left-img{
    width: 100%;
    aspect-ratio: 2/1;
    position: relative;
    overflow: hidden;
    margin-bottom: 80px;
}
.history-left-img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
	border-radius:12px;
	overflow:hidden;
    transition: all 1s ease-in-out;
}
.history-left-img img.active{
    opacity: 1;
    z-index: 1;
}
.history-left-years{
    transition: all 0.3s ease;
}

.history-left-years ul{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    font-size: var(--font-36);
    font-weight: 700;
    transition: all 0.3s ease;
}
.history-left-years ul li{
    display: flex;
    align-items: center;
    gap: 20px;
    transition: all 0.3s ease;
}
.history-left-years ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(0, 0, 0, 0.4);
}
.history-left-years ul li.focus a{
    color: rgba(0, 0, 0, 1);
    transition: all 0.3s ease;
}
.history-left-years ul li::after{
    content: '';
    width: 17px;
    height: 17px;
    border-radius: 17px;
    background-color: var(--orange-color);
    opacity: 0;
    transition: all 0.3s ease;
}
.history-left-years ul li.focus::after{
    opacity: 1;
}

/*조직도*/
.organization .cow-image-area{
    background: url('/assets/images/introduction_img1.png') no-repeat center / cover;
    margin-bottom: 0;
}
.organization-group{
    width: 100%;
    position: relative;
}
.organization-group-m{
	display:none;
}
.organization-column{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 80px;
    align-items: center;
}
.organization-column-list{
    position: relative;
}
.organization-column-list::after{
    content: '';
    position: absolute;
    bottom: -80px;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 80px;
    background-color: #e5e5e5;
}
.organization-column-list a{
    min-width: 300px;
    min-height: 100px;
    border-radius: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 10px;
    color: #fff;
    font-size: var(--font-30);
    font-weight: 700;
    line-height: 1.3;
    transition: all 0.3s ease;
}
.organization-column-list a::after{
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #fff url('/assets/images/btn_arrow_orange.svg') no-repeat center / 14px auto;
    transition: all 0.3s ease;
}
.organization-column-list:nth-child(1) a{
    background-color: var(--orange-color);
}
.organization-column-list:nth-child(2) a{
    background-color: var(--green-color);
}
.organization-column-list:nth-child(3) a{
    background-color: #868686;
}
.organization-column-list:nth-child(2) a::after{
    background: #fff url('/assets/images/btn_arrow_green.svg') no-repeat center / 14px auto;
}
.organization-column-list:last-child a{
    pointer-events: none;
}
.organization-column-list:last-child a::after{
    display: none;
}
.audit-btn{
    position: absolute;
    top: 0;
    right: 140px;
    min-width: 250px;
    min-height: 100px;
    border-radius: 250px;
    border: 1px solid var(--orange-color);
    background-color: var(--light-orange);
    color: var(--orange-color);
    font-size: var(--font-30);
    font-weight: 700;
    line-height: 1.3;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.organization-sub{
    width: 100%;
    margin-top: 80px;
}
.organization-sub ul{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    position: relative;
    padding-top: 80px;
}
.organization-sub ul::before{
    content: '';
    width: 580px;
    height: 1px;
    background-color: #e5e5e5;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.organization-sub-list{
    min-width: 250px;
    min-height: 90px;
    padding: 10px;
    font-size: var(--font-22);
    font-weight: 700;
    line-height: 1.3;
    border: 1px solid #868686;
    border-radius: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #fff;
}
.organization-sub-list::before{
    content: '';
    position: absolute;
    top: -81px;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 80px;
    background-color: #e5e5e5;
}
.organization-bg{
    position: relative;
    
}
.organization-bg::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url('/assets/images/cow_kind_bg.png') no-repeat center / 45% auto;
    opacity: 0.02;
}
.staff-guide-wrap{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.staff-guide-list{
    width: 100%;

}
.staff-guide-list a{
    width: 100%;
    min-height: 100px;
    border-radius: var(--radius-default);
    background-color: var(--light-gray);
    padding: 10px 40px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}
.staff-guide-list a .contact-title span{
    font-size: var(--font-20);
    font-weight: 700;
    color: #000;
}
.staff-guide-list a .contact-title span:nth-child(2){
    font-weight: 400;
}
.staff-guide-list a .contact-title span:nth-child(2) .phone-icon{
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url('/assets/images/phone_icon.svg') no-repeat center / 100% auto;
    margin-right: 10px;
}
.staff-table{
    width: 100%;
}
.staff-table th{
    text-align: center;
    font-weight: 500;
    font-size: var(--font-18);
    padding: 14px 20px;
    min-height: 60px;
    border: var(--border-default);
    background-color: #fafafb;
}
.staff-table th:nth-child(1), .staff-table th:nth-child(2){
    width: 20%;
}
.staff-table th:nth-child(3){
    width: 60%;
}

.staff-table td{
    font-weight: 500;
    font-size: var(--font-18);
    border: var(--border-default);
    padding: 14px 20px;
    min-height: 60px;
}
.staff-table td:nth-child(1), .staff-table td:nth-child(2){
    text-align: center;
}
.staff-table td:last-child{
    padding-left: 40px;
}
.staff-table th:nth-child(1), .staff-table td:nth-child(1){
    border-left: none;
}
.staff-table th:last-child, .staff-table td:last-child{
    border-right: none;
}
.staff-guide-list .contact-answer{
    padding: 20px 0;
    margin: 0;
}
.staff-guide-list.contact-list{
    border-bottom: none;
}
.staff-guide-list.contact-list.active{
    border-bottom: none;
}
.staff-guide-list.contact-list.active a{
    background-color: var(--light-orange);
    transition: all 0.3s ease;
}
.guide-list{
    position: relative;
    padding-left: 14px;
}
.guide-list::before{
    content: '';
    width: 4px;
    height: 4px;
    position: absolute;
    top: 11px;
    left: 0;
    border-radius: 4px;
    background-color: #b2b2b2;
}

/*대의원회 개요*/
.orange-point-text{
    font-size: var(--font-22);
    font-weight: 700;
    color: var(--orange-color);
}
.representative-list-wrap{
    font-size: var(--font-18);
    font-weight: 400;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 23px 0 0;
}
.orange-point-text:last-child, .orange-point-text.mt45{
    margin-top: 45px;
}
.representative-list-wrap li{
    width: 100%;
    position: relative;
    padding-left: 14px;
}
.representative-list-wrap li::before{
    content: '';
    width: 4px;
    height: 4px;
    position: absolute;
    top: 11px;
    left: 0;
    border-radius: 4px;
    background-color: #b2b2b2;
}
.organization .list-cont-wrap.promotion-cow.esg.p80{
    gap: 80px;
}
.black-point-text{
    font-size: var(--font-18);
    font-weight: 700;
    margin-top: 23px;
}
.representatives-history-wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 150px;
    padding: 0 75px;
}
.representatives-history-list{
    width: calc((100% / 4) - 112.5px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.representatives-image{
    max-width: 200px;
    margin-bottom: 30px;
}
.representatives-text p:nth-child(1){
    font-size: var(--font-18);
    font-weight: 400;
}
.representatives-text .representatives-name{
    font-size: var(--font-24);
    font-weight: 700;
    line-height: 1;
    display: block;
    margin: 12px 0 16px;
}
.representatives-text .representatives-name span{
    font-size: var(--font-18);
}
.representatives-text p:nth-child(3){
    font-size: var(--font-16);
    font-weight: 400;
    opacity: 0.5;
}
.representatives .staff-table{
    table-layout: fixed;
}
.representatives .staff-table th, .representatives .staff-table td{
    text-align: center;
}
.representatives .staff-table th:nth-child(1), .representatives .staff-table th:nth-child(2){
    width: auto;
}
.representatives .staff-table th:nth-child(3){
    width: auto;
}

.representatives.management .staff-table th:nth-child(1){
    width: 30%;
}
.representatives.management .staff-table th:nth-child(2){
    width: 70%;
}
.representatives.management .staff-table td:nth-child(2){
    text-align: left;
}

/*찾아오시는길*/
.map-area-wrap{
    width: 100%;
    aspect-ratio: 7/3;
    border-radius: var(--radius-default);
    overflow: hidden;
}
#map{
    width: 100%;
    height: 100%;
}
.map-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    background: url('/assets/images/map_icon.svg') no-repeat center / 25px auto;
    transition: all 0.3s ease;
}
.subway-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 21px;
    height: 24px;
    text-indent: -9999px;
    background: url('/assets/images/subway_icon.svg') no-repeat center / 21px auto;
    transition: all 0.3s ease;
}
.car-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 22px;
    text-indent: -9999px;
    background: url('/assets/images/car_icon.svg') no-repeat center / 24px auto;
    transition: all 0.3s ease;
}
.map-cont-wrap{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.map-cont-wrap p{
    font-size: var(--font-18);
    font-weight: 400;
}
.map-btn a{
    min-width: 148px;
    min-height: 60px;
    border-radius: 150px;
    border: 1px solid #191919;
    font-size: var(--font-16);
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 30px;
    transition: all 0.3s ease;
    background-color: #fff;
    color: #191919;
}
.map-block-wrap{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.transport-block{
    width: 100%;
    border-radius: var(--radius-default);
    background-color: #f6f7f9;
    padding: 34px 40px;
    min-height: 100px;
    display: flex;
    align-items: center;
    gap: 40px;
}
.transport-block p{
    font-size: var(--font-18);
    font-weight: 400;
}
.transport-title-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    font-size: var(--font-20);
    font-weight: 700;
    line-height: 1.3;
    min-width: 145.47px;
}
.marker-label{
    font-size: var(--font-14);
    background: transparent;
    border: none;
    color: #000;
    font-weight: bold;
    padding: 0;
      text-shadow:
     -2px -2px 0 #fff,
      2px -2px 0 #fff,
     -2px  2px 0 #fff,
      2px  2px 0 #fff;
}
.custom-marker {
  background-color: #fff;
  color: white;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  font-weight: bold;
  border: 7px solid #ff4b4b;
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
  cursor: pointer;
  user-select: none;
}

/*대의원회 임원소개*/
.representatives-scroll-wrap{
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: space-between;
    gap: 50px;
    position: relative;
    transition: all 0.3s ease;
    padding-top: 100px;
}
.representatives-left{
    width: calc(50% - 25px);
    height: 100vh;
    overflow: hidden;
    position: sticky;
    top: 0;
    display: flex;
    justify-content: flex-end;
}
.representatives-left-mobile{
	display:none;
}
.representatives-right{
    width: calc(50% - 25px);
    overflow:hidden;
    height: 100vh;
    display: flex;
    flex-direction: column;
}
.representatives-scroll-inner {
  overflow-y: auto;
  flex: 1;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
  scrollbar-color: transparent transparent; /* Firefox */
  scroll-behavior: auto !important;
}

.representatives-scroll-inner::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
.representatives-right-group{
    width: 100%;
    /* display: flex; */
    flex-direction: column;
    gap: 20px;
    display:none;
}

.representatives-scroll-inner .representatives-right-list{
    width: 100%;
    border-radius: var(--radius-default);
    border: var(--border-default);
    display: flex;
    flex-direction: column;
}
.region-name-box{
    width: 100%;
    padding: 10px 40px;
    min-height: 70px;
    border-radius: var(--radius-default) var(--radius-default) 0 0;
    border-bottom: var(--border-default);
    background-color: #fafafb;
    font-size: var(--font-18);
    font-weight: 700;
    line-height: 1;
    display: flex;
    align-items: center;
}
.region-people-area{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 30px 40px;
	flex-wrap:wrap;
}

.region-people{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
	width:calc((100% / 4) - 30px);
}
.region-people-img{
    width: 100%;
}
.region-people-img img{
	width: 100%;
	height:auto;
}
.region-people-name{
    font-size: var(--font-20);
    font-weight: 500;
}
.scroll-locked {
  position: fixed;
  width: 100%;
  overflow: hidden;
}
.region-wrap{
    width: 100%;
    height: 75%;
    max-width: 521px;
    max-height: 827px;
    min-height: 600px;
    position: relative;
}
.region-wrap::before{
    content: '';
    width: 100%;
    max-width: 521px;
    height: 100%;
    min-height: 600px;
    position: absolute;
    top: 0;
    right: 50px;
    background: url('/assets/images/country_bg.svg') no-repeat top center / auto 100%;
    z-index: -1;
}
.region-list{
    transition: all 0.3s ease;
    height: 15.9%;
    aspect-ratio: 1;
    max-width: 120px;
    max-height: 120px;
    border-radius: 120px;
}
.region-list a{
    width: 100%;
    height: 100%;
    border-radius: 120px;
    border: 1px solid var(--orange-color);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--orange-color);
    font-size: var(--font-18);
    font-weight: 700;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.6);
    text-align: center;
    transition: all 0.3s ease;
    line-height: 1.1;
}
.region-list:nth-child(1){
    position: absolute;
    top: 12%;
    left: 8%;
    z-index: 2;
}
.region-list:nth-child(2){
    position: absolute;
    top: 5%;
    right: 26%;
    z-index: 2;
}
.region-list:nth-child(3){
    position: absolute;
    top: 20%;
    left: 33%;
    z-index: 2;
}
.region-list:nth-child(4){
    position: absolute;
    top: 37%;
    left: 27%;
    z-index: 2;
}
.region-list:nth-child(5){
    position: absolute;
    top: 44%;
    left: 2%;
    z-index: 2;
}
.region-list:nth-child(6){
    position: absolute;
    top: 59%;
    left: 10%;
    z-index: 2;
}
.region-list:nth-child(7){
    position: absolute;
    top: 33%;
    right: 16%;
    z-index: 2;
}
.region-list:nth-child(8){
    position: absolute;
    top: 53%;
    right: 30%;
    z-index: 2;
}
.region-list:nth-child(9){
    position: absolute;
    top: 48%;
    right: 5%;
    z-index: 2;
}
.region-list:nth-child(10){
    position: absolute;
    top: 88%;
    left: -5%;
    z-index: 2;
}
.region-list.focus a{
    background-color: var(--orange-color);
    color: #fff;
    box-shadow: 0 20px 20px rgba(250,107,3,0.3);
}
.video-list-pop{
	display:none;
}

/*인쇄용 스타일*/
@media print {
	*, *::before, *::after {
        margin: 0 !important;
    }
	@page {
        margin-top: 60px!important;    /* 머리글을 위한 충분한 공간 */
        margin-bottom: 20px!important; /* 바닥글 공간 */
    }
    html, body {
        margin: 0;
        padding: 0;
        overflow: visible !important;
        height: auto !important;
		display: block !important;
    }
	.list-cont-wrap{
		position:static!important;
		display:block!important;
		margin: 0;
        padding: 0;
	}
	.statistics-cont-wrap{
		position:static!important;
		display:block!important;
	}
	#content-area .tab-cont-title{
		display:none;
	}
	.data-screen.active{
		display:block!important;
	}
	.print-logo{
		max-width:150px;
		width:150px;
		height:auto;
		margin:0 auto!important;
		display:block;
		padding:20px 0;
	}
	#canvas-container ul{
		margin-top:20px!important;
	}
	#canvas-container{
		margin-bottom:40px!important;
	}
	#canvas-container ul li p{
		font-size:12px!important;
	}
	#canvas-container .canvas{
		width:100%!important;
		height:auto!important;
	}
    table {
        width: 100% !important;
        table-layout: fixed !important;
    }
	.tab-cont-title{
		margin-bottom:40px!important
	}
    .tab-cont-title h3{
        font-size: 16px!important;
    }
    .cow-second-title strong{
        font-size: 16px!important;
        margin-bottom: 20px!important;
    }
    .tab-cont-title p{
        font-size: 12px!important;
    }
    .table-unit{
        font-size: 12px!important;
        margin-bottom: 10px!important;
    }
    .tab-cont-text{
        display: none!important;
    }
    .tab-content table, .research.plan-result table{
        font-size: 14px!important;
    }
    .research.plan-result th, .research.plan-result td{
        min-height: auto;
        padding: 5px 10px;
    }
    .list-wrap{
        max-width: 100%!important;
        padding: 0!important;
        padding-top: 0!important;
        padding-bottom: 0!important;
    }
    #footer, #header,.stat-list-wrap.menu-screen, .list-title-wrap, .stat-cont-tab, .stat-select-wrap, .quick-menu-wrap, .contact-tab-wrap, .search_down_wrap{
        display: none!important;
    }
    .content{
        padding-top: 0!important;
        page-break-after: auto;
        page-break-before: auto;
        page-break-inside: avoid;
    }
    .tab-content table td, .tab-content table th{
        padding: 10px!important;
    }
    .tab-content{
        gap: 20px!important;
    }

    .research.plan-result .promotion-cont-group{
        margin-top: 40px;
    }
    .cow-second-title{
        margin-bottom: 20px;
    }
}

@media (hover: hover) {
    .stat-select-btn a:hover{
        background-color: rgba(250, 107, 3, 1);
    }
    .ring-btn-wrap a:hover{
        background-color: #000;
        color: #fff;
    }
    .ring-btn-wrap a:hover::after{
        background: url('/assets/images/btn_arrow_w.svg') no-repeat center / 100% auto;
    }
    .region-list a:hover{
        background-color: var(--orange-color);
        color: #fff;
    }
    .map-btn a:hover{
        color: #fff;
        background-color: #191919;

    }
    .map-btn a:hover .map-icon{
        background: url('/assets/images/map_icon_w.svg') no-repeat center / 25px auto;
    }
    .organization-column-list a:hover::after{
        background: #191919 url('/assets/images/btn_arrow_w.svg') no-repeat center / 14px auto;
    }
    .card-list.card-list-blank:hover a .card-arrow{
        visibility: hidden;
        opacity: 0;
    }
    .card-list.card-list-blank:hover a{
        background-color: #f6f7f9;
        transform: translateY(0);
    }
    .link-btn-list a:hover{
        background-color: var(--light-green);
        font-weight: 700;
    }
    .link-btn-list a:hover::after{
        opacity: 1;
    }
    .cow-cont-area.down-btn-wrap .down-btn a:hover{
        color: #fff;
        background-color: #191919;
    }
    .cow-cont-area.down-btn-wrap .down-btn a:hover::after{
        background: url('/assets/images/down_icon_w.svg') no-repeat center / 100% auto;
		opacity:1;
    }
    .esg-flex-list-wrap:hover::before{
        visibility: visible;
        opacity: 1;
    }
    .esg-flex-list-wrap:hover .esg-flex-hover{
        visibility: visible;
        opacity: 1;
    }
    .stat-sub-link:hover{
        background-color: var(--orange-color);
        color:#fff;
    }
    .stat-sub-link:hover::after{
        background: url('/assets/images/btn_arrow_w.svg') no-repeat center / 100% auto;
        opacity: 1;
    }
    .education-book-list:hover a .education-book-thum::before{
        opacity: 1;
    }
    .education-book-list:hover a .education-book-thum::after{
        opacity: 1;
    }

    .contact-tab:hover a{
        opacity: 1;
        background-color: #191919;
        color:#fff;
    }

    .parts-over-link:hover a{
        background-color: #fff;
        transition: all 0.3s ease;
    }
    .parts-over-link:hover .parts-over-link-img{
        opacity: 1;
    }
    .parts-list:hover .parts-list-over{
        opacity: 1;
        visibility: visible;
        z-index: 1;
    }
    .parts-btn-wrap:hover .parts-name{
        opacity: 1;
        visibility: visible;
    }
    .parts-slider-arrow button:hover{
        background-color: #191919;
    }
    .parts-slider-arrow .prev-btn:hover::before{
        background: url('/assets/images/arrow_white_l.svg') no-repeat center / cover;
    }
    .parts-slider-arrow .next-btn:hover::before{
        background: url('/assets/images/arrow_white_r.svg') no-repeat center / cover;
    }
    .cow-part:hover {
        opacity: 1;
        cursor: pointer;
    }
    .ci-docu-btn:hover a{
        background: url('/assets/images/ci_download_btn_hover.png') no-repeat center / 100% auto;
    }
    .poster-list:hover a .poster-img::before{
        opacity: 1;
    }
    .poster-list:hover a .poster-img::after{
        opacity: 1;
    }
    .gallery-list:hover a{
        background-color: var(--light-green);
    }
    .gallery-list:hover .gallery-image::after{
        opacity: 1;
    }
    .gallery-list:hover .gallery-image::before{
        opacity: 1;
    }
    .video-list:hover a{
        background-color: var(--light-green);
    }
    .notice-list:hover{
        border-bottom: 1px solid #000;
    }
    .notice-list:hover .notice-date{
        color: #000;
    }
    .card-list:hover a .card-arrow{
        visibility: visible;
        opacity: 1;
    }
    .card-list:hover a{
        background-color: #e5f8f7;
        transform: translateY(-20px);
    }
    .view-file a:hover{
        background-color: #f6f7f9;
        font-weight: 700;
    }
    .view-file a:hover .down-icon{
        opacity: 1;
    }
    .list-btn:hover a{
        color: #fff;
        background-color: #191919;
    }
    .contact-view-btn a:hover{
        color: #fff;
        background-color: #191919;
    }
    .contact-view-btn a.confirm_btn:hover{
        background-color: var(--orange-color);
        color: #fff;
    }
    .cow-menu-link:hover .cow-menu-link-area{
        background: #000 url('../images/btn_arrow_w.svg') no-repeat center / 13px 12px;
    }
}

@media screen and (max-width:1400px) {
	.cow-card-wrap{
		gap:20px;
	}
	.gallery-pop-wrap{
		padding:50px 30px;
	}
	.education-carousel.gallery .gallery-slider-control{
		max-width:100%;
	}
	.contact-tab-wrap{
		gap:0;
	}
	.contact-tab a{
		padding:10px 20px;
	}
}

@media screen and (max-width:1300px) {
	.cow-card-area ul li.over .cow-card-image{
		left:50%;
	}
}

@media screen and (max-width:1280px){
	.greeting-text-wrap br{
		display:none;
	}
	.greeting-text-wrap br.br-visible{
		display:block;;
	}
	.region-people-name{
		font-size:var(--font-16);
	}
	.cow-card-area ul li:nth-child(4) .cow-card-image{
		width:220px;
	}
	.cow-card-area ul li:nth-child(4).over .cow-card-image{
		bottom:49%;
	}
	.cow-cont-list:nth-child(3) .cow-cont-image img{
		width: 100%;
		height: auto;
	}
	.esg-swiper-area{
		padding:0 80px;
	}
	.consumption-graph-wrap{
		width:100%;
		overflow-x:auto;
	}
	.tab-table-detail{
		margin-bottom:5px;
		margin-top:10px;
	}
    .page-item{
        width: 30px;
        height: 30px;
    }
    .page-arrow.last{
        margin-left: 12px;
    }
    .page-arrow.next{
        margin-left: 15px;
    }
    .page-arrow.first{
        margin-right: 12px;
    }
    .page-arrow.first a, .page-arrow.last a{
        width: 12px;
        height: 10px;
    }
    .page-arrow.prev{
        margin-right: 15px;
    }
    .page-arrow.prev a, .page-arrow.next a{
        width: 6px;
        height: 11px;
    }
    .card-list{
        width: calc((100% / 3) - 13.333px);
		aspect-ratio:380/300;
    }
    .region-list{
        height: 15%;
		max-width:100px;
		max-height:100px;
    }
    main.sub{
        margin-top: 80px;
    }
    .list-title-wrap{
        margin-bottom: 40px;
    }
    .list-wrap{
        padding-top: 40px;
        padding-bottom: 100px;
    }
    .list-search-wrap{
        height: auto;
        padding: 20px 25px;
        /* margin-bottom: 30px; */
    }
    .list-contents{
        gap: 25px;
        margin-bottom: 50px;
    }
    .notice-list a{
        padding: 20px;
    }
    .notice-text-wrap{
        gap: 15px;
    }
    .notice-writer-wrap{
        gap: 22px;
    }
    .notice-writer-wrap dl{
        gap: 12px;
    }
    .breadcrumb-wrap{
        gap: 35px;
    }
    .breadcrumb-item:nth-child(1) a{
        width: 12px;
        height: 13px;
        background: url('/assets/images/home_icon.svg') no-repeat center / 12px auto;
    }
    .breadcrumb-item::after{
        width: 5px;
        height: 7px;
        background: url('/assets/images/arrow_black_r.svg') no-repeat center / 5px auto;
        right: -22px;
    }
    .search-bar-wrap{
        width: 320px;
        height: 50px;
    }
    .search-bar-wrap input{
        padding-left: 20px;
        padding-right: 40px;

    }
    .progress-radio-wrap{
        gap: 5px 20px;
        margin-left: 20px;
		flex-wrap:wrap;
    }
	.stat-select-wrap.consumption{
		padding:10px 20px 20px;
	}
	.stat-down-group{
		gap:20px;
	}
    .card-list a{
        padding: 25px;
        padding-top:25px;
    }
    .card-text-wrap{
        gap: 20px;
    }
    .card-detail-wrap{
        gap: 4px;
    }
    .card-badge{
        padding: 3px 8px;
        min-height: 20px;
        min-width: 38px;
    }
    .card-list-wrap ul{
        gap: 30px 20px;
    }
    .contact-tab{
        height: 45px;
    }
    .contact-tab a{
        padding: 10px 20px;
    }
    .contact-tab-wrap{
        margin-bottom: 20px;
        gap: 0px;
        flex-wrap: wrap;
    }
    .contact-list a{
        padding: 15px 20px;
    }
    .contact-question span:nth-child(1){
        margin-right:20px;
    }
    .contact-answer span:nth-child(1){
        margin-right:20px;
    }
    .contact-answer{
        margin-bottom: 20px;
        padding-left: 20px;
        padding-right: 40px;
    }
    .notice-list-right{
        gap: 40px;
    }
    .contact-btn-wrap{
        margin-bottom: 40px;
    }
    .list-btn{
        width: 120px;
        height: 50px;
    }
    .contact-view-cont{
        padding: 40px 20px;
        gap: 40px;
    }
    .contact-view-group{
        gap: 20px;
    }
    .group-contents{
        height: 60px;
        padding: 10px 20px;
    }
    .group-contents.text-area{
        height: 250px;
		padding-right:80px;
    }
    .contact-view-btn{
        margin-top: 40px;
    }
    .contact-view-btn a{
        width: 120px;
        height: 50px;
    }
    .cow-image-area{
        padding: 20px 50px;
        margin-bottom: 50px;
    }
    .cow-text-detail strong{
        margin-bottom: 20px;
    }
    .cow-image-detail{
        gap: 25px;
    }
    .list-cont-wrap.promotion-cow{
        gap: 50px;
    }
    .promotion-cont-group.second{
        padding: 50px 0;
    }
    .cow-second-title strong{
        margin-bottom: 20px;
    }
    .promotion-cont-group.second .cow-second-title{
        margin-bottom: 25px;
    }
    .cow-card-area ul li a{
        padding: 20px 20px 40px;
    }
	.cow-card-area ul li .cow-card-image{
		width:230px;
	}
	
    .cow-card-wrap{
        gap: 20px;
		
    }
    .cow-card-area ul li .cow-card-text{
        gap: 8px;
		height:500%;
    }
    .cow-card-point{
        width: 10px;
        height: 10px;
    }

	.cow-card-text p br{
		display:none;
	}
	.cow-card-text p{
		white-space:normal;
		font-size:var(--font-18);
	}
	.cow-card-text strong{
		white-space:normal;
		font-size:var(--font-30);
	}
    .cow-card-area ul li .cow-card-num{
/*         bottom: 15px;
        left: 20px; */
    }
    .cow-card-area ul li.over a::before{
        width: 250px;
        height: 250px;
        background: url('/assets/images/cow_kind_bg.png') no-repeat bottom -20px right -10px / 250px auto;
    }
/*     .cow-card-area ul li .cow-card-name{
        top: 20px;
        left: 20px;
    } */
    .cow-card-area ul li.over .cow-card-num{
        font-size: var(--font-34);
    }
    .cow-cont-list{
        gap: 40px;
    }
    .cow-cont-detail{
        gap: 22px;
        width: calc(50% - 40px);
        padding-top: 22px;
    }
    .cow-cont-image{
        width: 50%;
    }
    .cow-left-right{
        gap: 50px;
    }
    .cow-menu-link:nth-child(1) .cow-menu-image{
        width: 50px;
    }
    .cow-menu-image{
        width: 50px;
    }
    .cow-menu-cont{
        gap: 15px;
    }
    .cow-menu-link a{
        padding: 18px 25px;
    }
    .promotion-cont-group.fourth{
        gap: 25px;
		align-items: stretch;
    }
	
    .cow-menu-link{
        min-height: 80px;
    }
    .cow-menu-link-area{
        width: 30px;
        height: 30px;
        background: #fff url('/assets/images/btn_arrow.svg') no-repeat center / 9px 8px;
    }

    .click-icon{
        width: 90px;
        margin: 0 auto;
        margin-bottom: 17px;
    }

    .hanwoo-parts-visual{
        padding: 25px 10px;
    }
    .parts-detail-carousel{
        padding: 20px;
    }
    .parts-slider-title{
        gap: 15px;
        margin-bottom: 15px;
    }
    .parts-slider-title-text strong{
        margin-bottom: 0;
    }
    .parts-image{
        margin-bottom: 50px;
    }
    .parts-text-wrap strong{
        margin-bottom: 20px;
    }
    .parts-cont-wrap .sub_line{
        margin: 50px 0;
    }
    .parts-list-title{
        margin-bottom: 20px;
    }
    .parts-list-strong span{
        margin-left: 6px;
    }
    .parts-list-img{
        margin-bottom: 15px;
    }
    .parts-list-detail-text{
        margin-bottom: 10px;
    }
    .parts-list-text dl{
        gap: 12px;
    }
    .parts-list-text{
        gap: 6px;
    }
    .parts-list-wrap ul{
        gap: 50px 25px;
    }
	.parts-list{
		width:calc((100% / 3) - 16.666px);
	}
    .parts-list-wrap{
        margin-bottom: 50px;
    }
    .parts-list-over{
        gap: 15px;
        padding: 20px;
		top:-20px;
    }
    .parts-over-strong{
        margin-bottom: 15px;
    }
    .parts-scope span{
        width: 14px;
        height: 14px;
    }
    .parts-scope-left{
        gap: 6px;
    }
    .parts-scope-wrap{
        margin-bottom: 15px;
    }
    .parts-over-link a{
        gap: 5px;
    }
    .parts-over-link-img.meet{
        width: 12px;
    }
    .parts-over-link-img.yt{
        width: 17px;
    }
    .parts-over-strong{
        font-size: var(--font-26);
    }
    .effect .cow-image-area{
        margin-bottom: 40px;
    }
    .effect .cow-text-title{
        gap: 10px;
    }
    .cow-text-title-logo{
        width: 100px;
        height: 75px;
    }
    .cow-progress-title{
        gap: 25px;
        margin-bottom: 50px;
    }
    .cow-progress-list{
        width: 250px;
        gap: 20px;
    }
    .cow-progress-img{
        width: 100px;
        margin-bottom: 12px;
    }
    .cow-progress-detail strong{
        margin-bottom: 5px;
    }
    .promotion-cont-group.cow-per{
        padding: 50px 0;
    }
    .cow-per-area{
        gap: 25px;
    }
    .cow-per-area > div{
        width: calc(50% - 12.5px);
    }
    .cow-cont-image ul{
        gap: 25px;
    }
    .cow-per-num{
        margin-bottom: 5px;
    }
    .cow-per-bar{
        gap: 10px;
        padding-bottom: 15px;
    }
    .cow-per-list.focus .cow-per-bar{
        padding: 15px;
    }
    .cow-per-list.focus .cow-per-num{
        width: 110px;
        height: 50px;
    }
    .cow-per-flag{
        width: 50px;
        height: 50px;
        border-radius: 50px;
    }
    .cow-per-flag img{
        width: 22px;
    }
    .cow-per-point{
        width: 12px;
        height: 12px;
        border-radius: 12px;
    }
    .cow-per-area > div{
        aspect-ratio: auto;
    }
    .cow-per-area.effect-full-wrap{
        /* justify-content: center; */
    }
    .effect-full-image{
        max-width: 100%;
        max-height: 500px;
    }
    .effect-full-image ul{
        max-width: 500px;
    }
    .video-player-area{
        gap: 15px;
        justify-content: flex-start;
    }
    .dialog-content{
        padding-left: 15px;
        margin-bottom: 30px;
    }
    .video-list a{
        gap: 15px;
        justify-content: flex-start;
    }
    .video-wrap{
        gap: 30px;
    }
    .video-list-area{
        width: calc((100% - 60.71%) - 30px);
    }
    .video-list-info{
        gap: 5px;
        margin-bottom: 5px;
    }
    .video-list-wrap{
        gap: 5px;
        margin-bottom: 15px;
    }
    .gallery-list a{
        gap: 50px;
    }
    .gallery-text-wrap{
        width: calc(60% - 50px);
    }
    .gallery-text-wrap h3{
        margin-bottom: 20px;
    }
    /* .gallery-info-wrap dl{
        gap: 10px;
    } */
    .gallery-info-wrap{
        gap: 20px;
    }
    .gallery-pop-wrap{
        padding: 25px;
        padding-top: 30px;
        gap: 22px;
    }
    .close-wrap{
        width: 25px;
        height: 25px;
    }
    .gallerySwiper{
        width: 600px;
    }
    .gallery-slider-control .prev-btn, .gallery-slider-control .next-btn{
        width: 45px;
        height: 45px;
    }
    .gallery-slider-control{
        width: 65%;
    }
    .gallery-counter{
        width: 100px;
        height: 50px;
    }
    .gallery-detail p{
        padding: 20px;
    }
    .gallery-detail{
        padding-bottom: 20px;
        height: 170px;
    }
    .poster-list-wrap ul{
        gap: 40px 25px;
    }
    .poster-list{
        width: calc((100% / 3) - 16.666px);
    }
    .poster-list a{
        gap: 15px;
    }
    .video-player-area.audio-player-area{
        padding: 20px;
        gap: 17px;
		max-height:375px;
    }
    .audio-play-wrap{
        padding: 6px 0;
    }
    .audio-list a{
        padding: 8px;
    }
    .audio-list-thum{
        width: 45px;
        height: 45px;
    }
    .ring-banner{
        margin-top: 32px;
        padding: 10px 40px;
        min-height: 150px;
    }
    .ring-text-wrap{
        gap: 20px;
    }
    .ring-text strong{
        margin-bottom: 5px;
    }
    .ring-img{
        width: 55px;
    }
    .ring-btn-wrap a{
        padding: 8px 20px;
        min-width: 150px;
        min-height: 50px;
        gap: 10px;
    }
    .ci-title-wrap{
        gap: 25px;
        padding: 50px 20px;
    }
    .ci-logo-area{
        height: 50px;
    }
    .point-circle{
        width: 12px;
        height: 12px;
        border-radius: 12px;
    }
    .ci-title-text strong{
        margin-bottom: 20px;
    }
    .ci-wrap{
        gap: 50px;
    }
    .ci-cont-group{
        gap: 20px;
    }
    .ci-cont-wrap{
        gap: 50px;
    }
    .ci-full-block.backGray{
        padding: 30px;
    }
    .ci-docu-btn{
        width: 10%;
        height: 50px;
    }
    .character-insta-btn{
        margin-top: 25px;
    }
    .character-insta-btn a{
        width: 250px;
    }
    .character-sub-text{
        margin-bottom: 22px;
    }
    .promotion-cont-group.full{
        padding: 100px 24px;
    }
    .cow-second-title{
        margin-bottom: 22px;
    }
    .promotion-cont-group.full .cow-cont-area .esg-manage-ul{
        gap: 25px;
    }
    .promotion-cont-group.full .cow-cont-area .esg-manage-list .esg-manage-icon{
        height: 50px;
        margin-bottom: 25px;
    }
    .promotion-cont-group.full .cow-cont-area .esg-manage-list strong{
        margin-bottom: 15px;
        font-size: var(--font-34);
    }
    .promotion-cont-group.full .cow-cont-area .esg-manage-list p{
        margin-top: 10px;
    }
    .promotion-cont-group.full .cow-cont-area .esg-manage-list{
        padding: 20px;
        padding-top: 15px;
        width: 250px;
    }
    .promotion-cont-group.full.esg-swiper-wrap{
        padding: 50px 0;
    }
    .esg-swiper-area{
        margin-bottom: 27px;
    }
    .esgSwiper .swiper-slide{
        padding: 10px;
        padding-right: 50px;
    }
    .esg-swiper-icon-wrap{
        width: 110px;
        border-radius: 110px;
        gap: 10px;
    }
    .esg-swiper-num{
        font-size: 70px;
    }
    .esg-swiper-text{
        margin-left: 25px;
        gap: 2px;
    }
    .esg-swiper-icon{
        width: 26px;
    }
    .news-slider-scrollbar.esg-progress{
        bottom: -40px;
		width:90%!important;
    }
    .esg-flex-wrap{
        gap: 25px;
    }
    .esg-flex-list{
        width: calc((100% / 3) - 16.666px);
    }
    .esg-flex-list strong span{
        font-size: 90px;
    }
    .esg-flex-list-wrap{
        padding: 20px;
        padding-top: 15px;
        /* aspect-ratio: 433 / 500; */
    }
    .esg-flex-list strong{
        margin-bottom: 7px;
    }
    .esg-flex-hover{
        margin-top: 20px;
        height: 70%;
    }
    .esg-flex-hover .flex-line{
        margin: 11px 0;
    }
    .esg-flex-hover ul{
        gap: 2px;
        margin-bottom: 20px;
    }
    .news-slider-control.esg-slider{
        width: 95%;
    }
    .esg.environmental .cow-image-area{
        margin-bottom: 50px;
    }
    .environmental .cow-text-detail p:nth-child(1){
        margin-bottom: 17px;
    }
    .environmental .promotion-cont-group.full .cow-cont-area .e-list-wrap{
        gap: 25px;
    }
    .e-image-wrap{
        gap: 25px;
    }
    .e-image-list{
        width: calc(50% - 12.5px);
    }
    .environmental .promotion-cont-group.full.esg-swiper-wrap.lca .cow-image-detail{
        margin-bottom: 50px;
    }
    .cow-second-title.table-title{
        margin-bottom: 8px;
    }
    .esg-table-text{
        margin-bottom: 8px;
    }
    .esg-table-wrap table th{
        padding: 8px;
    }
    .esg-table-wrap table td{
        padding: 8px;
    }
    .social-image-wrap{
        padding-top: 17px;
        max-width: 80%;
    }
    .esg-image-double{
        gap: 25px;
    }
    .esg-image-double li{
        width: calc(50% - 12.5px);
    }
    .cow-image-double{
        padding-top: 32px;
        gap: 25px;
    }
    .cow-image-double > div{
        width: calc(50% - 12.5px);
        padding: 20px;
    }
    .cow-image-icon{
        width: 26px;
        margin-bottom: 15px;
    }
    .cow-image-box strong{
        margin-bottom: 10px;
    }
    .stat-list-cont{
        padding: 20px;
    }
    .stat-menu-all{
        gap: 40px;
    }
    .stat-menu-list{
        width: calc((100% / 3) - 26.666px);
    }
    .stat-menu-list:nth-child(1) .stat-menu-title{
        margin-bottom: 37px;
    }
    .stat-menu-title p{
        margin-bottom: 8px;
    }
    .stat-sub{
        gap: 17px;
    }
    .stat-sub-list{
        gap: 8px;
    }
    .stat-sub-2depth{
        gap: 5px;
    }
    .stat-sub-link{
        padding: 8px 10px;
        min-height: 50px;
    }
    .stat-menu-list::after{
        right: -20px;
    }
    .stat-list-tab a{
        padding: 8px 15px;
        min-height: 65px;
        gap: 5px;
        width: 115px;
    }
    /* .stat-list-wrap.menu-screen{
        background: url('/assets/images/folder_bg_m.svg') no-repeat top left / cover;
    } */
    .stat-sub-link::after{
        width: 10px;
        height: 9px;
    }
    .stat-list-tab.show-popup-btn a{
        min-height: 60px;
        padding: 8px 17px;
    }
    .tab{
        padding: 8px 15px;
        min-height: 60px;
    }
    .stat-cont-tab{
        gap: 5px;
        margin-bottom: 5px;
    }
    .stat-select-wrap{
        padding: 10px 20px;
		flex-wrap:wrap;
		gap:10px;
    }
    .stat-select-right{
        gap: 20px;
    }
    .select-all{
        height: 50px;
        width: 120px;
    }
    .dropdown-btn{
        padding: 5px 15px;
    }
    .select-years ul li a{
        width: 70px;
        height: 50px;
    }
    .stat-select-btn a{
        width: 70px;
        height: 50px;
    }
    .down-btn-wrap a{
        width: 50px;
    }
    .down-btn-wrap.print a{
        background: #fff url('/assets/images/print_icon.svg') no-repeat center / 17px auto;
    }
    .down-btn-wrap.down a{
        background: #fff url('/assets/images//down_icon.svg') no-repeat center / 15px auto;
    }
    .down-btn-wrap{
        gap: 15px;
    }
    .content{
        padding-top: 40px;
    }
    .tab-content{
        gap: 20px;
    }
    .tab-content table th{
        padding: 10px;
    }
    .tab-content table td{
        padding: 10px;
    }
    /* .popup.stat-pop-wrap{
        background: url('/assets/images/folder_bg_m.svg') no-repeat top left / cover;
    } */
    .stat-pop-close{
        top: 80px;
        right: 15px;
        z-index: 1;
    }
    .select-wrap{
        gap: 15px;
    }
    .research .list-search-wrap{
        gap: 10px;
    }
    .sub-kv-wrap{
        padding: 10px 50px;
    }
    .sub-block{
        gap: 45px;
    }
    .sub-block-group{
        gap: 22px;
    }
    .education-program-group{
        gap: 25px;
    }
    .education-program-detail{
        width: calc(50% - 12.5px);
        padding: 20px;
    }
    .education-program-detail strong{
        margin-bottom: 10px;
    }
    .education-book-wrap{
        gap: 25px;
    }
    .education-book-list{
        width: calc((100% / 3) - 16.666px);
    }
    .education-book-list a{
        gap: 12px;
    }
    .education-book-thum::after{
        width: 50px;
        height: 50px;
        border-radius: 50px;
        background: #fff url('/assets/images/down_icon_orange.svg') no-repeat center / 15px auto;
    }
    .video-list-thum{
        width: 50%;
    }
    .video-list-cont{
        width: calc(50% - 15px);
    }
    .intro-divide{
        gap: 60px;
    }
    .cow-cont-area.down-btn-wrap .down-btn a{
        padding: 10px 25px;
        min-height: 50px;
        gap: 12px;

    }
    .cow-cont-area.down-btn-wrap .down-btn a::after{
        width: 12px;
        height: 12px;
    }
    .cow-card-point.title-point + strong{
        margin-bottom: 20px;
    }
    .link-btn-list a{
        gap: 5px;
        padding: 10px 20px;
        min-height: 80px;
    }
    .link-btn-list a::after{
        width: 14px;
        height: 14px;
    }
    .link-btn-ul{
        gap: 25px;
    }
    .link-btn-li{
        width: calc((100% / 4) - 18.75px);
    }
    .research.plan-result .contact-tab-wrap{
        margin-bottom: 40px;
    }
    .dropdown-btn::after{
        width: 10px;
        height: 10px;
        right: 20px;
    }
    .view-file{
        height: 60px;
    }
    .view-file a{
        padding: 10px 20px;
    }
    .down-icon{
        width: 14px;
        height: 14px;
    }
    .research.plan-result .promotion-cont-group{
        margin-top: 50px;
    }
    .greeting-title{
        margin-bottom: 20px;
    }
    .greeting-text-wrap{
        gap: 50px;
    }
    .cow-image-detail > div{
        width: calc(50% - 12.5px);
    }
    .introduction .logo-area img{
        max-height: 50px;
    }
    .cow-cont-area.purpose{
        gap: 25px;
    }
    .purpose-box{
        gap: 25px;
    }
    .purpose-text{
        width: calc(34.57% - 12.5px);
    }
    .purpose-img-area{
        width: calc(65.43% - 12.5px);
        gap: 25px;
    }
    .purpose-img-area > div{
        width: calc(50% - 12.5px);
    }
    .cow-card-point.title-point{
        margin-bottom: 8px;
    }
    .purpose-text .cow-card-point.title-point + strong{
        margin-bottom: 15px;
    }
    .history .history-contents{
        gap: 50px;
        padding-top: 70px;
    }
    .history-right{
        width: calc(57.14% - 50px);
    }
    .history-left-img{
        margin-bottom: 30px;
    }
    .history-left-years ul{
        gap: 15px;
    }
    .history-left-years ul li::after{
        width: 12px;
        height: 12px;
        border-radius: 12px;
    }
    .history-scroll-inner ul{
        padding-top: 30px;
    }
    .history-scroll-inner{
        padding-left: 10px;
    }
    .history-scroll-inner li{
        margin-bottom: 40px;
        padding-left: 20px;
    }
    .history-scroll-inner li strong{
        margin-bottom: 15px;
    }
    .history-scroll-inner li p{
        margin-bottom: 7px;
    }
    .history-scroll-inner li strong::after{
        left: -26px;
    }
    .organization-column{
        gap: 40px;
    }
    .organization-column-list a{
        min-width: 230px;
        min-height: 70px;
        gap: 10px;
        padding: 10px;
    }
    .organization-column-list a::after{
        width: 30px;
        height: 30px;
        border-radius: 30px;
        background: #fff url('/assets/images/btn_arrow_orange.svg') no-repeat center / 10px auto;
    }
    .organization-column-list:nth-child(2) a::after{
        background: #fff url('/assets/images/btn_arrow_green.svg') no-repeat center / 10px auto;
    }
    .audit-btn{
        min-width: 200px;
        min-height: 70px;
    }
    .organization-sub-list{
        min-width: 180px;
        min-height: 60px;
    }
    .organization-sub ul{
        gap: 30px;
        padding-top: 40px;
    }
    .organization-sub{
        margin-top: 40px;
    }
    .organization-sub-list::before{
        top: -41px;
        height: 40px;
    }
    .organization-sub ul::before{
        width: 420px;
    }
    .organization-column-list::after{
        bottom: -40px;
        height: 40px;
    }
    .organization-bg::before{
        background: url('/assets/images/cow_kind_bg.png') no-repeat center / 30% auto;
    }
    .staff-guide-wrap{
        gap: 10px;
    }
    .staff-guide-list a{
        min-height:80px;
        padding:10px 20px;
    }
    .staff-guide-list a .contact-title span:nth-child(2) .phone-icon{
        width: 14px;
        height: 14px;
        margin-right:5px
    }
    .staff-table th{
        padding: 7px 10px;
        min-height: 50px;
    }
    .staff-table td:last-child{
        padding-left: 20px;
    }
    .staff-table td{
        min-height: 50px;
        padding: 7px 10px;
    }
    .organization .list-cont-wrap.promotion-cow.esg.p80{
        gap: 40px;
    }
    .representative-list-wrap{
        gap: 6px;
        margin: 12px 0 0;
    }
    .orange-point-text:last-child, .orange-point-text.mt45{
        margin-top: 22px;
    }
    .black-point-text{
        margin-top: 12px;
    }
    .representatives-history-wrap{
        padding: 0 37px;
        gap: 60px;
        justify-content: flex-start;
    }
    .representatives-image{
        width: 170px;
        margin-bottom: 15px;
    }
    .representatives-text .representatives-name{
        margin: 6px 0 8px;
    }
    .representatives-scroll-wrap{
        gap: 25px;
        padding-top: 70px;
    }
    .representatives-left{
        width: calc(50% - 12.5px);
    }
    .representatives-right{
        width: calc(50% - 12.5px);
    }
    .representatives-right-group{
        gap: 10px;
    }
    .region-name-box{
        padding: 5px 20px;
        min-height: 60px;
    }
    .region-people-area{
        gap: 25px;
        padding: 15px 20px;
    }
    .region-people{
        gap: 10px;
		width:calc((100% / 4) - 18.75px);
    }
    .region-wrap::before{
        /* max-width: 521px;
        max-height: 827px;
        min-height: 500px; */
		max-width: 100%;
        max-height: 100%;
        min-height: 1px;
        right: 0;
		background:url('/assets/images/country_bg.svg') no-repeat center /100% 100%;
    }
    .region-wrap{
        min-height: auto;
        max-width:100%;
		height:auto;
		max-height:640px;
    }
    .region-list:nth-child(1){
        left: 26%;
    }
    .region-list:nth-child(3){
        left: 46%;
    }
    .region-list:nth-child(4){
        top: 38%;
        left: 39%;
    }
    .region-list:nth-child(2){
        right: 26%;
    }
    .region-list:nth-child(7){
        top: 35%;
        right: 19%;
    }
    .region-list:nth-child(5){left: 23%; top:49%}
    .region-list:nth-child(9){
        top: 50%;
        right: 12%;
    }
    .region-list:nth-child(8){
        top: 55%;
        right: 32%;
    }
    .region-list:nth-child(6){
        top: 65%;
        left: 28%;
    }
    .region-list:nth-child(10){
        top: 85%;
        left: 20%;
    }
    .representatives-history-list{
        width: calc((100% / 4) - 45px);
    }
    .map-area-wrap{
        aspect-ratio: 3/1;
    }
    .map-btn a{
        min-width: 110px;
        min-height: 50px;
        padding: 10px 20px;
    }
    .map-icon{
        width: 20px;
        height: 20px;
        background: url('/assets/images/map_icon.svg') no-repeat center / 20px auto;
    }
    .transport-block{
        gap: 15px;
        min-height: 80px;
        padding: 17px 20px;
    }
    .transport-title-wrap{
        gap: 7px;
        min-width: 124px;
        justify-content: flex-start;
    }
    .subway-icon{
        width: 16px;
        height: auto;
        background: url('/assets/images/subway_icon.svg') no-repeat center / 16px auto;
    }
    .car-icon{
        width: 19px;
        height: auto;
        background: url('/assets/images/car_icon.svg') no-repeat center / 19px auto;
    }
    .view-title-wrap{
        gap: 17px;
        padding: 20px;
        margin-bottom: 5px;
    }
    .view-down-wrap{
        gap: 5px;
    }
    .view-title{
        gap: 8px;
    }
    .view-writer-wrap{
        gap: 5px 40px;
		flex-wrap:wrap;
    }
    .view-writer-wrap dl{
        gap: 12px;
    }
    .view-contents{
        height: auto;
        padding: 50px 25px 50px;
        margin-bottom: 40px;
    }
    .view-pagenation{
        width: 280px;
    }
    .view-pagenation.prev a{
        padding-left: 20px;
    }
    .view-pagenation.next a{
        padding-right: 20px;
    }
    .view-pagenation a::before{
        width: 6px;
        height: 10px;

    }
    .view-pagenation a{
        gap: 5px;
    }
    .square-top{
        height: 65px;
    }

    .square-top-list a::before{
        content: '';
        width: 15px;
        height: 15px;
        background: url('/assets/images/menu_icon_full.svg') no-repeat center / 100% auto;
    }
    .square-top-bg-g{
        width: 100px;
        height: 50px;
        background-color: #f6f7f9;
        position: absolute;
        top: 30px;
        left: 115px;
    }
    .square-top-bg-w{
        width: 115px;
        height: 65px;
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 115px;
        border-radius: 12px;
        z-index: 1;
    }
    .square-wrap{
        border-radius: 8px;
    }
    .square-top-list a{
        border-radius: 8px 8px 0 0;
    }
    .square-top-list{
        border-radius: 8px 8px 0 0;
    }
	
	.education-carousel.gallery .gallery-slider-control{
		max-width:800px;
	}

}

@media screen and (max-width:1180px){
	.card-list{
        aspect-ratio:380/350;
    }
	.cow-card-area ul li.over{
		width:calc(100% - 480px);
	}
	.cow-card-area ul li{
		width:150px;
	}
	.cow-card-text p{
		font-size:var(--font-16);
	}
	.cow-card-area ul li.over .cow-card-text strong{
		font-size:var(--font-30);
	}
	.cow-card-area ul li.over .cow-card-num{
		font-size:var(--font-26);
	}
	.cow-card-area ul li.over .cow-card-num-wrap{
		margin-top:20px;
	}
	.cow-card-area ul{
		height:350px;
	}
	.cow-card-area ul li.over a{
		padding:20px;
		padding-bottom:25px;
	}
	.cow-card-text p{
		width:100%;
	}
	.cow-card-area ul li.over .cow-card-image{
		bottom:40%;
		left:52%;
		width:42%;
	}
	.cow-card-area ul li:nth-child(4).over .cow-card-image{
		bottom:40%;
		width:40%;
	}
    .gallery-slider-control{
        width: 80%;
    }

}


@media screen and (max-width:1024px) {
	.contact .notice-text-wrap{
		width:75%;
	}
	.esg-swiper-icon-wrap{
		font-size:var(--font-18);
	}
	.cow-image-area p{
		font-size:var(--font-24);
	}
	.cow-card-area ul li:nth-child(4).over .cow-card-image{
		bottom:48%;
		width:38%;
		left:55%;
	}
	.cow-card-area ul li.over .cow-card-image{
		bottom:52%;
	}
	.cow-card-num-wrap{
		gap:10px;
	}
	.cow-card-area ul li .cow-card-num{
		font-size:var(--font-20);
	}
	.cow-card-area ul li.over .cow-card-num{
		font-size:var(--font-24);
	}
	.cow-card-area ul li.over .cow-card-text strong{
		font-size:var(--font-26);
	}
	.cow-card-area ul li.over .cow-card-num-wrap{
		gap:10px;
	}
	.region-wrap{
		max-height:700px;
		height:auto;
	}
	.gallery-list a{
		gap:20px;
	}
	.gallery-text-wrap{
		width:calc(60% - 20px);
	}
	.cow-progress-ul{
		gap:50px;
	}
	.cow-card-text strong{
		font-size:var(--font-24);
	}
	.cow-card-area ul li{
		width:150px;
	}	
	.cow-card-area ul li.over{
		width:calc(100% - 480px);
	}

	.parts-list{
		width:calc((100% / 2) - 12.5px);
	}
	.parts-list-img img{
		width:100%;
	}
	.parts-list-over{
		top:0;
		min-height:100%;
		padding-top:30px;
	}
	
    .contact-tab a{
        padding: 10px 15px;
    }
    .region-list:nth-child(1){
        left: 25%;
    }
    .region-list:nth-child(3){
        top: 23%;
        left: 42%;
    }
    .region-list:nth-child(4){
        top: 38%;
        left: 28%;
    }
    .region-list:nth-child(2){
        right: 30%;
    }
    .region-list:nth-child(7){
        top: 32%;
        right: 17%;
    }
    .region-list:nth-child(5){left: 15%; top:52%}
    .region-list:nth-child(9){
        top: 50%;
        right: 10%;
    }
    .region-list:nth-child(8){
        top: 58%;
        right: 30%;
    }
    .region-list:nth-child(6){
        top: 65%;
        left: 28%;
    }
    .region-list:nth-child(10){
        top: 86%;
        left: 10%;
    }
    .region-list{
        height: 13%;
    }

    .audit-btn{
        width: 170px;
        right: 90px;
    }
    .view-pagenation{
        width: 230px;
    }
    .card-list{
        aspect-ratio: auto;
        width: calc((100% / 3) - 20px);
		min-height:250px;
    }
	.poster-pop-img{
		height:auto;
	}
}



@media screen and (max-width:940px){
    .gallery-slider-control{
        width: 100%;
    }
	.sitemap-menu-ul{
		gap:20px;
		flex-wrap:wrap;
	}
	.sitemap-menu-list{
		width:calc((100% / 3) - 13.333px);
	}
	
}

@media screen and (max-width:900px){
	.view-writer-wrap{
        gap: 5px 20px;
    }
	.cow-card-area ul li:nth-child(4).over .cow-card-image{
		width:32%;
		bottom:52%;
		left:58%;
	}
	.cow-card-area ul li.over .cow-card-image{
		left:58%;
	}
	.cow-card-area ul{
		height:350px;
	}
    .representatives-history-list{
        width: calc((100% / 3) - 40px);
    }
    .audit-btn{
        right: 40px;
    }
    .organization-sub-list{
        min-width: 1px;
        width: calc((100% / 4) - 22.5px);
    }
    .organization-sub ul::before{
        width: 77%;
    }
	.card-list{
		width:calc((100% / 2) - 10px);
	}
	.cow-card-area ul li.over{
		width:calc(100% - 330px);
	}
	.cow-card-area ul li{
		width:100px;
	}
	.cow-card-area ul li:nth-child(1) .cow-card-image, .cow-card-area ul li:nth-child(2) .cow-card-image, .cow-card-area ul li:nth-child(3) .cow-card-image, .cow-card-area ul li:nth-child(4) .cow-card-image{
		width:170px;
	}
	.sub-kv-wrap p br{
		display:none;
	}
	.region-list{
		height:11%;
	}
	.region-list a{
		font-size:var(--font-16);
	}

}

@media screen and (max-width:768px){
	.view-contents iframe{
		max-width:100%;
		height:auto;
		aspect-ratio:16/9;
	}
	.history-left-img img{
		border-radius:8px;
	}
	.cow-cont-area.table-area .table_sub-tit{
		margin-bottom:10px;
	}
	.research.plan-result .cow-second-title{
		margin-bottom:20px;
	}
	.ci-wrap{
		gap:40px;
	}
	.ci-cont-wrap{
		gap:40px;
	}
	.sub-block-group h3{
		font-size:22px;
	}
	.sub-block{
		gap:40px;
	}
	.card-detail-wrap dt{
		width:45px;
	}
	.ci-cont-group h3{
		font-size:22px;
	}
	.ring-btn-wrap.mobile{
		display:block;
		margin-top:12px;
	}
	.ring-btn-wrap.pc{
		display:none;
	}
	.promotion-cont-group.cow-per{
		padding:40px 0;
	}
	.sub_line{
		width:90%;
	}
	.effect .cow-text-title strong{
		font-size:22px;
	}
	.parts-scope-wrap{
		margin-bottom:30px;
	}
	.parts-text-wrap strong{
		font-size:22px;
	}
	.cowkind .promotion-cont-group.second .cow-card-detail{
		margin-top:20px;
	}
	.list-cont-wrap.promotion-cow{
		gap:40px;
	}
	.promotion-cont-group.second{
		padding:40px 0;
	}
	.group-contents.text-area{
		padding-right:60px;
	}
	.char-count{
		bottom:10px;
		right:14px;
		font-size:14px;
	}
	.contact-view-title strong{
		font-size:22px;
	}
	.contact-answer span:nth-child(1){
		padding-top:4px;
	}
	.notice-writer-wrap dt{
		min-width:39px;
	}
	.view-writer-wrap dl dt{
		min-width:52px;
	}
	.notice-text-wrap{
		width:100%;
	}
	.view-title h3{
		width:100%;
	}
	.notice-list-title strong{
		white-space: normal;
		text-overflow: initial;
		-webkit-line-clamp:none;
		width:100%;
	}
	.purpose-text p br{
		display:none;
	}
	.greeting-text-wrap br{
		display:none;
	}
	.cow-text-detail p br{
		display:none;
	}
	.cow-second-title p br{
		display:none;
	}
	.esg-flex-list-wrap::before{
        display: none;
    }
	.research.plan-result th, .research.plan-result td{
		padding:14px 10px;
	}
	.cow-cont-detail strong{
		font-size:22px;
	}
    .cow-text-detail strong br{
        display: none;
    }
    .cow-cont-text br{
        display: none;
    }
    .cow-cont-text br.br-visible, .greeting-text-wrap br.br-visible, .cow-text-detail p br.br-visible{
        display: block;
    }
	.environmental .cow-text-detail p:nth-child(1){
		margin-bottom:20px;
	}
	.environmental.governance .cow-text-detail p:nth-child(1){
		margin-bottom:40px;
	}
	.cow-text-title strong{
		font-size:var(--font-26);
	}
	.cow-second-title strong{
		font-size:var(--font-26);
	}
	.cow-second-title.result-mb strong{
		margin-bottom:0px;
	}
	.cow-second-title.result-mb{
		margin-bottom:0px;
	}
	.list-wrap.environmental-wrapper{
		padding-bottom:70px;
	}
	.character-sub-text{
		font-weight:700;
		font-size:var(--font-20);
		margin-bottom:15px;
	}
 	.character-text.symbol-left{
		order:2;
	}
	.character-image.symbol-right{
		order:1;
	}
	.parts-slider-title-text strong{
		font-size:22px;
	}
	.parts-slider-title-text p{
		font-size:15px;
	}
	.cow-card-text strong span{
		opacity:1;
		visibility:visible;
	}
	.cow-card-area ul li.over .cow-card-text strong, .cow-card-area ul li .cow-card-text strong{
		font-size:20px;
	}
	.cow-card-area ul li.over .cow-card-image{
		bottom:auto;
		left:auto;
		top:10%;
		right:5%;
		width:140px;
	}
	.cow-card-area ul li .cow-card-image{
		bottom:auto;
		left:auto;
		top:10%;
		right:5%;
		width:140px;
	}
	.cow-card-area ul li:nth-child(1) .cow-card-image{
		width:140px;
	}
	.cow-card-area ul li:nth-child(2) .cow-card-image, .cow-card-area ul li:nth-child(3) .cow-card-image{
		width:140px;
	}
	.cow-card-area ul li:nth-child(4) .cow-card-image{
		width:135px;
	}
	.representatives-right-list{
		margin-bottom:10px;
	}
	.region-list-m:nth-child(1){
		margin-left:20px;
	}
	.region-list-m:last-child{
		margin-right:20px;
	}
    .representatives-scroll-wrap.fixed-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        /* 배경색, 그림자 등 필요에 따라 추가 */
        background-color: #fff;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }
	main.sub.error{
		padding:0 20px;
	}
	.error-title strong{
		font-size:20px;
	}
	.error-title p{
		margin:0 auto;
		width:70%;
	}
	.error-btn.first:nth-child(1) a::before{
		background:url('/assets/images/back_icon_w.svg') no-repeat center / 100% auto
	}
	.error-btn.first a{
		background-color:#191919;
		color:#fff;
	}
	.error-image-wrap{
		max-width:100%;
		width:65%;
	}
	.pop-cont-area{
		width:100%;
		height:100%;
		max-height:100%;
		border-radius:0;
		border:initial;
	}
	.pop-cont-group:nth-child(3) .pop-link-btn a::after{
		background:#fff url('/assets/images/down_icon.svg') no-repeat center / 10px auto;
	}
	.pop-cont-wrap{
		padding:40px 20px 50px;
	}
	.pop-logo-wrap{
		max-width:100%;
		width:50%;
	}
	.pop-text-wrap.m-cont{
		display:flex;
		flex-direction:column;
		align-items:flex-start;
		gap:0px;
	}
	.pop-text-wrap{
		display:none;
	}
	.pop-text-wrap > span{
		display:inline-block;
	}
	.pop-contents{
		padding-top:20px;
		gap:40px;
	}
	.pop-title-image{
		width:80px;
	}
	.pop-title-wrap strong{
		font-size:24px;
	}
	.pop-step{
		font-size:13px;
	}
	.pop-cont-title{
		font-size:20px;
	}
	.pop-link-btn a::after{
		width:20px;
		height:20px;
		background:#fff url('/assets/images/btn_arrow.svg') no-repeat center / 8px auto;
	}
	.pop-link-btn a{
		min-height:1px;
		font-size:16px;
		background-color:#000;
		color:#fff;
	}
	.map-area-wrap{
		aspect-ratio:1.6/1;
	}
	.transport-block p br{
		display:none;
	}
	.subway-icon{
		width:12px;
		background:url('/assets/images/subway_icon.svg') no-repeat center / 12px auto;
	}
	.car-icon{
		width:15px;
		background:url('/assets/images/car_icon.svg') no-repeat center / 15px auto;
	}
	.transport-block{
		flex-direction:column;
		gap:10px;
		align-items:flex-start;
	}
	.map-icon{
		width:15px;
		height:15px;
		background:url('/assets/images/map_icon_w.svg') no-repeat center / 15px auto;
	}
	.map-btn a{
		min-width:1px;
		min-height:1px;
		padding:8px 20px;
		background-color:#191919;
		color:#fff;
		gap:10px;
	}
	.map-cont-wrap{
		flex-direction:column;
		gap:20px;
		align-items:flex-start;
	}
	.representatives-text p:nth-child(3){
		font-size:13px;
	}
	.staff-table td:last-child{
		padding-left:10px;
	}
	.representatives-scroll-inner{
		overflow-y:hidden;
	}
	.region-people-name{
		font-size:16px;
	}
	.region-people-img{
		width:100%;
		height:auto;
	}
	.region-people-area{
		gap:10px;
	}
	.region-people{
		width:calc((100% / 4) - 7.5px)
	}
	.region-name-box{
		padding:12px 20px;
		min-height:1px;
		line-height:1.2;
	}
	.representatives-left-mobile{
		display:block;
		width:calc(100% + 40px);
		margin-left:-20px;
		padding:20px 0px;
		background-color:rgba(255, 255, 255, 0.8);
		backdrop-filter:blur(8px);
		border-bottom: var(--border-default);
	}

	.region-wrap-m{
		width:100%;
		display:flex;
		font-size:16px;
		gap:0;
		overflow-x:auto;
		scrollbar-width:none;
	}
	.region-wrap-m::-webkit-scrollbar {
		display: none;
    }
	.region-list-m{
		flex:0 0 auto;
	}
	.region-list-m.focus a{
		background-color:var(--orange-color);
		color:#fff;
	}
	.region-list-m a{
		display: flex;
		justify-content: center;
		align-items: center;
		color: rgba(0, 0, 0, 0.4);
		padding:12px 20px;
		border-radius:200px;
	}
	.representatives-left{
		display:none;
	}
	.representatives-right{
		width:100%;
		height:auto;
	}
	.representatives-scroll-wrap{
		flex-direction:column;
		height:auto;
		padding-top:0;
	}
	.map-block-wrap{
		gap:10px;
	}
	.representatives-text p:nth-child(1){
		font-size:13px;
	}
	.representatives-text .representatives-name{
		font-size:18px;
		margin:4px 0 8px;
	}
	.representatives-image{
		width:85%;
	}
	.representatives-history-wrap{
		gap:40px;
		justify-content:space-between;
		align-items:stretch;
		padding:0 30px;
	}
	.representatives-history-list{
		width:calc(50% - 20px)
	}
	.orange-point-text{
		font-size:16px;
	}
	.organization .esg .cow-image-area{
		background:url('/assets/images/introduction_img_m1.png') no-repeat center / cover;
	}
	.contact-icon{
		width:10px;
		height:6px;
	}
	.staff-guide-list a .contact-title span:nth-child(2) .phone-icon{
		width:10px;
		height:10px;
	}
	.staff-guide-list a .contact-title span{
		font-size:16px;
	}
	.organization-group-m{
		width:80%;
		margin:0 auto;
		position:relative;
		display:block;
	}
	.organization-group-m img{
		width:100%;
		
	}

	.organization-column-list-m{
		position:absolute;
	}
	.organization-column-list-m:nth-child(2){
		top:0;
		left:0;
		width:43%;
		height:15%;
	}
	.organization-column-list-m:nth-child(3){
		top:27%;
		left:0;
		width:43%;
		height:15%;
	}
	.organization-column-list-m a{
		display:block;
		width:100%;
		height:100%;
	}
	.organization-group{
		display:none;	
	}
	.organization-sub{
		display:none;
	}
	.history-left-years ul li{
		flex:0 0 auto;
	}
/* 	.history-left-years.mobile-fixed {
		position: fixed !important;
		top: 60px !important;
		z-index: 1000 !important;
		transition: all 0.3s ease-out;
	} */
	.history .history-contents{
		display:block;
		height:auto;
	}
	.history-right{
		height:auto;
	}
	.history-left-years{
		padding:20px 20px;
		background-color:rgba(255, 255, 255, 0.8);
		backdrop-filter:blur(8px);
		border-bottom: var(--border-default);
		transition: transform 0.2s cubic-bezier(0.4, 0.0, 0.2, 1);
	}
	.history-left-img img{
		width:calc(100% - 40px);
		left:20px;
		border-radius:8px;
	}
	.history-left-img{
		padding:0 20px;
		margin-bottom:0px;
		
	}
	.history-scroll-inner{
		overflow-y:hidden;
	}
	.history-left-years ul li a{
		padding:12px 20px;
		border-radius:200px;
	}
	.history-left-years ul li.focus a{
		background-color:var(--orange-color);
		color:#fff;
	}
	.history-left-years ul li::after{
		display:none;
	}
	.history-left-years ul li.focus::after{
		display:none;
	}
	.history-left-years ul{
		flex-direction:row;
		font-size:16px;
		gap:0;
		overflow-x:auto;
		scrollbar-width:none;
	}
	.history-left-years ul::-webkit-scrollbar {
		display: none;
    }
	.history .history-contents{
		flex-direction:column;
		padding-top:40px;
		gap:0;
	}
	.history-left, .history-right{
		width:100%;
	}
	.history-left{
		height:auto;
		overflow:visible;
		width:calc(100% + 40px);
		margin-left:-20px;
	}
	.cow-cont-area.purpose{
		gap:40px;
	}
	.introduction .logo-area img{
		margin:0 auto;
		max-height:30px;
	}
	.cow-second-title{
		margin-bottom:20px;
	}
	.introduction .cow-image-area{
		background:url('/assets/images/introduction_img_m1.png') no-repeat center / cover;
	}
	.cow-card-point.title-point{
		display:block;
	}
	.greeting-title{
		font-size:16px;
	}
	.greetings .cow-image-area{
		background:url('/assets/images/greetings_img_m1.png') no-repeat center / cover;
		align-items:flex-start;
	}
	.greetings .cow-image-area p{
		display:none;
	}
	.esg.environmental.social.governance .cow-image-area{
		background:url('/assets/images/esg_g_img_m1.png') no-repeat center / cover;
	}
	.social-image-wrap{
		max-width:100%;
		padding-top:0;
	}
	.esg.environmental.social .cow-image-area{
		background:url('/assets/images/esg_s_img_m1.png') no-repeat center / cover;
	}
	.esg.environmental .cow-image-area{
		background:url('/assets/images/esg_e_img_m1.png') no-repeat center / cover;
	}
	.esg-flex-hover-title br{
		display:none;
	}
	.esg-flex-list .kv-link-btn.btn-default{
		margin:0 auto;
	}
	.esg-flex-list .kv-link-btn.btn-default a, .kv-link-btn.btn-default .hover{
		background-color:#191919;
		color:#fff;
		height:100%;
		padding:15px;
		padding-left:20px;
	}
	.esg-flex-list .kv-link-btn.btn-default .hover .kv-arrow-icon{
		background:url('../images/btn_arrow.svg') no-repeat center / 10px 9px;
		background-color:#fff;
		width:20px;
		height:20px;
	}
	.esg-flex-hover ul li::before{
		background-color:#191919;
	}
	.esg-flex-hover .flex-line{
		background-color:#191919;
	}
	.esg-flex-list-wrap{
		background:url('/assets/images/esg_img_m4.png') no-repeat center / cover;
	}
	.esg-flex-list:nth-child(2) .esg-flex-list-wrap{
		background:url('/assets/images/esg_img_m5.png') no-repeat center / cover;
	}
	.esg-flex-list:nth-child(3) .esg-flex-list-wrap{
		background:url('/assets/images/esg_img_m6.png') no-repeat center / cover;
	}
	.esg-flex-list strong{
		font-size:20px;
	}
	.esg-flex-list strong span{
		font-size:48px;
	}
	.esg-swiper-icon{
		width:20px;
	}
	.esg-swiper-icon-wrap{
		width:30%;
		font-size:16px;
		gap:7px;
		max-width:100px;
		height:fit-content;
	}
	.esg-swiper-text-list{
		line-height:1.3;
	}
	.esg-swiper-text{
		margin-left:20px;
		width:calc(70% - 50px);
	}
	.esgSwiper .swiper-wrapper{
		display:flex;
		flex-direction:column;
		gap:10px;
	}
	.esgSwiper .swiper-slide{
		border-radius:8px;
		padding:20px;
		padding-right:20px;
		padding-left:10px;
		align-items:flex-start;
	}

	.news-slider-scrollbar.esg-progress{
		display:none;
	}
	.esg-swiper-num{
		display:none;
	}
	.promotion-cont-group.full{
		padding:40px 24px;
		background:url('/assets/images/esg_img3.png') no-repeat top center / cover;
	}
	.environmental .promotion-cont-group.full.esg-swiper-wrap.lca .cow-image-detail{
		margin-bottom:40px;
	}
	.promotion-cont-group.full.esg-swiper-wrap{
		margin-top:-50px;
		padding:40px 0 20px;
	}
	.environmental .promotion-cont-group.full.esg-swiper-wrap{
		padding:40px 0;
	}
	.promotion-cont-group.full .cow-cont-area .esg-manage-list p{
		margin-top:7px;
	}
	.promotion-cont-group.full .cow-cont-area .esg-manage-list strong{
		font-size:var(--font-26);
		margin-bottom:10px;
	}
	.promotion-cont-group.full .cow-cont-area .esg-manage-list .esg-manage-icon{
		margin-bottom:0;
		height:auto;
		width:50px;
		
	}
	.promotion-cont-group.full .cow-cont-area .esg-manage-list .esg-manage-icon img{
		height:auto;
		width:100%;
	}
	.promotion-cont-group.full .cow-cont-area .esg-manage-list{
		display:flex;
		gap:30px;
		align-items:center;
		padding-top:20px;
	}
	.esg-manage-ul .cow-card-point{
		display:block;
		width:8px;
		height:8px;
	}
	.esg .cow-image-area{
		background:url('/assets/images/esg_img_m1.png') no-repeat center / cover;
	}
	.ci-title-wrap{
		gap:15px;
		padding:40px 20px;
	}
	.bi.slogans .ci-logo-area{
		width:70%;
		max-width:100%;
	}
	.bi.k-beef .ci-logo-area{
		width:35%;
	}
	.character-insta-btn a{
		width:70%;
		position:relative;
		z-index:2;
	}
	.character-logo{
		width:80px;
	}
	.ci-docu-btn a{
		background:url('/assets/images/ci_download_btn_m.png') no-repeat center / 100% auto;
	}
	.ci-docu-btn{
		width:29%;
		height:6%;
		bottom:39%;
		left:10%;
	}
	.symbol-img{
		max-width:100%;
		margin-bottom:20px;
		aspect-ratio:auto;
	}
	.ci-image-area.left-right{
		flex-direction:column;
	}
	.symbol-detail br{
		display:none;
	}
	.symbol-left, .symbol-right{
		width:100%;
	}
	.ci-title-text strong{
		font-size:18px;
		margin-bottom:15px;
	}
	.point-circle{
		width:8px;
		height:8px;
	}
	.ci-logo-area{
		height:30px;
	}
	.ci-title-wrap::before{
		width:100%;
		height:100%;
		background:url('/assets/images/cow_kind_bg.png') no-repeat bottom -10px right -10px / 50% auto;
	}
	.audio-play-wrap audio{
		height:50px;
	}
	.audio-play-wrap{
		padding:0;
		background-color:initial;
		
	}
	.audio-player-cont{
		width:100%;
	}
	.video-player-area.audio-player-area.mobile{
		display:flex;
		padding-bottom:40px;
		border:none;
	}
	.gallery-pop-wrap.audio-pop .gallery-pop-title{
		justify-content:flex-end;
	}
	.gallery-pop-wrap.audio-pop.show{
		visibility:visible;
		opacity:1;
		transition:all 0.3s ease;
	}
	.ring-btn-wrap a{
		min-width:1px;
		min-height:1px;
		padding:6px 20px;
		width:fit-content;
	}
	.ring-img{
		padding-top:5px;
	}
	.ring-text-wrap{
		align-items:flex-start;
	}
	.ring-text{
		width:calc(100% - 75px);
	}
/* 	.ring-text-wrap{
		flex-direction:column;
	} */
	.ring-banner{
		flex-direction:column;
		min-height:1px;
		padding:40px 20px;
	}
	.audio-list-cont{
		width:auto;
	}
	.audio-list .audio-list-thum::before{
		background:url('/assets/images/audio_icon_hover.svg') no-repeat center / cover;
	}
	.audio-list-thum{
		width:30px;
		height:30px;
		background-color:#fff;
	}
	.audio-list-thum::before{
		width:10px;
		height:14px;
	}
	.video-wrap.audio-wrap .video-list.focus a, .video-wrap.audio-wrap .video-list a{
		flex-direction:row;
		padding:12px;
		border-radius:8px;
		background-color:var(--light-gray);
		gap:10px;
	}
	.video-wrap.audio-wrap .video-list-wrap{
		gap:10px;
		margin-bottom:40px;
	}
	.gallery-detail{
		height:250px;
	}
	.gallery-text-wrap h3{
		font-size:var(--font-24);
	}
	.cow-per-area .effect-full-image{
		max-height:100%;
		aspect-ratio:auto!important;
		order:2;
	}
	.effect-full-image ul.pc-cont{
		display:none;
	}
	.effect-full-image ul.m-cont{
		display:flex;
		flex-direction:column;
		gap:40px;
	}
	.effect-full-image ul.m-cont li{
		width:100%;
	}
	.effect-full-image ul.m-cont li .effect-full-img-m{
		width:100%;
		margin-bottom:20px;
	}
	.effect-full-image ul.m-cont li .effect-full-img-m img{
		width:100%;
	}
	.effect-full-image ul.m-cont li .effect-full-text-m{
		width:100%;
		display:flex;
		flex-direction:column;
		font-size:var(--font-18);
		font-weight:400;
		gap:4px;
	}
	.effect-full-image ul.m-cont li .effect-full-text-m .effect-full-title{
		font-weight:700;
		color:var(--orange-color);
	}
	.cow-per-area.effect-full-wrap{
		max-height:100%;;
		height:auto;
		padding:40px 24px;
	}
	.effect-full-image ul{
		height:fit-content;
		max-width:100%;
		display:flex;
		flex-direction:column;
		gap:10px;
	}
	.cow-per-list{
		gap:5px;
	}
	.cow-per-list.focus .cow-per-num{
		width:90px;
		height:40px;
	}
	.cow-per-num{
		font-size:var(--font-18);
	}
	.cow-per-text{
		font-size:var(--font-18);
	}
	.cow-per-area .cow-cont-detail{
		order:1;
	}
	.cow-per-area .cow-cont-image.per{
		order:2;
	}
	.cow-per-area .cow-cont-image.per ul{
		gap:20px;
		justify-content:center;
	}
	.cow-progress-list:nth-child(1) .cow-progress-img, .cow-progress-list:nth-child(3) .cow-progress-img{
		width:40px;
	}
	.cow-progress-list{
		gap:12px;
	}
	.cow-progress-list:nth-child(1) .cow-progress-name, .cow-progress-list:nth-child(3) .cow-progress-name{
		font-size:14px;
	}
	.cow-progress-name{
		font-size:var(--font-22);
	}
	.cow-progress-img{
		width:50px;
		margin-bottom:10px;
	}
	.cow-progress-detail strong{
		font-size:var(--font-18);
		margin-bottom:0;
	}
	.cow-progress-detail p{
		font-size:10px;
	}
	.cow-progress-list:nth-child(1), .cow-progress-list:nth-child(3){
		width:calc(30% - 6.666px);
	}
	.cow-progress-list:nth-child(2){
		width:calc(40% - 6.666px);
	}
	.effect .cow-text-title{
		justify-content:center;
	}
	.effect .cow-image-area{
		background:url('/assets/images/promotion_cow_img_m1_2.png') no-repeat center / cover;
	}
	.parts-slider-title{
		gap:25px;
	}
	.parts-over-link a{
		background-color:var(--light-gray);
	}
	.parts-over-title{
		order:2;
	}
	.parts-over-image{
		order:1;
		background-color:var(--light-gray);
		padding:15px;
	}
	.parts-over-info{
		order:3;
	}
	.layer-dim-wrap{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.5);
		transition: all 0.3s ease;
		visibility: hidden;
		opacity: 0;
		z-index: 2100;
	}

	.layer-dim-wrap.open{
		visibility: visible;
		opacity: 1;
	}
	.layer-pop-wrap{
	  max-width: 510px;
	  width: calc(100% - 40px);
	  height: auto;
	  max-height: 90vh;
	  position: fixed;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  z-index: 1900;
	  background-color: #fff;
	  border-radius: var(--radius-default);
	  visibility: hidden;
	  opacity: 0;
	  display:none;
	  transition: all 0.3s ease;
	  padding:20px;
	  padding-bottom:40px;
	}
	.layer-dim-wrap.open .layer-pop-wrap{
		visibility: visible;
		opacity: 1;
		display:block;
		transition: all 0.3s ease;
	}
	.layer-dim-wrap.open .layer-pop-wrap .gallery-pop-title{
		justify-content:flex-end;
	}
	.layer-pop-cont{
		width:100%;
		display:flex;
		flex-direction:column;
		gap:15px;
		margin-top:20px;
	}
	.mobile_button{
		display:block;
		width:100%;
		margin-top:20px;
	}
	.mobile_button a{
		width:100%;
		height:50px;
		border-radius:8px;
		background-color:var(--orange-color);
		color:#fff;
		display:flex;
		justify-content:center;
		align-items:center;
		font-size:16px;
		font-weight:700;
	}
	.parts-text-img img{
		margin:0 auto;
	}
	.pc-cont{
		display:none;
	}
	.m-cont{
		display:block;
	}
	.cow-card-area ul li.over .cow-card-num{
		font-size:var(--font-26);
	}

	.cow-card-point{
		display:none;
	}
	.img_pc{
		display:none;
	}
	.img_mobile{
		display:block;
		border-radius:8px;
	}
	.purpose-text{
		width:100%;
	}
	.purpose-img-area{
		width:100%;
		gap:10px;
		flex-direction:column;
	}
	.purpose-img-area > div{
		width:100%;
		
	}
	.purpose-img img{
		width:100%;
	}
	.purpose-box{
		flex-direction:column;
		gap:10px;
	}
	.cow-image-double{
		flex-direction:column;
		gap:10px;
		padding-top:0;
	}
	.cow-image-double > div{
		width:100%;
	}
	.e-image-wrap{
		flex-direction:column;
		gap:10px;
	}
	.esg-image-double{
		flex-direction:column;
		gap:10px;
	}
	.esg-image-double li{
		width:100%;
	}
	.e-image-list{
		width:100%;
	}
	.environmental .promotion-cont-group.full .cow-cont-area .e-list-wrap{
		flex-wrap:wrap;
		gap:10px;
	}
	.environmental .promotion-cont-group.full .cow-cont-area .e-list-wrap li{
		width:calc(50% - 5px);
	}
	.environmental .promotion-cont-group.full .cow-cont-area .e-list-wrap li img{
		width:100%;
	}
	.esg-flex-list-wrap{
		padding-top:20px;
		padding-bottom:20px;
		aspect-ratio:700/350;
		justify-content:flex-end;
	}
	.esg-flex-wrap{
		flex-direction:column;
		gap:40px;
	}
	.esg-flex-list{
		width:100%;
		flex-direction:column;
	}
	.esg-flex-hover.pc{
		display:none;
	}
	.esg-flex-hover.mobile{
		opacity:1;
		visibility:visible;
		display:flex;
		flex-direction:column;
	}
	.esg-flex-list::before{
		opacity:1;
		visibility:visible;
		display:none;
	}
	.cow-card-area ul li a::before{
		content:'';
		width:100%;
		height:100%;
		background:url('/assets/images/cow_kind_bg.png') no-repeat bottom -20px right -10px / 50% auto;
		position:absolute;
		bottom:-10px;
		right:-5px;
		mix-blend-mode:soft-light;
		opacity:0.2;
		z-index:1;
		transition:all 0.3s ease;
		display:none;
	}
	.cow-card-area ul li .cow-card-image img{
		width:100%;
	}
/* 	.cow-card-area ul li .cow-card-name{
		display:none;
	} */
	.cow-card-area ul li .cow-card-num, .cow-card-area ul li.over .cow-card-num{
		font-size:14px;
		color:var(--orange-color);
		opacity:1;
	}
	.cow-card-area ul li .cow-card-text{
		display:flex;
		width:100%;
		opacity:1;
		visibility:visible;
	}
	.parts-list-over{
		position:static;
		display:none;
	}
	.parts-list:hover .parts-list-over{
        opacity: 0;
        visibility: hidden;
    }
	.greeting-text-wrap{
		flex-direction:column;
		gap:20px;
	}
	.news-slider-scrollbar.esg-progress{
		width:90%!important;
		left:47%;
	}
	.news-slider-control.esg-slider{
		display:none;
	}
	.esg-swiper-area{
		padding:0 20px;
	}
	.promotion-cont-group.full .cow-cont-area .esg-manage-ul{
		flex-direction:column;
		gap:10px;
	}
	.promotion-cont-group.full .cow-cont-area .esg-manage-list{
		width:100%;
		aspect-ratio:auto;
	}
	.cow-cont-image ul{
		gap:20px;
		justify-content:space-between;
	}

	.cow-per-area > div{
		width:100%;
	}
	.cow-per-area{
		flex-direction:column;
		gap:40px;
	}
	.cow-progress-ul{
		/* flex-direction:column; */
		gap:10px;
	}
	.cow-image-area p{
		width:100%;
	}
	.cow-image-area p br{
		display:none;
	}
	.cow-image-area p br.pc-none{
		display:block;
	}
	.sub-kv-wrap p br.pc-none{
		display:block;
	}
	.cow-image-detail{
		flex-direction:column;
		gap:40px;
	}
	.environmental-wrapper .cow-image-detail , .social .cow-image-detail{
		gap:20px;
	}
	.cow-image-detail > div{
		width:100%;
	}
	.cow-card-num-wrap{
		margin-top:20px;
	}
	.cow-card-area ul li a{
		padding:30px 20px 40px;
	}
	.cow-card-area ul li .cow-card-text{
		width:100%;
		gap:50px;
	}
	.cow-card-wrap{
		/* flex-direction:column; */
		align-items:center;
		gap:20px;
	}
	.cow-card-text p br{
		display:none;
	}
	.promotion-cont-group.fourth{
		flex-direction:column;
		gap:10px;
		/* display:none; */
	}
	.cow-menu-link{
		width:100%;
		height:80px;
		min-height:1px;
	}
	.cowkind .cow-cont-list{
		flex-direction:column;
		gap:0px;
	}
	.cow-cont-list{
		flex-direction:column;
		gap:30px;
	}
	.cow-cont-image{
		width:100%;
		order:1;
	}
	.cow-cont-detail{
		width:100%;
		padding-top:0;
		gap:15px;
		order:2;
	}
	.cow-card-area ul{
		height:auto;
		flex-direction:column;
	}
	.cow-card-area ul li.over{
		width:100%;
	}
	.cow-card-area ul li{
		width:100%;
		height:auto;
	}
	.parts-detail-carousel{
		padding:0;
	}
	.click-icon{
		width:60px;
		margin-bottom:10px;
	}
	.parts-text-area{
		flex-direction:column;
		gap:30px;
	}
	.parts-image{
		flex-direction:column;
		gap:10px;
		margin-bottom:40px;
	}
	.parts-cont-wrap .sub_line{
		margin:40px 0;
	}
	.hanwoo-parts-visual{
		width:100%;
		padding:10px 10px;
	}
	.detail-default{
		padding:40px 0;
		font-size:var(--font-20);
	}
	.hanwoo-parts-detail{
		width:100%;
		padding:20px;
	}
	.parts-text-area > div{
		width:100%;
	}
	.parts-list-wrap ul{
		gap:40px;
		flex-direction:column;
	}
	.parts-list{
		width:100%;
	}
	.gallerySwiper{
		width:100%;
	}
	.gallery-list a{
		flex-direction:column;
		gap:20px;
	}
	.gallery-list-wrap ul{
		gap:40px;
	}
	.gallery-image{
		width:100%;
	}
	.gallery-image img{
		width:100%;
	}
	.gallery-text-wrap{
		width:100%;
		padding-right:0;
	}
	.card-list{
		min-height:1px;
	}
	.cow-cont-area.down-btn-wrap .down-btn a:hover{
        color: #191919;
        background-color: initial;
    }
    .cow-cont-area.down-btn-wrap .down-btn a:hover::after{
        background: url('/assets/images/down_icon.svg') no-repeat center / 100% auto;
    }
	.poster-list:hover a .poster-img::before{
        opacity: 0;
    }
    .poster-list:hover a .poster-img::after{
        opacity: 0;
    }
	.poster-img img{
		width:100%;
	}
	.video-list:hover a{
        background-color: initial;
    }
	.education-book-list:hover a .education-book-thum::before{
        opacity: 0;
    }
	.stat-select-btn a:hover{
        background-color: #fff;
    }
	.card-list:hover a{
        background-color: #f6f7f9;
        transform: translateY(0);
    }
	.video-info{
		margin-bottom:5px;
	}
	.gallery-pop-wrap{
		padding:20px;
		padding-top:20px;
		gap:20px;
	}
	.close-wrap{
		width:15px;
		height:15px;
	}
	.gallery-slider-control.mobile .prev-btn, .gallery-slider-control.mobile .next-btn{
		border:none;
		width:auto;
		height:auto;
		border-radius:0;
		gap:10px;
	}
	.gallery-slider-control.mobile .next-btn::before{
		display:none;
	}
	.gallery-slider-control.mobile .prev-btn::before{
		width:6px;
		height:13px;
		background:url('/assets/images/arrow_black_l.svg') no-repeat center / 100% auto;
	}
	.gallery-slider-control.mobile .next-btn::after{
		content:'';
		width:6px;
		height:13px;
		background:url('/assets/images/arrow_black_r.svg') no-repeat center / 100% auto;
	}
	.gallery-counter.pc{
		display:none;
	}
	.gallery-counter.mobile{
		background-color:initial;
		border-radius:0;
		color:#000;
		height:auto;
		position:static;
		transform:translate(0, 0);
	}
	.gallerySwiper.educationSwiper{
		width:100%;
	}
	.gallery-carousel-wrap{
		flex-direction:column;
	}
	.education-carousel .gallery-slider-control.pc{
		display:none;
	}
	.education-carousel .gallery-slider-control.mobile{
		width:100%;
		display:flex;
		position:static;
		transform:translate(0, 0);
		align-items:center;
		justify-content:space-between;
		margin-top:20px;
	}

	.gallery-pop-title h3{
		font-size:var(--font-18);
		width:92%;
		
	}
	.poster-list-wrap ul{
		flex-direction: column;
		gap:40px;
	}
	.poster-list{
		width:100%;
	}
	.video-play-btn{
		width:40px;
		height:40px;
	}
	.video-play-btn::before{
		width:10px;
		height:13px;
	}
	.video-list-pop{
	  position: fixed;
	  top: 0;
	  left: 0;
	  background-color: #f6f7f9;
	  padding: 20px;
	  width: 100%;
	  height:100vh;
	  flex-direction: column;
	  align-items: center;
	  gap: 20px;
	  z-index: 3200;
	  display: none;
	}
	.video-list-pop.open{
		display:flex;
	}
	.video-list-pop.open .video-player-area{
		display:flex;
		width:100%;
		padding:0;
		gap:20px;
	}
	.video-list-pop.open .dialog-content{
		padding-left:0;
		margin-bottom:0;
	}
	.video-list-pop.open .pop-close{
		position:static;
		align-self:flex-end;
	}

	.video-list-wrap{
		gap:40px;
		margin-bottom:40px;
	}
	.video-list-cont strong{
		font-size:var(--font-20);
		overflow:visible;
		display:initial;
		-webkit-line-clamp:initial;
	}
	.poster-list a strong{
		overflow:visible;
		display:initial;
		-webkit-line-clamp:initial;
		white-space:normal;
	}
	.video-list-cont strong br{
		display:none;
	}
	.education .contact-tab-wrap{
		margin-bottom:40px;
	}
	.video-list-thum{
		width:100%;
	}
	.video-list-cont{
		width:100%;
	}
	.video-list a{
		flex-direction:column;
		background-color:initial;
		padding:0;
		gap:20px;
	}
	.video-list.focus a{
		flex-direction:column;
		background-color:initial;
	}
	.video-player-area{
		display:none;
	}
	.education-book-thum::after{
		opacity:0.9;
		transform:translate(0, 0);
		top:auto;
		left:auto;
		bottom:10px;
		right:10px;
		width:40px;
		height:40px;
	}
	.education-book-list a p{
		font-size:var(--font-18);
	}
	.education-book-wrap{
		gap:10px;
	}
	.education-book-list{
		width:calc(50% - 5px);
	}
	.education-text-wrap li{
		padding-left:10px;
	}
	.education-text-wrap li::before{
		width:2px;
		height:2px;
	}
	.sub-block-group{
		gap:15px;
	}
	.education-program-group{
		gap:10px;
		flex-wrap:nowrap;
		flex-direction:column;
	}
	.education-program-detail{
		width:100%;
	}
	.sub-kv-wrap{
		background:url('/assets/images/education_img_m1.png') no-repeat center / cover;
		aspect-ratio:2/1;
		padding:20px;
		
	}
	.sub-kv-wrap p{
		font-size:var(--font-20);
		line-height:1.3;
		width:100%;
	}
	.sub-kv-wrap p br{
		display:none;
	}
	.card-text-wrap strong br{
		display:none;
	}
	.research.research-mo .list-search-wrap{
		flex-direction:column;
		background-color:initial;
	}
	.research.research-mo .list-search-wrap .select-wrap{
		background-color:var(--light-orange);
		width:100%;
		justify-content:flex-end;
		padding:10px 15px;
		border-radius:var(--radius-default);
	}
	.research.research-mo .list-search-wrap .search-bar-wrap{
		background-color:var(--light-green);
	}
	.group-title{
		font-size:var(--font-18);
	}
	.tab-content.consumption-content{
		gap:10px;
	}
	.tab-table-detail{
		margin-bottom:0px;
		margin-top:20px;
	}
	.consumption-graph-wrap{
		width:calc(100% + 20px);
		height:450px;
	}

	.stat-search-wrap .stat-select-btn a{
		width:100%;
	}
	.consumption-search-wrap{
		padding:20px;
		background-color:var(--light-orange);
		border-radius:var(--radius-default);
	}
	.stat-select-left.top{
		background-color:initial;
		padding:0;
	}
	.stat-select-right.bottom{
		background-color:initial;
		padding:0;
	}
	.stat-down-group{
		position:static;
		transform:translateY(0);
		display:none;
	}
	.stat-down-group.stat-down-group-mobile{
		display:flex;
		justify-content:flex-end;
		padding:15px 20px;
		background-color:var(--light-green);
		border-radius:var(--radius-default);
		width:100%;
	}
	.sub.cover .list-search-wrap form, .sub.notice .list-search-wrap form{
		width:100%;
	}
	.sub.cover .list-search-wrap .search-bar-wrap input, .sub.notice .list-search-wrap .search-bar-wrap input{
		border:initial;
	}
	.bid .search-bar-wrap input{
		border:initial;
	}
	.stat-radio-group{
		flex-direction:column;
		align-items:flex-start;
	}
	.stat-search-wrap{
		flex-direction:column;
	}
	.stat-radio-group .progress-radio-wrap{
		flex-direction:row;
		flex-wrap:wrap;
	}
	.stat-radio-group .progress-radio-wrap .radio-item{
		width:calc(50% - 7.5px);
		white-space:normal;
	}
	.stat-select-wrap.consumption{
		padding:0;
		gap:10px;
	}
	.stat-select-wrap.consumption .select-years ul li{
		width:calc(100% / 2);
	}
	.tabs{
		padding-left:20px;
		padding-right:20px;
		width:calc(100% + 40px);
	}
	.overlay{
		display:none;
	}
	.stat-pop-close a{
		width:15px;
		height:15px;
	}
	#bottomSheetOverlay{
	  display:block;
	  position: fixed;
	  opacity: 0;
	  pointer-events: none;
	  transition: opacity 0.3s;
	  justify-content: flex-end;
	  z-index: 3000;
	}
	#bottomSheet{
	  position: fixed;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  transform: translateY(100%);
	  background: #f6f7f9;
	  width: 100%;
	  max-height: 60%;
	  border-radius: 16px 16px 0 0;
	  transition: transform 0.3s ease;
	  display:flex;
	  flex-direction:column;
	}

	#bottomSheetOverlay.show {
	   opacity: 1;
	   pointer-events: auto;
	   top:0;
	   left:0;
	   right:0;
	   width:100%;
	   height:100%;
	   background-color:rgba(0,0,0,0.5);
	}

	#bottomSheet.show {
	  transform: translateY(0);
	}
	#bottomSheet .square-top-list{
		width:fit-content;
	}
	#bottomSheet .stat-pop-close{
		position:static;
	}
	#bottomSheet .square-top{
		display:flex;
		justify-content:space-between;
		align-items:center;
		padding:0 20px;
		flex: 0 0 auto;
	}
	#bottomSheet .square-top-list a{
		background-color:initial;
		min-height:60px;
	}
	#bottomSheet .square-body{
		background-color:initial;
		border-radius:0;
		overflow-y:auto;
		flex: 1 1 auto;
	}
	.tab-cont-title h3 span:not(:nth-child(3)){
		margin-right:5px;
	}
	.tab-cont-title{
		align-items:flex-end;
	}
	.tab-cont-title h3{
		max-width:calc(100% - 98px);
		line-height:1.3;
		font-size:var(--font-24);
	}
	.tab-cont-text{
		font-size:var(--font-14);
	}
	.tab-content table{
		min-width:800px;
	}
	.tab-cont-table{
		width:calc(100% + 20px);
		overflow-x:auto;
	}
	.tab-cont-title p{
		font-size:var(--font-14);
	}
	.stat-select-left .select-wrap{
		flex-wrap:wrap;
		width:100%;
		gap:20px 10px;
	}
	.stat-select-left .select-wrap p{
		width:100%;
	}
	.stat-select-left .select-all{
		width:calc(50% - 15px);
	}
	.stat-select-btn{
		width:100%;
		margin-top:10px;
	}
	.stat-select-btn a{
		width:100%;
		background-color:#fff;
		color:var(--orange-color);
		border:1px solid var(--orange-color);
	}
	.select-years{
		width:100%;
	}
	.select-years ul{
		width:100%;
	}
	.select-years ul li{
		width:calc(100% / 3);
	}
	.select-years ul li a{
		width:100%;
	}
	.statistics-cont-wrap .stat-select-wrap{
		flex-direction:column;
		background-color:initial;
		justify-content:flex-start;
		padding:0;
	}
	.statistics-cont-wrap .stat-select-left{
		flex-direction:column;
		width:100%;
		padding:20px;
		border-radius:var(--radius-default);
		background-color:var(--light-orange);
		align-items:flex-start;
		margin-bottom:0px;
	}
	.statistics-cont-wrap .stat-select-right{
		width:100%;
		padding:15px 20px;
		border-radius:var(--radius-default);
		background-color:var(--light-green);
		justify-content:flex-end;
		
	}
	.statistics-cont-wrap .trends .stat-select-right{
		padding:0;
		border-radius:0;
		background-color:initial;
		justify-content:flex-start;
		margin-top:20px;
	}
	.statistics-cont-wrap .trends .stat-select-right.bottom{
		gap:10px;
	}
	.statistics-cont-wrap .trends .stat-select-left{
		padding:0;
		border-radius:0;
		background-color:initial;
		justify-content:flex-start;
	}
	.tab{
		padding: 12px 20px;
		min-height:50px;
	}
	
	.stat-list-tab.show-popup-btn{
		width:100%;
	}
	.stat-list-tab.show-popup-btn a{
		width:100%;
		min-height:50px;
		padding: 12px 20px;
		justify-content:center;
		gap:10px;
	}
	.tab .close{
		width:18px;
	}
	.tab .close::before{
		width:8px;
		height:8px;
	}
	.right-arrow-wrap{
		display:none;
	}
	.right-arrow-wrap.show{
		display:none;
	}
	.stat-cont-tab{
		flex-direction:column;
	}
	.stat-sub{
		gap:40px;
	}
	.square-wrap{
		border:var(--border-default);
	}
	.stat-sub-link{
		padding:8px 20px;
	}
	.stat-list-cont{
		padding:40px 20px;
		flex-direction:column;
		border-radius:0 0 8px 8px;
	}
	.stat-menu-all{
		flex-direction:column;
		gap:0;
	}
	.stat-menu-list{
		width:100%;
	}
	.stat-menu-list:not(:nth-child(1)){
		padding-top:40px;
	}
	.stat-menu-list:not(:last-child){
		padding-bottom:40px;
		border-bottom:var(--border-default);
	}
	.stat-menu-list::after{
		display:none;
	}
	.square-top{
		border-bottom:var(--border-default);
		height:auto;
	}
	.square-top-list{
		position:static;
		width:100%;
	}
	.square-top-list a{
		width:100%;
		padding: 5px;
		font-size: var(--font-18);
		font-weight: 700;
		pointer-events: none;
	}
	.square-top-list a::before{
		content: '';
		width: 18px;
		height: 18px;
		background: url('/assets/images/menu_icon_full.svg') no-repeat center / 100% auto;
	}
	.square-top-bg-g{
		display:none;
	}
	.square-top-bg-w{
		display:none;
	}
	.video-player-area{
		width:100%;
	}
	.video-list-area{
		width:100%;
	}
	.video-wrap{
		flex-direction:column;
	}
	.contact-tab-wrap{
		flex-wrap:nowrap;
		overflow-x: auto;
		scrollbar-width: none; 
		width:calc(100% + 20px);
		position:relative;
		z-index:3;
		padding-right:20px;
	}
    .contact-tab-wrap::-webkit-scrollbar {
		display: none;
    }
	.contact-tab:last-child{
		margin-right:20px;
	}
	.contact-tab{
		flex:0 0 auto;
	}
	main.sub{
		margin-top: 60px;
	}
	.list-title-wrap{
		align-items:flex-start;
		flex-direction:column;
		gap:30px;
		margin-bottom:30px;
	}
	.list-title-wrap h2{
		order:2;
		font-size:26px;
	}
	.breadcrumb-wrap{
		order:1;
		gap:0 24px;
		flex-wrap:wrap;
	}
	.list-wrap{
		padding:0 20px;
		padding-top:10px;
		padding-bottom:70px;
	}
	.breadcrumb-item::after{
		right:-15px;
		height:100%;
	}
	.breadcrumb-item:nth-child(1) a{
		width:13px;
		height:14px;
		background:url('/assets/images/home_icon.svg') no-repeat center / 13px auto;
	}
	.list-search-wrap{
		padding:0;
	}
	.search-bar-wrap{
		width:100%;
		height:60px;
		background-color:#fef0e5;
		justify-content:flex-start;
	}
	.search-bar-wrap input{
		padding-right:20px;
		width:93%;
	}
	.search-bar-wrap a{
		right:20px;
	}
	.list-contents{
		gap:10px;
		margin-bottom:30px;
	}
	.notice-date{
		display:none;
	}
	.notice-list-title{
		flex-direction:column;
		align-items:flex-start;
		gap:10px;
	}
	.notice-writer-wrap{
		flex-direction:column;
		align-items:flex-start;
		width:100%;
		gap:5px;
	}
	.notice-list a{
		padding:20px 10px;
	}

	.notice-writer-wrap dl.list-mobile{
		display:flex;
	}
	.page-item:nth-child(n + 8):nth-child(-n + 12){
		display:none;
	}
	.view-title{
		flex-direction:column;
		align-items:flex-start;
	}
	.view-writer-wrap{
		flex-direction:column;
		align-items:flex-start;
		gap:5px;
	}
	.view-title-wrap{
		margin-bottom:10px;
		padding-bottom:30px;
	}
	.view-contents{
		padding:30px 0;
		margin-bottom:30px;
	}
	.view-prev-title{
		display:none;
	}
	.view-pagenation{
		width:fit-content;
	}
	.list-btn{
		width:auto;
		height:45px;
	}
	.list-btn a{
		color:#fff;
		background-color:#191919;
		padding:10px 28px;
	}
	.down-icon{
		opacity:1;
	}
	.down-file-name{
		display:flex;
		justify-content:center;
		align-items:center;
		padding:1px 7px;
		width:46px;
		border-radius:3px;
		color:#fff;
		font-size:var(--font-14);
		font-weight:700;
		letter-spacing:0;
	}
	.down-file-name.pdf{
		background-color:#e4495e;
	}
	.down-file-name.zip{
		background-color:#4c4c4c;
	}
	.down-file-name.hwp{
		background-color:#448fec;
	}
	.view-file{
		height:fit-content;
	}
	.view-file a{
		padding:20px 20px;
		flex-direction:column;
		align-items:flex-start;
		gap:10px;
		font-weight:700;
	}
	.view-file a p{
		order:2;
		
	}
	.down-icon-wrap{
		width:100%;
		order:1;
		display:flex;
		align-items:center;
		justify-content:space-between;
	}
	.view-prev{
		opacity:1;
	}
	.view-pagenation.disabled a::before{
		opacity:1;
	}
	.list-search-wrap.bidding-list{
		background-color:initial;
		border-radius:0;
		flex-direction:column;
		gap:10px;
	}
	.progress-text{
		font-weight:700;
	}
	.progress-wrap{
		width:100%;
		padding:16px 20px;
		background-color:var(--light-orange);
		border-radius:var(--radius-default);
		justify-content:space-between;
		font-size:16px;
	}
	.progress-radio-wrap{
		gap:15px;
		margin-left:0;
	}
	.radio-item{
		padding-left:30px;
	}
	.list-search-wrap.bidding-list .search-bar-wrap{
		background-color:var(--light-green);
	}
	.card-list-wrap ul{
		flex-direction:column;
		gap:20px;
	}
	.card-list{
		width:100%;
	}
	.card-badge.pc{
		display:none;
	}
	.card-badge.mobile{
		display:flex;
	}
	.card-arrow{
		opacity:1;
		visibility:visible;
		width:30px;
		height:30px;
		border-radius:30px;
	}
	.card-bottom-wrap{
		justify-content:flex-end;
	}
	.card-arrow::before{
		width:10px;
		height:9px;
		background:url('/assets/images/btn_arrow_w.svg') no-repeat center / 10px auto;
	}
	.card-text-wrap{
		gap:10px;
	}
	.card-list a{
		padding:20px;
		padding-top:20px;
	}
	.card-detail-wrap{
		margin-top:10px;
	}
	.bidding-new .view-title h3{
		margin-bottom:10px;
	}
	.contact-tab a{
		padding:12px 20px;
	}
	.contact-list a{
		padding:15px 20px;
		gap:10px;
		min-height:1px;
	}
	.contact-view .group-contents{
		border:initial;
	}
	.group-contents{
		height:auto;
		padding:15px 20px;
		font-size:var(--font-16);
	}
	.progress-radio-wrap{
		flex-direction:column;
	}
	.list-search-wrap.bidding-list .progress-radio-wrap{
		flex-direction:row;
	}
	.list-search-wrap.bidding-list .radio-item{
		width:fit-content;
	}
	.radio-item{
		width:100%;
		white-space:nowrap;
	}
	.contact-view-btn a{
		color:#fff;
		background-color:#191919;
		width:110px;
		height:45px;
		padding:10px 20px;
	}
	.warning-icon{
		width:15px;
		height:15px;
	}
	.write-warning{
		gap:5px;
		line-height:1;
		font-size:15px;
	}
	.group-contents.input-mobile{
		height:50px;
		min-height:50px;
	}
	.contact-view-btn a.confirm_btn{
		background-color:var(--orange-color);
		color:#fff;
		width:110px;
		height:45px;
		padding:10px 20px;
	}
	.cow-image-area{
		padding:20px;
		aspect-ratio:2/1;
		background:url('/assets/images/promotion_cow_img_m1.png') no-repeat center / 100% auto;
	}
	
	.intro .cow-image-area{
		
		background:url('/assets/images/intro_img_m1.png') no-repeat center / cover;
	}
	.cow-image-area p{
		font-size:16px;
		line-height:1.3;
	}
	.intro-divide{
		gap:20px;
		flex-direction:column;
		font-size:var(--font-18);
	}
	.breadcrumb-item a{
		font-size:var(--font-16);
	}
	.esg-img-pc{
		display:none;
	}
	.esg-img-mo{
		display:block;
	}
	.intro2 .cow-image-area{
		background:url('/assets/images/intro2_img_m1.png') no-repeat center / cover;
	}
	.cow-cont-area.down-btn-wrap{
		flex-direction:column;
	}
	.cow-cont-area.down-btn-wrap .down-btn{
		width:100%;
	}
	.cow-cont-area.down-btn-wrap .down-btn a{
		width:100%;
		justify-content:space-between;
	}
	.cow-cont-area.down-btn-wrap .down-btn a{
		color:#fff;
		background-color:#191919;
	}
	.cow-cont-area.down-btn-wrap .down-btn a::after{
		width:14px;
		height:14px;
		opacity:0.3;
	}
	.cow-cont-area.down-btn-wrap .down-btn a::after{
		background:url('/assets/images/down_icon_w.svg') no-repeat center / 100% auto;
		opacity:1;
	}
	.link-btn-ul{
		flex-direction:column;
		gap:40px;
	}
	.link-btn-li{
		width:100%;
	}
	.link-btn-list a{
		min-height:60px;
		font-weight:700;
		padding:10px 20px;
		padding-right:18px;
	}
	.link-btn-list a br{
		display:none;
	}
	.link-btn-list a::after{
		opacity:1;
		width:12px;
		height:12px;
	}
	.link-btn-group{
		gap:10px;
	}
	.plan .list-search-wrap{
		padding:10px 15px;
		justify-content:space-between;
	}
	.cow-cont-area.table-area{
		width:calc(100% + 20px);
		padding-right:20px;
		overflow-x:auto;
		margin-right: -20px;
	}
	.select-all{
		width:100px;
	}
	.research.plan-result.result-ex .list-search-wrap{
		margin-bottom:30px;
	}
	.research.plan-result.result-ex .list-search-wrap form{
		width:100%;
	}
	
	.research.plan-result.result-ex .list-search-wrap .search-bar-wrap input{
		border:initial;
	}
	.card-list-wrap ul{
		gap:10px;
	}
	.card-list.card-list-blank{
		display:none;
	}
	
	.contact-completed{
		min-height:1px;
		padding:3px 8px;
	}

}

@media screen and (max-width:400px) {
	.search-bar-wrap input{
		width:90%;
	}
}

@media screen and (max-width:374px) {
	.research.plan-result table.result{
		min-width:1px;
	}
}


/* 그래프 */
#canvas-container { margin-bottom:40px; overflow-x: auto;}
#canvas-container .canvas { max-height:600px;  }
/* #canvas-container .tab-cont-title { display:block; margin-bottom:40px; position:relative; } */
#canvas-container .tab-cont-title{display:flex; flex-direction:column; margin-bottom:20px;position:relative; align-items:flex-start; justify-content:flex-start;}
/* #canvas-container .tab-cont-title p { position:absolute; top:10px; right:0; } */
#canvas-container #legend-container { display:flex; justify-content:center; }
#canvas-container #legend-container1 { display:flex; justify-content:center; }
#canvas-container #legend-container2 { display:flex; justify-content:center; }