@charset "utf-8";

/* skip */
#skip,
#skip ul,
#skipSitemap {
	height: 0;
	width: 100%;
	z-index: 100000;
}

#skip a,
#skipSitemap a {
	position: absolute;
	top: -9999px;
	left: 0;
	z-index: 10000;
	display: block;
	width: 100%;
	height: 40px;
	background-color: #000;
	line-height: 40px;
	opacity: 1;
	color: #fff;
	text-align: center;
}

#skip a:focus,
#skip a:hover,
#skip a:active,
#skip a:visited,
#skipSitemap a:focus,
#skipSitemap a:hover,
#skipSitemap a:active,
#skipSitemap a:visited {
	top: 0;
}

/*common*/
.thumb img {
	display: block;
}

/*mobile*/
@media screen and (max-width:1024px) {
	img {
		width: 100%;
		max-width: 100%;
	}

	.pc {
		display: none !important;
	}

	.section.section--bigfilters {
		display: none !important;
	}

	.vr-intro {
		margin-top: 100px !important;
	}

	.vr-intro .thumb {
		top: 48px !important;
	}

	.pc.inblock {
		display: none !important;
	}

	.mobile {
		display: block !important;
	}

	.mobile.inblock {
		display: line-block !important;
	}

	.header-inner .logo {
		position: relative;
		width: 90px;
		z-index: 101;
		float: left;
	}

	.header-inner .logo a {
		display: block;
	}

	.header-inner .logo2 {
		position: relative;
		width: 90px;
		z-index: 101;
		left: 0px !important
	}

	.header-inner .logo2 a {
		display: block;
	}

	.header-inner .logo2 img {
		border-bottom-left-radius: 15px !important;
		border-bottom-right-radius: 15px !important;
	}

	.visual-img {
		height: 100px !important;
	}

	.visual-img .visual-desc .tit {
		font-size: 35px !important;
	}

	.brand-list .list-wrap .btn-wrap {
		display: flex;
		flex-direction: column;
		gap: 12px;
		margin-top: 20px;
	}
	.brand-list .list-wrap .btn-wrap .smudge-btn-sm {
		flex: 1;
		text-align: center;
		width: 100%;
	}
	.section--figures {margin:20px auto 0;padding:0 20px;}
	.section--figures .in.col-12 > ul {flex-direction:column;gap:20px;}
	.section--figures .in.col-12 > ul > li {flex:none;width:100%;}
	.section--figures .countable {font-size:77.2187591312px !important;margin-top:30px;}
	.section--figures .description {font-size:13px;margin-top:0 !important;}
	.section--figures .in.col-12 > ul {gap:10px;}
	.section--map_feature {padding:0 20px;}
	.section--map_feature .point b {transform:scale(0.15) !important;}
	.section--map_feature .point div {font-size:12px;padding:4px 8px;}
	.catalog-card-wrap {flex-direction:column;}
	.catalog-card {margin:0 8%;padding-top:10%;}
	.catalog-img {margin-left:20px !important;margin-right:20px !important;}
	.subtitle {padding:60px 20px !important;}
	.subtitle h2 {font-size:30px !important;}
	.subtitle h3 {font-size:20px !important;margin-top:20px;}
	.subtitle-desc {font-size:15px !important;line-height:1.8;margin-top:20px;padding:0 5%;}
	.subtitle1 {padding:0 20px 60px 20px !important;}
	.subtitle1 h2 {font-size:30px !important;}
	.subtitle1 h3 {font-size:20px !important;margin-top:20px;}
	.cert-circles-full {margin-top:40px;gap:12px;}
	.cert-circle-item p {font-size:12px;margin-top:8px;}
	.cert-list2 {gap:16px;margin-top:24px;}
	.cert-list2 .fonty {font-size:20px;}
	.cert-list2 img {height:44px;}
	.supply-img-pair img:first-child {height:260px;}
	.supply-img-pair img:last-child {height:260px;margin-top:-50px;}
	.chile-tagline {margin-top:40px;}
	.chile-tagline-text {font-size:18px;}
	.subtitle1 .subtitle-desc[style*="margin-top:80px"] {margin-top:40px !important;}
	.subtitle1 div[style*="margin-top:80px"] {margin-top:40px !important;}
	.subtitle1 .visual-section[style*="margin-top:80px"] {margin-top:80px !important;}
	.subtitle .subtitle-desc[style*="margin-top:80px"] {margin-top:40px !important;}
	.subtitle div[style*="margin-top:80px"] {margin-top:40px !important;}
	.subtitle1[style*="margin-top:80px"] {margin-top:40px !important;}
	.subtitle img {max-width:100%;height:auto;}
	.subtitle1 img {max-width:100%;height:auto;}
	.two-col-wrap {flex-direction:column !important;gap:60px !important;margin-top:0 !important;}
	.two-col-right {width:100% !important;flex-shrink:unset !important;}
	.two-col-right img.first {height:auto !important;width:100% !important;}
	.two-col-left {padding-left:0 !important;text-align:center !important;}
	.two-col-left .subtitle-desc {text-align:center !important;}
	.two-col-left ul {gap:20px !important;margin-top:40px !important;}
	.two-col-left .countable {font-size:50px !important;}
	.snappable_guide--4 {max-width:300px;margin:0 auto;}
	.snappable_guide--4 .points li .animable {pointer-events:none;}
	.snappable_guide--4 .points li .animable b {width:160px !important;height:160px !important;background:transparent !important;}
	.snappable_guide--4 .points li .animable b img {opacity:1 !important;filter:brightness(0.8) !important;}
	.snappable_guide--4 .points li:nth-child(1) {left:54% !important;top:18.7% !important;}
	.snappable_guide--4 .points li:nth-child(2) {left:20% !important;top:35% !important;}
	.snappable_guide--4 .points li:nth-child(3) {left:35% !important;top:53% !important;}
	.snappable_guide--4 .points li:nth-child(4) {left:51% !important;top:90% !important;}
	.snappable_guide--4 .points li .animable .title {font-size:13px !important;color:#fff !important;text-shadow:0 1px 4px rgba(0,0,0,0.4) !important;}
	.quality-model strong {font-size:28px !important;line-height:1.4 !important;}
	.breed-content {flex-direction:column !important;margin-top:80px !important;gap:30px;}
	.breed-img img {width:100%;height:auto;}
	.breed-info {font-size:80px !important;margin-left:0 !important;}
	.company-brand.company-list h2 {font-size:30px !important;}
	.company-brand.company-list {padding:40px 20px !important;}
	.brand-logo-list {flex-direction:column !important;gap:20px !important;}
	.brand-logo-list img {width:150px !important;height:auto !important;object-fit:contain !important;}
	.bg-bottom {height:200px !important;}
	.welfare-wheel-section {display:none !important;}
	.welfare-mobile-list {display:block !important;padding:0 20px 60px !important;}
	.welfare-mobile-item {text-align:center;padding:30px 0;border-bottom:1px dotted #002c82;}
	.welfare-mobile-item:last-child {border-bottom:none;}
	.welfare-mobile-item img {width:230px;height:230px;object-fit:contain;margin:0 auto;display:block;}
	.welfare-mobile-title {font-family:"Draft","Draft text",sans-serif;font-size:41px;color:#e87622;margin-top:15px;text-transform:uppercase;line-height:1.3;}
	.welfare-mobile-desc {font-size:16px;color:#002c82;line-height:1.75;margin-top:35px;letter-spacing:0em;padding:0 5%;}
	.section--vertical_integration {margin-left:20px !important;margin-right:20px !important;}
	.vi-stage {flex-direction:column;height:auto !important;}
	.vi-item {min-height:auto !important;height:auto !important;overflow:hidden;}
	.vi-item .vi-toggler {display:none !important;}
	.vi-num {font-size:32px !important;position:relative !important;left:auto !important;top:auto !important;-webkit-transform:none !important;transform:none !important;opacity:0.5 !important;}
	.vi-ttl {font-size:18px !important;opacity:1 !important;width:auto !important;-webkit-transform:none !important;transform:none !important;position:relative !important;left:auto !important;top:auto !important;}
	.vi-more {display:none !important;}
	.vi-toggler {flex-direction:row !important;justify-content:flex-start !important;gap:15px;}
	.vi-item>.vi-content {position:relative !important;width:100% !important;height:auto !important;padding:50px 20px !important;display:flex !important;flex-direction:column !important;opacity:1 !important;visibility:visible !important;}
	.vi-item.active .vi-toggler {display:flex !important;}
	.vi-h3-en {font-size:36px !important;display:block !important;}
	.vi-content h3 {font-size:22px !important;margin-bottom:20px !important;}
	.vi-desc {font-size:13px !important;}
	.vi-title-heading {font-size:36px;}
	.vi-text-wrap {font-size:15px;padding:0 20px;}
	.tall-holder .bg {display:none;}
	.vi-item {position:relative !important;}
	.vi-item .vi-bg-img {display:block !important;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}
	.vi-item .vi-bg-img img {width:100%;height:100%;object-fit:cover;opacity:0.3;}
	.vi-item>.vi-content {z-index:2 !important;}
	.vi-item+.vi-item {border-left:none;border-top:1px solid rgba(255,255,255,0.65);}
	.product-list.product-list01 {padding:50px 5%;}
	.catalog-card-img img {width:100%;height:auto;}
	.section.section--bigfilters.product-filter {display:block !important;}
	.product-card-wrap {margin-top:40px !important;padding:0 20px;gap:15px 0;flex-direction:column;}
	.product-card {width:100% !important;}
	.product-card-img {height:180px;padding:15px 15px 0;}
	.product-card-img img {padding:0;}
	.product-card-title {font-size:24px;margin-top:20px;padding:0 15px;}
	.product-card-line {padding:10px 15px 15px;}
	.product-card-info {padding:0 15px 20px;}
	.product-card-table td {padding:10px 6px;font-size:14px;}
	.product-brand-title {padding:60px 20px 5px !important;}
	.product-brand-title h2 {font-size:28px !important;}

	/* news/marketing: cat-list 가 있는 필터영역은 모바일에서도 표시 */
	.section.section--bigfilters:has(.cat-list) {
		display: block !important;
	}

	.section--bigfilters .cat-list {
		gap: 0 !important;
		font-size: calc(0.9rem + 1px);
	}

	.section--bigfilters .cat-list label {
		margin: 0 8px;
	}

	/* subtitle2 (h3 + h2) 모바일 최적화 */
	.subtitle2 {
		padding: 50px 20px 20px !important;
	}

	.subtitle2 h2 {
		font-size: 32px !important;
	}

	.subtitle2 h3 {
		font-size: 16px !important;
		margin-bottom: 8px !important;
	}

	/* magazine-list name 칩 모바일 축소 */
	.magazine-list .name {
		padding: 8px !important;
	}

	/* 레시피 목록 모바일 최적화 */
	.agrosuper-recipe-list .thumb img {
		height: 240px !important;
	}

	.agrosuper-recipe-list .tit {
		font-size: 22px !important;
		line-height: 1.3 !important;
	}

	.agrosuper-recipe-list .tit-sub {
		font-size: 13px !important;
		margin-bottom: 4px !important;
	}

	/* brand-contact-list 모바일: 아이콘 좌 / 텍스트 우 (좌측 정렬) */
	.brand-contact-list ul li {
		padding: 20px 15px 0 !important;
	}

	.brand-contact-list ul li .contact-row {
		display: flex;
		align-items: center;
		padding: 0 20px;
	}

	.brand-contact-list ul li .contact-row .list-wrap {
		flex: 0 0 80px;
		width: 80px;
	}

	.brand-contact-list ul li .contact-row .list-wrap .thumb img {
		width: 100%;
	}

	.brand-contact-list ul li .contact-row > p {
		flex: 1;
		margin: 18px 0 0;
		text-align: left;
	}

	/* brand-contact-list 모바일: dl 패딩/마진 제거, flex 해제 */
	.brand-contact-list dl {
		display: block !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	/* brand-contact-list 모바일: 이미지 50px 좌측 정렬 */
	.brand-contact-list ul li .thumb img {
		width: 50px !important;
		margin: 0 !important;
	}

	/* recipe detail 모바일: 단일 칼럼 */
	.recipe-header,
	.recipe-bottom {
		grid-template-columns: 1fr !important;
		gap: 20px !important;
	}

	.recipe-header-right img {
		width: 100% !important;
	}

	.recipe-header-left .recipe-title {
		font-size: 26px !important;
	}

	.recipe-section {
		padding: 20px !important;
	}

	.recipe-steps .step {
		flex-direction: column !important;
		gap: 8px !important;
	}

	.recipe-steps .step-num {
		width: auto !important;
	}

	/* 모바일: sketch 이미지 1열 세로 나열 */
	.recipe-sketch .sketch-imgs {
		grid-template-columns: 1fr !important;
	}

	.recipe-sketch .sketch-imgs a {
		height: auto !important;
	}

	.recipe-sketch .sketch-imgs img {
		height: auto !important;
		object-fit: initial !important;
	}

	/* 모바일: sustainability-media-row 이미지 높이 통일 */
	.sustainability-media-row .sustainability-sdg-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}

	.sustainability-media-row .sustainability-sdg-item img {
		width: auto;
		max-width: 100%;
		height: 100px;
		object-fit: contain;
	}

	/* sustainability: 데스크탑 margin-top 초기화, subtitle padding-bottom 제거 (sustainability-media-wrap의 80px로 간격 통일) */
	.subtitle--sustainability { margin-top: 0 !important; padding-bottom: 0 !important; }

	/* 아그로수퍼의 여정 섹션 모바일 상하 여백 통일 */
	.subtitle--journey { padding-top: 0 !important; padding-bottom: 0 !important; }
	.subtitle--journey .sustainability-media-row { margin: 40px auto !important; }

	/* 동물복지 설명글 ~ 이미지 상단 여백 조절 (모바일) */
	.subtitle1:has(.subtitle-desc[data-modified="sustainability-animal-welfare"]) { padding-bottom: 0 !important; }
	.welfare-mobile-list { padding: 30px 20px 60px !important; }
	.welfare-mobile-item:first-child { padding-top: 0 !important; }
}

/*change-country*/
.change-country {
	background: #fff;
	padding: 0 0 0 20px;
}

.change-country:after {
	display: block;
	content: '';
	clear: both;
}

.change-country p {
	font-size: 10px;
	font-weight: 600;
	color: #1e2c3e;
	line-height: 29px;
	float: left;
}

.change-country a {
	position: relative;
	font-size: 10px;
	color: #fff;
	float: right;
	/* width: 130px; */
	padding: 0 45px 0 20px;
	margin: 0;
	line-height: 29px;
	background: #002f86;
	/* white-space: nowrap; */
}

.change-country a:before {
	display: block;
	content: '';
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 8px;
	background: url(../img/arrow/arrow-right-27x17.png) 0 0 no-repeat;
	background-size: 100% 100%;
}

/*header*/
.header {
	position: relative;
}

.header-inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 0 20px;
}

.header-inner .logo {
	position: relative;
	width: 90px;
	z-index: 101;
	float: left;
}

.header-inner .logo a {
	display: block;
}

.header-inner .logo2 {
	position: relative;
	width: 90px;
	z-index: 101;
	float: left;
	left: 90px;
}

.header-inner .logo2 a {
	display: block;
}

.header-inner .logo2 img {
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

.header-inner .gnb-trigger {}

.header-inner .gnb-trigger button {
	position: absolute;
	right: 7px;
	top: 0;
	width: 50px;
	height: 50px;
	background: url(../img/btn/btn-hamburger.png) center center no-repeat;
	background-size: 25px 20px;
	z-index: 100;
}

.header-inner .gnb-trigger button.active {
	background: url(../img/btn/btn-hamburger-active.png) center center no-repeat;
	background-size: 19px 19px;
}

#gnb {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 85px 20px 0 20px;
	background: #212c3d;
	height: 100vh;
	z-index: 99;
	font-family: 'NotoSansKR', sans-serif;
}

#gnb .accordion-list {}

#gnb .accordion-list>li {
	border-top: 1px solid #4b5461;
}

#gnb .accordion-list>li:first-child {
	border-top: 0;
}

#gnb .accordion-list .acc-trigger {
	position: relative;
	display: block;
	font-size: 20px;
	color: #fff;
	line-height: 58px;
	width: 100%;
	z-index: 1;
}

#gnb .accordion-list .acc-trigger:before {
	display: block;
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background: url(../img/btn/btn-acc.png) center center no-repeat;
	background-size: 100% 100%;
}

#gnb .accordion-list .active .acc-trigger {
	color: #f68026;
	font-weight: 700;
}

#gnb .accordion-list .active .acc-trigger:before {
	background: url(../img/btn/btn-acc-active.png) center center no-repeat;
	background-size: 16px 1px;
}


#gnb .accordion-list .acc-target {
	display: none;
	margin-bottom: 12px;
}

#gnb .accordion-list .acc-target li:first-child {
	margin-top: -15px;
}

#gnb .accordion-list .acc-target li a {
	display: block;
	font-size: 12px;
	color: #fff;
	padding: 15px 0;
	font-weight: 300;
}

#gnb .accordion-list .acc-target li.active a {
	font-weight: 600;
	color: #f68026;
}

/*footer*/
.footer {
	background: #f4f2f0;
	font-family: 'NotoSansKR', sans-serif;
	font-weight: 300;
}

.footer a {
	font-weight: normal;
}

.footer-inner {
	padding: 0 20px 30px;
}

.footer-link {}

.footer-link:after {
	display: block;
	content: '';
	clear: both;
}

.footer-link li {
	position: relative;
	float: left;
	margin-top: 22px;
	margin-right: 15px;
	padding-right: 15px;
}

.footer-link li:before {
	display: block;
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 10px;
	background: #9e9d9c;
}

.footer-link li.last {
	padding-right: 5px;
}

.footer-link li.last:before {
	display: none;
}

.footer-link li a {
	display: block;
	font-size: 11px;
	line-height: 15px;
	color: #282727;
}

.footer-link li[class*="sns"] {
	margin-right: 10px;
	padding-right: 0;
}

.footer-link li[class*="sns"]:before {
	display: none;
}

.footer-link .sns-facebook a {
	position: relative;
}

.footer-link .sns-facebook a:before {
	display: block;
	content: '';
	width: 15px;
	height: 15px;
	background: url(../img/ico/ico-sns-facebook.png) 0 0 no-repeat;
	background-size: 100% 100%;
}

.footer-link .sns-instagram a {
	position: relative;
}

.footer-link .sns-instagram a:before {
	display: block;
	content: '';
	width: 15px;
	height: 15px;
	background: url(../img/ico/ico-sns-instagram.png) 0 0 no-repeat;
	background-size: 100% 100%;
}

.footer-link .sns-youtube a {
	position: relative;
}

.footer-link .sns-youtube a:before {
	display: block;
	content: '';
	width: 15px;
	height: 15px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Crect width='30' height='30' rx='5' fill='%233c3c3c'/%3E%3Cpath d='M23.5 11.2c-.2-.9-.9-1.5-1.7-1.7C20.3 9 15 9 15 9s-5.3 0-6.8.5c-.8.2-1.5.9-1.7 1.7C6 12.7 6 15 6 15s0 2.3.5 3.8c.2.9.9 1.5 1.7 1.7 1.5.5 6.8.5 6.8.5s5.3 0 6.8-.5c.8-.2 1.5-.9 1.7-1.7.5-1.5.5-3.8.5-3.8s0-2.3-.5-3.8zM13 18v-6l5 3-5 3z' fill='%23fff'/%3E%3C/svg%3E") 0 0 no-repeat;
	background-size: 100% 100%;
}

.footer-link .sns-globalsite {
	margin-right: 0 !important;
}

.footer-link .sns-globalsite a {
	position: relative;
}

.footer-link .sns-globalsite a:before {
	display: inline-block;
	content: '';
	width: 15px;
	height: 15px;
	background: url(../img/ico/ico-sns-globalsite.png) 0 0 no-repeat;
	background-size: 100% 100%;
	vertical-align: top;
}

.footer-link .sns-globalsite a span {
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
}

.footer-etc {
	margin-top: 20px;
	font-size: 8px;
	line-height: 13px;
	font-weight: 300;
	color: #959595;
}

.footer-etc .copy {
	color: #6e6e6e;
}


/*main*/


/* section--bigfilters */
.section--bigfilters_in {
	background-color: #e87722;
	color: #ffffff;
	padding-top: 1.4rem;
	height: auto;
	min-height: 74px;
}

.section--bigfilters_innnn {
	text-align: center;
}

.section--bigfilters .cat-list {
	display: flex !important;
	-webkit-box-pack: center;
	justify-content: center;
	gap: 3rem;
	-webkit-box-align: center;
	align-items: center;
	font-family: 'NotoSansKR', sans-serif;
	letter-spacing: 0;
	font-size: 20px;
	font-weight: 600;
	color: #ffffff;
}

.section--bigfilters .cat-list .ttl {
	display: none;
	font-size: 1.25rem;
	font-weight: 700;
	margin-bottom: 10px;
}

.section--bigfilters .cat-list label {
	display: flex !important;
	align-items: center !important;
	gap: 8px;
	margin: 5px 10px;
	cursor: pointer;
}

.section--bigfilters .cat-list input[type=checkbox] {
	width: 17px;
	height: 17px;
	cursor: pointer;
	flex-shrink: 0;
	margin: 0;
}

.section--bigfilters .cat-list label span {
	line-height: 1;
}

.section--bigfilters {
	padding-top: 40px;
}

/* section--map_feature */
.section--map_feature {
	max-width: 1100px;
	margin: 0 auto;
}

.section--map_feature svg {
	display: block;
	width: 100%;
	vertical-align: center;
}

.section--map_feature .point {
	position: absolute;
	width: 3rem;
	height: 3rem;
	transform: translate(-50%, -50%);
}

.section--map_feature .point b {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	transform: scale(0.33);
	background-color: #e87722;
	border: 2px solid #e87722;
	transition: transform calc(0.25s * 3) cubic-bezier(0.19, 1, 0.22, 1), border calc(0.25s * 2) ease-out, -webkit-transform calc(0.25s * 3) cubic-bezier(0.19, 1, 0.22, 1);
}

.section--map_feature .point b::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #e87722;
	animation: hey 3s infinite forwards ease-out;
	box-sizing: border-box;
}

.section--map_feature .point:hover {
	z-index: 20;
}

.section--map_feature .point:hover b {
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	border-color: #002c82;
}

.section--map_feature .point:hover div {
	opacity: 1;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.section--map_feature .point div {
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-0.5em);
	transform: translateX(-50%) translateY(-0.5em);
	margin-top: -0.25em;
	white-space: nowrap;
	opacity: 0;
	-webkit-transition: opacity calc(0.25s*2) ease-out, -webkit-transform calc(0.25s*4) cubic-bezier(0.19, 1, 0.22, 1);
	transition: opacity calc(0.25s*2) ease-out, -webkit-transform calc(0.25s*4) cubic-bezier(0.19, 1, 0.22, 1);
	transition: opacity calc(0.25s*2) ease-out, transform calc(0.25s*4) cubic-bezier(0.19, 1, 0.22, 1);
	transition: opacity calc(0.25s*2) ease-out, transform calc(0.25s*4) cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform calc(0.25s*4) cubic-bezier(0.19, 1, 0.22, 1);
	pointer-events: none;
	background-color: #002c82;
	color: #ffffff;
	border-radius: .5em;
	padding: 8px 16px;
}

.section--map_feature .point:nth-child(1) b::after {
	animation-delay: 10ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(2) b::after {
	animation-delay: 20ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(3) b::after {
	animation-delay: 30ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(4) b::after {
	animation-delay: 40ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(5) b::after {
	animation-delay: 50ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(6) b::after {
	animation-delay: 60ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(7) b::after {
	animation-delay: 70ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(8) b::after {
	animation-delay: 80ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(9) b::after {
	animation-delay: 90ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(10) b::after {
	animation-delay: 100ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(11) b::after {
	animation-delay: 110ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(12) b::after {
	animation-delay: 120ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(13) b::after {
	animation-delay: 130ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(14) b::after {
	animation-delay: 140ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(15) b::after {
	animation-delay: 150ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(16) b::after {
	animation-delay: 160ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(17) b::after {
	animation-delay: 170ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(18) b::after {
	animation-delay: 180ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(19) b::after {
	animation-delay: 190ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(20) b::after {
	animation-delay: 200ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(21) b::after {
	animation-delay: 210ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(22) b::after {
	animation-delay: 220ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(23) b::after {
	animation-delay: 230ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(24) b::after {
	animation-delay: 240ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(25) b::after {
	animation-delay: 250ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(26) b::after {
	animation-delay: 260ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(27) b::after {
	animation-delay: 270ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(28) b::after {
	animation-delay: 280ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(29) b::after {
	animation-delay: 290ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(30) b::after {
	animation-delay: 300ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(31) b::after {
	animation-delay: 310ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(32) b::after {
	animation-delay: 320ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(33) b::after {
	animation-delay: 330ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(34) b::after {
	animation-delay: 340ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(35) b::after {
	animation-delay: 350ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(36) b::after {
	animation-delay: 360ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(37) b::after {
	animation-delay: 370ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(38) b::after {
	animation-delay: 380ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(39) b::after {
	animation-delay: 390ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(40) b::after {
	animation-delay: 400ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(41) b::after {
	animation-delay: 410ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(42) b::after {
	animation-delay: 420ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(43) b::after {
	animation-delay: 430ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(44) b::after {
	animation-delay: 440ms;
	box-sizing: border-box;
}

.section--map_feature .point:nth-child(45) b::after {
	animation-delay: 450ms;
	box-sizing: border-box;
}

/* company-brand */
.company-brand.company-list {text-align:center;max-width:1100px;margin:0 auto;padding:80px 0;}
.company-brand.company-list h2 {font-family:'NotoSansKR', sans-serif;font-weight:900;font-size:clamp(30px, 6vw, 60px);color:#002c82;position:relative;letter-spacing:0;line-height:1.1;}
.company-brand.company-list h2:nth-child(2) {color:#e87722;}
.brand-logo-list {display:flex;justify-content:center;align-items:center;gap:40px;margin-top:40px;}
.brand-logo-list img {height:60px;width:auto;}

/* subtitle */
.subtitle {text-align:center;padding:170px 0;max-width:1100px;margin:0 auto;}
.subtitle h2 {font-family:'NotoSansKR',sans-serif;font-weight:900;font-size:clamp(30px, 6vw, 60px);color:#002c82;position:relative;letter-spacing:0;line-height:1.1;}
.subtitle h3 {font-family:'NotoSansKR',sans-serif;font-weight:900;font-size:clamp(20px, 3.5vw, 35px);color:#002c82;letter-spacing:0;line-height:1.2;margin-top:40px;}
.subtitle-desc {font-size:clamp(15px, 2.4vw, 24px);line-height:40px;margin-top:30px;font-family:'NotoSansKR',sans-serif;}
.subtitle2 {text-align:center;padding:80px 0 30px;max-width:1100px;margin:0 auto;}
.subtitle2 h2 {font-family:'NotoSansKR',sans-serif;font-weight:900;font-size:clamp(30px, 6vw, 60px);color:#002c82;position:relative;letter-spacing:0;line-height:1.1;}
.subtitle2 h3 {font-family:'NotoSansKR',sans-serif;font-weight:900;font-size:clamp(16px, 3.5vw, 35px);color:#002c82;letter-spacing:0;line-height:1.2;margin-bottom:10px;}
.subtitle--sustainability {max-width:1100px;margin-top:170px;padding:0;}
.subtitle--sustainability::before {content:none;}
.subtitle--sustainability h2 {font-family:'NotoSansKR',sans-serif;font-size:clamp(30px, 6vw, 60px);color:#002c82;}
.subtitle1.sustainability-media {padding:0 0 80px;max-width:1100px;}
.subtitle--journey {padding-top:80px;padding-bottom:170px;}
.subtitle--journey h2 {font-family:'NotoSansKR',sans-serif;}
.sustainability-media-wrap {display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:550px;width:100%;margin-top:80px;overflow:hidden;}
.sustainability-media-item {overflow:hidden;position:relative;}
.sustainability-media-item > img,.sustainability-media-item > video {display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.01);}
.media-overlay-content {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:2;width:100%;pointer-events:none;}
.sdg-icon-overlay {width:110px;height:110px;object-fit:contain;display:block;position:static;top:auto;left:auto;transform:none;margin-bottom:16px;filter:drop-shadow(0 2px 8px rgba(0,0,0,0.45));flex-shrink:0;}
.sustainability-media-item .media-overlay-text {position:static;top:auto;left:auto;transform:none;width:100%;color:#fff;font-family:'NotoSansKR',sans-serif;font-weight:700;font-size:clamp(18px, 3.6vw, 36px);letter-spacing:0.05em;text-align:center;line-height:1.4;text-shadow:0 2px 8px rgba(0,0,0,0.5);pointer-events:none;z-index:1;}
.sustainability-media-row {display:flex;gap:0;max-width:1100px;margin:80px auto;}
.sustainability-sdg-item {flex:1;text-align:center;}
.sustainability-sdg-item img {width:180px;height:auto;}
.sdg-label {font-family:"Draft","Draft text",sans-serif;font-size:clamp(16px, 3vw, 30px);color:#002c82;line-height:1;letter-spacing:0.1px;margin-top:15px;}
/* welfare wheel */
.welfare-wheel-section {padding:170px 0;max-width:1100px;}
.welfare-wheel-container {position:relative;width:800px;height:800px;margin:0 auto;}
.welfare-wheel-center {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2;width:350px;height:350px;display:flex;align-items:center;justify-content:center;}
.welfare-wheel-title {font-family:'NotoSansKR',sans-serif;font-weight:700;font-size:clamp(30px, 6vw, 60px);color:#002c82;line-height:1.15;letter-spacing:-1px;position:absolute;transition:opacity 0.3s;}
.welfare-wheel-info {text-align:center;position:absolute;opacity:0;transition:opacity 0.3s;width:100%;padding:0 10px;box-sizing:border-box;}
.welfare-wheel-center.show-info .welfare-wheel-title {opacity:0;}
.welfare-wheel-center.show-info .welfare-wheel-info {opacity:1;}
.welfare-info-title {font-family:'NotoSansKR',sans-serif;font-weight:700;font-size:clamp(20px, 3.5vw, 35px);color:#e87622;line-height:1.4;margin-bottom:0;word-break:keep-all;}
.welfare-info-desc {display:none;}
.welfare-wheel-orbit {position:absolute;top:0;left:0;width:100%;height:100%;}
.welfare-wheel-item {position:absolute;width:300px;height:300px;margin-left:-150px;margin-top:-150px;cursor:pointer;transition:opacity 0.3s;}
.welfare-wheel-orbit.hovered .welfare-wheel-item {opacity:0.4;}
.welfare-wheel-orbit.hovered .welfare-wheel-item.active {opacity:1;}
.welfare-wheel-item img {width:100%;height:100%;object-fit:contain;}
.welfare-wheel-item {top:50%;left:50%;}

/* product card */
.product-card-wrap {margin-top:80px;max-width:1100px;margin-left:auto;margin-right:auto;display:flex;flex-wrap:wrap;gap:30px 20px;justify-content:flex-start;}
.product-card {border:1px solid #002c82;background:#fff;width:calc(25% - 15px);box-sizing:border-box;}
.product-card-img {text-align:center;display:flex;align-items:center;justify-content:center;padding:20px 20px 0;box-sizing:border-box;}
.product-card-img img {width:100%;height:100%;object-fit:contain;display:block;}
.product-card-title {color:#002c82;font-size:clamp(18px, 3.5vw, 35px);font-weight:bold;text-align:left;margin-top:40px;margin-bottom:0;padding:0 15px;}
.product-brand-title {text-align:center;padding:80px 20px 10px;max-width:1100px;margin:0 auto;}
.product-brand-title h2 {font-family:'NotoSansKR',sans-serif;font-weight:900;font-size:clamp(20px, 4vw, 40px);color:#002c82;letter-spacing:0;line-height:1.1;}
.product-card-line {padding:15px 15px 25px;}.product-card-line img {width:100%;display:block;}
.product-card-info {padding:0 15px 30px;}
.product-card-table {width:100%;border-collapse:collapse;color:#002c82;font-family:'NotoSansKR',sans-serif;}
.product-card-table td {border:1px solid #4d6ba8;padding:10px 4px;font-size:14px;}
.product-card-table .td-label {background:#e8e8e8;width:30%;font-weight:bold;white-space:nowrap;}

.sustainability-video {max-width:1100px;margin:80px auto 0;padding:0;}
.sustainability-video .video-thumb {position:relative;width:100%;padding-bottom:56.25%;}
.sustainability-video .visual-video {position:absolute;top:0;left:0;width:100%;height:100%;}
.sustainability-video iframe {width:100%;height:100%;}
.subtitle1 {text-align:center;padding:0 0 170px 0;max-width:1100px;margin:0 auto;}
.subtitle1 h2 {font-family:'NotoSansKR',sans-serif;font-weight:900;font-size:clamp(30px, 6vw, 60px);color:#002c82;position:relative;letter-spacing:0;line-height:1.1;}
.subtitle1 h3 {font-family:'NotoSansKR',sans-serif;font-weight:900;font-size:clamp(20px, 3.5vw, 35px);color:#002c82;letter-spacing:0;line-height:1.2;margin-top:40px;}
.two-col-wrap {display:flex;gap:30px;}
.two-col-left {flex:4;text-align:left;}
.two-col-left ul {display:flex;flex-direction:column;align-items:center;gap:40px;}
.two-col-left ul li {text-align:center;}
.two-col-left .countable {font-family:"Draft","Draft text",sans-serif;font-weight:700;color:#e87622;font-size:77.2187591312px;line-height:1.2;}
.two-col-left .description {font-family:'NotoSansKR',sans-serif;font-size:15px;color:#002c82;font-weight:600;margin-top:8px;}
.two-col-right {width:500px;flex-shrink:0;}
.two-col-right img.first {height:950px;width:auto;}
.snappable_guide--4 {position:relative;display:inline-block;vertical-align:top;}
.snappable_guide--4 .position-relative {position:relative;}
.snappable_guide--4 .points {list-style:none;padding:0;margin:0;position:absolute;top:0;left:0;width:100%;height:100%;}
.snappable_guide--4 .points li {position:absolute;}
.snappable_guide--4 .points li .animable {position:relative;cursor:pointer;}
.snappable_guide--4 .points li .animable {display:flex;align-items:center;justify-content:center;width:64px;height:64px;position:relative;}
.snappable_guide--4 .points li .animable b {display:block;width:64px;height:64px;border-radius:50%;background:#e87722;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:width 0.5s cubic-bezier(0.25,0.1,0.25,1),height 0.5s cubic-bezier(0.25,0.1,0.25,1),background 0.5s ease;}
.snappable_guide--4 .points li .animable b img {width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity 0.5s ease;}
.snappable_guide--4 .points li .animable .title {position:relative;z-index:1;font-size:13px;font-weight:700;color:#002c82;white-space:nowrap;text-align:center;letter-spacing:1px;line-height:1.3;transition:color 0.5s ease;font-family:'NotoSansKR',sans-serif;}
.snappable_guide--4 .points li .animable:hover .title {color:#fff;text-shadow:0 1px 4px rgba(0,0,0,0.4);}
.snappable_guide--4 .points li .animable:hover b {width:160px;height:160px;background:transparent;}
.snappable_guide--4 .points li .animable:hover b img {opacity:1;filter:brightness(0.8);}

/* catalog-img frame */
.catalog-img {
    padding: 10px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.2);
}
.catalog-img img {
    display: block;
    width: 100%;
    height: auto;
}

/* catalog-card */
.catalog-card-wrap {display:flex;justify-content:center;gap:30px;max-width:1100px;margin:0 auto;}
.catalog-card {background:#fff;height:280px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-bottom:30px;}
.catalog-card-img {flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:10px;}
.catalog-card-img img {width:38%;max-height:170px;object-fit:contain;}
.catalog-card-btn {padding:20px 0;}

/* section--vertical_integration */
:root {--duration:0.25s;--bezier1:cubic-bezier(0.19,1,0.22,1);}
.justify-content-lg-start {-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important;}
.justify-content-lg-end {-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important;}
.justify-content-lg-center {-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important;}
.align-items-stretch {-webkit-box-align:stretch !important;-ms-flex-align:stretch !important;align-items:stretch !important;}
.d-sheet {position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.position-relative {position:relative !important;}
.p-4 {padding:2.25rem !important;}
img.loadable,img.loadable--waypoint {-webkit-transition:opacity calc(var(--duration)*2) ease-out,-webkit-transform calc(var(--duration)*6) var(--bezier1);transition:opacity calc(var(--duration)*2) ease-out,-webkit-transform calc(var(--duration)*6) var(--bezier1);transition:opacity calc(var(--duration)*2) ease-out,transform calc(var(--duration)*6) var(--bezier1);transition:opacity calc(var(--duration)*2) ease-out,transform calc(var(--duration)*6) var(--bezier1),-webkit-transform calc(var(--duration)*6) var(--bezier1);opacity:0;}
img.loadable.loaded,img.loadable--waypoint.loaded {opacity:1;-webkit-transform:none;transform:none;}
/* vertical integration */
.section--vertical_integration {max-width:1100px;margin:0 auto;overflow:hidden;}
.tall-holder {position:relative;background:#002c82;overflow:hidden;}
.tall-holder .bg {position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.tall-holder .bg::after {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,44,130,0.55);z-index:1;}
.tall-holder .bg img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;opacity:0;-webkit-transform:scale(1.15);transform:scale(1.15);-webkit-transition:opacity calc(var(--duration)*3) ease-out,transform calc(var(--duration)*4) var(--bezier1);transition:opacity calc(var(--duration)*3) ease-out,transform calc(var(--duration)*4) var(--bezier1);}
.tall-holder .bg img.active {opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.vi-stage {list-style:none;padding:0;margin:0;display:flex;position:relative;z-index:2;height:500px;}
.vi-item {position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-transition:flex calc(var(--duration)*3) var(--bezier1);transition:flex calc(var(--duration)*3) var(--bezier1);height:500px;cursor:pointer;overflow:hidden;}
.vi-item+.vi-item {border-left:1px solid rgba(255,255,255,0.65);}
.vi-item.active {-webkit-box-flex:5;-ms-flex:5;flex:5;}
.tall-holder:not(.active) .vi-item:hover {flex:2;}
.vi-bg-img {display:none;}
.section--vertical_integration button {background:none;font-family:inherit;overflow:visible;outline:0;text-align:inherit;}
.vi-toggler {position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:none;border:none;color:#fff;cursor:pointer;padding:20px;line-height:0.8;-webkit-transition:opacity calc(var(--duration)*3) var(--bezier1);transition:opacity calc(var(--duration)*3) var(--bezier1);}
.vi-toggler * {pointer-events:none;}
.tall-holder.active .vi-item.active .vi-toggler {pointer-events:none !important;}
.vi-num {font-family:'Draft',sans-serif;font-weight:900;opacity:1;-webkit-transition:opacity calc(var(--duration)*2) ease-out;transition:opacity calc(var(--duration)*2) ease-out;font-size:900%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.tall-holder.active .vi-num {opacity:0;}
.vi-ttl {font-family:'Draft',sans-serif;font-size:60px;font-weight:700;margin-top:10px;white-space:nowrap;opacity:0;-webkit-transition:opacity var(--duration) ease-out;transition:opacity var(--duration) ease-out;text-align:center;}
.vi-ttl2 {white-space:nowrap;position:absolute;left:50%;top:0;-webkit-transform:translateY(-50%) rotate(90deg) translateX(1em);transform:translateY(-50%) rotate(90deg) translateX(1em);-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:opacity calc(var(--duration)*1) ease-out;transition:opacity calc(var(--duration)*1) ease-out;visibility:hidden;opacity:0;}
.tall-holder.active .vi-item:not(.active) .vi-ttl2 {opacity:.65;visibility:visible;}
.vi-more {font-size:125%;opacity:0;pointer-events:auto;-webkit-transition:opacity var(--duration) ease-out;transition:opacity var(--duration) ease-out;position:absolute;left:50%;top:69%;padding:.6em 1em;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);line-height:1.8em !important;border-radius:50rem;border:1px solid;white-space:nowrap;}
.vi-item:nth-child(5) .vi-ttl,.vi-item:nth-child(6) .vi-ttl {font-size:50px;}
.vi-item:nth-child(6) .vi-ttl {white-space:normal !important;}
.tall-holder.active .vi-item:nth-child(5):not(.active) .vi-ttl,.tall-holder.active .vi-item:nth-child(6):not(.active) .vi-ttl {left:87%;}
.vi-item:hover .vi-more {opacity:1;}
.tall-holder:not(.active) .vi-item:hover {-webkit-box-flex:2;-ms-flex:2;flex:2;}
.tall-holder:not(.active) .vi-item:hover .vi-num {opacity:.5;}
.tall-holder:not(.active) .vi-item:hover .vi-ttl,.tall-holder:not(.active) .vi-item:hover .vi-more {opacity:1;-webkit-transition-delay:calc(var(--duration)*1.5);transition-delay:calc(var(--duration)*1.5);-webkit-transition-duration:calc(var(--duration)*1.5);transition-duration:calc(var(--duration)*1.5);}
.tall-holder.active .vi-item:not(.active):hover .vi-ttl {opacity:1;}
.vi-item>.vi-content {-webkit-transition:opacity calc(var(--duration)*2) calc(var(--duration)*2) ease-out;transition:opacity calc(var(--duration)*2) calc(var(--duration)*2) ease-out;overflow:hidden;opacity:0;visibility:hidden;}
.vi-item.active>.vi-content {opacity:1;visibility:visible;display:flex;justify-content:center;flex-direction:column;position:absolute;top:0;left:0;width:100%;height:100%;text-align:left;}
.vi-item.active {-webkit-box-flex:5;-ms-flex:5;flex:5;overflow:hidden;}
.vi-item.active .vi-toggler {display:none;}
.tall-holder.active .vi-item:not(.active) {cursor:pointer;}
.tall-holder.active .vi-item:not(.active) .vi-ttl {opacity:1;position:absolute;white-space:nowrap;top:60px;left:77%;margin:0;padding:0;width:0;overflow:visible;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:0 0;transform-origin:0 0;}
.tall-holder.active .vi-item:not(.active) .vi-more {display:none;}
.vi-content {position:relative;z-index:2;padding:30px;color:#fff;letter-spacing:1px;}
.vi-h3-en {font-size:60px;margin-right:15px;display:block;}
.vi-content h3 {font-family:'Draft','NotoSansKR',sans-serif;font-size:34px;font-weight:700;margin-bottom:35px;}
.vi-item:nth-child(5) .vi-h3-en {font-size:54px;}
.vi-desc {font-size:14px;line-height:1.7;}
.vi-desc p {font-family:'NotoSansKR',sans-serif;}
.vi-desc ul {padding-left:20px;margin-top:10px;list-style-type:disc !important;}
.vi-desc ul li {margin-bottom:5px;display:list-item !important;list-style-type:disc !important;font-family:'NotoSansKR',sans-serif;}

/* vi-title & vi-text */
.section--vi-title {max-width:1100px;margin:60px auto 0;text-align:center;}
.vi-title-heading {font-family:'NotoSansKR',sans-serif;font-weight:900;font-size:60px;color:#002c82;position:relative;letter-spacing:0;line-height:1.1;}
.section--vi-text,.section--vi-text2 {max-width:800px;margin:30px auto 0;text-align:center;}
.vi-text-wrap {font-size:18px;line-height:1.8;color:#333;}

/* smudge-btn hover */
.smudge-btn:hover .smudge-bg {filter:brightness(0) saturate(100%) invert(45%) sepia(96%) saturate(1000%) hue-rotate(360deg) brightness(95%) contrast(95%);}
.smudge-btn:hover .smudge-text {color:#fff;}

/* breed-content */
.breed-content {align-items:center;}
.breed-img img {max-width:100%;height:auto;}
.breed-info {display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Draft',sans-serif;font-size:190px;line-height:0.8;margin-left:20px;}
.breed-line1 {color:#002c82;}
.breed-line2 {color:#e87722;}

/* cert-list */
.cert-list {display:flex;justify-content:center;gap:60px;flex-wrap:wrap;}
.cert-list .animable {display:flex;align-items:center;gap:10px;}
.cert-list .fonty {font-family:'Draft',sans-serif;font-size:36px;font-weight:700;color:#002c82;}
.cert-list img {height:80px;width:auto;}
.cert-circles-full {margin:80px auto 0;max-width:880px;display:flex;justify-content:space-around;align-items:flex-start;gap:20px;}
.cert-circle-item {display:flex;flex-direction:column;align-items:center;flex:1;}
.cert-circle-item img {width:100%;height:auto;display:block;}
.cert-circle-item p {font-family:'NotoSansKR',sans-serif;font-size:18px;font-weight:600;color:#002c82;line-height:1.6;text-align:center;margin:16px 0 0;}
.cert-list2 {display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:40px;}
.cert-list2 .animable {display:flex;align-items:center;gap:8px;}
.cert-list2 .fonty {font-family:'Draft',sans-serif;font-size:28px;font-weight:700;color:#002c82;text-align:center;line-height:1.2;}
.cert-list2 img {height:60px;width:auto;}
.cert-list2-break {flex-basis:100%;height:0;}
.supply-img-pair {display:flex;flex-direction:column;gap:0;box-shadow:0 12px 40px rgba(0,0,0,0.25);}
.supply-img-pair img:first-child {width:100%;height:500px;object-fit:cover;object-position:center;display:block;}
.supply-img-pair img:last-child {width:100%;height:500px;object-fit:cover;object-position:center top;display:block;position:relative;margin-top:-75px;z-index:1;}
.chile-tagline {text-align:center;margin:60px auto 0;max-width:900px;}
.chile-tagline-script {display:block;font-family:'Handelson',sans-serif;font-style:normal;font-weight:400;font-size:clamp(48px, 22vw, 180px);color:#e87722;line-height:1.1;}
.chile-tagline-text {font-family:"Draft","Draft text",sans-serif;font-style:normal;font-weight:700;font-size:46px;color:#002c82;line-height:1.5;margin-top:40px;letter-spacing:0.04em;text-transform:uppercase;}
.d-flex {display:flex !important;}

.bg-bottom {height:300px;background:url(/static/images/new-img/navy_background.png) center top repeat;}

.fs-125 {font-size:125% !important;}
.fs-2 {font-size:77.2187591312px !important;}
.fs-5 {font-size:30.0304px !important;}
.fs-lg-1 {font-size:105.7897000097px !important;}

/* section--figures */
.section--figures {max-width:1100px;margin:50px auto 90px;}
.section--figures ul {list-style:none;padding:0;margin:0;}
.section--figures .fila > div {display:flex;justify-content:center;flex-wrap:wrap;}
.section--figures .in.col-12 > ul {display:flex;justify-content:center;gap:2px;list-style:none;padding:0;margin:0;flex-wrap:wrap;}
.section--figures .in.col-12 > ul > li {text-align:center;flex:1;}
.section--figures .in.col-12.col-md-12.col-lg-12 {max-width:1100px;margin:0 auto;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;}
.section--figures .countable {font-family:"Draft","Draft text",sans-serif;font-weight:700 !important;color:#e87622;line-height:1.2;text-transform:uppercase !important;}
.section--figures .description {font-family:'NotoSansKR', sans-serif;font-size:15px;color:#002c82;font-weight:600;margin-top:8px;}
::selection {
	background-color: rgba(0, 47, 130, 0.99);
	color: #ffffff;
}

@keyframes hey {
	0%,60% {-webkit-transform:scale(0.33);transform:scale(0.33);opacity:.7;}
	100% {-webkit-transform:scale(5);transform:scale(5);opacity:0;}
}

.visual-img {
	position: relative;
	width: 100%;
	height: 100px;
}

.visual-img .visual-desc {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}

.visual-img .visual-desc .tit {
	font-family: 'NotoSansKR', sans-serif;
	font-weight: 900;
	font-size: clamp(35px, 7vw, 70px);
	color: #002c82;
	position: relative;
	letter-spacing: 0;
}


.visual-img .visual-desc .desc {
	color: #fff;
	font-size: 15px;
	line-height: 22px;
	margin-top: 15px;
}

.main .visual-img .visual-desc .tit {
	font-size: 38px;
	font-weight: 700;
}

.main .visual-img .visual-desc .desc {
	font-size: 15px;
	line-height: 32px;
	font-weight: 600;
}

.visual-img video {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	height: 100%;
	display: block;
	outline: 0;
}

.visual-section {}

.visual-section-inner {
	padding: 40px 20px;
}

.visual-section .visual-desc {}

.visual-section .visual-desc strong {
	display: block;
	font-size: 31px;
}

.visual-section .visual-desc p {
	font-size: 15px;
	line-height: 28px;
	color: #2c2c2c;
	margin-top: 20px;
	font-weight: 500;
}

/*폰트 사이즈 수정*/
.visual-section .visual-thumb {}

.visual-section .video-thumb {
	position: relative;
	z-index: 1;
}

.visual-section .video-thumb .visual-video {
	position: relative;
	height: 0;
	width: 100%;
	padding-bottom: 56.25%;
}

.visual-section .video-thumb iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.visual-section .film-thumb {
	position: relative;
	z-index: 1;
}

.visual-section .film-thumb .visual-film {
	position: relative;
	height: 0;
	width: 100%;
	padding-bottom: 56.25%;
}

.visual-section .film-thumb iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
}



.visual-section01 .visual-desc strong {
	color: #e87722;
	font-family: "Raleway";
	font-size: 34px;
	font-weight: 700;
}

.visual-section02 {
	background: #eeeeee;
}

.visual-section02 .visual-desc strong {
	color: #03266d;
}

.visual-section03 {
	background: #002f86;
}

.visual-section03 .visual-desc strong {
	color: #fff;
}

.visual-section03 .visual-desc p {
	color: #fff;
}

.visual-section03 ul {
	overflow: hidden;
}

.visual-section03 ul:after {
	display: block;
	content: '';
	clear: both;
}

.visual-section03 ul li {
	width: calc(100% / 3);
	margin: 8px 0 33px;
}

.visual-section03 ul li:nth-child(1),
.visual-section03 ul li:nth-child(2),
.visual-section03 ul li:nth-child(3) {
	float: left;
}

.visual-section03 ul li:nth-child(4),
.visual-section03 ul li:nth-child(5),
.visual-section03 ul li:nth-child(6) {
	float: right;
}

.visual-section03 ul li .thumb {
	padding: 0 22px;
	margin: 0 auto;
}

.visual-section03 ul li span {
	display: block;
	font-size: 12px;
	color: #fff;
	text-align: center;
	margin-top: 12px;
	line-height: 18px;
}

.visual-section03 svg:not(:root) {
	overflow: hidden
}

.visual-section03 .thumb-list {
	padding-bottom: 40px;
}

.visual-section03 .aos-animate .path {
	-webkit-animation: dash 2s linear forwards alternate;
}

.visual-section03 .aos-animate ul li {
	-webkit-animation: grow 1000ms ease-out forwards;
	animation: grow 1000ms ease-out forwards
}

.visual-section03 ul li:nth-child(1) {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.visual-section03 ul li:nth-child(2) {
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.visual-section03 ul li:nth-child(3) {
	-webkit-animation-delay: .9s;
	animation-delay: .9s
}

.visual-section03 ul li:nth-child(4) {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s
}

.visual-section03 ul li:nth-child(5) {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s
}

.visual-section03 ul li:nth-child(6) {
	-webkit-animation-delay: 1.8s;
	animation-delay: 1.8s
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.visual-section03 .icon-group-line .path {
		stroke-dasharray: 1545;
	}
}

.visual-section03 .icon-group-line .path {
	stroke-dashoffset: 1545
}

.visual-section03 .icon-group-line .dashed {
	stroke-dasharray: 20
}

.visual-section03 .icon-group-line {
	position: absolute;
	top: 50%;
	left: -16px;
	right: -16px;
	height: 100%;
	z-index: -1;
	transform: translateY(-55%);
}

@keyframes dash {
	from {
		stroke-dashoffset: 1545
	}

	to {
		stroke-dashoffset: 0
	}
}

@keyframes grow {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	30% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	60% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.visual-section04 {}

.visual-section04 .visual-desc strong {
	color: #fff;
}

.visual-section04 .visual-desc p {
	color: #fff;
}

.visual-section05 .visual-desc strong {
	color: #1e2c3e;
}

.visual-section05 .visual-desc p {
	color: #1a1a1a;
}


.visual-section-covid {
	position: relative;
	overflow: hidden;
}

.visual-section-covid .visual-section-inner {
	padding: 0;
}

.visual-section-covid .visual-desc-wrap {
	position: absolute;
	padding: 20px 20px 30px;
	left: 0;
	bottom: 0;
	width: 100%;
}

.visual-section-covid .visual-desc strong {
	line-height: 35px;
	color: #03266d;
}


/*sub*/
#content {
	overflow: hidden;
}

.agreement {
	padding: 30px 20px;
}

.agreement .scroll-wrap {
	height: 290px;
	padding: 20px;
	overflow-y: auto;
	border: 1px solid #a3a3a3;
	font-size: 11px;
	line-height: 18px;
	color: #2c2c2c;
}

.agreement .scroll-wrap strong {
	display: block;
	font-size: 12px;
	line-height: 20px;
	color: #000;
	margin-bottom: 18px;
}

.contact {
	padding: 30px 20px 50px;
}

.brand-contact-list {
	background: transparent;
}

.brand-contact-list .brand-contact-list-wrap {
	padding: 50px 20px;
}

.brand-contact-list .tit {
	display: block;
	font-family: 'NotoSansKR', sans-serif;
	font-size: 70px;
	color: #002c82;
	font-weight: 900;
	text-align: center;
}

.brand-contact-list ul {
	margin-top: 20px;
}

.brand-contact-list ul li {
	margin-top: 10px;
	background: #fff;
	padding: 20px 0 0 0;
}

.brand-contact-list ul li:first-child {
	margin-top: 0;
}

.brand-contact-list dl {
	display: flex;
	background: #f4f2f0;
	justify-content: space-between;
	padding: 15px 25px;
	margin-top: 15px;
}

.brand-contact-list dl dt {
	font-size: 15px;
	color: #03266d;
	font-weight: 700;
}

.brand-contact-list dl dd {
	font-size: 12px;
	color: #9b9a99;
	font-weight: 600;
}


.faq {
	background: transparent;
}

.faq .faq-wrap {
	padding: 40px 20px 0;
}

.faq .faq-wrap dl {}

.faq .faq-wrap dl dt {
	position: relative;
	padding-left: 40px;
	font-size: 15px;
	line-height: 23px;
	color: #212c3d;
	font-weight: 600;
}

.faq .faq-wrap dl dt span {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 21px;
	line-height: 23px;
	color: #f68026;
	font-weight: 700;
	font-family: "Raleway";
}

.faq .faq-wrap dl dd {
	position: relative;
	padding-left: 40px;
	font-size: 12px;
	line-height: 20px;
	color: #555555;
	font-weight: 500;
	border-bottom: 1px solid #d0d3d7;
	margin-top: 20px;
	padding-bottom: 40px;
}

.faq .faq-wrap dl dd span {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 21px;
	line-height: 23px;
	color: #f68026;
	font-weight: 700;
	font-family: "Raleway";
}

.faq .faq-wrap dl dd+dt {
	margin-top: 40px;
}

.brand-list {
	padding: 0;
}

.brand-list ul {}

.brand-list ul li {
	padding: 20px 20px;
}

.brand-list .list-wrap {
	background: #fff;
	padding: 27px 18px;
	font-family: 'NotoSansKR', sans-serif;
}

.brand-list dl {}

.brand-list dt {
	font-size: 25px;
	line-height: 27px;
}

.brand-list dd {
	line-height: 15px;
	margin-top: 13px;
}

.brand-list dd b {
	display: inline-block;
	font-weight: 700;
	font-size: 10px;
	color: #fff;
	padding: 0 6px;
	border-radius: 50px;
	vertical-align: middle;
}

.brand-list dd span {
	display: inline-block;
	font-size: 12px;
	color: #999;
	vertical-align: middle;
	margin-left: 6px;
}

.brand-list .thumb {
	margin: 28px 0;
}

.brand-list .list-wrap p {
	font-size: 12px;
	line-height: 20px;
	color: #2c2c2c;
}

.brand-list .list01 {
	background: #f68026;
}

.brand-list .list01 dt {
	color: #f68026;
}

.brand-list .list01 dd b {
	background: #f68026;
}

.brand-list .list02 {}

.brand-list .list02 dt {
	color: #3a7fbf;
}

.brand-list .list02 dd b {
	background: #3a7fbf;
}

.brand-list .list03 {}

.brand-list .list03 dt {
	color: #002f86;
}

.brand-list .list03 dd b {
	background: #002f86;
}

.smudge-btn-wrap {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 10px;
	position: relative;
	z-index: 2;
}

.smudge-btn {
	display: inline-block;
	position: relative;
	text-decoration: none;
	padding: 18px 50px;
}

.smudge-btn .smudge-bg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 110%;
	height: 110%;
	object-fit: fill;
	z-index: 0;
}

.smudge-btn .smudge-text {
	position: relative;
	z-index: 1;
	color: #fff;
	font-family: 'NotoSansKR', sans-serif;
	font-size: 20px;
	font-weight: 500;
	transition: color 0.3s ease;
	letter-spacing: 0.05em;
	white-space: nowrap;
}

.smudge-btn-sm {
	padding: 7px 15px 9px;
}

.smudge-btn-sm .smudge-bg {
	visibility: hidden;
}

.smudge-btn-sm::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 110%;
	height: 110%;
	z-index: 0;
	background-color: #002c82;
	-webkit-mask-image: url('/static/images/new-img/smear-1-color3.png');
	-webkit-mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-image: url('/static/images/new-img/smear-1-color3.png');
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	transition: background-color 0.3s ease;
}

.smudge-btn-sm:hover::before {
	background-color: #e87722;
}

.smudge-btn-sm:hover .smudge-text {
	color: #fff;
}

.vr-intro {
	position: relative;
	background: #212c3d;
	padding: 125px 0 47px;
	margin-top: 200px;
}

.vr-intro .thumb {
	position: absolute;
	top: 48px;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 410px;
	margin-left: -41px;
}

.vr-intro .thumb img {
	width: 100%;
}

.vr-intro p {
	padding: 0 20px;
	font-size: 15px;
	line-height: 25px;
	color: #fff;
}

.vr-intro p strong {
	color: #f68026;
}

.vr-list {}

.vr-list ul {}

.vr-list>ul>li {
	padding: 30px 20px 50px;
}

.vr-list dl dt strong {
	display: block;
	font-size: 21px;
	line-height: 28px;
	margin-top: 20px;
}

.vr-list dl dd {
	font-size: 11px;
	line-height: 18px;
	margin-top: 10px;
}

.vr-list dl .line-arrow {
	position: relative;
	display: table;
	font-size: 12px;
	line-height: 17px;
	margin-top: 20px;
	padding: 0 15px 5px 0;
}

.vr-list dl .line-arrow:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
}

.vr-list dl .line-arrow:after {
	display: block;
	content: '';
	position: absolute;
	right: -1px;
	bottom: 5px;
	width: 14px;
	height: 2px;
	transform: rotate(45deg);
}

.vr-list .vr-link {
	margin-top: 35px;
}

.vr-list .vr-link .vr-desc {
	background: #fff;
	padding: 15px 25px;
	display: flex;
}

.vr-list .vr-link .vr-desc i {
	display: inline-block;
	width: 30px;
	height: 28px;
	background: url(../img/sub/img-vr-360.png) 0 0 no-repeat;
	background-size: 100% 100%;
}

.vr-list .vr-link .vr-desc span {
	font-size: 10px;
	line-height: 16px;
	margin-left: 25px;
	padding-left: 28px;
	border-left: 1px solid #b2b2b2;
	font-weight: 600;
}


.vr-list .list01 {
	background: #ffd000;
}

.vr-list .list01 dt .thumb {
	width: 52px;
}

.vr-list .list01 dl dt strong {
	color: #212c3d;
}

.vr-list .list01 dd {
	color: #2c2c2c;
	font-weight: 500
}

/*수정 font-weight:500 추가*/
.vr-list .list01 dl .line-arrow:before,
.vr-list .list01 dl .line-arrow:after {
	background: #2c2c2c;
}

.vr-list .list02 {
	background: #e1261d;
}

.vr-list .list02 dt .thumb {
	width: 41px;
}

.vr-list .list02 dl dt strong {
	color: #fff;
}

.vr-list .list02 dd {
	color: #fff;
	font-weight: 500
}

/*수정 font-weight:500 추가*/
.vr-list .list02 dl .line-arrow:before,
.vr-list .list02 dl .line-arrow:after {
	background: #fff;
}

.vr-list .list03 {
	background: #1180c5;
}

.vr-list .list03 dt .thumb {
	width: 49px;
}

.vr-list .list03 dl dt strong {
	color: #fff;
}

.vr-list .list03 dd {
	color: #fff;
	font-weight: 500
}

/*수정 font-weight:500 추가*/
.vr-list .list03 dl .line-arrow:before,
.vr-list .list03 dl .line-arrow:after {
	background: #fff;
}

.video-intro {
	position: relative;
	background: #212c3d;
	padding: 125px 0 47px;
}

.video-intro .thumb {
	position: absolute;
	top: 48px;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 410px;
	margin-left: -41px;
}

.video-intro .thumb img {
	width: 100%;
}

.video-intro p {
	padding: 0 20px;
	font-size: 15px;
	line-height: 25px;
	color: #fff;
}

.video-intro p strong {
	color: #f68026;
}

.video-list {}

.video-list ul {}

.video-list>ul>li {
	padding: 30px 20px 50px;
}

.video-list dl dt strong {
	display: block;
	font-size: 21px;
	line-height: 28px;
	margin-top: 20px;
}

.video-list dl dd {
	font-size: 11px;
	line-height: 18px;
	margin-top: 10px;
}

.video-list dl .line-arrow {
	position: relative;
	display: table;
	font-size: 12px;
	line-height: 17px;
	margin-top: 20px;
	padding: 0 15px 5px 0;
}

.video-list dl .line-arrow:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
}

.video-list dl .line-arrow:after {
	display: block;
	content: '';
	position: absolute;
	right: -1px;
	bottom: 5px;
	width: 14px;
	height: 2px;
	transform: rotate(45deg);
}

.video-list .video-link {
	margin-top: 35px;
}

.video-list .video-link .video-desc {
	background: #fff;
	padding: 15px 25px;
	display: flex;
}

.video-list .video-link .video-desc i {
	display: inline-block;
	width: 30px;
	height: 28px;
	background: url(../img/sub/img-vr-360.png) 0 0 no-repeat;
	background-size: 100% 100%;
}

.video-list .video-link .video-desc span {
	font-size: 10px;
	line-height: 16px;
	margin-left: 25px;
	padding-left: 28px;
	border-left: 1px solid #b2b2b2;
	font-weight: 600;
}

.video-list .list01 {
	background: #f4f2f0;
}

.video-list .list01 dt .thumb {
	width: 52px;
}

.video-list .list01 dl dt strong {
	color: #212c3d;
}

.video-list .list01 dd {
	color: #2c2c2c;
	font-weight: 500
}

/*수정 font-weight:500 추가*/
.video-list .list01 dl .line-arrow:before,
.video-list .list01 dl .line-arrow:after {
	background: #2c2c2c;
}

.video-list .list02 {
	background: #ee7624;
}

.video-list .list02 dt .thumb {
	width: 41px;
}

.video-list .list02 dl dt strong {
	color: #fff;
}

.video-list .list02 dd {
	color: #fff;
	font-weight: 500
}

/*수정 font-weight:500 추가*/
.video-list .list02 dl .line-arrow:before,
.video-list .list02 dl .line-arrow:after {
	background: #fff;
}

.video-list .list03 {
	background: #002f86;
}

.video-list .list03 dt .thumb {
	width: 49px;
}

.video-list .list03 dl dt strong {
	color: #fff;
}

.video-list .list03 dd {
	color: #fff;
	font-weight: 500
}

/*수정 font-weight:500 추가*/
.video-list .list03 dl .line-arrow:before,
.video-list .list03 dl .line-arrow:after {
	background: #fff;
}

.film-intro {
	position: relative;
	background: #212c3d;
	padding: 125px 0 47px;
}

.film-intro .thumb {
	position: absolute;
	top: 48px;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 410px;
	margin-left: -41px;
}

.film-intro .thumb img {
	width: 100%;
}

.film-intro p {
	padding: 0 20px;
	font-size: 15px;
	line-height: 25px;
	color: #fff;
}

.film-intro p strong {
	color: #f68026;
}

.film-list {}

.film-list ul {}

.film-list>ul>li {
	padding: 30px 20px 50px;
}

.film-list dl dt strong {
	display: block;
	font-size: 21px;
	line-height: 28px;
	margin-top: 20px;
}

.film-list dl dd {
	font-size: 11px;
	line-height: 18px;
	margin-top: 10px;
}

.film-list dl .line-arrow {
	position: relative;
	display: table;
	font-size: 12px;
	line-height: 17px;
	margin-top: 20px;
	padding: 0 15px 5px 0;
}

.film-list dl .line-arrow:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
}

.film-list dl .line-arrow:after {
	display: block;
	content: '';
	position: absolute;
	right: -1px;
	bottom: 5px;
	width: 14px;
	height: 2px;
	transform: rotate(45deg);
}

.film-list .film-link {
	margin-top: 35px;
}

.film-list .film-link .film-desc {
	background: #fff;
	padding: 15px 25px;
	display: flex;
}

.film-list .film-link .film-desc i {
	display: inline-block;
	width: 30px;
	height: 28px;
	background: url(../img/sub/img-vr-360.png) 0 0 no-repeat;
	background-size: 100% 100%;
}

.film-list .film-link .film-desc span {
	font-size: 10px;
	line-height: 16px;
	margin-left: 25px;
	padding-left: 28px;
	border-left: 1px solid #b2b2b2;
	font-weight: 600;
}

.film-list .list01 {
	background: #ee7624;
}

.film-list .list01 dt .thumb {
	width: 52px;
}

.film-list .list01 dl dt strong {
	color: #212c3d;
}

.film-list .list01 dd {
	color: #2c2c2c;
	font-weight: 500
}

/*수정 font-weight:500 추가*/
.film-list .list01 dl .line-arrow:before,
.film-list .list01 dl .line-arrow:after {
	background: #2c2c2c;
}

.film-list .list02 {
	background: #002f86;
}

.film-list .list02 dt .thumb {
	width: 41px;
}

.film-list .list02 dl dt strong {
	color: #fff;
}

.film-list .list02 dd {
	color: #fff;
	font-weight: 500
}

/*수정 font-weight:500 추가*/
.film-list .list02 dl .line-arrow:before,
.film-list .list02 dl .line-arrow:after {
	background: #fff;
}

.film-list .list03 {
	background: #ee7624;
}

.film-list .list03 dt .thumb {
	width: 49px;
}

.film-list .list03 dl dt strong {
	color: #fff;
}

.film-list .list03 dd {
	color: #fff;
	font-weight: 500
}

/*수정 font-weight:500 추가*/
.film-list .list03 dl .line-arrow:before,
.film-list .list03 dl .line-arrow:after {
	background: #fff;
}

.film-list .list04 {
	background: #002f86;
}

.film-list .list04 dt .thumb {
	width: 41px;
}

.film-list .list04 dl dt strong {
	color: #fff;
}

.film-list .list04 dd {
	color: #fff;
	font-weight: 500
}

/*수정 font-weight:500 추가*/
.film-list .list04 dl .line-arrow:before,
.film-list .list04 dl .line-arrow:after {
	background: #fff;
}

.film-list .list05 {
	background: #ee7624;
}

.film-list .list05 dt .thumb {
	width: 41px;
}

.film-list .list05 dl dt strong {
	color: #fff;
}

.film-list .list05 dd {
	color: #fff;
	font-weight: 500
}

/*수정 font-weight:500 추가*/
.film-list .list05 dl .line-arrow:before,
.film-list .list05 dl .line-arrow:after {
	background: #fff;
}

.film-list .list06 {
	background: #002f86;
}

.film-list .list06 dt .thumb {
	width: 41px;
}

.film-list .list06 dl dt strong {
	color: #fff;
}

.film-list .list06 dd {
	color: #fff;
	font-weight: 500
}

/*수정 font-weight:500 추가*/
.film-list .list06 dl .line-arrow:before,
.film-list .list06 dl .line-arrow:after {
	background: #fff;
}



.consistency-intro {
	background: #ee7624;
}

.consistency-intro-wrap {
	padding: 150px 20px;
}

.consistency-intro-wrap p {
	font-size: 25px;
	line-height: 35px;
	color: #fff;
	text-align: center;
	font-weight: 600;
}

.consistency-list {
	background: #002f86;
}

.consistency-list-wrap {
	padding: 75px 20px 50px;
}

.consistency-list h2 {
	font-size: 30px;
	color: #fff;
	font-weight: 600;
	text-align: center;
}

.consistency-list strong {
	display: block;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	margin-top: 37px;
}

.consistency-list ul {
	margin: 15px 0 0 -10px;
}

.consistency-list ul:after {
	display: block;
	content: '';
	clear: both;
}

.consistency-list ul li {
	position: relative;
	float: left;
	background: #fff;
	width: calc(50% - 10px);
	height: 212px;
	margin: 10px 0 0 10px;
}

.consistency-list ul li:before {
	display: block;
	content: '';
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 33px;
	height: 28px;
	background: url(../img/sub/img-certified.png) 0 0 no-repeat;
	background-size: 100% 100%;
}

.consistency-list ul li:nth-child(1),
.consistency-list ul li:nth-child(2) {
	margin-top: 0;
}

.consistency-list dl {
	padding: 10px 14px;
}

.consistency-list dl dt {
	position: relative;
	font-size: 13px;
	line-height: 18px;
	color: #002f86;
	font-weight: 700;
	padding-bottom: 21px;
	margin-bottom: 11px;
}

.consistency-list dl dt:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 23px;
	height: 1px;
	background: #b2b2b2;
}

.consistency-list dl dd {
	font-size: 10px;
	line-height: 17px;
}

.consistency-list .factory-list dl dt {
	padding-top: 24px;
}

.consistency-list .factory-list dl dt:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
}

.consistency-list .factory01 dl dt:after {
	width: 20px;
	height: 20px;
	background: url(../img/sub/ico-factory01.png) 0 0 no-repeat;
	background-size: 100% 100%;
}

.consistency-list .factory02 dl dt:after {
	width: 18px;
	height: 20px;
	background: url(../img/sub/ico-factory02.png) 0 0 no-repeat;
	background-size: 100% 100%;
}

.consistency-list .factory03 dl dt:after {
	width: 18px;
	height: 20px;
	background: url(../img/sub/ico-factory03.png) 0 0 no-repeat;
	background-size: 100% 100%;
}

.consistency-list .factory04 dl dt:after {
	width: 16px;
	height: 18px;
	background: url(../img/sub/ico-factory04.png) 0 0 no-repeat;
	background-size: 100% 100%;
}

.certification-intro {
	background: #3a7fbf;
}

.certification-intro-wrap {
	padding: 45px 20px;
}

.certification-intro strong {
	display: block;
	font-size: 30px;
	line-height: 40px;
	color: #fff;
	font-weight: 600;
}

.certification-intro dl {
	position: relative;
	font-size: 0;
	margin-top: 30px;
}

.certification-intro dl:after {
	display: block;
	content: '';
	clear: both;
}

.certification-intro dl dt {
	display: inline-block;
	vertical-align: top;
	width: 90px;
	font-size: 10px;
	line-height: 18px;
	color: #fff;
	font-weight: 700;
	padding-right: 5px;
	margin-top: 15px;
}

.certification-intro dl dt:first-child {
	margin-top: 0;
}

.certification-intro dl dt:first-child+dd {
	margin-top: 0;
}

.certification-intro dl:before {
	display: block;
	content: '';
	position: absolute;
	left: 90px;
	top: 0;
	width: 1px;
	height: 100%;
	background: #75a6d2;
	;
}

.certification-intro dl dd {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 90px);
	font-size: 10px;
	line-height: 16px;
	color: #fff;
	padding-left: 15px;
	margin-top: 15px;
}

.quality-intro {
	background: #ee7624;
}

.quality-intro-wrap {
	padding: 110px 20px;
}

.quality-intro .large {
	font-size: 20px;
	line-height: 28px;
	color: #fff;
	font-weight: 600;
	text-align: center;
}

.quality-intro .small {
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	margin-top: 10px;
	text-align: center;
}

.quality-step {
	background: #3a7fbf;
}

.quality-step-wrap {
	padding: 70px 20px 45px;
}

.quality-step .tit {
	display: block;
	font-size: 20px;
	line-height: 28px;
	color: #fff;
	font-weight: 600;
	text-align: center;
}

.quality-step-list {
	margin-top: 25px;
}

.quality-step-list>li {
	margin-top: 25px;
}

.quality-step-list>li:first-child {
	margin-top: 0;
}

.quality-step-list dl {
	position: relative;
	font-size: 0;
}

.quality-step-list dl:before {
	display: block;
	content: '';
	position: absolute;
	left: 103px;
	top: calc(100% + 57px);
	width: 10px;
	height: 6px;
	background: url(../img/sub/arrow-quality-step-list.png) 0 0 no-repeat;
	background-size: 100% 100%;
}

.quality-step-list dl:after {
	display: block;
	content: '';
	position: absolute;
	left: 103px;
	top: 75px;
	width: 10px;
	height: calc(100% - 13px);
	background: url(../img/sub/line-quality-step-list.png) 0 0 no-repeat;
	background-size: 100% 100%;
}

.quality-step-list>li:last-child dl:before,
.quality-step-list>li:last-child dl:after {
	display: none;
}

.quality-step-list dl dt {
	position: relative;
	display: inline-block;
	position: relative;
	width: 95px;
	height: 95px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	padding-top: 55px;
	vertical-align: top;
}

.quality-step-list dl dt:before {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: 7px;
	transform: translateX(-50%);
	height: 55px;
	width: 100%;
}

.quality-step-list dl dt span {
	display: block;
	font-size: 12px;
	color: #002f86;
	font-family: "Raleway";
	font-weight: 700;
}

.quality-step-list dl dt strong {
	display: block;
	font-size: 11px;
	color: #ee7624;
	font-weight: 700;
	margin-top: 2px;
}

.quality-step-list dl dt strong b {
	font-size: 9px;
}

.quality-step-list dl dd {
	position: relative;
	display: inline-block;
	width: calc(100% - 105px);
	vertical-align: top;
	margin: 47px 0 0 10px;
	padding: 0 0 0 10px;
}

.quality-step-list dl dd:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 6px;
	width: 7px;
	height: 7px;
	background: #ee7624;
	border-radius: 50%;
}

.quality-step-list dl dd p {
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	font-weight: 600;
}

.quality-step-list dl dd ul {
	margin-top: 10px;
}

.quality-step-list dl dd ul li {
	position: relative;
	font-size: 11px;
	line-height: 18px;
	color: #b7f7ff;
	padding-left: 12px;
}

.quality-step-list dl dd ul li:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 7px;
	width: 3px;
	height: 3px;
	background: #b7f7ff;
	border-radius: 50%;
}

.quality-step-list .list01 dl dt:before {
	background: url(../img/sub/ico-quality-step-list01.png) center center no-repeat;
	background-size: 22px 28px;
}

.quality-step-list .list02 dl dt:before {
	background: url(../img/sub/ico-quality-step-list02.png) center center no-repeat;
	background-size: 29px 21px;
}

.quality-step-list .list03 dl dt:before {
	background: url(../img/sub/ico-quality-step-list03.png) center center no-repeat;
	background-size: 27px 26px;
}

.quality-step-list .list04 dl dt:before {
	background: url(../img/sub/ico-quality-step-list04.png) center center no-repeat;
	background-size: 27px 18px;
}

.quality-step-list .list05 dl dt:before {
	background: url(../img/sub/ico-quality-step-list05.png) center center no-repeat;
	background-size: 27px 24px;
}

.quality-model {
	background: #002f86;
}

.quality-model-wrap {
	padding: 50px 20px;
}

.quality-model strong {
	display: block;
	font-size: 54px;
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
	color:#fff;
}

.quality-model .desc {
	font-size: 16px;
	line-height: 23px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	margin-top: 25px;
}

.quality-model ol {
	margin-top: 15px;
}

.quality-model ol li {
	border-top: 1px solid #33599e;
	font-size: 0;
	padding: 10px 0;
}

.quality-model ol li:last-child {
	border-bottom: 1px solid #33599e;
}

.quality-model ol li span {
	display: inline-block;
	width: 42px;
	vertical-align: top;
	font-size: 21px;
	color: #fff;
	opacity: 0.3;
	font-weight: 300;
	font-family: "Draft";
}

.quality-model ol li p {
	display: inline-block;
	width: calc(100% - 42px);
	vertical-align: top;
	font-size: 24px;
	line-height: 20px;
	color: #fff;
	font-family: 'NotoSansKR', sans-serif;
}

.magazine-list {
	padding: 20px 20px 0;
}

.magazine-list li {
	margin-bottom: 20px;
}

.magazine-list li a {
	display: block;
	padding: 16px;
	background: #fff;
	border: 1px solid #ababab;
	font-family: 'NotoSansKR', sans-serif;
}

.magazine-list .thumb {
	border-radius: 5px;
	overflow: hidden;
}

.magazine-list .thumb img {
	border-radius: 5px;
}

/* agrosuper howto: 비디오 카드 레이아웃 */
.agrosuper-howto-list li {
	padding: 16px;
	background: #fff;
	border: 1px solid #ababab;
}

.agrosuper-howto-list .name,
.agrosuper-howto-list .tit {
	font-family: 'NotoSansKR', sans-serif;
}

.agrosuper-howto-list .film-thumb {
	position: relative;
}

.agrosuper-howto-list .visual-film {
	position: relative;
	height: 0;
	width: 100%;
	padding-bottom: 56.25%;
}

.agrosuper-howto-list .visual-film iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
}

/* agrosuper brand: 이미지 중앙 배치 + 다운로드 호버 */
.agrosuper-brand-list .thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 242px;
	background: #fff;
}

.agrosuper-brand-list .thumb img {
	width: auto;
	height: auto;
	max-width: 60%;
	max-height: 80%;
}


.magazine-list .meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	margin-top: 15px;
	padding: 0;
}

/* brand 카드 name 칩 중앙 정렬 */
.agrosuper-brand-list .meta {
	justify-content: center;
}

/* recipe list: tit 2-line (상단 서브문구 + 본문) */
.agrosuper-recipe-list .thumb img {
	height: 350px;
	object-fit: cover;
}

.agrosuper-recipe-list .tit {
	display: block;
}

.agrosuper-recipe-list .tit-sub {
	display: block;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	color: #2c2c2c;
	margin-bottom: 6px;
	letter-spacing: -0.07em;
}

/* recipe detail */
.recipe-detail {
	padding: 40px 20px 40px;
	margin-top: 50px;
	border-top: 1px solid #e5e5e5;
	font-family: 'NotoSansKR', sans-serif;
}

.recipe-detail-wrap {
	max-width: 1100px;
	margin: 0 auto;
}

.recipe-header {
	display: grid;
	grid-template-columns: 3fr 1fr;
	gap: 40px;
	align-items: start;
	margin-bottom: 30px;
}

.recipe-header-left .recipe-title {
	font-family: 'NotoSansKR', sans-serif;
	font-weight: 900;
	font-size: 40px;
	color: #002c82;
	line-height: 1.2;
	letter-spacing: -0.03em;
}

.recipe-header-left .recipe-subtitle {
	margin-top: 12px;
	font-size: 24px;
	line-height: 1.5;
	color: #555;
}

.recipe-header-left .recipe-tags {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.recipe-header-left .recipe-tags .tag {
	display: inline-block;
	padding: 6px 14px;
	border: 1px solid #2c2c2c;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	color: #2c2c2c;
	letter-spacing: -0.05em;
}

.recipe-header-right img {
	width: 100%;
}

.recipe-section {
	width: 100%;
	padding: 0;
	margin-bottom: 16px;
}

.recipe-section h3 {
	font-size: 20px;
	font-weight: 700;
	color: #002c82;
	margin-bottom: 14px;
	letter-spacing: -0.03em;
}

.recipe-header-left .recipe-ingredients {
	margin-top: 30px;
}

.recipe-header-left .recipe-ingredients h3 {
	font-size: 20px;
	font-weight: 700;
	color: #002c82;
	margin-bottom: 14px;
	letter-spacing: -0.03em;
}

.recipe-ingredients ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 24px;
}

.recipe-ingredients li {
	position: relative;
	padding-left: 12px;
	font-size: 14px;
	line-height: 1.6;
	color: #333;
}

.recipe-ingredients li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	width: 4px;
	height: 4px;
	background: #ee7624;
	border-radius: 50%;
}

.recipe-steps .step {
	display: flex;
	gap: 20px;
	padding: 12px 0;
	border-top: 1px solid #e5e5e5;
}

.recipe-steps .step:first-of-type {
	border-top: none;
	padding-top: 0;
}

.recipe-steps .step-num {
	flex-shrink: 0;
	width: 70px;
	font-weight: 700;
	color: #ee7624;
	font-size: 14px;
}

.recipe-steps .step p {
	font-size: 14px;
	line-height: 1.7;
	color: #333;
	margin: 0;
}

.recipe-tip p {
	font-size: 14px;
	line-height: 1.7;
	color: #333;
	margin: 0;
}

.recipe-tip-wrap,
.recipe-bottom-wrap {
	background: #fff;
	padding: 24px;
	border-radius: 8px;
	margin-bottom: 16px;
}

.recipe-bottom {
	display: grid;
	grid-template-columns: 3fr 1fr;
	gap: 16px;
	align-items: stretch;
}

.recipe-bottom > div {
	padding: 24px 0;
}

.recipe-bottom > .recipe-product {
	padding: 24px 0;
}

.recipe-bottom > .recipe-product > h3 {
	margin-bottom: 14px;
}

.recipe-product {
	display: flex;
	flex-direction: column;
}

.recipe-product a.product-card {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	flex: 1;
	min-height: 0;
}

.recipe-product .product-card-img {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 0;
}

.recipe-bottom h3 {
	font-size: 20px;
	font-weight: 700;
	color: #002c82;
	margin-bottom: 14px;
	letter-spacing: -0.03em;
}

.recipe-sketch {
	display: flex;
	flex-direction: column;
}

.recipe-sketch .sketch-imgs {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 10px;
	flex: 1;
	min-height: 0;
}

.recipe-sketch .sketch-imgs a {
	display: block;
	height: 100%;
	overflow: hidden;
}

.recipe-sketch .sketch-imgs img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.recipe-product .product-card {
	width: 100%;
	margin: 0;
	box-sizing: border-box;
}

.recipe-product .product-card-img {
	text-align: center;
}

.recipe-product .product-card-img img {
	width: 100%;
	max-width: 100%;
	display: block;
}

.recipe-product .product-card-title {
	color: #002c82;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	margin: 15px 0 20px;
	padding: 0 15px;
	letter-spacing: -0.03em;
}

.magazine-list .name {
	display: block;
	font-size: 10px;
	color: #2c2c2c;
	font-weight: 700;
	padding: 8px;
	border: 1px solid #2c2c2c;
	letter-spacing: -0.07em;
	line-height: 1.2;
}

.agrosuper-brand-list .name {
	border: none;
	font-size: 24px;
}

.magazine-list .tit {
	display: block;
	font-size: 15px;
	line-height: 22px;
	font-weight: 500;
	color: #2c2c2c;
	margin-top: 10px;
}

.magazine-list .date {
	font-size: 10px;
	color: #ababab;
	white-space: nowrap;
}

.magazine-list .view-more {
	display: none;
}


.magazine-detail-wrap {
	padding: 20px 20px 0;
}

.magazine-detail-header {
	border-top: 1px solid #b2b2b2;
	border-bottom: 1px solid #ededed;
	padding: 13px 0;
}

.magazine-detail .detail-meta {
	display: flex;
	align-items: center;
	gap: 8px;
}

.magazine-detail .tit {
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 22px;
	font-weight: 400;
	color: #2c2c2c;
	padding-left: 12px;
	margin-top: 8px;
}

.magazine-detail .tit:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 3px;
	height: 3px;
	background: #ee7624;
	border-radius: 50%;
}

.magazine-detail .name {
	font-size: 10px;
	color: #ee7624;
	font-weight: 700;
}

.magazine-detail .date {
	font-size: 10px;
	color: #ababab;
}

.magazine-detail-content {
	padding: 0 00px 70px;
}

.magazine-detail-content .thumb {
	padding: 30px 0;
}

.magazine-detail-content p {
	font-size: 12px;
	font-weight: 300;
	line-height: 20px;
	color: #737373;
}

.magazine-detail-content .btn-wrap {
	padding-top: 25px;
	border-top: 1px solid #ededed;
	margin-top: 45px;
}


.slider-list {
	margin: 20px 0 0;
}

.slider-list-wrap {
	padding: 0 20px;
}

.slider-list-wrap ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 15px;
}

.slider-list-wrap ul li a {
	position: relative;
	display: block;
	line-height: 35px;
	font-size: 11px;
	color: #000;
	font-weight: 600;
}

.slider-list-wrap ul li.active a {
	font-weight: 700;
	color: #ee7624;
}

.slider-list-wrap ul li.active a:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #ee7624;
}

.slider {
	padding: 20px 0 70px;
	border-top: 1px solid #e5e5e5;
	margin-top: -1px;
}

.slider dl {
	padding: 0 20px;
}

.slider dl dt {
	font-size: 20px;
	font-weight: 700;
	color: #03266d;
}

.slider dl dd {
	font-size: 12px;
	line-height: 18px;
	margin-top: 10px;
}

.slider .magazine-body {
	padding: 0 20px;
	margin-top: 30px;
	font-size: 13px;
	line-height: 22px;
	color: #444;
}

.slider .btn-wrap {
	padding: 0 20px;
	margin-top: 40px;
}

.slider .slick-slide>div>div {
	display: block !important;
}

.slider-thumb {
	padding: 0 20px;
	margin-top: 15px;
}

.slider-thumb .slick-slider {
	position: static;
}

.slider-thumb img {
	display: block;
}

.slider-thumb .thumb {
	margin-bottom: 20px;
}

.slider-nav {
	margin-top: 30px;
	padding: 0 46px;
}

.slider-nav .slick-list {
	margin: 0 -5px;
}

.slider-nav .slick-slide {
	margin-left: 5px;
}

.slider-nav .slick-slide.slick-current {
	position: relative;
}

.slider-nav .slick-slide.slick-current:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #002f86;
	z-index: 2;
	opacity: 0.9;
}

.slider-nav .slick-slide.slick-current:after {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 12px;
	height: 12px;
	margin: -6px 0 0 -6px;
	background: url(../img/ico/ico-slick-current.png) 0 0 no-repeat;
	background-size: 100% 100%;
	z-index: 3;
}

.slider-nav .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0;
	z-index: 2;
}

.slider-nav .slick-prev {
	left: 20px;
	width: 9px;
	height: 17px;
	background: url(../img/arrow/arrow-slick-prev.png) 0 0 no-repeat;
	background-size: 100% 100%;
}

.slider-nav .slick-next {
	right: 20px;
	width: 9px;
	height: 17px;
	background: url(../img/arrow/arrow-slick-next.png) 0 0 no-repeat;
	background-size: 100% 100%;
}

.product-list {}

.product-list.product-list01 {
	background: none;
	padding: 50px 0;
}

.product-list.product-list02 {
	background: #1180c5;
}

.product-list-wrap {
	padding: 50px 20px;
}

.product-list .tit {
	display: block;
	font-size: 30px;
	font-weight: 600;
}

.product-list ul {}

.product-list ul {
	font-size: 0;
}

.product-list ul li {
	display: inline-block;
	width: 50%;
	vertical-align: top;
	margin-top: 30px;
}

.product-list ul li:nth-child(odd) {
	padding-right: 15px;
}

.product-list ul li:nth-child(even) {
	padding-left: 15px;
}

.product-list ul li .sheet {
	display: block;
	text-align: center;
	font-size: 15px;
	line-height: 18px;
	font-weight: 600;
	padding: 16px 0;
}

.product-list.product-list01 .tit {
	color: #212c3d;
}

.product-list.product-list02 .tit {
	color: #fff;
}

.product-list.product-list01 .sheet {
	color: #000;
}

.product-list.product-list02 .sheet {
	color: #fff;
}

.category-intro {
	position: relative;
}

.category-intro .category-thumb img {
	display: block;
	width: 100%;
}

.category-intro .category-thumb {
	position: absolute;
	right: -65px;
	top: 0;
	width: 200px;
	transform: translateY(-19%);
}

.category-list {}

.category-list .list01 dl dt .thumb {
	width: 54px;
}

.category-list .list01 dl dt strong {
	font-size: 20px;
	font-weight: 600;
	;
}

.category-list .list01 dl dd {
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
}

.category-list .thumb-list {
	margin-top: 35px;
}

.category-list .thumb-list:after {
	display: block;
	content: '';
	clear: both;
}

.category-list .thumb-list li {
	float: left;
	margin-top: 20px;
	width: 50%;
}

.category-list .thumb-list li:nth-child(odd) {
	padding-right: 10px;
}

.category-list .thumb-list li:nth-child(even) {
	padding-left: 10px;
}

.category-list .thumb-list li:nth-child(1),
.category-list .thumb-list li:nth-child(2) {
	margin-top: 0;
}

.category-list .thumb-list li strong {
	display: block;
	font-size: 12px;
	font-weight: 600;
	padding: 12px 0;
	text-align: center;
	background: #f4f2f0;
}

.thumb-tab {}

.thumb-tab ul {
	background: #f4f2f0;
	margin-top: 40px;
}

.thumb-tab ul:after {
	display: block;
	content: '';
	clear: both;
}

.thumb-tab ul li {
	float: left;
	width: 25%;
}

.thumb-tab ul li a {
	position: relative;
	display: block;
	font-size: 12px;
	line-height: 50px;
	color: #afaead;
	font-weight: 600;
	text-align: center;
	width: 100%;
}

.thumb-tab ul li a:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 16px;
	background: #dbd9d8;
}

.thumb-tab ul li.active a:after {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	border-top: 6px solid #ffd000;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
}

.thumb-tab ul li.active+li a:before {
	display: none;
}

.thumb-tab ul li.active a {
	font-size: 15px;
	font-weight: 700;
	color: #212c3d;
	background: #ffd000;
}

.thumb-tab ul li.active a:before {
	display: none;
}

.since-list {}

.since-list .list01 {
	background: #f4f2f0;
}

.since-list .list-wrap {
	padding: 40px 20px;
}

.since-list .list01 strong {
	display: block;
	font-size: 34px;
	font-weight: 700;
	line-height: 40px;
	color: #1e2c3e;
	font-family: "Raleway";
	margin-top: 25px;
}

.since-list .list01 span {
	display: block;
	font-size: 15px;
	line-height: 23px;
	font-weight: 300;
	color: #2c2c2c;
	margin-top: 13px;
}

.since-list .list01 .sub-list-wrap dl dd {
	color: #2c2c2c;
}


.since-list .list02 {
	background: #ee7624;
}

.since-list .list02 strong {
	display: block;
	font-size: 31px;
	line-height: 40px;
	font-weight: 700;
	color: #fff;
	margin-top: 25px;
}

.since-list .list02 p {
	display: block;
	font-size: 15px;
	line-height: 23px;
	font-weight: 400;
	color: #fff;
	margin-top: 13px;
}

.since-list .list03 {
	background: #002f86;
}

.since-list .list03 strong {
	display: block;
	font-size: 31px;
	line-height: 40px;
	font-weight: 700;
	color: #fff;
	margin-top: 25px;
}

.since-list .list03 p {
	display: block;
	font-size: 15px;
	line-height: 23px;
	font-weight: 400;
	color: #fff;
	margin-top: 13px;
}

.since-list .list03 .sub-list-wrap dl dd {
	color: #fff;
}

.since-list .list04 {
	background: #fff;
}

.since-list .list04 strong {
	display: block;
	font-size: 33px;
	line-height: 40px;
	font-weight: 700;
	color: #002c82;
	font-family: "Raleway";
	text-align: center;
}

.since-list .list04 p {
	display: block;
	font-size: 15px;
	line-height: 23px;
	font-weight: 500;
	color: #1e2c3e;
	margin-top: 13px;
	text-align: center;
	font-family: 'NotoSansKR', sans-serif;
}

.since-list .list04 .sub-list-wrap dl dd {
	color: #fff;
}


.since-list .sub-list-wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 20px -10px 0;
}

.since-list .sub-list-wrap dl {}

.since-list .sub-list-wrap dl dt {
	padding: 0 10px;
}

.since-list .sub-list-wrap dl dd {
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	margin-top: 8px;
}

.agrosuper-list {}

.agrosuper-list .list-wrap {
	position: relative;
	padding: 40px 20px;
}

.agrosuper-list dl {}

.agrosuper-list dl dt {
	font-size: 31px;
	font-weight: 700;
	color: #03266d;
}

.agrosuper-list dl dd {
	font-size: 15px;
	line-height: 23px;
	color: #2c2c2c;
	margin-top: 15px;
}

.agrosuper-list dl .thumb {
	position: absolute;
	right: 20px;
	top: -5px;
	width: 60px;
	margin-top: 0;
}

.agrosuper-list .thumb-list {
	margin-top: 5px;
}

.agrosuper-list .thumb-list:after {
	display: block;
	content: '';
	clear: both;
}

.agrosuper-list .thumb-list li {
	float: left;
	width: 50%;
}

.agrosuper-list .thumb-list li span {
	display: block;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	color: #2c2c2c;
}

.agrosuper-list .list01 {
	background: #fff;
}

.agrosuper-list .list02 {
	background: #f4f2f0;
}

.agrosuper-list .list03 {
	background: #fff;
}


/*pc*/
@media screen and (min-width:1025px) {
	.pc {
		display: block !important;
	}

	.pc.inblock {
		display: inline-block !important;
	}

	.mobile {
		display: none !important;
	}

	.mobile.inblock {
		display: none !important;
	}

	.change-country {
		text-align: right;
	}

	.change-country p {
		display: inline-block;
		line-height: 40px;
		font-size: 17px;
		float: none;
	}

	.change-country a {
		display: inline-block;
		float: none;
		font-size: 16px;
		/* width:250px; */
		padding: 0 90px 0 45px;
		margin: 0 0 0 25px;
		line-height: 40px;
		text-align: left;
	}

	.change-country a:before {
		right: 45px;
		width: 21px;
		height: 12px;
	}

	.header-inner {
		padding: 0 45px 0 85px;
	}

	.header-inner .gnb-trigger button {
		right: 46px;
		top: 30px;
		background-size: 49px 41px;
	}

	.header-inner .gnb-trigger button.active {
		background-size: 38px 38px;
	}

	#gnb {
		padding: 170px 20px 0;
	}

	#gnb .gnb-inner {
		max-width: 1100px;
		margin: 0 auto;
	}

	#gnb .accordion-list .acc-trigger {
		font-size: 36px;
		line-height: 117px;
	}

	#gnb .accordion-list .acc-target li a {
		font-size: 24px;
	}

	#gnb .accordion-list .acc-target {
		margin-bottom: 24px;
	}

	#gnb .accordion-list .acc-trigger:before {
		width: 33px;
		height: 33px;
	}

	#gnb .accordion-list .active .acc-trigger:before {
		background-size: 33px 2px;
	}

	.footer-inner {
		max-width: 1100px;
		margin: 0 auto;
		padding: 0 0 50px;
	}

	.footer-link li {
		margin-right: 18px;
		padding-right: 18px;
		margin-top: 45px;
	}

	.footer-link li a {
		font-size: 20px;
		line-height: 30px;
	}

	.footer-link li:before {
		height: 19px;
	}

	.footer-link li.last {
		margin-right: 40px;
		padding-right: 0;
	}

	.footer-link li[class*="sns"] {
		margin-right: 15px;
	}

	.footer-link .sns-facebook a:before {
		width: 30px;
		height: 30px;
	}

	.footer-link .sns-instagram a:before {
		width: 30px;
		height: 30px;
	}

	.footer-link .sns-youtube a:before {
		width: 30px;
		height: 30px;
	}

	.footer-link .sns-globalsite a:before {
		width: 30px;
		height: 30px;
	}

	.footer-link .sns-globalsite a span {
		margin-left: 10px;
	}

	.footer-etc {
		margin-top: 50px;
		font-size: 14px;
		line-height: 26px;
	}

	.visual-img .thumb img {
		width: 100%;
	}

	.visual-img .visual-desc .desc {
		font-size: 30px;
		line-height: 35px;
		margin-top: 25px;
	}

	.main .visual-img .visual-desc .tit {
		font-size: 100px;
	}

	.main .visual-img .visual-desc .desc {
		font-size: 40px;
		line-height: 85px;
		margin-top: 25px;
	}

	.visual-img video {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: block;
		outline: 0;
		transform: none;
	}

	.visual-section-inner {
		max-width: 1100px;
		margin: 0 auto;
		padding: 110px 0;
	}

	.visual-section-inner:after {
		display: block;
		content: '';
		clear: both;
	}

	.visual-section .visual-desc strong {
		font-size: 60px;
	}

	.visual-section .visual-desc p {
		font-size: 24px;
		line-height: 40px;
	}

	.visual-section .visual-thumb img {
		width: 100%;
	}

	.visual-section01 .visual-desc strong {
		font-size: 62px;
	}

	.visual-section01 .visual-desc {
		float: left;
		width: 50%;
	}

	.visual-section01 .video-thumb {
		float: right;
		width: 50%;
		margin-top: 0;
	}

	.visual-section01 .btn-wrap {
		float: left;
		width: 50%;
		text-align: left;
	}

	.visual-section02 {
		background: #f4f2f0;
	}

	.visual-section02 .visual-section-inner {
		padding: 65px 0 105px;
	}

	.visual-section02 .visual-desc {
		float: none;
		width: 100%;
		margin-top: 20px;
		padding-left: 0;
		text-align: center;
	}

	.visual-section02 .visual-thumb {
		float: none;
		width: 100%;
		margin-top: 60px;
	}

	.visual-section02 .btn-wrap {
		float: none;
		width: 100%;
		margin-left: 0;
		padding-left: 0;
		text-align: center;
		margin-top: 50px;
	}


	.visual-section03 {
		background: url(../img/main/bg-visual-section03.jpg) center center no-repeat #002f86;
		background-size: cover;
		height: 738px;
		overflow: hidden;
	}

	.visual-section03 .visual-section-inner {
		position: relative;
		padding: 0;
	}

	.visual-section03 .visual-desc {
		float: left;
		width: 50%;
		margin-top: 67px;
		margin-right: 50%;
	}

	.visual-section03 .visual-thumb {}

	.visual-section03 .visual-thumb img {
		width: auto;
		margin: 0 auto;
	}

	.visual-section03 .video-thumb {
		float: left;
		width: 50%;
		margin-right: 50%;
	}

	.visual-section03 .btn-wrap {
		float: none;
		width: 50%;
		text-align: left;
		margin-top: 40px;
	}

	.visual-section03 ul li {
		width: calc(100% / 3);
		margin: 0px 0 107px;
	}

	.visual-section03 ul li:nth-child(1),
	.visual-section03 ul li:nth-child(2),
	.visual-section03 ul li:nth-child(3) {
		float: left;
	}

	.visual-section03 ul li:nth-child(4),
	.visual-section03 ul li:nth-child(5),
	.visual-section03 ul li:nth-child(6) {
		float: right;
	}

	.visual-section03 ul li .thumb {
		padding: 0;
		margin: 0 auto;
	}

	.visual-section03 ul li span {
		display: block;
		font-size: 20px;
		margin-top: 14px;
		line-height: 1;
	}

	.visual-section03 svg:not(:root) {
		overflow: hidden
	}

	.visual-section03 .thumb-list {
		padding-bottom: 40px;
	}

	.visual-section03 .aos-animate .path {}

	.visual-section03 .icon-group-line {
		position: absolute;
		top: 50%;
		left: -16px;
		right: -16px;
		height: 100%;
		z-index: -1;
		transform: translateY(-86%);
	}

	.visual-section04 {}

	.visual-section04 .visual-section-inner {
		padding: 0;
	}

	.visual-section04 .visual-desc {
		float: left;
		width: 50%;
		margin-top: 105px;
	}

	.visual-section04 .video-thumb {
		float: right;
		width: 50%;
		margin-top: 85px;
	}

	.visual-section04 .visual-thumb {
		clear: both;
		margin-top: 0;
		padding-top: 50px;
	}

	.visual-section05 {}

	.visual-section05 .visual-section-inner {
		padding: 100px 0;
	}

	.visual-section05 .visual-desc {
		float: left;
		width: 50%;
	}

	.visual-section05 .visual-thumb {
		float: right;
		margin-top: 43px;
	}

	.visual-section05 .btn-wrap {
		float: left;
		margin-top: 20px;
		margin-right: 50%;
	}

	.visual-section-covid .visual-section-inner {
		padding: 0;
		max-width: none;
	}

	.visual-section-covid .visual-section-inner .thumb {
		min-height: 392px;
		margin-top: 0;
	}

	.visual-section-covid .visual-section-inner .thumb img {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		height: 100%;
		width: auto;
	}

	.visual-section-covid .visual-desc-wrap {
		position: absolute;
		max-width: 1100px;
		margin: 0 auto;
		padding: 0 0 0 60px;
		left: 50%;
		width: 50%;
		top: 50%;
		transform: translateY(-50%);
	}

	.visual-section-covid .visual-desc-wrap .btn-wrap {
		text-align: left;
	}

	.visual-section-covid .visual-desc strong {
		line-height: 70px;
	}


	/*sub*/
	.agreement {
		padding: 100px 0;
		max-width: 1100px;
		margin: 0 auto;
	}

	.agreement .scroll-wrap {
		height: 540px;
		padding: 40px;
		overflow-y: auto;
		border: 1px solid #a3a3a3;
		font-size: 22px;
		line-height: 36px;
		color: #2c2c2c;
	}

	.agreement .scroll-wrap strong {
		display: block;
		font-size: 23px;
		line-height: 30px;
		color: #000;
		margin-bottom: 25px;
	}

	.contact {
		padding: 100px 0 140px;
		max-width: 1100px;
		margin: 0 auto;
	}

	.brand-contact-list {}

	.brand-contact-list .brand-contact-list-wrap {
		padding: 100px 0;
		max-width: 1100px;
		margin: 0 auto;
	}

	.brand-contact-list .tit {
		font-size: 60px;
	}

	.brand-contact-list ul {
		margin: 35px 0 0 0;
		display: flex;
		gap: 30px;
	}

	.brand-contact-list ul:after {
		display: block;
		content: '';
		clear: both;
	}

	.brand-contact-list ul li {
		margin-top: 0;
		padding: 0;
		float: none;
		flex: 1;
		min-width: 0;
	}

	.brand-contact-list ul li:first-child {
		margin-top: 0;
	}

	.brand-contact-list ul li .thumb.pc {
		display: flex !important;
	}

	.brand-contact-list ul li .thumb.pc {
		height: 182px;
		display: flex;
		align-items: center;
	}

	.brand-contact-list ul li .thumb.pc img {
		margin: 0 auto;
	}

	.brand-contact-list dl {
		display: block;
		padding: 20px;
		margin-top: 0;
		text-align: center;
	}

	.brand-contact-list dl dt {
		display: block;
		font-size: 24px;
	}

	.brand-contact-list dl dd {
		display: block;
		font-size: 20px;
		margin-top: 15px;
	}

	.faq {}

	.faq .faq-wrap {
		padding: 100px 0;
		max-width: 1100px;
		margin: 0 auto;
	}

	.faq .faq-wrap dl {}

	.faq .faq-wrap dl dt {
		padding-left: 80px;
		font-size: 30px;
		line-height: 40px;
	}

	.faq .faq-wrap dl dt span {
		top: 5px;
		font-size: 42px;
		line-height: 30px;
	}

	.faq .faq-wrap dl dd {
		padding-left: 80px;
		font-size: 22px;
		line-height: 36px;
		margin-top: 30px;
		padding-bottom: 85px;
	}

	.faq .faq-wrap dl dd span {
		font-size: 42px;
		line-height: 30px;
	}

	.faq .faq-wrap dl dd+dt {
		top: 5px;
		margin-top: 70px;
	}


	.brand-list {
		padding: 0;
	}

	.brand-list ul {
		display: flex;
		flex-wrap: wrap;
		gap: 3%;
		max-width: 1100px;
		margin: 0 auto;
	}

	.brand-list ul li {
		padding: 0;
		width: 48.5%;
	}

	.brand-list .list-wrap {
		position: relative;
		padding: 40px 35px 35px;
	}

	.brand-list .list-wrap .btn-wrap {
		display: flex;
		flex-wrap: nowrap;
		gap: 16px;
		margin-top: 24px;
	}
	.brand-list .list-wrap .btn-wrap .smudge-btn-sm {
		flex: 1;
		text-align: center;
	}

	.brand-list dl {}

	.brand-list dt {
		font-size: 40px;
		line-height: 55px;
	}

	.brand-list dd {
		line-height: 26px;
		margin-top: 15px;
	}

	.brand-list dd b {
		font-size: 16px;
		padding: 0 12px;
	}

	.brand-list dd span {
		font-size: 20px;
		margin-left: 10px;
	}

	.brand-list .thumb {
		position: absolute;
		right: 30px;
		top: 6%;
		margin: 0;
	}

	.brand-list .list02 .thumb {
		top: calc(6% + 99px);
	}

	.brand-list .list03 .thumb {
		top: calc(6% + 93px);
	}

	.brand-list .list02 .list-wrap > p {
		margin-top: calc(30px + 99px);
	}

	.brand-list .list03 .list-wrap > p {
		margin-top: calc(30px + 93px);
	}

	.brand-list .list-wrap p {
		font-size: 18px;
		line-height: 30px;
		margin-top: 30px;
	}

	.vr-intro {
		padding: 14.5% 0 80px;
	}

	.vr-intro .thumb {
		top: 0%;
		left: 50%;
		transform: translate(-60.5%, -31.5%);
		margin-left: 0;
		width: 47%;
	}

	.vr-intro-wrap {
		max-width: 1100px;
		margin: 0 auto;
	}

	.vr-intro p {
		padding: 0;
		font-size: 30px;
		line-height: 50px;
		text-align: center;
	}

	.vr-intro p strong {
		color: #f68026;
	}

	.vr-list {}

	.vr-list ul {}

	.vr-list>ul>li {
		padding: 60px 0 80px;
	}

	.vr-list .list-wrap {
		max-width: 1100px;
		margin: 0 auto;
	}

	.vr-list .list-wrap:after {
		display: block;
		content: '';
		clear: both;
	}

	.vr-list .list-wrap dl {
		float: left;
		width: 50%;
	}

	.vr-list .list-wrap dl dt .thumb img {
		width: 100%;
	}

	.vr-list .list-wrap .vr-link {
		float: right;
		width: 50%;
	}

	.vr-list dl dt strong {
		font-size: 42px;
		line-height: 55px;
		margin-top: 40px;
	}

	.vr-list dl dd {
		font-size: 20px;
		line-height: 32px;
		margin-top: 20px;
		font-weight: 300;
	}

	.vr-list dl .line-arrow {
		font-size: 22px;
		line-height: 34px;
		margin-top: 30px;
		padding: 0 50px 13px 0;
	}

	.vr-list dl .line-arrow:before {
		height: 3px;
	}

	.vr-list dl .line-arrow:after {
		right: -3px;
		bottom: 10px;
		width: 28px;
		height: 3px;
	}

	.vr-list .vr-link {
		margin-top: 120px;
		padding-left: 90px;
	}

	.vr-list .vr-link .thumb img {
		width: 100%;
	}

	.vr-list .vr-link .vr-desc {
		padding: 20px 20px 20px 35px;
	}

	.vr-list .vr-link .vr-desc i {
		width: 60px;
		height: 57px;
	}

	.vr-list .vr-link .vr-desc span {
		font-size: 18px;
		line-height: 26px;
		margin-left: 35px;
		padding-left: 30px;
		border-left: 1px solid #b2b2b2;
	}


	.vr-list .list01 dt .thumb {
		width: 76px;
		margin-left: 0;
	}

	.vr-list .list02 dt .thumb {
		width: 65px;
	}

	.vr-list .list03 dt .thumb {
		width: 71px;
	}



	.video-intro {
		padding: 14.5% 0 80px;
	}

	.video-intro .thumb {
		top: 0%;
		left: 50%;
		transform: translate(-60.5%, -31.5%);
		margin-left: 0;
		width: 47%;
	}

	.video-intro-wrap {
		max-width: 1100px;
		margin: 0 auto;
	}

	.video-intro p {
		padding: 0;
		font-size: 30px;
		line-height: 50px;
		text-align: center;
	}

	.video-intro p strong {
		color: #f68026;
	}

	.video-list {}

	.video-list ul {}

	.video-list>ul>li {
		padding: 60px 0 80px;
	}

	.video-list .list-wrap {
		max-width: 1100px;
		margin: 0 auto;
	}

	.video-list .list-wrap:after {
		display: block;
		content: '';
		clear: both;
	}

	.video-list .list-wrap dl {
		float: left;
		width: 50%;
	}

	.video-list .list-wrap dl dt .thumb img {
		width: 100%;
	}

	.video-list .list-wrap .video-link {
		float: right;
		width: 50%;
	}

	.video-list dl dt strong {
		font-size: 42px;
		line-height: 55px;
		margin-top: 40px;
	}

	.video-list dl dd {
		font-size: 20px;
		line-height: 32px;
		margin-top: 20px;
		font-weight: 300;
	}

	.video-list dl .line-arrow {
		font-size: 22px;
		line-height: 34px;
		margin-top: 30px;
		padding: 0 50px 13px 0;
	}

	.video-list dl .line-arrow:before {
		height: 3px;
	}

	.video-list dl .line-arrow:after {
		right: -3px;
		bottom: 10px;
		width: 28px;
		height: 3px;
	}

	/*.video-list .video-link {margin-top:120px;padding-left:90px;}*/
	.video-list .video-link {
		padding-left: 90px;
	}

	.video-list .video-link .thumb img {
		width: 100%;
	}

	.video-list .video-link .video-desc {
		padding: 20px 20px 20px 35px;
	}

	.video-list .video-link .video-desc i {
		width: 60px;
		height: 57px;
	}

	.video-list .video-link .video-desc span {
		font-size: 18px;
		line-height: 26px;
		margin-left: 35px;
		padding-left: 30px;
		border-left: 1px solid #b2b2b2;
	}


	.video-list .list01 dt .thumb {
		width: 76px;
		margin-left: 0;
	}

	.video-list .list02 dt .thumb {
		width: 65px;
	}

	.video-list .list03 dt .thumb {
		width: 71px;
	}



	.film-intro {
		padding: 14.5% 0 80px;
	}

	.film-intro .thumb {
		top: 0%;
		left: 50%;
		transform: translate(-60.5%, -31.5%);
		margin-left: 0;
		width: 47%;
	}

	.film-intro-wrap {
		max-width: 1100px;
		margin: 0 auto;
	}

	.film-intro p {
		padding: 0;
		font-size: 30px;
		line-height: 50px;
		text-align: center;
	}

	.film-intro p strong {
		color: #f68026;
	}

	.film-list {}

	.film-list ul {}

	.film-list>ul>li {
		padding: 60px 0 80px;
	}

	.film-list .list-wrap {
		max-width: 1100px;
		margin: 0 auto;
	}

	.film-list .list-wrap:after {
		display: block;
		content: '';
		clear: both;
	}

	.film-list .list-wrap dl {
		float: left;
		width: 50%;
	}

	.film-list .list-wrap dl dt .thumb img {
		width: 100%;
	}

	.film-list .list-wrap .film-link {
		float: right;
		width: 50%;
	}

	.film-list dl dt strong {
		font-size: 42px;
		line-height: 55px;
		margin-top: 40px;
	}

	.film-list dl dd {
		font-size: 20px;
		line-height: 32px;
		margin-top: 20px;
		font-weight: 300;
	}

	.film-list dl .line-arrow {
		font-size: 22px;
		line-height: 34px;
		margin-top: 30px;
		padding: 0 50px 13px 0;
	}

	.film-list dl .line-arrow:before {
		height: 3px;
	}

	.film-list dl .line-arrow:after {
		right: -3px;
		bottom: 10px;
		width: 28px;
		height: 3px;
	}

	/*.film-list .film-link {margin-top:120px;padding-left:90px;}*/
	.film-list .film-link {
		padding-left: 90px;
	}

	.film-list .film-link .thumb img {
		width: 100%;
	}

	.film-list .film-link .film-desc {
		padding: 20px 20px 20px 35px;
	}

	.film-list .film-link .film-desc i {
		width: 60px;
		height: 57px;
	}

	.film-list .film-link .film-desc span {
		font-size: 18px;
		line-height: 26px;
		margin-left: 35px;
		padding-left: 30px;
		border-left: 1px solid #b2b2b2;
	}


	.film-list .list01 dt .thumb {
		width: 76px;
		margin-left: 0;
	}

	.film-list .list02 dt .thumb {
		width: 65px;
	}

	.film-list .list03 dt .thumb {
		width: 71px;
	}

	.film-list .list04 dt .thumb {
		width: 76px;
		margin-left: 0;
	}

	.film-list .list05 dt .thumb {
		width: 65px;
	}

	.film-list .list06 dt .thumb {
		width: 71px;
	}


	.consistency-intro {}

	.consistency-intro-wrap {
		padding: 190px 0;
		max-width: 1100px;
		margin: 0 auto;
	}

	.consistency-intro-wrap p {
		font-size: 50px;
		line-height: 70px;
	}

	.consistency-list {}

	.consistency-list-wrap {
		max-width: 1100px;
		margin: 0 auto;
		padding: 100px 0;
	}

	.consistency-list h2 {
		font-size: 60px;
		font-weight: 600;
	}

	.consistency-list strong {
		font-size: 32px;
		margin-top: 70px;
	}

	.consistency-list ul+strong {
		margin-top: 100px;
	}

	.consistency-list ul {
		margin: 40px 0 0 -20px;
	}

	.consistency-list ul li {
		width: calc(25% - 20px);
		height: 380px;
		margin: 0 0 0 20px;
	}

	.consistency-list ul li:before {
		right: 20px;
		bottom: 20px;
		width: 67px;
		height: 56px;
		background: url(../img/sub/img-certified.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}

	.consistency-list dl {
		padding: 22px 25px 25px;
	}

	.consistency-list dl dt {
		font-size: 24px;
		line-height: 34px;
		padding-bottom: 43px;
		margin-bottom: 28px;
	}

	.consistency-list dl dt:before {
		width: 45px;
		height: 1px;
	}

	.consistency-list dl dd {
		font-size: 16px;
		line-height: 28px;
	}

	.consistency-list .factory-list dl dt {
		padding-top: 58px;
	}

	.consistency-list .factory01 dl dt:after {
		width: 41px;
		height: 41px;
	}

	.consistency-list .factory02 dl dt:after {
		width: 37px;
		height: 40px;
	}

	.consistency-list .factory03 dl dt:after {
		width: 36px;
		height: 40px;
	}

	.consistency-list .factory04 dl dt:after {
		width: 32px;
		height: 36px;
	}

	.certification-intro-wrap {
		max-width: 1100px;
		margin: 0 auto;
		padding: 100px 0;
	}

	.certification-intro strong {
		font-size: 60px;
		line-height: 1;
	}

	.certification-intro dl {
		margin-top: 55px;
	}

	.certification-intro dl dt {
		width: 180px;
		font-size: 20px;
		line-height: 36px;
		padding-right: 5px;
		margin-top: 30px;
	}

	.certification-intro dl:before {
		left: 180px;
	}

	.certification-intro dl dd {
		width: calc(100% - 180px);
		font-size: 20px;
		line-height: 36px;
		padding-left: 30px;
		margin-top: 30px;
	}


	.quality-intro-wrap {
		padding: 120px 0;
	}

	.quality-intro .large {
		font-size: 40px;
		line-height: 55px;
	}

	.quality-intro .small {
		font-size: 22px;
		line-height: 36px;
		margin-top: 30px;
	}

	.quality-step {}

	.quality-step-wrap {
		padding: 120px 0 100px;
		max-width: 1100px;
		margin: 0 auto;
	}

	.quality-step .tit {
		font-size: 40px;
		line-height: 55px;
	}

	.quality-step-list {
		margin-top: 55px;
	}

	.quality-step-list>li {
		margin-top: 50px;
	}

	.quality-step-list dl:before {
		left: 276px;
		top: calc(100% + 131px);
		width: 21px;
		height: 12px;
	}

	.quality-step-list dl:after {
		left: 276px;
		top: 167px;
		width: 21px;
		height: calc(100% - 26px);
	}

	.quality-step-list dl dt {
		width: 240px;
		height: 240px;
		padding-top: 144px;
	}

	.quality-step-list dl dt:before {
		top: 15px;
		height: 144px;
	}

	.quality-step-list dl dt span {
		font-size: 30px;
	}

	.quality-step-list dl dt strong {
		font-size: 28px;
		margin-top: 8px;
	}

	.quality-step-list dl dt strong b {
		font-size: 20px;
	}

	.quality-step-list dl dd {
		width: calc(100% - 280px);
		margin: 40px 0 0 40px;
		padding: 0 0 0 55px;
	}

	.quality-step-list dl dd:before {
		left: 0;
		top: 83px;
		width: 14px;
		height: 14px;
	}

	.quality-step-list dl dd p {
		font-size: 24px;
		line-height: 40px;
	}

	.quality-step-list dl dd ul {
		margin-top: 20px;
	}

	.quality-step-list dl dd ul li {
		font-size: 22px;
		line-height: 36px;
		padding-left: 26px;
	}

	.quality-step-list dl dd ul li:before {
		left: 2px;
		top: 15px;
		width: 5px;
		height: 5px;
	}

	.quality-step-list .list01 dl dt:before {
		background-size: 57px 70px;
	}

	.quality-step-list .list02 dl dt:before {
		background-size: 78px 56px;
	}

	.quality-step-list .list03 dl dt:before {
		background-size: 67px 66px;
	}

	.quality-step-list .list04 dl dt:before {
		background-size: 68px 46px;
	}

	.quality-step-list .list05 dl dt:before {
		background-size: 67px 60px;
	}

	.quality-model {}

	.quality-model-wrap {
		padding: 100px 0;
		max-width: 1100px;
		margin: 0 auto;
	}

	.quality-model strong {
		font-size: 60px;
	}

	.quality-model .visual-section .video-thumb {
		margin-top: 50px;
	}

	.quality-model .desc {
		font-size: 32px;
		line-height: 42px;
		margin-top: 45px;
	}

	.quality-model ol {
		margin-top: 40px;
		font-size: 0;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}

	.quality-model ol li {
		display: inline-block;
		width: 100%;
		vertical-align: top;
		border-top: 0;
		border-bottom: 1px solid #33599e;
		font-size: 0;
		padding: 25px 0 30px;
	}

	.quality-model ol li:nth-child(1),
	.quality-model ol li:nth-child(2) {
		border-top: 1px solid #33599e;
	}

	.quality-model ol li:nth-child(odd) {
		margin-right: 0;
	}

	.quality-model ol li:nth-child(even) {
		margin-left: 0;
	}

	.quality-model ol li span {
		width: 82px;
		font-size: 42px;
	}

	.quality-model ol li p {
		width: calc(100% - 82px);
		font-size: 24px;
		line-height: 36px;
	}

	.magazine-list {
		padding: 55px 0 0;
	}

	.magazine-list-wrap {
		max-width: 1100px;
		margin: 0 auto;
	}

	.magazine-list ul {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}

	.agrosuper-howto-list ul,
	.agrosuper-brand-list ul,
	.agrosuper-recipe-list ul {
		grid-template-columns: repeat(2, 1fr);
	}

	/* howto 영상 카드: .magazine-list .thumb의 flex/고정높이를 해제해 padding-bottom 비율 트릭이 작동하도록 복원 */
	.agrosuper-howto-list .thumb {
		display: block;
		height: auto;
		background: transparent;
	}

	.agrosuper-howto-list .thumb .visual-section {
		width: 100%;
	}

	/* brand 호버 시 화살표 아이콘 제거, "다운로드" 텍스트만 */
	.agrosuper-brand-list .view-more span {
		padding-right: 0 !important;
	}

	.agrosuper-brand-list .view-more span:before {
		display: none !important;
	}

	/* brand 이미지 크기 조정 */
	.agrosuper-brand-list .thumb {
		min-height: 300px;
	}

	.agrosuper-brand-list .thumb img {
		width: auto !important;
		max-width: 50%;
	}

	.magazine-list li {
		margin-bottom: 0;
	}

	.magazine-list li a {
		display: block;
		height: 100%;
		padding: 16px;
		background: #fff;
		border: 1px solid #ababab;
	}

	.magazine-list .thumb {
		position: relative;
		height: 242px;
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.magazine-list .thumb img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.magazine-list .meta {
		margin-top: 20px;
	}

	.magazine-list .name {
		font-size: 16px;
	}

	.agrosuper-brand-list .name {
		font-size: 24px;
	}

	.magazine-list .tit {
		font-size: 24px;
		line-height: 36px;
		margin-top: 20px;
		/* white-space: nowrap; */
		/* overflow: hidden; */
		/* text-overflow: ellipsis; */
	}

	.magazine-list .date {
		font-size: 16px;
	}

	.magazine-list li a:hover .view-more,
	.magazine-list li a:focus .view-more {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.magazine-list .view-more span {
		position: relative;
		display: table;
		font-size: 24px;
		color: #fff;
		font-weight: 700;
		z-index: 1;
		padding-right: 47px;
	}

	.magazine-list .view-more span:before {
		display: block;
		content: '';
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 27px;
		height: 17px;
		background: url(../img/arrow/arrow-right-19x9.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}

	.magazine-list .view-more:after {
		display: block;
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #002f86;
		opacity: 0.9;
	}

	.magazine-detail-wrap {
		max-width: 1100px;
		margin: 0 auto;
		padding: 55px 0 0;
	}

	.magazine-detail-header {
		padding: 30px 20px;
	}

	.magazine-detail .detail-meta {
		gap: 12px;
	}

	.magazine-detail .tit {
		font-size: 24px;
		line-height: 36px;
		padding-left: 22px;
		margin-top: 15px;
	}

	.magazine-detail .tit:before {
		top: 10px;
		width: 7px;
		height: 7px;
	}

	.magazine-detail .name {
		font-size: 16px;
	}

	.magazine-detail .date {
		font-size: 16px;
	}

	.magazine-detail-content {
		padding: 0 20px 70px;
	}

	.magazine-detail-content .thumb {
		padding: 60px 0 50px;
	}

	.magazine-detail-content .thumb img {
		margin: 0 auto;
	}

	.magazine-detail-content p {
		font-size: 20px;
		line-height: 36px;
	}

	.magazine-detail-content .btn-wrap {
		padding-top: 50px;
		margin-top: 85px;
	}


	.slider-list {
		margin: 25px 0 0;
	}

	.slider-list-wrap {
		padding: 0;
		max-width: 1100px;
		margin: 0 auto;
	}

	.slider-list-wrap:after {
		display: block;
		content: '';
		clear: both;
	}

	.slider-list-wrap .select-wrap {
		float: left;
		width: 200px;
	}

	.slider-list-wrap ul {
		float: right;
		margin-top: 14px;
	}

	.slider-list-wrap ul li {
		margin-left: 35px;
	}

	.slider-list-wrap ul li a {
		line-height: 68px;
		font-size: 20px;
	}

	.slider {
		padding: 20px 0 70px;
		border-top: 1px solid #e5e5e5;
		margin-top: -1px;
	}

	.slider-wrap {
		max-width: 1100px;
		margin: 0 auto;
	}

	.slider dl {
		padding: 0;
	}

	.slider dl dt {
		font-size: 40px;
	}

	.slider dl dd {
		font-size: 24px;
		line-height: 36px;
		margin-top: 20px;
	}

	.slider .magazine-body {
		padding: 0;
		margin-top: 50px;
		font-size: 16px;
		line-height: 28px;
	}

	.slider .btn-wrap {
		padding: 0;
		margin-top: 60px;
	}

	.slider-thumb {
		padding: 0;
		margin-top: 45px;
	}

	.slider-thumb .thumb img {
		width: 100%;
	}

	.slider-nav {
		margin-top: 15px;
		padding: 0 46px;
	}

	.slider-nav .thumb img {
		width: 100%;
	}

	.slider-nav .slick-list {
		margin: 0 -15px;
	}

	.slider-nav .slick-slide {
		margin-left: 15px;
	}

	.slider-nav .slick-slide.slick-current:after {
		width: 24px;
		height: 24px;
		margin: -12px 0 0 -12px;
		background: url(../img/ico/ico-slick-current.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}

	.slider-nav .slick-prev {
		left: 0;
		width: 18px;
		height: 34px;
	}

	.slider-nav .slick-next {
		right: 0;
		width: 18px;
		height: 34px;
	}


	.product-list {}

	.product-list-wrap {
		padding: 50px 0;
		max-width: 1100px;
		margin: 0 auto;
	}

	.product-list .tit {
		font-size: 60px;
	}

	.product-list ul {
		margin: -30px 0 0 -40px;
	}

	.product-list ul li {
		display: inline-block;
		width: 340px;
		margin: 80px 0 0 40px;
		text-align: center;
	}

	.product-list ul li:nth-child(odd) {
		padding-right: 0;
	}

	.product-list ul li:nth-child(even) {
		padding-left: 0;
	}

	.product-list ul li .thumb img {
		display: block;
		width: 100%;
	}

	.product-list ul li .sheet {
		font-size: 30px;
		line-height: 35px;
		padding: 23px 0;
	}

	.category-intro {
		max-width: 1100px;
		margin: 0 auto;
	}

	.category-intro .category-thumb {
		position: absolute;
		right: -149px;
		top: 0;
		width: auto;
		transform: translateY(-10%);
	}

	.category-list {}

	.category-list .list-wrap dl {
		float: none;
		width: auto;
	}

	.category-list .list-wrap dl dt .thumb img {
		width: 100%;
	}

	.category-list .list01 dl dt .thumb {
		width: 77px;
	}

	.category-list .list01 dl dt strong {
		font-size: 40px;
		font-weight: 600;
		;
	}

	.category-list .list01 dl dd {
		font-size: 22px;
		line-height: 36px;
		font-weight: 400;
	}

	.category-list .list02 dl dt .thumb {
		width: 65px;
	}


	.category-list .thumb-list {
		max-width: 1100px;
		margin: 100px auto 0;
	}

	.category-list .thumb-list-wrap {
		margin: 0 0 0 -20px;
	}

	.category-list .thumb-list li {
		width: calc(25% - 20px);
		margin: 20px 0 0 20px;
	}

	.category-list .thumb-list li:first-child {
		padding-left: 0;
	}

	.category-list .thumb-list li:nth-child(odd) {
		padding: 0;
	}

	.category-list .thumb-list li:nth-child(even) {
		padding: 0;
	}

	.category-list .thumb-list li:nth-child(1),
	.category-list .thumb-list li:nth-child(2),
	.category-list .thumb-list li:nth-child(3),
	.category-list .thumb-list li:nth-child(4) {
		margin-top: 0;
	}

	.category-list .thumb-list li .thumb img {
		width: 100%;
	}

	.category-list .thumb-list li strong {
		font-size: 24px;
		font-weight: 600;
		padding: 22px 0;
	}

	.thumb-tab {
		max-width: 1100px;
		margin: 0 auto;
	}

	.thumb-tab ul {
		margin-top: 100px;
	}

	.thumb-tab ul li a {
		font-size: 20px;
		line-height: 100px;
	}

	.thumb-tab ul li a:before {
		width: 2px;
		height: 32px;
	}

	.thumb-tab ul li.active a:after {
		border-top: 22px solid #ffd000;
		border-left: 22px solid transparent;
		border-right: 22px solid transparent;
		border-bottom: 22px solid transparent;
	}

	.thumb-tab ul li.active a {
		font-size: 24px;
	}


	.since-list {}

	.since-list .list-wrap {
		padding: 100px 0;
		max-width: 1100px;
		margin: 0 auto;
	}

	.since-list .list-wrap:after {
		display: block;
		content: '';
		clear: both;
	}

	.since-list .list01 .list-wrap>.thumb {
		float: left;
	}

	.since-list .list01 strong {
		float: left;
		width: calc(100% - 379px);
		font-size: 62px;
		line-height: 1;
		margin-top: 0;
		padding-left: 80px;
	}

	.since-list .list01 span {
		float: left;
		width: calc(100% - 379px);
		font-size: 24px;
		line-height: 40px;
		margin-top: 25px;
		padding-left: 80px;
		font-weight: 500
	}

	/* 수정 font-weight 300 -> 500*/
	.since-list .list01 .sub-list-wrap {
		float: left;
		width: calc(100% - 379px);
		padding-left: 80px;
	}

	.since-list .list01 .sub-list-wrap dl dd {
		color: #2c2c2c;
	}

	.since-list .list02 .list-wrap>.thumb {
		float: right;
		margin-right: -38px;
	}

	.since-list .list02 strong {
		float: left;
		width: calc(100% - 451px);
		font-size: 60px;
		line-height: 1;
		margin-top: 0;
	}

	.since-list .list02 p {
		float: left;
		width: calc(100% - 451px);
		font-size: 24px;
		line-height: 40px;
		margin-top: 30px;
	}

	.since-list .list03 .list-wrap>.thumb {
		float: left;
	}

	.since-list .list03 strong {
		float: left;
		width: calc(100% - 379px);
		font-size: 60px;
		line-height: 1;
		margin-top: 0;
		padding-left: 60px;
	}

	.since-list .list03 p {
		float: left;
		width: calc(100% - 379px);
		font-size: 24px;
		line-height: 40px;
		margin-top: 30px;
		padding-left: 60px;
	}

	.since-list .list03 .sub-list-wrap {
		float: left;
		width: calc(100% - 379px);
		padding-left: 60px;
	}

	.since-list .list03 .sub-list-wrap dl dd {
		color: #fff;
	}

	.since-list .list04 strong {
		font-size: 62px;
		line-height: 1;
	}

	.since-list .list04 p {
		font-size: 24px;
		line-height: 40px;
		margin-top: 15px;
	}

	.since-list .list04 .sub-list-wrap dl dd {
		color: #fff;
	}


	.since-list .sub-list-wrap {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin: 40px -20px 0;
	}

	.since-list .sub-list-wrap dl {}

	.since-list .sub-list-wrap dl dt {
		padding: 0 20px;
	}

	.since-list .sub-list-wrap dl dd {
		font-size: 20px;
		margin-top: 20px;
	}


	.agrosuper-list {}

	.agrosuper-list .list-wrap {
		position: relative;
		padding: 100px 0;
		max-width: 1100px;
		margin: 0 auto;
	}

	.agrosuper-list .list-wrap:after {
		display: block;
		content: '';
		clear: both;
	}

	.agrosuper-list dl {
		float: left;
		width: 50%;
	}

	.agrosuper-list dl dt {
		font-size: 60px;
	}

	.agrosuper-list dl dd {
		font-size: 24px;
		line-height: 40px;
		margin-top: 20px;
	}

	.agrosuper-list dl .thumb {
		right: 0;
		top: -10px;
		width: auto;
		margin-top: 0;
	}

	.agrosuper-list .thumb-list {
		float: left;
		width: 50%;
		margin-top: 50px;
	}

	.agrosuper-list .thumb-list:after {
		display: block;
		content: '';
		clear: both;
	}

	.agrosuper-list .thumb-list li {
		float: left;
		width: 50%;
	}

	.agrosuper-list .thumb-list li span {
		font-size: 20px;
		margin-top: 10px;
	}

	.agrosuper-list .btn-wrap {
		float: left;
		width: 50%;
		margin-right: 50%;
		text-align: left;
		margin-top: -40px;
	}


}

@media screen and (min-width:1920px) {
	.visual-section-covid .visual-section-inner .thumb {
		min-height: none;
	}

	.visual-section-covid .visual-section-inner .thumb img {
		height: auto;
		width: 100%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
}

/* ===================================================================
   서브페이지 뉴스 카드 그리드 — main.css의 .single-post2 디자인 이식
   (main.css는 main.php에만 로드되므로 이 파일에 카드 CSS 복제)
   =================================================================== */
.magazine-list .newsevent-row {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	max-width: 1100px;
	margin: 0 auto;
	padding: 55px 0 0;
}
.magazine-list .newsevent-col {
	flex: 0 0 calc(33.333% - 20px);
	width: calc(33.333% - 20px);
	display: flex;
}
.magazine-list .single-post2 {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	display: flex;
	flex-direction: column;
	width: 100%;
}
.magazine-list .single-post2:hover {
	transform: scale(1.06) translateY(-4px);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}
.magazine-list .newsevent-thumb2 {
	overflow: hidden;
}
.magazine-list .newsevent-thumb2 img {
	width: 100%;
	height: 210px;
	object-fit: cover;
	transition: transform 0.4s ease;
}
.magazine-list .newsevent-thumb2:hover img {
	transform: scale(1.05);
}
.magazine-list .newsevent-content2 {
	padding: 25px;
	font-family: 'NotoSansKR', sans-serif;
	flex: 1;
}
.magazine-list .b-meta ul {
	list-style: none;
	display: flex;
	gap: 15px;
	margin: 0;
	padding: 0;
}
.magazine-list .b-meta ul li {
	font-size: 16px;
	color: #e87722;
}
.magazine-list .newsevent-content2 h4 {
	margin: 10px 0 12px;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.magazine-list .newsevent-content2 h4 a {
	font-size: 24px;
	font-weight: 700;
	color: #222;
	text-decoration: none;
}
.visual-section06 .magazine-list .newsevent-content2 h4 a {
	font-size: 22px;
	color: #002f86;
}
.magazine-list .newsevent-content2 h4 a:hover {
	color: #e87722;
}

@media (max-width: 1024px) {
	.magazine-list .newsevent-row {
		padding: 40px 20px 0;
		gap: 20px;
	}
	.magazine-list .newsevent-col {
		flex: 0 0 calc(33.333% - 14px);
		width: calc(33.333% - 14px);
	}
}

@media (max-width: 768px) {
	.magazine-list .newsevent-row {
		gap: 15px;
		padding: 30px 15px 0;
	}
	.magazine-list .newsevent-col {
		flex: 0 0 calc(50% - 8px);
		width: calc(50% - 8px);
	}
	.magazine-list .newsevent-thumb2 img {
		height: 180px;
	}
	.magazine-list .newsevent-content2 {
		padding: 18px;
	}
	.magazine-list .newsevent-content2 h4 a {
		font-size: 16px;
	}
	.smudge-btn {
		padding: 12px 22px;
	}
	.smudge-btn .smudge-text {
		font-size: 14px;
	}
}

@media (max-width: 480px) {
	.magazine-list .newsevent-col {
		flex: 0 0 100%;
		width: 100%;
	}
}

/* ===================================================================
   yt-lazy: YouTube 썸네일 → 클릭 시 인라인 재생 컴포넌트
   =================================================================== */
.yt-lazy {
	position: relative;
	display: block;
	overflow: hidden;
	cursor: pointer;
	background: #000;
}
.yt-lazy img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: opacity 0.2s;
}
.yt-lazy:hover img { opacity: 0.85; }
.yt-lazy .yt-play {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	width: 64px; height: 44px;
	background: rgba(0, 0, 0, 0.72);
	border-radius: 10px;
	pointer-events: none;
	transition: background 0.2s;
}
.yt-lazy:hover .yt-play { background: #ff0000; }
.yt-lazy .yt-play::after {
	content: '';
	position: absolute;
	top: 50%; left: 58%;
	transform: translate(-50%, -50%);
	border-style: solid;
	border-width: 9px 0 9px 16px;
	border-color: transparent transparent transparent #fff;
}
.yt-lazy iframe {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	border: 0;
}

/* visual-video(16:9 padding-bottom 트릭) 안에서는 absolute fill */
.visual-video .yt-lazy {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
}

/* visual-film(16:9 padding-bottom 트릭) 안에서는 absolute fill */
.visual-film .yt-lazy {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
}

/* 뉴스/영상 목록 카드 썸네일 높이 */
.newsevent-thumb2 .yt-lazy { height: 210px; }
@media (max-width: 768px) {
	.newsevent-thumb2 .yt-lazy { height: 180px; }
}