@charset "utf-8";


/* ===================================================== */
/* 콘텐츠 공통 */
#wrap {overflow: hidden;}
.sub-content-wrap .sec-tit {font-size: 4rem; font-weight: 700; color: #222;}

/* FARMING-ON */
#modal-fixed-pop-wrapper {overflow-y: scroll;}
#modal-fixed-pop-wrapper .modal-fixed-pop-inner {width: 90%; margin: auto; padding: 20px 0;}
#modal-fixed-pop-wrapper .modal-fixed-pop-inner .modal-inner {display: block; border-radius: 40px; padding: 5rem 13.5rem 12.5rem; margin: 20px auto 40px; width: 100%; max-width: 1020px; position: relative;}

#modal-fixed-pop-wrapper .popup-farming-tit h5 {font-size: 4.5rem; font-weight: 700; color: #222; text-align: center;}
#modal-fixed-pop-wrapper .popup-farming-tit .modal-close {position: absolute; right: 0; top: 5rem; width: 60px; height: 84px; background: url(../images/sub/ico_close.png) no-repeat center / contain; transform: translateX(50%);}
#modal-fixed-pop-wrapper .popup-farming-tit .modal-close::before {width: 18px; height: 18px; margin: 20px auto 0; background-image: url(../images/common/ico_close.png);}

.popup-farming-slide-wrap {margin-top: 4rem; position: relative;}
.popup-farming-slide-wrap .nav-btn {position: absolute; top: 50%; left: -25rem; transform: translateY(-50%);}
.popup-farming-slide-wrap .nav-btn.next {left: auto; right: -25rem; transform: translateY(-50%) rotate(180deg);}
.popup-farming-slide-wrap .nav-btn span {position: relative;}
.popup-farming-slide-wrap .nav-btn span::before {display: block; content: ''; width: 44px; height: 44px; border-radius: 50%; background: var(--color-main); position: absolute; top: 50%; left: 50%; transform: translateY(-50%); opacity: 0; transition: all 0.3s ease-in-out;}
.popup-farming-slide-wrap .nav-btn em {display: block; width: 60px; height: 27px; background: url(../images/sub/ico_arrow03.png); position: relative; z-index: 1;}
.popup-farming-slide-wrap .nav-btn:hover span::before {left: -45px; opacity: 1;}

#modal-fixed-pop-wrapper .popup-farming-slide img {min-width: 100%; min-height: 100%;}

#modal-fixed-pop-wrapper .popup-farming-info {margin-top: 5rem;}
#modal-fixed-pop-wrapper .popup-farming-info .tit {text-align: center; font-size: 3rem; font-weight: 700; color: #222;}
#modal-fixed-pop-wrapper .popup-farming-info .item+.item {margin-top: 5rem;}
#modal-fixed-pop-wrapper .popup-farming-info .text-box {margin-top: 2rem; border-radius: 10px; border: 1px solid #eae8e4; padding-left: 16rem; overflow: hidden; position: relative;}
#modal-fixed-pop-wrapper .popup-farming-info .text-box::after {display: block; content: ''; width: 16rem; height: 100%; background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
#modal-fixed-pop-wrapper .popup-farming-info .type-01 .text-box::after {background-image: url(../images/sub/ico_popup-farming01.png);}
#modal-fixed-pop-wrapper .popup-farming-info .type-02 .text-box::after {background-image: url(../images/sub/ico_popup-farming02.png);}
#modal-fixed-pop-wrapper .popup-farming-info .type-03 .text-box::after {background-image: url(../images/sub/ico_popup-farming03.png);}

#modal-fixed-pop-wrapper .text-box .txt-list {background: #f9f7f1; padding: 3rem; position: relative;}
#modal-fixed-pop-wrapper .text-box li {padding-left: 1rem; font-size: 18px; font-weight: 600; color: #222; letter-spacing: -0.025em; position: relative;}
#modal-fixed-pop-wrapper .text-box li::after {display: block; content: ''; width: 4px; height: 4px; background: #000; position: absolute; top: 9px; left: 0;}
#modal-fixed-pop-wrapper .text-box li span {display: block; padding-left: 2.5rem; position: relative;}
#modal-fixed-pop-wrapper .type-01 .text-box li span {color: var(--color-sub);}
#modal-fixed-pop-wrapper .type-02 .text-box li span {color: var(--color-sub3);}
#modal-fixed-pop-wrapper .type-03 .text-box li span {color: var(--color-main);}
#modal-fixed-pop-wrapper .text-box li span::after {display: block; content: '→'; color: #222; position: absolute; top: 0; left: 5px;}

#modal-fixed-pop-wrapper .product-link .text-box {padding: 0; border: 0;}
#modal-fixed-pop-wrapper .product-link .text-box::after {display: none;}
#modal-fixed-pop-wrapper .product-link .text-box .txt-list {padding: 4rem 4rem calc(4rem - 10px); background: var(--color-main); text-align: center;}
#modal-fixed-pop-wrapper .product-link .text-box .txt-list li {display: inline-block; margin-right: 10px; margin-bottom: 10px;}
#modal-fixed-pop-wrapper .product-link .text-box .txt-list li::after,
#modal-fixed-pop-wrapper .product-link .text-box .txt-list span::after {display: none;}
#modal-fixed-pop-wrapper .product-link .text-box .txt-list a {display: block;}
#modal-fixed-pop-wrapper .product-link .text-box .txt-list span {background: #fff; color: var(--color-main); padding: 10px 20px; border-radius: 35px;}

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
	#modal-fixed-pop-wrapper .modal-fixed-pop-inner .modal-inner {padding: 5rem 8rem 10rem;}
	.popup-farming-slide-wrap .nav-btn {left: 3rem;}
	.popup-farming-slide-wrap .nav-btn.next {right: 3rem;}
}
@media (max-width: 1024px){
	.sub-content-wrap .sec-tit {font-size: 3.5rem;}

	#modal-fixed-pop-wrapper .modal-fixed-pop-inner {width: 100%; padding: 0;}
	#modal-fixed-pop-wrapper .modal-fixed-pop-inner .modal-inner {margin: 0; padding: 5rem 8rem 5rem;}
	#modal-fixed-pop-wrapper .popup-farming-tit .modal-close {transform: translateX(0); right: 30px; top: 3rem;}
}
@media (max-width: 768px){
	#modal-fixed-pop-wrapper .popup-farming-tit .modal-close {height: 60px;}
	#modal-fixed-pop-wrapper .modal-fixed-pop-inner .modal-inner {padding: 5rem;}
	#modal-fixed-pop-wrapper .popup-farming-tit h5 {font-size: 4rem;}
	#modal-fixed-pop-wrapper .text-box li {font-size: 16px;}
}
@media (max-width: 640px){
	#modal-fixed-pop-wrapper .modal-fixed-pop-inner .modal-inner {border-radius: 20px;}
	#modal-fixed-pop-wrapper .popup-farming-info :not(.product-link) .text-box {padding-left: 0; padding-top: 120px;}
	#modal-fixed-pop-wrapper .popup-farming-info :not(.product-link) .text-box::after {width: 100%; height: 120px; top: 0; transform: translateY(0);}
}
@media (max-width: 480px){
	#modal-fixed-pop-wrapper .modal-fixed-pop-inner .modal-inner {padding: 20px 10px;}
	#modal-fixed-pop-wrapper .popup-farming-tit .modal-close {right: 0; top: 10px;}
	#modal-fixed-pop-wrapper .text-box li {font-size: 14px;}
}
/* 콘텐츠 공통 */
/* ===================================================== */


/* ===================================================== */
/* 010101_COMPANY */
.company-wrap {padding: 8rem 0 20rem; position: relative;}
.company-wrap::before {display: block; content: ''; width: 1px; height: 62px; background: var(--color-sub3); position: absolute; top: -2rem; left: 50%;}

.sec-company .ceo-top {text-align: center;}
.sec-company .ceo-top .sec-sub-tit {color: var(--color-sub3); font-size: 3rem; font-weight: 700;}
.sec-company .ceo-top .sec-tit {color: var(--color-sub); margin-top: 10px;}
.sec-company .ceo-top .sec-desc {display: flex; align-items: center; width: 100%; margin-top: 5rem; border-radius: 70px; border: 1px solid var(--color-main); overflow: hidden;}
.sec-company .ceo-top .sec-desc-tit {font-size: 3.5rem; font-weight: 800; color: #fff; letter-spacing: 0.025em; background: var(--color-main); padding: 15px 60px 15px 90px; position: relative;}
.sec-company .ceo-top .sec-desc-tit em {display: inline-block; font-size: 30px; margin-left: 20px; letter-spacing: 0.1em; transform: translateY(-30%);}
.sec-company .ceo-top .sec-desc-tit span {position: absolute; top: 0; right: 0; width: auto; height: 100%; transform: translateX(50%);}
.sec-company .ceo-top .sec-desc-tit span img {height: 100%;}
.sec-company .ceo-top .desc {font-size: 21px; font-weight: 700; letter-spacing: -0.025em; color: #222; padding-left: 6rem;}

.goals-wrap {position: relative; margin-top: 12rem; padding-top: 15rem;}
.goals-wrap .sec-header {width: 30%; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); text-align: center;}
.goals-wrap .sec-header .sec-tit {display: inline-block; background: #fff; padding: 0 6rem;}
.goals-wrap .sec-header .sec-sub-tit {font-size: 23px; font-weight: 700; letter-spacing: -0.025em; padding-top: 14rem; margin-top: 4.5rem; background: url(../images/sub/mark.png) no-repeat center top;}
.goals-wrap .goals {display: flex; align-items: flex-start;}
.goals-wrap .goals-item {border-radius: 50px; margin-top: 15rem; overflow: hidden; width: calc(33.3333% - 33.3333px);}
.goals-wrap .goals-item:first-child {border-top-left-radius: 0; margin-top: 0;}
.goals-wrap .goals-item:last-child {border-top-right-radius: 0; margin-top: 4rem;}
.goals-wrap .goals-item+.goals-item {margin-left: 50px; overflow: hidden;}

.goals-wrap .goals-item .tit-wrap {color: #fff; letter-spacing: 0; padding: 5rem; background: var(--color-sub);}
.goals-wrap .goals-item:first-child .tit-wrap {background: var(--color-main); }
.goals-wrap .goals-item:last-child .tit-wrap {background: var(--color-sub3); }
.goals-wrap .goals-item .sub-tit {display: inline-block; font-size: 20px; font-weight: 800; border-bottom: 2px solid #fff; margin-left: 5px;}
.goals-wrap .goals-item .tit {font-size: 4.5rem; font-weight: 700; margin-top: 10px;}

.goals-wrap .goals-item .goals-list {padding: 4rem 6rem 16.5rem; background: #e6f0e2 url(../images/sub/ico_goals02.png) no-repeat calc(100% - 40px) calc(100% - 45px);}
.goals-wrap .goals-item:first-child .goals-list {padding-bottom: 7.5rem; background-color: #e0ebed; background-image: url(../images/sub/ico_goals01.png); background-position: calc(100% - 35px) calc(100% - 40px);}
.goals-wrap .goals-item:last-child .goals-list {padding-bottom: 19rem; background-color: #f4eede; background-image: url(../images/sub/ico_goals03.png); background-position: calc(100% - 40px) calc(100% - 65px);}
.goals-wrap .goals-list .list-item {padding: 50px 0 50px 10px; border-bottom: 1px solid #ccddd4; font-size: 18px; font-weight: 600; line-height: 1.4; position: relative;}
.goals-wrap .goals-item:first-child .list-item {padding: 20px 0 20px 10px; border-color: #b8cfd2;}
.goals-wrap .goals-item:first-child .list-item:last-child {padding: 20px 80px 0 10px;}
.goals-wrap .goals-list .list-item:first-child {padding-top: 0;}
.goals-wrap .goals-list .list-item:last-child {padding-bottom: 0; padding-right: 20px; border-bottom: 0;}
.goals-wrap .goals-list .list-item::after {display: block; content: ''; width: 4px; height: 4px; background: #000; position: absolute; top: 60px; left: 0;}
.goals-wrap .goals-item:first-child .goals-list .list-item::after {top: 32px;}
.goals-wrap .goals-item .goals-list .list-item:first-child::after {top: 10px;}

.sec-ceo {background: url(../images/sub/company_bg.png) no-repeat center / cover; padding-top: 10rem; margin-top: 22rem;}
.sec-ceo .inner {display: flex;}
.sec-ceo .sec-header {display: flex; box-sizing: content-box;}
.sec-ceo .sec-tit {color: #fff;}
.sec-ceo .sec-sub-tit {margin-top: 11rem; margin-left: 2rem; font-size: 8.5rem; font-weight: 700; color: #fff; white-space: nowrap;}

.ceo-desc {background: #fff; border-radius: 10px 10px 0 0; margin-left: 10rem; padding: 7rem 7.5rem 2rem;}
.ceo-desc p {font-size: 18px; font-weight: 800; color: #222;}
.ceo-desc p+p {margin: 3rem 0 5rem;}
.ceo-desc .bottom {border-top: 1px solid #e1e1e1; padding-top: 5rem; padding-left: 14rem; background: url(../images/sub/ceo_tit.png) no-repeat left bottom;}
.ceo-desc .bottom h2 {font-size: 30px; font-weight: 700; color: #6a4915; line-height: 1.6;}
.ceo-desc .bottom h2 span:first-child {display: block; color: var(--color-main);}
.ceo-desc .bottom h2 span:last-child {display: inline-block; padding: 0 5px; background: var(--color-sub); color: #fff;}
.ceo-desc .bottom h2 span em {color: #ffc529;}

.sec-organize {margin-top: 15rem;}
.organize-wrap {margin-top: 1rem; text-align: center;}
.organize-wrap::after {display: block; content: ''; clear: both;}
.organize-wrap .ceo {padding-bottom: 6.5rem; position: relative;}
.organize-wrap .ceo h4 {width: 212px; height: 212px; border-radius: 50%; margin: 0 auto; padding-top: 7rem; font-size: 3rem; font-weight: 800; color: #fff; background: var(--color-main) url(../images/sub/organiz-ceo_bg.png) no-repeat calc(100% - 3rem) bottom; position: relative;}
.organize-wrap .left {display: inline-block; width: calc(33.3333% - 25px); float: left;}
.organize-wrap .right {display: inline-block; width: calc(66.6666% - 25px); float: left; margin-left: 50px;}
.organize-wrap .top {display: inline-block; min-width: 32rem; padding-top: 5rem; position: relative;}
.organize-wrap .top h4 {font-size: 22px; font-weight: 800; color: #fff; padding: 2rem 12rem; border-radius: 10px; background: #1a1a1a; position: relative; z-index: 1;}
.organize-wrap .bottom {display: flex; justify-content: space-between; margin-top: 5rem; position: relative;}
.organize-wrap .item {padding-top: 5rem; position: relative;}
.organize-wrap .item p {font-size: 18px; font-weight: 800; color: #222; padding: 2.5rem; border-radius: 10px; background: #a1c2c5;}
.organize-wrap .right .item p {background: #c3cecf;}

.organize-wrap .ceo::after {display: block; content: ''; width: 1px; height:6.5rem; background: #b8c1c2; position: absolute; bottom: 0; left: 50%;}
.organize-wrap .ceo::before {display: block; content: ''; width: 51.8%; height: 1px; background: #b8c1c2; position: absolute; bottom: 0; left: 15.8%;}
.organize-wrap .ceo h4::after {display: block; content: ''; width: 34px; height: 34px; background: url(../images/sub/organiz_dot.png) no-repeat center; position: absolute; bottom: -6.5rem; left: 50%; transform: translate(-50%, 50%); z-index: 1;}
.organize-wrap .top::before {display: block; content: ''; width: 1px; height: 17rem; background: #b8c1c2; position: absolute; top: 0; left: 50%;}
.organize-wrap .top::after {display: block; content: ''; width: 34px; height: 34px; background: url(../images/sub/organiz_dot.png) no-repeat center; position: absolute; bottom: -5rem; left: 50%; transform: translate(-50%, 50%); z-index: 1;}
.organize-wrap .bottom::before {display: block; content: ''; width: calc(100% - 120px); height: 1px; background: #b8c1c2; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.organize-wrap .item::after {display: block; content: ''; width: 1px; height:5rem; background: #b8c1c2; position: absolute; top: 0; left: 50%;}

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1440px){
	.sec-company .ceo-top .sec-desc-tit {padding: 15px 40px; white-space: nowrap;}
	.sec-company .ceo-top .sec-desc-tit em {margin-left: 10px;}
	.sec-company .ceo-top .desc {text-align: left; padding-left: 4rem; font-size: 20px;}

	.goals-wrap .goals-item {width: calc(33.3333% - 20px);}
	.goals-wrap .goals-item+.goals-item {margin-left: 30px;}
	.goals-wrap .goals-item .tit-wrap {padding: 5rem;}
	.goals-wrap .goals-item .goals-list {padding: 4rem 5rem 16.5rem;}

	.sec-ceo .sec-header {display: block;}
	.sec-ceo .sec-sub-tit {margin-left: 0;}
}
@media (max-width: 1280px){
	.sec-company .ceo-top .sec-desc {align-items: normal;}
	.sec-company .ceo-top .sec-desc-tit {font-size: 3rem; display: flex; align-items: center;}
	.sec-company .ceo-top .sec-desc-tit em {font-size: 26px;}
	.sec-company .ceo-top .desc {padding: 5px 10px 5px 40px; display: flex; align-items: center;}

	.goals-wrap .sec-header .sec-sub-tit {font-size: 20px;}
	.goals-wrap .goals-item {border-radius: 30px; width: calc(33.3333% - 10px);}
	.goals-wrap .goals-item+.goals-item {margin-left: 15px;}
	.goals-wrap .goals-item .tit-wrap {padding: 4rem 3rem;}
	.goals-wrap .goals-item .tit {font-size: 4rem;}
	.goals-wrap .goals-item .goals-list {padding: 4rem 3rem 19rem;}
	.goals-wrap .goals-item:first-child .goals-list {padding-bottom: 16rem;}
	.goals-wrap .goals-item:first-child .list-item:last-child,
	.goals-wrap .goals-list .list-item:last-child {padding-right: 0;}
	.goals-wrap .goals-list .list-item {padding: 30px 0 30px 10px;}
	.goals-wrap .goals-list .list-item::after {top: 40px;}

	.sec-ceo .sec-sub-tit {font-size: 7rem;}
	.ceo-desc {padding: 6rem 5rem 2rem; margin-left: 5rem;}

	.ceo-desc .bottom {background-size: auto 65%;}
	.ceo-desc .bottom h2 {font-size: 24px;}

	.organize-wrap .ceo::before {left: 25%; width: 50.2%;}
	.organize-wrap .left {width: 50%;}
	.organize-wrap .right {width: 100%; margin-left: 0;}
	.organize-wrap .bottom::before {width: calc(100% - 114px);}
	.organize-wrap .right .top {margin-left: 75%; transform: translateX(-50%); z-index: 1;}
	.organize-wrap .right .top::before {top: auto; bottom: -5rem; height: 401%;}
}
@media (max-width: 1024px){
	.sec-company .ceo-top .sec-desc-tit {padding-left: 20px; font-size: 24px;}
	.sec-company .ceo-top .sec-desc-tit em {font-size: 24px; transform: translateY(-20%);}
	.sec-company .ceo-top .desc {padding-right: 20px; padding-left: 50px;}

	.goals-wrap {padding-top: 0;}
	.goals-wrap .sec-header {position: static; width: auto; transform: translateX(0);}
	.goals-wrap .goals {flex-wrap: wrap; margin-top: 30px;}
	.goals-wrap .goals-item,
	.goals-wrap .goals-item+.goals-item {width: 100%; margin-left: 0; margin-top: 20px;}
	.goals-wrap .goals-item .sub-tit {font-size: 18px;}
	.goals-wrap .goals-list .list-item {padding: 20px 0 20px 10px; font-size: 16px;}
	.goals-wrap .goals-item .goals-list .list-item+.list-item::after {top: 30px;}

	.sec-ceo .inner {display: block;}
	.sec-ceo .sec-sub-tit {margin-top: 2rem; font-size: 6rem;}
	.sec-ceo .sec-sub-tit br {display: none;}
	.ceo-desc {margin-left: 0; margin-top: 30px;}

	.organize-wrap .ceo h4 {font-size: 24px; width: 180px; height: 180px; background-size: 40%;}
	.organize-wrap .top h4 {font-size: 20px;}
	.organize-wrap .item p {font-size: 16px;}
	.organize-wrap .bottom::before {width: calc(100% - 108px);}
}
@media (max-width: 768px){
	.sec-company .ceo-top .sec-sub-tit {font-size: 20px;}
	.sec-company .ceo-top .sec-tit {font-size: 28px;}

	.sec-company .ceo-top .sec-desc {flex-wrap: wrap; border-radius: 20px;}
	.sec-company .ceo-top .sec-desc-tit {width: 100%; padding: 15px; justify-content: center;}
	.sec-company .ceo-top .sec-desc-tit span {display: none;}
	.sec-company .ceo-top .desc {font-size: 18px; text-align: center; padding: 5px 20px;}

	.goals-wrap .sec-header .sec-sub-tit {background-size: auto 70%; margin-top: 20px;}
	.goals-wrap .goals-item .goals-list,
	.goals-wrap .goals-item:first-child .goals-list,
	.goals-wrap .goals-item:last-child .goals-list {background-position-y: calc(100% - 4rem);}

	.organize-wrap .ceo h4 {width: 150px; height: 150px;}
	.organize-wrap .item p {padding: 3rem 2rem;}
	.organize-wrap .bottom::before {width: calc(100% - 94px);}
}
@media (max-width: 640px){
	.goals-wrap .sec-header .sec-sub-tit {font-size: 18px; background-size: auto 60%;}
	.goals-wrap .goals-item .goals-list,
	.goals-wrap .goals-item:first-child .goals-list,
	.goals-wrap .goals-item:last-child .goals-list {padding-bottom: 15rem;}
	.goals-wrap .goals-item .goals-list,
	.goals-wrap .goals-item:first-child .goals-list,
	.goals-wrap .goals-item:last-child .goals-list {background-size: 15% auto;}

	.ceo-desc {padding: 3rem 3rem 2rem;}
	.ceo-desc p {font-size: 16px;}
	.ceo-desc .bottom h2 {font-size: 20px;}

	.organize-wrap .ceo h4 {font-size: 20px;}
	.organize-wrap .top {min-width: 1px;}
	.organize-wrap .top h4 {font-size: 18px; padding: 2rem 5rem;}
	.organize-wrap .item p {font-size: 14px; padding: 2rem 1rem;}
	.organize-wrap .bottom::before {width: calc(100% - 70px);}
	.organize-wrap .right .top::before {height: 385%;}
}
@media (max-width: 480px){
	.sec-company .ceo-top .sec-sub-tit {font-size: 18px;}
	.sec-company .ceo-top .sec-tit {font-size: 24px;}

	.sec-company .ceo-top .sec-desc-tit {font-size: 20px;}
	.sec-company .ceo-top .desc {font-size: 16px;}

	.goals-wrap .goals-item .tit-wrap {text-align: center;}
	.goals-wrap .goals-item .sub-tit {font-size: 16px;}
	.goals-wrap .goals-item .tit {font-size: 24px;}

	.sec-ceo .sec-sub-tit {font-size: 5rem;}
	.ceo-desc .bottom {background-image: none; padding-left: 0;}

	.organize-wrap .top {width: 100%;}
	.organize-wrap .bottom {display: block;}
	.organize-wrap .bottom::before {display: none;}
	.organize-wrap .item {padding-top: 3rem;}
	.organize-wrap .item::after {height: 3rem;}
	.organize-wrap .left {width: 49%;}
	.organize-wrap .right {width: 49%; margin-left: 2%;}
	.organize-wrap .right .top {margin-left: 0; transform: translateX(0);}
	.organize-wrap .right .top::before {height: 17rem; top: 0; bottom: auto;}
	.organize-wrap .top h4 {padding: 2rem; font-size: 16px;}
	.organize-wrap .ceo h4 {font-size: 18px; width: 130px; height: 130px;}
}
/* 010101_COMPANY */
/* ===================================================== */


/* ===================================================== */
/* 010201_HISTORY */
.history-wrap {padding: 16rem 0 14rem; background: url(../images/sub/history_top.png) no-repeat center top;}
.history-list {position: relative; z-index: 1;}
.history-list .item {padding: 4rem 0;}
.history-list .item .tit {font-size: 4.5rem; font-weight: 700; color: var(--color-main); text-align: center; }
.history-list .item .history-desc {margin: 2rem 0 1rem 50%; border-left: 1px solid var(--color-main);}
.history-list .item:last-child .history-desc {padding-bottom: 10rem; margin-bottom: 0;}
.history-list .item .desc {display: flex; padding-left: 5rem;}
.history-list .item h2 {font-size: 25px; font-weight: 700; color: var(--color-main); padding-top: 10px;}
.history-list .item p {margin-left: 15px; line-height: 2.4;}
.history-list .item span {display: block; font-size: 20px; font-weight: 700; color: #222;}

.history-wrap .history-img {position: absolute; top: 5%; left: 0; width: 50%;}
.history-wrap .img-list {display: inline-block; position: relative;}
.history-wrap .img-list::before {display: block; content: ''; width: 690px; height: 490px; background: url(../images/sub/history-img01_bg.png) no-repeat center; position: absolute; top: 0; left: 0;}
.history-wrap .history-img.nth-1 .img-list::after {display: block; content: ''; width: 110px; height: 152px; background: url(../images/sub/history-img.svg) no-repeat center; opacity: 0.9; position: absolute; top: 15%; right: 15%; z-index: 1;}
.history-wrap .history-img .img {-webkit-mask-image: url(../images/sub/history-img.svg); mask-image: url(../images/sub/history-img.svg); mask-repeat: no-repeat; mask-size: contain; position: relative; z-index: 1;}
.history-wrap .history-img .box-shadow {position: absolute; top: 50%; left: 50%; height: 100%; width: auto; transform: translate(-50%, -50%); filter: blur(50px); opacity: 0.27;}
.history-img.nth-2 {width: auto; top: auto; bottom: 50rem; left: auto; right: -9.5rem;}
.history-wrap .history-img.nth-2 .img-list::before {width: 130px; height: 172px; background-image: url(../images/sub/history-img02_bg.png); top: 20%; left: -10%;}
.history-img.nth-2 .img {background-image: url(../images/sub/history-img02-01.png); background-size: cover; background-repeat: no-repeat; animation: history-img01 15s infinite linear;}
.history-img.nth-3 {position: static; margin: -4.5rem auto 0; text-align: center;}
.history-img.nth-3 .img-list {transform: translateX(3%);}
.history-img.nth-3 .img {background-image: url(../images/sub/history-img03-01.png); background-size: cover; background-repeat: no-repeat; animation: history-img02 10s infinite linear;}
.history-wrap .history-img.nth-3 .img-list::before {display: none;}
@keyframes history-img01 {
	0% {background-image: url(../images/sub/history-img02-01.png);}
	25% {background-image: url(../images/sub/history-img02-02.png);}
	50% {background-image: url(../images/sub/history-img02-03.png);}
	75% {background-image: url(../images/sub/history-img02-04.png);}
}
@keyframes history-img02 {
	0% {background-image: url(../images/sub/history-img03-01.png);}
	33.3333% {background-image: url(../images/sub/history-img03-02.png);}
	66.6666% {background-image: url(../images/sub/history-img03-03.png);}
}

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
	.history-img.nth-2 {bottom: 25rem;}
}
@media (max-width: 1024px){
	.history-list .item .desc {padding-left: 2rem;}
	.history-list .item h2 {font-size: 20px;}
	.history-list .item span {font-size: 18px;}

	.history-wrap .history-img.nth-1 {width: 40%;}
	.history-wrap .history-img.nth-1 .img-list::after {width: 80px; top: 5%;}
	.history-wrap .history-img.nth-1 .img-list::before {width: 550px; height: 350px;}
	.history-img.nth-2 {width: 40%;}
}
@media (max-width: 768px){
	.history-list .item .desc {display: block;}
	.history-list .item p {margin-left: 0; line-height: 1.4;}
	.history-list .item span {font-size: 16px;}
}
@media (max-width: 640px){
	.history-img.nth-2 {right: auto; left: 0; bottom: 50rem;}
}
@media (max-width: 480px){
	.history-wrap {background-position-x: 15px;}
	.history-list .item+.item {padding-top: 0;}
	.history-list .item .tit {text-align: left;}
	.history-list .item .history-desc {margin-left: 20px;}

	.history-wrap .history-img.nth-1 {top: -30rem; left: auto; right: 0; width: 50%;}
	.history-wrap .history-img.nth-1 .img-list::after {height: 100px; left: 55%;}
	.history-img.nth-2 {display: none;}
	.history-img.nth-3 {width: 80%;}
}
/* 010201_HISTORY */
/* ===================================================== */


/* ===================================================== */
/* 010401_MAP */
.map-wrap {margin-bottom: 38rem; position: relative;}
.map-wrap .map-box {margin-right: calc(var(--inner-padding) / 2); border-radius: 0 40px 40px 0; overflow: hidden;}
.map-wrap #daumRoughmapContainer1723617202432 {width: calc(100% + 2px) !important; height: calc(100% + 3px) !important; transform: translate(-1px, -1px);}
.map-wrap #daumRoughmapContainer1723617202432 iframe {width: 100%;}
.map-wrap #daumRoughmapContainer1723617202432 .wrap_map {height: 100%; min-height: 55rem;}
.map-wrap #daumRoughmapContainer1723617202432 .wrap_map::after {display: block; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}

.map-info {max-width: 1400px; width: 100%; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%);}
.map-info::before {display: block; content: ''; width: 6.5rem; height: 100%; border-radius: 0 10px 10px 0; background: var(--color-sub3); position: absolute; top: 0; right: 0; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);}
.map-info::after {display: block; content: ''; width: 6.5rem; height: 100%; border-radius: 0 10px 10px 0; background: var(--color-sub); position: absolute; top: 0; right: 4.5rem; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);}

.map-add {display: flex; justify-content: space-between; background: var(--color-main); padding: 4.5rem 6rem; margin-right: 10rem; border-radius: 10px; box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.3); position: relative; z-index: 1;}
.map-add .item {padding-left: 10rem; position: relative;}
.map-add .item::after {display: block; content: ''; width: 70px; height: 70px; border-radius: 50%; background: #0d707f url(../images/sub/ico_map.png) no-repeat center; position: absolute; top: 0; left: 0;}
.map-add .item.tel::after {background-image: url(../images/sub/ico_tel.png);}
.map-add .item.fax::after {background-image: url(../images/sub/ico_fax.png);}
.map-add .item dt {display: inline-block; font-size: 18px; font-weight: 700; color: #222; position: relative;}
.map-add .item dt::after {display: block; content: ''; width: 100%; height: 1px; background: #222; position: absolute; bottom: 2px; left: 0;}
.map-add .item dd {margin-top: 1rem; font-size: 25px; font-weight: 800; color: #fff;}

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1440px){
	.map-add {margin-right: 5.5rem;}
	.map-info::after {right: 2.5rem;}
}
@media (max-width: 1280px){
	.map-add {padding: 4.5rem;}
	.map-add .item::after {top: 50%; transform: translateY(-50%);}
	.map-add .item dd {font-size: 20px;}
}
@media (max-width: 1024px){
	.map-add {padding: 4rem 2rem;}
	.map-add .item {padding-left: 8rem;}
	.map-add .item::after {width: 60px; height: 60px; background-size: 40%;}
	.map-add .item dd {font-size: 18px;}
}
@media (max-width: 800px){
	.map-add {flex-wrap: wrap; justify-content: center;}
	.map-add .item.add {margin: 0 20% 30px;}
	.map-add .item.tel {margin-right: 30px;}
}
@media (max-width: 640px){
	.map-add .item.add {margin: 0 10% 30px;}
	.map-add .item.tel {margin-right: 10px;}
}
@media (max-width: 480px){
	.map-add .item {width: 100%; padding-left: 0; text-align: center;}
	.map-add .item::after {display: none;}
	.map-add .item.add {margin: 0 0 20px;}
	.map-add .item.tel { margin: 0 0 20px;}
}
/* 010401_MAP */
/* ===================================================== */


/* ===================================================== */
/* 020101_PRODUCT */
.product-wrap {padding-bottom: 15rem;--board-color: var(--color-main);}
.product-list {display: flex; flex-wrap: wrap; text-align: center;}
.product-list .item {display: grid; width: 33.3333%; text-align: left; position: relative; transition: all 0.3s ease-in-out;}
.product-list a {display: block; font-size: 0; width: calc(100% + 1px); height: calc(100% + 2px); border: 1px solid #e4e4e0; position: absolute; top: -1px; left: -1px; z-index: 2; transition: all 0.3s ease-in-out;}
.product-list .tit {padding: 4.5rem 5rem; font-size: 30px; font-weight: 700; color: #000; transition: all 0.3s ease-in-out;}
.product-list figure {position: relative;}
.product-list figure::after {display: block; content: ''; width: 40%; height: 2rem; border-radius: 50%; background: rgba(66, 54, 26, 0.9); position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); filter: blur(15px);}
.product-list img {max-height: 400px; margin: 0 auto; position: relative; z-index: 1;}
.product-list .product-tags {display: flex; margin-top: 30px; align-self: flex-end;}
.product-list .tag {padding: 3rem 5rem; border-top-right-radius: 15px; background: var(--color-main); display: flex; align-items: center;}
.product-list .tag p {font-size: 20px; font-weight: 800; color: #fff;}
.product-list .thumb-info {background: #f1ece3; border-top-left-radius: 15px; flex: 1; padding: 2rem; word-break: break-all;}
.product-list .thumb-info p {font-size: 18px; font-weight: 700; padding-left: 10px; position: relative;}
.product-list .thumb-info p::after {display: block; content: '-'; position: absolute; top: 0; left: 0;}

.product-list .item:hover {background: var(--color-main);}
.product-list .item:hover a {opacity: 0;}
.product-list .item:hover .tit {color: #fff;}

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
	.product-list .tit {font-size: 24px; padding: 3rem;}
	.product-list .tag {padding: 2rem;}
	.product-list .tag p {font-size: 16px;}
	.product-list .thumb-info {padding: 2rem;}
	.product-list .thumb-info p {font-size: 16px;}
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
	.product-list .item {width: 50%;}
	.product-list .tit {font-size: 20px;}
}
@media (max-width: 640px){
	.product-list .item {width: 100%;}
}
@media (max-width: 480px){
}
/* 020101_PRODUCT */
/* ===================================================== */


/* ===================================================== */
/* 020101_PRODUCT-VIEW */
.product-view-wrap {border-top: 1px solid #e4e4e0; padding-bottom: 13.5rem;}
.product-view-wrap .product-view-tit {padding: 2rem 0; font-size: 30px; font-weight: 700; color: #222; border-bottom: 1px solid #e4e4e0;}

.product-view-top .view-top-desc {padding-bottom: 9rem; background: url(../images/main/product_bg.png) repeat-x center 155%;}
.view-top-desc .inner {display: flex; justify-content: space-between;}

.view-top-desc .nav-btn {position: absolute; top: 50%; right: -45px; transform: translate(100%, -50%); transition: all 0.3s ease-in-out;}
.view-top-desc .nav-btn a {display: block; width: 60px; height: 27px; background: url(../images/main/ico_arrow04.png) no-repeat center;}
.view-top-desc .nav-btn.prev {right: auto; left: -45px; transform: translate(-100%, -50%) rotate(180deg);}
.view-top-desc .nav-btn:hover {transform: translate(110%, -50%);}
.view-top-desc .nav-btn.prev:hover {transform: translate(-110%, -50%) rotate(180deg);}

.view-top-desc .img {margin-top: 4rem;}
.view-top-desc .img figure {position: relative;}
.view-top-desc .img figure::after {display: block; content: ''; width: 33%; height: 5rem; border-radius: 50%; background: rgba(49, 37, 10, 0.5); position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); filter: blur(20px);}
.view-top-desc img {max-height: 550px; position: relative; z-index: 1;}

.view-top-desc .view-top-info {background: #fff url(../images/sub/products-info_bg.png) no-repeat right bottom; border-radius: 0 0 10px 10px; width: calc(50% - 7rem); margin-left: 7rem; padding: 8.5rem 6rem 8rem; position: relative;}
.view-top-info .leaflet-down { position: absolute; top: -3%; right: 60px;}
.view-top-info .leaflet-down a {display: block; background: url(../images/sub/leaflet-down_bg.svg) no-repeat center top / contain; padding: 30px 50px;}
.view-top-info .leaflet-down span {display: block; font-size: 16px; font-weight: 800; color: #fff; padding-bottom: 4rem; position: relative;}
.view-top-info .leaflet-down span::after {display: block; content: ''; width: 26px; height: 26px; background: url(../images/sub/ico_leaflet-down.png) no-repeat center bottom; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.view-top-info .leaflet-down:hover span::after {animation: leaflet-down 4s infinite linear;}
@keyframes leaflet-down {
	33% { transform: translate(-50%, 3px) rotateY(360deg); }
	66% { transform: translate(-50%, -6px) rotateY(0deg); }
}

.view-top-info .tag {display: inline-block; margin-left: 5px; padding: 10px 20px; border-radius: 40px; background: var(--color-main); font-size: 18px; font-weight: 800; color: #fff; position: relative;}
.view-top-info .tag::after {display: block; content: ''; width: 10px; height: 6px; background: url(../images/sub/tag-deco.png) no-repeat center top; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%);}
.view-top-info .tit {padding-left: 2.5rem; font-size: 5.5rem; font-weight: 700; color: #222; margin-top: 2.5rem;}
.view-top-info .sub-tit {padding: 10px 30px; font-size: 20px; font-weight: 700; color: #fff; background: #222; border-radius: 5px; margin-top: 2.5rem;}

.view-top-info .desc {margin-top: 4rem;}
.view-top-info .item {display: flex; margin-bottom: 1rem; margin-left: 30px; font-size: 18px;}
.view-top-info dt {width: 23%; font-weight: 800; color: #222;}
.view-top-info dd {width: 77%; font-weight: 600; color: #666; position: relative;}
.view-top-info dd::after {display: block; content: ':'; font-size: 18px; font-weight: 800; color: #cdc7bb; position: absolute; top: 0; left: -2rem;}
.view-top-info .point dd span {display: inline-block; font-weight: 800; color: #222; border-bottom: 1px solid #222;}

.products-info-box {margin-top: 9rem;}
.tab-nav {display: flex;}
.tab-nav li {width: 100%;}
.tab-nav a {display: block; text-align: center; font-size: 20px; font-weight: 700; padding: 3.5rem 0; position: relative; transition: all 0.3s ease-in-out;}
.tab-nav a::after {display: block; content: ''; width: 0; height: 3px; background: #000; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); transition: all 0.3s ease-in-out;}
.tab-nav span {position: relative;}
.tab-nav span::after {display: block; content: ''; position: absolute; top: 50%; left: -15px; transform: translate(-100%, -50%); opacity: 0; transition: all 0.3s ease-in-out; background-repeat: no-repeat; background-position: center;}
.tab-nav li:first-child span::after {width: 46px; height: 50px; background-image: url(../images/sub/ico_products-tab01.png);}
.tab-nav li:nth-of-type(2) span::after {width: 40px; height: 55px; background-image: url(../images/sub/ico_products-tab02.png);}
.tab-nav li:nth-of-type(3) span::after {width: 48px; height: 48px; background-image: url(../images/sub/ico_products-tab03.png);}
.tab-nav li:nth-of-type(4) span::after {width: 46px; height: 46px; background-image: url(../images/sub/ico_products-tab04.png);}
.tab-nav li:nth-of-type(5) span::after {width: 52px; height: 52px; background-image: url(../images/sub/ico_products-tab05.png);}
.tab-nav li:last-child span::after {width: 48px; height: 48px; background-image: url(../images/sub/ico_products-tab06.png);}
.tab-nav a.active,
.tab-nav a:hover {font-weight: 800; color: #000;}
.tab-nav a.active:after,
.tab-nav a:hover:after {width: 100%;}
.tab-nav a.active span:after,
.tab-nav a:hover span:after {opacity: 1;}

.tab-content {border-top: 1px solid #e4e4e0; padding-top: 7rem;}
.tab-content .desc+.desc {padding-top: 6rem; margin-top: 9rem; border-top: 1px solid #e4e4e0;}
.tab-content table {border-radius: 20px 20px 0 0; overflow: hidden;}
.tab-content table .last {border-right: 0;}
.tab-content table thead {background-color: var(--color-main); font-size: 17px; color: #fff; letter-spacing: -0.025em; text-align: center;}
.tab-content table thead th {padding: 10px; border-right: 1px solid #096b79;}
.tab-content table thead tr+tr th {border-top: 1px solid #096b79;}
.tab-content table tbody tr {border-bottom: 1px solid #d6d6d6;}
.tab-content table tbody tr:last-child {border-color: #222;}
.tab-content table tbody th {padding: 2rem 1rem 2rem 6.5rem; background: #f3f2ef; font-size: 18px; font-weight: 800; color: var(--color-main); text-align: left; border-right: 1px solid #d6d6d6;}
.tab-content table tbody td {padding: 2rem 1rem; font-size: 18px; font-weight: 600; color: #222; text-align: center; border-right: 1px solid #d6d6d6;}

.tab-content .list {padding-left: 20%; position: relative;}
.tab-content .list::after {display: block; content: ''; position: absolute; top: 50%; left: 10%; transform: translate(-50%, -50%); background-repeat: no-repeat; background-position: center;}
.tab-content .tab-header {padding-left: 20%;}
.tab-content .tab-header .tit {font-size: 25px; font-weight: 700; color: #222; margin-bottom: 2.5rem;}
.tab-content .tab-header .ico-wrap {display: flex; flex-wrap: wrap; margin-bottom: 2rem; transform: translateX(-3rem);}
.tab-content .tab-header .ico-wrap .ico-item {width: 120px; height: 120px; border-radius: 50%; background-color: #000; background-repeat: no-repeat; background-position: center; margin-right: 2rem; margin-bottom: 20px;}
.tab-content .tab-header .ico-wrap .ico-item:last-child {margin-right: 0;}
.tab-content .tab-header .ico-wrap .ico-item.type-01 {background-image: url(../images/sub/ico_products-caution01.png);}
.tab-content .tab-header .ico-wrap .ico-item.type-02 {background-image: url(../images/sub/ico_products-caution02.png);}
.tab-content .tab-header .ico-wrap .ico-item.type-03 {background-image: url(../images/sub/ico_products-caution03.png);}
.tab-content .tab-header .ico-wrap .ico-item.type-04 {background-image: url(../images/sub/ico_products-caution04.png);}
.tab-content .tab-header .ico-wrap .ico-item.type-05 {background-image: url(../images/sub/ico_products-caution05.png);}
.tab-content .tab-header .ico-wrap .ico-item.type-06 {background-image: url(../images/sub/ico_products-caution06.png);}
.tab-content .tab-header .ico-wrap .ico-item.type-07 {background-image: url(../images/sub/ico_products-caution07.png);}
.tab-content .tab-header .ico-wrap .ico-item.type-08 {background-image: url(../images/sub/ico_products-caution08.png);}

.tab-content .list li {padding-left: 3rem; margin-bottom: 2rem; position: relative;}
.tab-content .list li::after {display: block; content: ''; width: 21px; height: 21px; position: absolute; top: 13px; left: 0; transform: translateY(-50%);}
.tab-content .list li p {font-size: 18px; font-weight: 600;color: #666; letter-spacing: -0.015em;}
.tab-content .list li .point {display: inline-block; font-weight: 700; color: #222; border-bottom: 1px solid #222;}

.tab-content #tab03 .list:after {width: 110px; height: 143px; background-image: url(../images/sub/ico_products-content01.png);}
.tab-content #tab04 .list:after {width: 164px; height: 122px; background-image: url(../images/sub/ico_products-content02.png);}
.tab-content #tab05 .desc:first-child .list:after {width: 160px; height: 128px; background-image: url(../images/sub/ico_products-content03.png);}
.tab-content #tab05 .desc:last-child .inner+.inner {margin-top: 5rem;}
.tab-content #tab05 .desc:last-child .inner:first-child .list:after {width: 168px; height: 124px; background-image: url(../images/sub/ico_products-content04.png);}
.tab-content #tab03 .list li::after {background-image: url(../images/sub/list-dot01.png);}
.tab-content #tab04 .list li::after {background-image: url(../images/sub/list-dot02.png);}
.tab-content #tab05 .list li::after {background-image: url(../images/sub/list-dot03.png);}
.tab-content #tab03 .list span {color: var(--color-main);}
.tab-content #tab04 .list span {color: var(--color-sub);}
.tab-content #tab05 .list span {color: var(--color-sub3);}

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1640px){
	.product-view-wrap .product-view-tit {padding: 2rem var(--inner-padding);}
	.view-top-desc .nav-btn {right: 50%; z-index: 1; transform: translate(50%, -50%);}
	.view-top-desc .nav-btn.prev {left: 0; transform: translate(0, -50%) rotate(180deg);}
	.view-top-desc .nav-btn:hover {transform: translate(60%, -50%);}
	.view-top-desc .nav-btn.prev:hover {transform: translate(-10%, -50%) rotate(180deg);}
}
@media (max-width: 1440px){
	.view-top-desc .view-top-info {padding: 8.5rem 3rem 6rem;}

	.tab-content table tbody th {padding-left: 5rem;}
}
@media (max-width: 1280px){
	.view-top-info .tag {font-size: 16px;}
	.view-top-info .tit {font-size: 4.5rem;}
	.view-top-info .item {margin-left: 24px;}
	.view-top-info .sub-tit {padding: 10px 24px;}

	.tab-nav a {font-size: 18px;}
	.tab-nav span::after {max-height: 45px; background-size: contain; left: -5px;}

	.tab-content .tab-header .tit {font-size: 22px;}
	.tab-content .list li p {font-size: 16px;}
	.tab-content .list li::after {top: 11px;}
}
@media (max-width: 1024px){
	.view-top-desc .inner {flex-wrap: wrap; justify-content: center;}
	.view-top-desc .nav-btn {top: 300px; right: 0; transform: translate(0, -50%);}
	.view-top-desc .nav-btn:hover {transform: translate(10%, -50%);}
	.view-top-desc .view-top-info {margin-left: 0; width: 100%; margin-top: 30px; padding-top: 0; position: static;}
	.product-view-top .view-top-desc {background-position-y: 100%;}
	.view-top-info .leaflet-down {right: 0; top: -18px;}

	.tab-nav li {flex: auto; width: auto;}
	.tab-nav span::after {max-height: 36px; left: 0;}

	.tab-content #tab03 .desc,
	.tab-content #tab04 .desc,
	.tab-content #tab05 .desc {padding-top: 150px; position: relative;}
	.tab-content #tab05 .desc+.desc {padding-top: 210px;}
	.tab-content .desc .inner {position: static;}

	.tab-content table thead {font-size: 15px;}
	.tab-content table tbody th {font-size: 16px; padding-left: 2rem;}
	.tab-content table tbody td {font-size: 16px;}

	.tab-content .tab-header {padding-left: 0;}
	.tab-content .list {padding-left: 0; position: static;}
	.tab-content .list::after {background-size: contain; top: 0; transform: translate(-50%, 0); left: 15%;}
	.tab-content .desc+.desc .list::after {top: 6rem;}

	.tab-content .tab-header .ico-wrap {transform: translateX(0);}
}
@media (max-width: 768px){
	.product-view-top .view-top-desc {background-position-y: 120%;}
	.product-view-wrap .product-view-tit {font-size: 24px;}

	.tab-nav span::after {display: none;}

	.view-top-info .leaflet-down {top: -16px; right: -20px;}
	.view-top-info .leaflet-down span {font-size: 14px;}

	.view-top-info .item {font-size: 16px;}
	.view-top-info .sub-tit {font-size: 18px;}

	.tab-content .list li::after {width: 18px; height: 18px; background-size: contain;}

	.tab-content .tab-header .ico-wrap .ico-item {width: 100px; height: 100px; margin-right: 2rem;}
}
@media (max-width: 640px){
	.products-info-box {margin-top: 4rem;}
	.view-top-info .leaflet-down a {padding: 20px 30px;}
	.view-top-info .tag {font-size: 14px; padding: 5px 15px;}

	.tab-nav a {font-size: 16px; padding: 2rem 0;}

	.tab-content .list::after {left: 20px; transform: translate(0, 0);}
	.tab-content .list li p {font-size: 14px;}
	.tab-content .tab-header .tit {font-size: 18px;}

	.tab-content .table-wrap {overflow-x: scroll;}
	.tab-content .table-wrap .table {min-width: 600px;}
}
@media (max-width: 480px){
	.tab-nav {flex-wrap: wrap;}
	.tab-nav li {min-width: 25%;}

	.view-top-info .sub-tit {padding: 10px;}
	.view-top-info .item {margin-left: 0; display: block;}
	.view-top-info dt,
	.view-top-info dd {width: 100%;}
	.view-top-info dd::after {display: none;}

	.tab-content .tab-header .ico-wrap {flex-wrap: wrap;}
	.tab-content .tab-header .ico-wrap .ico-item {margin-bottom: 10px; width: 60px; height: 60px; background-size: 60%;}
	.tab-content .tab-header .ico-wrap .ico-item.type-02 {background-size: 40%;}
}
/* 020101_PRODUCT-VIEW */
/* ===================================================== */


/* ===================================================== */
/* 030101_FARMING */
.farming-wrap {padding-bottom: 18rem;}
.farming-list {display: flex; flex-wrap: wrap; text-align: center;}
.farming-wrap .farming-list .item {width: 33.3333%; border-bottom: 1px solid #e4e4e0; border-right: 1px solid #e4e4e0; padding: 0 6rem 5rem; position: relative;}
.farming-wrap .farming-list .item:nth-of-type(3n - 2) {border-left: 1px solid #e4e4e0;}

.farming-list .item:nth-of-type(1),
.farming-list .item:nth-of-type(2),
.farming-list .item:nth-of-type(3) {border-top: 1px solid #e4e4e0;}
.farming-list .item a {display: block; font-size: 0; width: calc(100% + 2px); height: calc(100% + 2px); position: absolute; top: -1px; left: -1px; z-index: 1; transition: all 0.3s ease-in-out;}
.farming-list .item:hover a {border: 1px solid var(--color-main);}
.farming-list .item .img {border-radius: 0 0 10px 10px; overflow: hidden; position: relative; background-size: cover; background-position: center;}
.farming-list .item .img::after {display: block; content: ''; width: 80px; height: 76px; border-radius: 15px; background: var(--color-main) url(../images/sub/ico_plus.png) no-repeat 25px 20px; position: absolute; bottom: -10px; right: -8px; opacity: 0; transition: all 0.3s ease-in-out;}
.farming-list .item:hover .img::after {opacity: 1;}
.farming-list .item .tit {font-size: 20px; font-weight: 700; color: #000; margin-top: 5rem; transition: all 0.3s ease-in-out;}
.farming-list .item:hover .tit {color: var(--color-main);}

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
	.farming-wrap .farming-list .item {padding: 0 3rem 3rem;}
	.farming-list .item .tit {margin-top: 3rem;}
}
@media (max-width: 1024px){
	.farming-list .item .img::after {width: 60px; height: 60px; background-position: 15px 12px;}
}
@media (max-width: 768px){
	.farming-wrap .farming-list .item {width: 50%;}
	.farming-wrap .farming-list .item:nth-of-type(3n - 2) {border-right: 1px solid #e4e4e0; border-left: 0;}
	.farming-wrap .farming-list .item:nth-of-type(2n - 1) {border-left: 1px solid #e4e4e0;}
	.farming-list .item:nth-of-type(3) {border-top: 0;}
	.farming-list .item .tit {font-size: 18px;}
}
@media (max-width: 640px){
}
@media (max-width: 480px){
	.farming-list .item:nth-of-type(2) {border-top: 0;}
	.farming-wrap .farming-list .item {width: 100%;}
	.farming-wrap .farming-list .item:nth-of-type(2n) {border-left: 1px solid #e4e4e0;}
}
/* 030101_FARMING */
/* ===================================================== */


/* ===================================================== */
/* 030201__FARMING-BUG */
.farming-list-top {background: #f9f7f1 url(../images/sub/farm-info_bg.png) no-repeat var(--inner-padding) bottom; padding: 5rem 0; margin-bottom: 8rem;}
.farming-list-top .box {width: 75%; padding: 0 8rem; position: relative; margin-left: auto;}
.farming-list-top .list {display: flex; justify-content: center;}
.farming-list-top .slick-list {padding: 0 !important;}

.farming-list-top .nav {cursor: pointer; width: 42px; height: 42px; background: url(../images/sub/ico_arrow01.png) no-repeat center; position: absolute; top: 52px; left: 0; transform: translateY(-50%); transition: all 0.3s ease-in-out;}
.farming-list-top .nav.next {left: auto; right: 0; transform: translateY(-50%) rotate(180deg);}
.farming-list-top .nav:hover {transform: translate(-20%, -50%); background-image: url(../images/sub/ico_arrow02.png);}
.farming-list-top .nav.next:hover {transform: translate(20%, -50%) rotate(180deg);}

.farming-list-top .item {margin: 0 2rem; text-align: center;}
.farming-list-top .item .ico {display: inline-block; margin: 0 auto; border-radius: 50%; width: 90px; height: 90px; position: relative; transition: all 0.3s ease-in-out;}
.farming-list-top .item .ico img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.farming-list-top .item .tit {display: block; width: 100%; text-align: center; font-size: 20px; font-weight: 800; color: #222; margin-top: 2rem; transition: all 0.3s ease-in-out;}

.farming-list-top .item a:hover .ico,
.farming-list-top .item.on a .ico {background-color: var(--color-main);}
.farming-list-top .item a:hover .tit,
.farming-list-top .item.on a .tit {color: var(--color-main);}

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1440px){
}
@media (max-width: 1280px){
	.farming-list-top .box {width: 80%;}
	.farming-list-top .item .tit {margin-top: 1rem;}
}
@media (max-width: 1024px){
	.farming-list-top .box {padding: 0 4rem;}
	.farming-list-top .item {margin: 0 1rem;}
}
@media (max-width: 768px){
	.farming-list-top .box {width: 65%;}
	.farming-list-top .item .ico {width: 70px; height: 70px;}
	.farming-list-top .item .ico img {max-width: 40%; max-height: 50%; height: auto;}
	.farming-list-top .item .tit {font-size: 18px;}
}
@media (max-width: 640px){
	.farming-list-top {background-size: auto 80%;}
	.farming-list-top .item {margin: 0;}
}
@media (max-width: 480px){
}
/* 030201__FARMING-BUG */
/* ===================================================== */


/* ===================================================== */
/* 030301_WEEDS */
.farming-list-top.weeds {padding: 6rem 0 7rem; background-position: center bottom;}
.farming-list-top.weeds.type-01 {background-image: url(../images/sub/weeds_type-01.png);}
.farming-list-top.weeds.type-02 {background-image: url(../images/sub/weeds_type-02.png);}

.farming-list-top.weeds p {display: flex; align-items: center;}
.farming-list-top.weeds .item .ico {background-color: #fff;}
.farming-list-top.weeds .item .tit {width: auto; margin: 0 0 0 2rem;}
.farming-list-top.weeds .item .ico img {transition: all 0.3s ease-in-out;}
.farming-list-top.weeds .item .ico img:last-child {opacity: 0;}
.farming-list-top.weeds .item:hover .ico img:first-child,
.farming-list-top.weeds .item.on .ico img:first-child {opacity: 0;}
.farming-list-top.weeds .item:hover .ico img:last-child,
.farming-list-top.weeds .item.on .ico img:last-child {opacity: 1;}

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 640px){
	.farming-list-top.weeds .item {margin: 0 1rem;}
}
@media (max-width: 480px){
}
/* 030301_WEEDS */
/* ===================================================== */


/* ===================================================== */
/*  */

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 576px){
}
@media (max-width: 480px){
}
/*  */
/* ===================================================== */


/* 24.09.04 - 제품 2차 ul추가 */
.tab-content #tab03 .list .inner-sub_ul li {list-style-type: disc; font-size: 16px; margin-bottom: 0.8rem; color: #666; font-weight: 500; padding-left: 0; margin-left: 35px;}
.tab-content #tab03 .list .inner-sub_ul li::after {display: none;}
.tab-content #tab03 .list .inner-sub_ul ul {margin-top: 1rem;}
.inner-sub_ul .inner-sub_tit { position: relative; font-size: 16px;font-weight: 600;  color: #666; letter-spacing: -0.015em; padding-left: 30px; margin-top: 10px;}
.inner-sub_ul .inner-sub_tit::after { display: block; content: ''; width: 21px; height: 21px; position: absolute; top: 13px; left: 0; transform: translateY(-50%);background-image: url(../images/sub/list-dot02.png);}
@media (max-width: 1280px){
	.tab-content #tab03 .list .inner-sub_ul li {font-size: 15px;}
}



/* 24.11.14 - 살생물제 */
.sub-bio {margin-bottom: 5%;}
.sub-bio  table {
	width: 100%;
	border-collapse: collapse;
}
.sub-bio th, .sub-bio td {
	padding: 1.5rem;
	text-align: center;
	font-size: 1.8rem;
}
.sub-bio tr th {
	background-color: var(--color-main);
	color: #fff;
	font-weight: bold;
	font-size: 2rem;
}

.sub-bio td {border: 1px solid #ddd;}
.sub-bio tr th:first-child {border-radius: 20px 0 0 0;}
.sub-bio tr th:last-child {border-radius: 0 20px 0 0;}

@media (max-width: 1024px){
	.sub-bio tr th:first-child {border-radius: 10px 0 0 0;}
	.sub-bio tr th:last-child {border-radius: 0 1dvb 0 0;}
	.sub-bio  {overflow: auto;}
	.sub-bio table {width: 1200px;}
}
@media (max-width: 768px){
	.sub-bio table {width: 800px;}
}
@media (max-width: 576px){
	.sub-bio table {width: 600px;}
}