.sportWarp {width: 100%; height: auto; margin-top: 10rem; position: relative; 
font-family: 'Noto Sans JP', sans-serif;
}

@media (max-width:991px) {
	.sportWarp {overflow: hidden; margin-top: 6rem; padding-top: 1rem;}
	.p_title {font-size: 3em; line-height: 4rem; margin: 2rem 0 2rem 0;}
}

/* ::::::::: turf START ~ ::::::::: */
.turfMain {display: flex; position: relative; background: url(../img/turf/turf_Bg.jpg) no-repeat center / cover;}
@media (max-width:991px) {
	.turfMain {flex-direction: column; padding-bottom:80%; height:0;  background: url(../img/turf/turf_Bg_mo.jpg) no-repeat center / cover;}
}
@media (max-width:767px) {
	.turfMain {flex-direction: column; padding-bottom:133.335%;}
}
/* ::::::::: // ~ turf END ::::::::: */

/* ::::::::: sportMain START ~ ::::::::: */
.sportMain {display: flex; position: relative; background: url(../img/turf/sport_Bg.jpg) no-repeat center / cover;}
.sportInner {width:100%; margin:0 auto; max-width:156rem; padding:0 2rem;}
.sm_left, .sm_right {width:50%;}
.sm_left {
    color: #FFF;
    display: flex;
	/* background: #111; */
	padding: 22rem 0rem;
    justify-content: center;
    align-items: center;
	position:relative;
}
.sm_left::before {
    content: '';
    width: 51.428rem;
    height: 44.938rem;
    position: absolute;
    left: -18.485rem;
    top: -10.434rem;
    background: url(../img/turf/blacklogo.png) no-repeat right / contain;
}
.p_name {text-transform: uppercase; font-family: 'Outfit'; font-size: 6rem; font-weight: 700; line-height: 6rem; letter-spacing: 0.04em; overflow:hidden;}
.p_title {font-size: 4.2rem; font-weight: 700; line-height: 5rem; margin:5rem 0 2rem 0; overflow:hidden;}
.p_txt {font-size: 2.2rem; font-weight: 400; line-height: 3.2rem; color: rgba(255,255,255,0.6); overflow:hidden;}
/* .sm_right {background: url(../img/turf/sm_bg.jpg) no-repeat center / cover;} */
.sm_DownBtn {
	z-index: 5;
    width: 9rem;
    height: 9rem;
    border-radius: 50%;
    background: rgba(232, 34, 34, 0.85);
    box-shadow: 0px 1rem 1rem rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 50%;
    bottom: 0;
	transform: translate(-50%,50%);
}
.sm_DownBtn a {
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
    display: flex;
	position: absolute;
	align-items: center;
    justify-content: center;
}
.sm_DownBtn img {width: 1.6rem; height: auto;}

#category .cont_Title {
    font-family: 'Outfit';
    font-size: 6rem;
    font-weight: 600;
    line-height: 7rem;
	margin-bottom: 7rem;
    letter-spacing: 0.04em;
	text-transform: uppercase;
	overflow:hidden;
}

@media (max-width:991px) {
	.sportMain {flex-direction: column; padding-bottom:80%; height:0;  background: url(../img/turf/sport_Bg_mo.jpg) no-repeat center / cover;}
	.sm_left, .sm_right {width: 100%;}
	.sm_left {padding:8rem 2rem; justify-content: flex-start}
	.p_title {font-size: 2.5rem; font-weight: 700; line-height: 3.5rem; margin: 3rem 0 2rem 0;}
	.p_txt {font-size: 1.5rem; line-height: 2.1rem; opacity:0.6;}
	.sm_left::before {width: 21.428rem; height: 19.938rem; left: -7rem; top: -2.434rem;}
	.sm_DownBtn {width:4.7rem; height:4.7rem;}
	#category .cont_Title {font-size:4rem; line-height:5rem; margin-bottom:5rem;}
	.p_name {font-size: 4rem; font-weight: 700; line-height: 5rem;}
}
@media (max-width:767px) {
	.sportMain {flex-direction: column; padding-bottom:133.335%;}
	.sportWarp {overflow: hidden; margin-top: 5rem; padding-top: 0rem;}
	.sm_left {padding:6rem 2rem;}
	#category .cont_Title {margin-bottom:0; font-weight: 700; font-size: 2.6rem; line-height: 3.4rem; letter-spacing: 0.04em;}
	.p_name {font-size: 3rem; line-height: 3.4rem;}
	.p_title {margin: 2rem 0 1rem 0; font-size: 1.8rem; line-height: 2rem;}
	.sm_DownBtn img {width: 0.7rem; height: auto;}
}

/* ::::::::: // ~ sportMain END ::::::::: */


/* ::::::::: category , 특별한 이유 START ~ ::::::::: */
.productListPage .category{
	background: #F6F7F9;
}
.category {overflow: hidden;}
.category .sportInner {padding:15rem 2rem 25rem;}

.special {background:#F6F6F6; overflow: hidden;}
.special .sportInner {width:100%; max-width:156rem; padding:15rem 2rem;}

.cont_Title {font-size: 5rem; font-weight: 600; line-height: 6.2rem; overflow:hidden;}
.cont_Txt {
	margin-top:4rem;
	font-size: 2rem;
	font-weight: 400;
	text-align: left;
	line-height: 3.6rem;
	letter-spacing: 0em;
	overflow:hidden;
}
.specialSlide {margin-top:10rem; overflow:unset;}
.special .boxTitle {font-weight: 600; font-size: 2.6rem; line-height: 3.2rem;}
.specialContBox figure {
    width: 100%;
    height: auto;
    margin: 2rem 0;
    background: #FFF;
    padding-bottom: 60.3%;
    position: relative;
}
.specialContBox figure img {
	left: 50%;
    top: 50%;
    width: 8rem;
    height: auto;
    position: absolute;
    transform: translate(-50%,-50%);
}
.specialContBox ul li {
	font-size: 1.8rem;
	font-weight: 400;
	position:relative;
	line-height: 2.5rem;
	padding:0.8rem 0 0 2.3rem;
}
.specialContBox ul li:first-child {padding-top:0;}
.specialContBox ul li::before {
    top: 50%;
	left: 1rem;
    content: '';
    width: 0.3rem;
    height: 0.3rem;
    background: #222;
    border-radius: 50%;
    position: absolute;
    transform: translateY(-50%);
}
p.sport_name {
	left: 0;
	top: -2rem;
    font-family: Outfit;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 3.2rem;
    letter-spacing: 0.04em;
    margin-bottom: 2rem;
    position: absolute;
    transform: translateY(-100%);
	text-transform: capitalize;
}
@media (max-width:991px) {
	.category .sportInner {padding:9rem 2rem;}
	.cont_Title {font-size:3rem; line-height:3.2rem;}
	.cont_Txt {margin-top: 3rem; font-weight: 300; font-size: 1.8rem; line-height: 3rem;}
	.special .sportInner {padding:6rem 2rem;}
	.specialSlide {margin-top: 3rem;}
	.special .boxTitle {font-size: 2.4rem; line-height: 2.8rem; margin-bottom: 2.6rem;}
	.specialContBox figure {margin:1.6rem 0 2.5rem;}
	p.sport_name {
		top: 0;
		transform: unset;
		font-size: 2.2rem;
		position: relative;
		line-height: 2.8rem;
		margin-bottom: 2rem;
	}
}

@media (max-width:767px) {
	.category .sportInner {padding:6rem 2rem;}
	.specialContBox ul li {padding: 0 0 0 1.9rem; font-size: 1.5rem; line-height: 1.7rem; margin-bottom:1rem;}
	.specialContBox ul li:last-child {margin-bottom:0;}
	p.sport_name {font-size: 1.9rem; line-height: 2.5rem; margin-bottom: 1.4rem;}
	.cont_Title {font-size: 2.6rem; line-height: 3.4rem;}
	.cont_Txt {margin-top:2rem; font-size: 1.5rem; line-height: 2.3rem;}
	.special .boxTitle {font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 1.6rem;}
	.specialContBox figure {margin:1.6rem 0;}	
	.specialContBox figure img {width:7rem;}
}
/* ::::::::: // ~ category , 특별한 이유 END ::::::::: */


/* ::::::::: 인조잔디 구성 STAR ~ ::::::::: */
.process .sportInner {width:100%; max-width:156rem; padding:15rem 2rem;}
.processCont {width: 100%; display: flex; margin-top: 10rem; position: relative; justify-content: space-between;}
.pro_left {width: 40.79%; margin-right:3rem;}
.pro_right {width: 55.93%;}

.proBox {display: flex; margin-bottom: 3rem; align-items: flex-start; justify-content: flex-start;}
.proBox:last-child {margin-bottom:0;}
.proBox figure {width:16rem; height:16rem; margin-right:3rem; border-radius:50%; background:#f6f6f6;}
.proBox figure img {width: 100%; height: auto;}

.proTxtBox {width: 69.4%;}
.proName {font-size: 2.6rem; font-weight: 600; line-height: 3.2rem; margin-top:3rem; margin-bottom:1.6rem;}
.proTxt {font-size: 1.6rem; font-weight: 400; line-height: 2.4rem;}
.pro_right figure {width:100%; height:auto;}
.pro_right figure img {width:100%; height:auto;}

@media (max-width:991px) {
	.process .sportInner {padding:6rem 2rem;}
	.processCont {flex-direction: column-reverse; margin-top:3rem;}
	.process .cont_Txt {margin-top:1.6rem;}
	.pro_left {width: 100%;}
	.pro_right {
		width: 100%;
		height: auto;
		margin-top: 0;
		margin-bottom: 3rem;
	}
	.proBox figure {
		width: 10rem;
		height: 10rem;
		margin-right: 2rem;
		margin-bottom: 0;
		min-height: 7rem;
		min-width: 7rem;
	}
	.proBox {
		display: flex;
		margin-bottom: 2.4rem;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.proTxtBox {
		width: 81%;
		margin-left: 0rem;
		padding-bottom: 2.4rem;
		border-bottom: 1px solid #EEE;
	}
	.proBox:last-child .proTxtBox {padding-bottom:0; border-bottom:none;}
	.proTxt {font-size: 1.4rem; line-height: 2rem;}
	.proName {font-size: 1.8rem; line-height: 2.4rem; margin-top:0; margin-bottom: 1rem;}
}

@media (max-width:767px) {
	.proBox figure {width:7rem; height:7rem;}
}
/* ::::::::: // ~ 인조잔디 구성 END ::::::::: */


/* ::::::::::: +++++++++++++ ========== 놀이터 START ~ ========== +++++++++++++ :::::::::::*/
/* ::::::::: // 놀이터 비주얼 START ~  ::::::::: */
.playgroundWarp {width:100%; position:relative; margin-top: 10rem; position: relative;}
.playInner {width:100%; max-width:156rem; padding:15rem 2rem; margin:0 auto;}
.pgMain .playInner {padding:19.8rem 2rem;}
.pgMain {position: relative; background-size: cover; background-repeat: no-repeat; background-position: center;}
.pgMain_left {color: #FFF; display: flex; align-items: center; position: relative; justify-content: flex-start;}
.pgMain .p_txt {color:#fff;}

@media (max-width:991px) {
	.playgroundWarp {margin-top:5rem;}
}

@media (max-width:767px) {
	.pgMain .playInner {padding: 6rem 2rem 29.3rem;}
}
/* ::::::::: // ~ 놀이터 비주얼 END ::::::::: */


/* ::::::::: 관련 제품 START ~  ::::::::: */
/* .productDetailPage .playInner:nth-child(1){ */
    /* padding: 8rem 2rem 15rem 2rem; */
/* } */

.productDetailPage .playInnerWrap{
	position:relative;
	border-top: 1rem solid #F4F4F4;
}
.productDetailPage .playInnerWrap:nth-child(1){
	border-top: none;
}
.productDetailPage .playInnerWrap:nth-child(1) .playInner{
	padding: 8rem 2rem 15rem 2rem;
}
.productDetailPage .n_pro{
	position:relative;
	border-top: 1rem solid #F4F4F4;
}
.productplayDetailPage .playInnerWrap{
	position:relative;
	border-top: 1rem solid #F4F4F4;
}

.potopbox{position:relative;width: 100%;max-width: 156rem;padding: 8rem 2rem 0rem 2rem;margin: 0 auto;}
.protBox{position:relative;padding-bottom:8rem;border-bottom:1px solid #eee;}
.venBackBox {background: #F5F7F9;padding:1rem;margin-bottom: 0rem;width: 100%;position: relative;text-align: left;}
.venBack {display: inline-block;}
.venBack a {display: flex;align-items: center;justify-content: flex-start;}
.venBack a .vendearrow{height:6.1rem;width:6.1rem;background-image: url(../img/turf/vende_arrow_ver2.png);background-size: cover;background-repeat: no-repeat;background-position: center;}
.venBack a span {font-size: 2rem;font-weight: 500;line-height: 6.1rem;letter-spacing: -0.02em;text-align: left;color: #222;}

.bredcate {right: 3rem;position: absolute;font-family: 'Noto Sans JP', sans-serif;font-size: 2rem;font-weight: 700;line-height: 3.1rem;letter-spacing: 0em;text-align: left;color: #222;top: 50%;transform: translateY(-50%);}

.proth1{display:block;margin-top:5rem;text-align:center;}
.proth1 p{
	display:block;
	color: #E82222;
text-align: center;
font-family: 'Outfit', sans-serif;
font-size: 2.4rem;
font-weight: 800;
line-height: 2.8rem;
text-transform: uppercase;
}
.proth1 h1{text-align:center;display:block;}
.proth1 h1 span {
    display: block;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 5.2rem;
    font-weight: 700;
    line-height: 7rem;
    letter-spacing: 0em;
    text-align: center;
    color: #222;
    margin: 2.2rem 0rem;
}
.proth1 h1 dl{display:block;font-family: 'Noto Sans JP', sans-serif;font-size: 2.8rem;font-weight: 500;line-height: 4.4rem;letter-spacing: 0em;text-align: center;color:#222;}

.n_pro {width:100%; position:relative; overflow: hidden;}
.n_pro .playInner {width:100%; max-width:156rem; padding:15rem 2rem; margin:0 auto;}

@media (max-width:991px) {
	.n_pro .playInner {padding:8rem 2rem ;}
	
	.protBox {padding-bottom: 6rem;}
	.potopbox {padding: 6rem 2rem 0rem 2rem;}
	.venBack a span {font-size: 1.8rem;line-height: 5.1rem;letter-spacing: -0.02em;}
	.venBack a .vendearrow {height: 5.1rem;width: 5.1rem;}
	.bredcate {right: 3rem;font-size: 1.8rem;line-height: 3.1rem;}
	.proth1 {margin-top: 4rem;}
	.proth1 h1 {text-align: center;display: block;padding: 0rem 2rem;}
	.proth1 p {
		font-size: 2rem;
		line-height: 2rem;
	}
	.proth1 h1 span {
		font-size: 4rem;
		line-height: 4rem;
		margin: 1.6rem 0rem;
	}
	.proth1 h1 dl {text-align: center;font-size: 1.6rem;line-height: 2.4rem;padding-bottom: 0rem;}
}
@media (max-width:767px) {.n_pro .playInner {padding:6rem 2rem 12rem;}
.productDetailPage .playInnerWrap{
	border-top: 0.6rem solid #F4F4F4;
}
.productDetailPage .n_pro{
	border-top: 0.6rem solid #F4F4F4;
}


.productplayDetailPage .playInnerWrap{
	border-top: 0.6rem solid #F4F4F4;
}

	.protBox {
		border-bottom:none;
		padding-bottom: 0rem;
	}
	.potopbox {
		padding: 0rem 0rem 0rem 0rem;
	}
	.venBackBox {
		padding: 0rem;
	}
	.venBack a span {
		font-size: 1.3rem;
		line-height: 4.9rem;
		letter-spacing: -0.02em;
	}
	.venBack a .vendearrow {
		height: 4.9rem;
		width: 4.9rem;
	}
	.bredcate {
		right: 7rem;
		font-size: 1.3rem;
		line-height: 3.1rem;
	}
	.proth1 {
		margin-top: 3rem;
	}
	.proth1 p {
		text-align: left;
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.proth1 h1 span {
		text-align: left;
		font-size: 2.8rem;
		line-height: 3.6rem;
		margin: 1rem 0rem;
	}
	.proth1 h1 dl {
		padding-bottom: 4rem;
		border-bottom: 1px solid #222;
		text-align: left;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}

}
/* ::::::::: ~ 관련 제품 END  ::::::::: */


/* ::::::::: 제품 설명 START ~  ::::::::: */
.proInfoWrap {position:relative;}
.proInfoTxt {width: 100%; display: flex; margin: 7rem 0; justify-content: space-between;}
.proInfo_left, .proInfo_right {width:calc(100%/2 - 3rem); font-size: 2rem; font-weight: 300; line-height: 3.6rem;}
.pg_mark {display:flex;}
.pg_mark li {width:10rem; height:10rem; margin-right:6rem;}
.pg_mark li:last-child {margin-right:0;}
.pg_mark li img {width:100%; height:auto;}

@media (max-width:991px) {
	.proInfoTxt {margin:3rem 0;}
	.pg_mark li {width: 3.8rem; height: 3.8rem; margin-right: 1.6rem;}
}
/* ::::::::: // ~ 제품 설명 END ::::::::: */

.pg_turfWrap {position:relative;overflow:hidden;}
.pg_turfCont {margin-top:7rem;}
.smallSlideWrap {overflow:hidden;}

/* ::::::::::::: =========== 썸네일 슬라이드 START ~  =========== ::::::::::::: */
.pg_turfCont {display: flex; justify-content: space-between;}
.pg_turfContleft {width: 32.895%;}
.pg_turfContright {width: 61.843%; margin-left:4rem; }

.thumNailInner {width: 100%; position: relative;}

.big {
    max-height: 50rem;
    margin-bottom: 2rem;
    height: auto;
}
.big .swiper-slide {
	/* width: 50rem;  */
height: auto; position:relative;}
.big .swiper-slide figure{position:relative;}
.big .swiper-slide img {width:100%; max-width:100%; height:auto;position:relative;z-index:50;object-fit: fill;}
.big .swiper-slide figure:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0%;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-top-color: rgba(0, 0, 0, 0.06);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgba(0, 0, 0, 0.06);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.06);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgba(0, 0, 0, 0.06);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    content: "";
    z-index: 60;
}

.smallWrap {position:relative;}
.small {width: 100%; margin: 0; overflow: unset; padding-bottom: 1rem;}
.mySwiper.small .swiper-slide {position:relative; width:25%!important;}
.mySwiper.small .swiper-slide img {width:100%; height:auto; vertical-align: bottom;cursor:pointer;}
.mySwiper.small .swiper-slide-thumb-active {opacity: 1;}
.mySwiper.small .swiper-slide-thumb-active::before {
	left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 111, 188, 0.7), rgba(0, 111, 188, 0.7));
}
.mySwiper.small .swiper-slide-thumb-active::after {
    top: 50%;
	left: 50%;
	content: '';
    width:2.4rem;
    height:1.8rem;
    position: absolute;
	transform:translate(-50%,-50%);
    background: url(/public/img/play/thumnail_check.png) no-repeat center / cover;
} 
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#222;}
.swiper-pagination.small-pn {
    height: 2px;
    top: unset;
    bottom: 0;
}

/* :::: 슬라이드 버튼 커스텀 :::: */
.pg.sBtnGroup {
	/* === 위치 === */
    top: 50%;
	left: 50%;
    width: 110%;
    transform: translate(-50%,-50%);
	z-index: 1;
    display: flex;
    position: absolute;
    justify-content: space-between;
}
.pg.sBtnGroup .swiper-button-next, .pg.sBtnGroup .swiper-button-prev {
    height: 3.9rem;
    width: 3.9rem;
    margin: 0;
    position: unset;
	border-radius: 50%;
    background-size: cover;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
    background-position: center;
    background-repeat: no-repeat;
}
.pg.sBtnGroup .swiper-button-next:after, 
.pg.sBtnGroup .swiper-button-next::before,
.pg.sBtnGroup .swiper-button-prev:after,
.pg.sBtnGroup .swiper-button-prev:before {content: "" !important; display:none!important;}
.pg.sBtnGroup .swiper-button-prev.swiper-button-disabled,
.pg.sBtnGroup .swiper-button-next.swiper-button-disabled {opacity:1;}

/* === 슬라이드 버튼 이미지 설정 === */
.pg.sBtnGroup .swiper-button-prev {background-image: url(/public/img/play/thumnail_left.png);}
.pg.sBtnGroup .swiper-button-next {background-image: url(/public/img/play/thumnail_right.png);}
/* === 슬라이드 버튼 disabled 버전 이미지 설정 === */
.pg.sBtnGroup  {opacity:0;}
.smallWrap:hover .pg.sBtnGroup  {opacity:1;}
.pg.sBtnGroup .swiper-button-next {top: 50%; position: absolute; transform: translateY(-75%);}
.pg.sBtnGroup .swiper-button-prev {top: 50%; position: absolute; transform: translateY(-75%);}

@media (max-width:991px) {
.pg.sBtnGroup .swiper-button-next {top: 50%; position: absolute; transform: translateY(-50%);}
.pg.sBtnGroup .swiper-button-prev {top: 50%; position: absolute; transform: translateY(-50%);}	
}
/* :::::::::: // ~ 스와이퍼 커스텀 END :::::::::: */

.pg.sBtnGroup .swiper-button-prev.swiper-button-disabled, 
.pg.sBtnGroup .swiper-button-next.swiper-button-disabled {opacity: 0;}

/* === 기존 디폴트 테이블 === */
.pg_turfCont table {width:100%;border-top: 1px solid #222!important;}
.pg_turfCont tr {
	width: 100%;
    padding: 2.1rem 0;
    display: inline-flex;
	box-sizing: border-box;
    border-bottom: 1px solid #DDD;
}
.pg_turfCont th {
    width: 18.09%;
    text-align: left;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 2.8rem;
	letter-spacing: 0em;
	text-align: left;
	color:#222;
}
.pg_turfCont td {width: auto; font-size: 1.8rem; font-weight: 300; line-height: 2.8rem; color: #444;}

.bold {font-weight:600; color:#222;}
.listbox {display:flex;}
.listbox li {display:flex; margin-right:4rem;}
.listbox li:last-child {margin-right:0;}
.listbox li .bold {margin-right:2rem;}
.listbox li.colum {flex-direction: column;}
.listbox li.colum .bold {margin-bottom:1rem;}
/* === // 기존 디폴트 테이블 === */

/* === 관리자 생성 테이블 === */
.prtable{width:100%;position:relative;}
.prtable table {border:none;width: 100%!important;}
.prtable tr {width: 100%;padding: 2.1rem 0;display: inline-flex;box-sizing: border-box;border-bottom: 1px solid #DDD;}
.prtable tr td{border:none;}
.prtable tr td:nth-child(1){width: 18%;text-align: left;font-family: 'Noto Sans JP', sans-serif;font-size: 1.8rem;font-weight: 600;line-height: 2.8rem;letter-spacing: 0em;text-align: left;color: #222;}
.prtable tr td:nth-child(2){width: 82%;font-size: 1.8rem;font-weight: 400;line-height: 2.8rem;color: #444;}
.prtable tr td:nth-child(2) strong{font-weight: 600;color: #222;margin-right: 2rem;}
.prtable tr td:nth-child(2) em{margin-right: 4rem;}
.prtable tr td em:last-child{text-decoration:none;margin-right: 0rem;}
.prtable tr td li:nth-child(1) {display: block;font-weight: 600;color: #222;margin-bottom: 1rem;}
/* === // 관리자 생성 테이블 === */

.mo_only.vmBtn {
    left: 50%;
    bottom: 0;
    position: absolute;
    transform: translateX(-50%);
    padding: 1.4rem 2.7rem;
    border: 1px solid #EEE;
    border-radius: 99px;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: center;
    color: #222;
    background: #FFF;
}
@media (max-width:991px) {
	.pg_turfCont {display: flex; justify-content: space-between; flex-direction: column;}
	.pg_turfContleft {width: 100%;}
	.big {max-height:100%; height: 100%;}
	
	.listbox {display: flex; flex-direction: column;} 
	.pg_turfCont th {min-width:6rem;}
	.prtable tr {flex-direction: column; padding:1.8rem 0;}
	.prtable tr td:nth-child(1) {min-width: 6rem; width: 100%; font-size: 1.8rem; font-weight: 700; line-height: 2rem; margin-bottom: 1.2rem;}
	.prtable tr td:nth-child(2) {width: 100%; font-size: 1.4rem; line-height: 2rem; font-weight: 400;}
	.prtable tr td:nth-child(2) em {display: block; margin-right: 0rem;}
	.prtable tr td:nth-child(2) em:nth-child(2) {margin: 0.6rem 0;}
	.prtable tr td:nth-child(2) em:last-child {margin-bottom: 0rem;}
	.sportInner .custom.swiper-pagination-progressbar {width: 77.672%;}
	.sportInner .sBtnGroup .swiper-button-prev {padding: 0.5rem 0 0.5rem 1.79rem;}
	.sportInner .sBtnGroup .swiper-button-next {margin-left: 2rem; padding: 0.5rem 1.79rem 0.5rem 0;}
	
	.proInfo_left, .proInfo_right {width:100%; font-size:1.5rem; line-height:2.3rem; margin:0;}
	.proInfoTxt {width: 100%; flex-direction: column;}
	h3.proInfo_right {padding-top: 2.3rem;}
	
	.big .swiper-slide {height: auto;}
	
	/* .productDetailPage .playInnerWrap:nth-child(1) .playInner {padding: 6rem 2rem 6rem 2rem;} */
	.productDetailPage .playInnerWrap:nth-child(1) .playInner {padding: 6rem 0rem 6rem 0rem;}
	
	#proInfoWrap .cont_Title {padding:0 2rem;}
	#proInfoWrap .thumNailInner {padding:0 2rem;}
	#proInfoWrap .prtable {padding:0 2rem;}
	#proInfoWrap .reperenceSlide .re_txt {padding:0 2rem;}
	#proInfoWrap .re_swiperWrap {padding:0 2rem;}
	
	.playInner {padding: 6rem 2rem 6rem;} 
	.pg_turfContright {width:100%;overflow:hidden; margin-left:0; margin-top:5rem;}
	.pg.sBtnGroup {width:100%;}
	
	.pg.sBtnGroup .swiper-button-next, .pg.sBtnGroup .swiper-button-prev {width:2.9rem; height:2.9rem; padding:0;}
	.pg_turfCont {margin-top:2rem;} 
	.pg.sBtnGroup {opacity:1;}
	.small {padding-bottom:0;}
	.swiper-pagination.small-pn {display:none;}
	
	/* .prtable {height: 550px;} */
	/* .prtable tr {flex-direction: column; padding: 1.6rem 0;} */
	/* .prtable { */
		/* padding-bottom:3rem; */
		/* max-height: 550px; */
		/* overflow: hidden; */
	/* } */
	/* .prtable.h100 {max-height: unset;} */
}

@media (max-width:767px) {
	.big {
		margin-bottom: 1rem;
	}
	.sportInner .custom.swiper-pagination-progressbar {width: 58.672%;}
	/* .pg.sBtnGroup {width:98%;}  */
	.smallWrap.mononepad{
		padding-bottom:0!important;
	}
	.smallWrap {
		padding-bottom: 5.7rem;
		position: relative;
	}
	.pg.sBtnGroup {
		left: 0rem;
		transform: inherit;
		bottom: 0rem;
		top: inherit;
		width: 100%;
	}
	.pg.sBtnGroup .swiper-button-prev.swiper-button-disabled, .pg.sBtnGroup .swiper-button-next.swiper-button-disabled {
		opacity: 1;
	}
	.pg.sBtnGroup .swiper-button-next, .pg.sBtnGroup .swiper-button-prev {
		width: 4.1rem;
		height: 4.1rem;
		padding: 0;
	}
	.pg.sBtnGroup .swiper-button-prev {
		top: -4.1rem;
		position: absolute;
		transform: inherit;
	}
	.pg.sBtnGroup .swiper-button-next {
		top: -4.1rem;
		position: absolute;
		transform: inherit;
	}
	
	.mySwiper.small .swiper-slide {width: 19.105%!important;}
}
/* ::::::::::::: =========== // ~ 썸네일 슬라이드 END =========== ::::::::::::: */

/* ::::::::::::: =========== 레퍼런스 슬라이드 START ~ =========== ::::::::::::: */
.reperenceSlide {margin-top:8rem;}
.re_swiperGroup {position: relative;}
.re_swiperWrap {overflow:hidden; position:relative;}
.reperenceSlide .re_txt {
	color:#222;
	font-size: 3rem;
	font-weight: 600;
	margin-bottom:3rem;
	line-height: 3.6rem;
}
.reperenceSlide .reper {width: 100%; margin: 0; overflow: unset;}
.reperenceSlide .reper .swiper-slide {width:25%;}
.reperenceSlide .reper .swiper-slide figure {overflow: hidden;width:100%; height:auto;position:relative;padding-bottom:100%;}
.reperenceSlide .reper .swiper-slide figure img {height:100%; vertical-align: bottom; top:0rem; left:50%; position:absolute; transform:translateX(-50%);}
.reper_stxt {font-size: 1.8rem; font-weight: 500; line-height: 2.8rem; margin-top:1.4rem;}

.reperenceSlide .sBtnGroup {
    top: 45%;
    left: 50%;
    width: 106%;
    position: absolute;
    transform: translate(-50%,-50%);
}
.reperenceSlide .sBtnGroup .swiper-button-next, .reperenceSlide .sBtnGroup .swiper-button-prev {width:5.3rem; height:5.3rem; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); border-radius:50%;}
.reperenceSlide .sBtnGroup .swiper-button-next {background-image: url(/public/img/play/thumnail_right.png);}
.reperenceSlide .sBtnGroup .swiper-button-prev {background-image: url(/public/img/play/thumnail_left.png);}
.reperenceSlide .sBtnGroup .swiper-button-next::before {display:none;}
.reperenceSlide .sBtnGroup .swiper-button-prev::before {display:none;}
.reperenceSlide .swiper-slide:hover .reper_stxt {text-decoration: underline;}
.playgroundWarp .category {background: #f6f7f9;}

@media (max-width:991px) {
	.reperenceSlide {margin-top:6rem;} 
	.reperenceSlide .sBtnGroup {width: 96%;}
	.reperenceSlide .sBtnGroup .swiper-button-next, .reperenceSlide .sBtnGroup .swiper-button-prev {width:2.9rem; height:2.9rem; padding:0;}
	.reperenceSlide .re_txt {font-size: 2.6rem; margin-bottom:3rem; line-height: 3.4rem;}
	.reper_stxt {font-weight: 500; font-size: 1.5rem; line-height: 2.4rem; margin-top: 1.2rem;}
}
/* ::::::::::::: =========== ~ 레퍼런스 슬라이드 END =========== ::::::::::::: *

/* ::::::::::: +++++++++++++ // ~ 놀이터 END +++++++++++++ :::::::::::*/
/* :::::::::: 스와이퍼 커스텀 START ~ :::::::::: */
.swiperArea {padding:0; overflow: unset;}
#category .swiper_cus.swiper {position: relative; overflow: unset; height:30.8rem;}

.n_pro .swiper_cus.swiper {position: relative; overflow: hidden; height:auto;}
.n_pro .n_proRight .swiper_cus.swiper {position: relative; overflow: unset; height:auto;}

.s-flexInner {width: 100%; height: auto; display: flex; padding: 2rem 5rem; flex-direction: column;}
.s-flexInner figure {width:3rem; height:3rem; background:#F6F6F6;}
.s-flexInner figure img {width:100%; height:auto;}

/* :::: 페이지 네이션 커스텀 :::: */
.custom.swiper-pagination-bullets {bottom: 0; top: unset; padding-top: 1rem; transform: translateY(100%);}
.custom.swiper-pagination-bullet {
	/* === 크기 === */
    width: 0.6rem;
    height: 0.6rem;
	opacity: 1;
    border-radius:50%;
    background:#F6F6F6;
	display: inline-block;
}
.custom .swiper-pagination-bullet-active {background:#222;}

/* :::: 슬라이드 버튼 커스텀 :::: */
.n_pro .sBtnGroup {
    z-index: 1;
    width: 100%;
    display: flex;
    margin-top: 6rem;
    justify-content: flex-start;
    position: absolute;
    left: 0;
    bottom: 20%;
    z-index: 10;
}
.n_pro .sBtnGroup .swiper-button-next, 
.n_pro .sBtnGroup .swiper-button-prev  {
	margin: 0;
	position: unset;
	background-size: cover;
	background-position: center;
    background-repeat: no-repeat;
	position: relative!important;
}
.n_pro .sBtnGroup .swiper-button-next:after, 
.n_pro .sBtnGroup .swiper-button-prev:after {content: "" !important; display:none;}
.n_pro .sBtnGroup .swiper-button-prev.swiper-button-disabled,
.n_pro .sBtnGroup .swiper-button-next.swiper-button-disabled {opacity:0.3;}
.n_pro .sBtnGroup .swiper-button-prev {left: 0; content: ''!important; position: relative!important;}
.n_pro .sBtnGroup .swiper-button-prev {padding: 1rem 0 1rem 3.6rem; margin-right: 3rem!important;}
/* :::::::::: // ~ 스와이퍼 커스텀 END :::::::::: */

.n_proGroup {
    display: flex;
    flex-direction: row;
    align-items: center;
	position:relative;
}
.n_proGroup::before {
    content: '';
    width: 100%;
    height: 100%;
    z-index: 2;
    right: 100%;
    background: #FFF;
	position: absolute;
}
.n_proLeft {width: 29%; z-index: 10; background:#fff; margin-right: 6rem;}
.n_proSlideLeft {
    width: 100%;
    padding: 5rem 0px;
}
.n_proSlideLeft div#atpro {padding: 9.7rem 0 12.2rem 0;}
.n_proLeft .s-flexInner {padding:0;}
.n_proTitle {
	font-weight: 600;
	font-size: 3.8rem;
	line-height: 4.4rem;
	margin-bottom:2.9rem;
}
.n_proTxt {
	font-weight: 300;
	font-size: 1.8rem;
	line-height: 3.4rem;
	margin-bottom: 2rem;
}
.vmore {
	display: flex;
	font-family: Outfit;
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 3.5rem;
	letter-spacing: 0.04em;
}
.s-flexInner .vmore figure {
    width: 2.4rem;
    height: 1.3rem;
    background: none;
	margin-left: 1rem;
}
.n_proRight #atpro {padding: 4rem; overflow: unset; width: 51.8%!important;}
.n_proRight {width: 71%; position:relative;}

.n_proRight #atpro {width: 58.47%!important; overflow: unset;}
.n_proRight .swiper-wrapper {align-items: center;}

.related .swiper-slide-active{opacity:1; z-index:1;}
.related .swiper-slide{background:#fff; opacity:0; z-index:-1; height: auto;}

.showcircle .swiper-slide-prev {opacity:0;}
.showcircle .swiper-slide-active{margin-left:0!important;}

.n_proRight .swiper_cus .swiper-slide.swiper-slide {border-radius: 50%; transform-origin: center; transform: scale(0.7);}
.n_proRight .swiper_cus .swiper-slide.swiper-slide-active {transform: unset; border-radius: 50%; width: 100%!important; transform: scale(1);}
.n_proRight .swiper_cus .swiper-slide.swiper-slide-prev {background:#FFF;}
.n_proRight #atpro .swiper-slide figure {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 50%;
	border: 1px solid #DDD;
    padding-bottom: 100%!important;
}
.n_proRight #atpro .swiper-slide figure img {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
	height:100%;
    position: absolute;
}
.n_proRight #atpro .swiper-slide p.title {
	left: 50%;
    font-weight: 500;
	font-size: 3.4rem;
    line-height: 4rem;
    text-align: center;
    margin-top: 2.6rem;
    position: absolute;
    transform: translateX(-50%);
}
.n_proRight #atpro .swiper-slide-active p.title {display:none;}
.n_proRight #atpro .swiper-slide-prev p.title {display:none;}

/* circle animation START ~ */
.activeCircle {
    position: absolute;
    top: 50%;
    width: 59%;
    height: 100%;
    border-radius: 50%;
    border: 2px dashed #DDD;
    transform: translateY(-50%);
}

.satellite_wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.satellite_box {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%; 
	animation: forwardRotate 20s linear infinite; 
	text-align: center; 
	line-height: 7rem;
}
	
.satellite_box p {width:2.4rem; height:2.4rem; background:red; border-radius:50%;}
.satellite_box1 p {
	top: 52%;
	left: -1%;
	width:1.2rem;
	height:1.2rem;
    position: relative;
	background:#DDDDDD;
}
.satellite_box2 p {position: relative; top: -2.2%; left: 45%;}
.satellite_box3 {animation: forwardRotateRevers 20s linear infinite; }
.satellite_box3 p {
	top: 71.5%;
    left: 93.5%;
	width:1.4rem;
	height:1.4rem;
	background:#006FBC;	
    position: relative;
}
@keyframes forwardRotate {
  from { transform: rotate(0deg), translate(-50% -50%); }
  to { transform: rotate(360deg); }
}

@keyframes forwardRotateRevers {
  from { transform: rotate(0deg), translate(-50% -50%); }
  to { transform: rotate(-360deg); }
}

@media (max-width:991px) {
	.n_proRight #atpro .swiper-slide p.title {display:none;}
	.n_proGroup {flex-direction: column;}
	.n_proGroup::before {display:none;}
	.n_proLeft {width: 100%; margin-right: 0; background:none;}
	.n_proSlideLeft div#atpro {padding: 3rem 0 0rem 0;}
	.n_proRight #atpro {width: 100%!important; overflow: unset; padding: 12.5rem;}
	.n_proRight {width: 100%;}
	
	.activeCircle {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 80%;
		height: 80%;
		border-radius: 50%;
		border: 2px dashed #DDD;
		transform: translate(-50%,-50%);
	}
	.n_pro .sBtnGroup.mo_only {
		position: absolute;
		left: 0;
		bottom: 0;
		display: flex!important;
		justify-content: center;
		margin-top: 0;
		padding-top: 0rem;
		transform: translateY(100%);
	}
	.n_proRight .swiper_cus .swiper-slide.swiper-slide {transform-origin: center; transform: scale(0.8);}
	.n_proRight .swiper_cus .swiper-slide.swiper-slide-active {width:100%!important; transform: scale(1);}
	.showcircle .swiper-slide-prev {opacity: 1;}
	
	.satellite_box1 p {top: 57%; width: 0.7rem; height: 0.7rem; left:0%;}
	.satellite_box2 p {top: -1%; width: 1.64rem; height: 1.64rem;}
	.satellite_box3 p {top: 73.5%; width: 1rem; height: 1rem; left: 93.3%;}
	
	
	
	.n_proTitle {font-size: 2rem; line-height: 2.4rem; margin-bottom: 1.6rem;}
	.n_proTxt {font-size: 1.5rem; line-height: 2.3rem;}
	.vmore {font-size: 1.2rem; line-height: 2.3rem;}
	.s-flexInner .vmore figure {width: 1.7rem; height: auto;}
	
	.n_pro .sBtnGroup {margin-top: 0rem; position: relative; justify-content: center; z-index: 10; bottom: 0rem;}
	.n_pro .sBtnGroup .swiper-button-next {margin-left: 2rem;}
}
@media (max-width:850px) {
	.activeCircle {width: 73.11%; height: 73.11%;}	
}
@media (max-width:767px) {
	.relproduct .playInner {padding: 6rem 2rem 6rem;}
	.activeCircle {width: 90%; height: 90%;}
	.n_proRight #atpro {width: 100%!important; overflow: unset; padding: 5.3rem;}
	.n_proRight .swiper_cus .swiper-slide.swiper-slide {transform-origin: center; transform: scale(0.8);}
	.n_proRight .swiper_cus .swiper-slide.swiper-slide-active {width: 100%!important; transform-origin: center; transform: scale(1);}
}
@media (max-width:500px) {
	.activeCircle {width: 85.11%; height: 85.11%;}
	
	.satellite_box1 p {left:-0.7%;} 
	.satellite_box2 p {left:35%;}
	.satellite_box3 p {left:92.3%;}
	
	
}

/* // ~ circle animation END */

/* ::::::::::::: =========== 제품 리스트 영역 START ~ =========== ::::::::::::: */

.sportListMain {
    display: flex;
    position: relative;
    height: 65rem;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
	z-index:3;
}
.slmbg_football{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	background-image: url(../img/turf/sport_football_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	z-index:3;
}
.simbg_baseball{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	background-image: url(../img/turf/simbg_baseball.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	z-index:3;
}
.simbg_hockey{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	background-image: url(../img/turf/simbg_hockey.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	z-index:3;
}
.simbg_golf{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	background-image: url(../img/turf/simbg_golf.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	z-index:3;
}
.simbg_tennis{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	background-image: url(../img/turf/simbg_tennis.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	z-index:3;
}

.slmbg_landscape{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	background-image: url(../img/turf/landscape_top_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	z-index:3;
}

.slmtitle{
	position:relative;
	z-index:4;
	display:block;
	width: 100%;
    max-width: 156rem;
    padding: 0rem 2rem 0rem 2rem;
    margin: 0 auto;
}
.sl_name {
    text-transform: uppercase;
    font-family: 'Outfit';
    font-size: 7rem;
    font-weight: 700;
    line-height: 7rem;
    letter-spacing: 0.04em;
	color:#fff;
	display:block;
	margin-bottom:5rem;
	overflow:hidden;
}
.sl_txt {
	font-family: 'Noto Sans JP', sans-serif;
	display:block;
	text-align:left;
    font-size: 4.2rem;
    font-weight: 700;
    line-height: 5.6rem;
    color: #fff;
	overflow:hidden;
}

.turprtitleBox{
	padding:15rem 0rem;
	display:block;
	text-align:left;
	width:100%;
	border-bottom:1rem solid #f4f4f4;
}
.turprInner{
	width: 100%;
    max-width: 156rem;
    padding: 0rem 2rem 0rem 2rem;
    margin: 0 auto;
}
.turprInner h2{
	display:block;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 5rem;
	font-weight: 600;
	line-height: 6.2rem;
	letter-spacing: 0em;
	text-align: left;
	color:#222;
	margin-bottom:7rem;
	word-break: keep-all;
	overflow:hidden;
}
.turprInner h3{
	display:block;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 3.4rem;
	letter-spacing: 0em;
	text-align: left;
	color:#222;
}



.turfListWrap{
	width: 100%;
    position: relative;
    overflow: hidden;
}
.turfListSideBox.landcape{
	padding: 15rem 2rem 9rem 2rem;
}
.turfListSideBox {
    width: 100%;
    max-width: 156rem;
    padding: 15rem 2rem 8rem 2rem;
    margin: 0 auto;
}

.tusb{
	    text-transform: uppercase;
	display:block;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 5rem;
	font-weight: 600;
	line-height: 6.2rem;
	letter-spacing: 0em;
	text-align: left;
	color:#222;
	margin-bottom:7rem;
	overflow:hidden;
}


.turfProductBox{
	width:100%;
	position:relative;
}
.turfProductBox ul{
	text-align: left;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
.turfProductBox ul li{
	width:100%;
	position:relative;
	float: left;
    text-align: center;
    width: calc(33.333333333333% - 3.9rem);
    position: relative;
    display: inline-block;
    list-style: none;
    margin: 0 5.8rem 7rem 0px;
    background-color: #fff;
}
.turfProductBox ul li:nth-child(3n){margin-right:0rem;}
.turfProductImg{
	width:100%;
	position:relative;
	/* border: 1px solid #eee; */
}
.turfProductImg figure {
    overflow: hidden;
    width: 100%;
    position: relative;
    padding-bottom: 83.8%;
}
.turfProductImg figure:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0%;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-top-color: rgba(0, 0, 0, 0.06);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgba(0, 0, 0, 0.06);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.06);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgba(0, 0, 0, 0.06);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    content: "";
    z-index: 60;
}
.turfProductImg figure img {
	z-index:40;
	top: 0rem;
    left: 50%;
	max-width: 100%;
    position: absolute;
    transform: translateX(-50%);
}

.tp-flexInner {
    width: 100%;
    height: auto;
    display: block;
	text-align:left;
    padding: 3rem 0rem 0rem 0rem;
}
.tpcatetext{
	text-transform: capitalize;
	display:block;
	color: #E82222;
text-align: left;
    font-family: 'Outfit', sans-serif;
font-size: 1.8rem;
font-weight: 600;
line-height: 2.2rem;
margin-bottom:1.4rem;
}
.tp_proTitle {
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    font-size: 3.2rem;
    line-height: 3.8rem;
    margin-bottom: 1.4rem;
	color:#222222;
}
.tp_proTxt {
	    height: 5.2rem;
	    display: block;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    font-size: 1.7rem;
    line-height: 2.8rem;
    margin-bottom: 3rem;
	color:#222222;
}
.tpmore {
    width: 15.9rem;
    height: 4.9rem;
    border: 1px solid #000000;
    display: flex;
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 3.1rem;
    align-items: center;
    justify-content: center;
}
.tp-flexInner .tpmore figure {
    width: 2.4rem;
    background: none;
    margin-left: 1rem;
}
.tp-flexInner figure img {width: 100%; height: auto;}

@media (max-width:991px) {
	.slmbg_football {
		position: absolute;
		left: 0rem;
		top: 0rem;
		width: 100%;
		height: 100%;
		background-image: url(../img/turf/sport_football_bg_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
		z-index: 3;
	}
	.simbg_baseball{
		position: absolute;
		left: 0rem;
		top: 0rem;
		width: 100%;
		height: 100%;
		background-image: url(../img/turf/simbg_baseball_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
		z-index: 3;
	}
	.simbg_hockey{
		position: absolute;
		left: 0rem;
		top: 0rem;
		width: 100%;
		height: 100%;
		background-image: url(../img/turf/simbg_hockey_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
		z-index: 3;
	}
	.simbg_golf{
		position: absolute;
		left: 0rem;
		top: 0rem;
		width: 100%;
		height: 100%;
		background-image: url(../img/turf/simbg_golf_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
		z-index: 3;
	}
	.simbg_tennis{
		position: absolute;
		left: 0rem;
		top: 0rem;
		width: 100%;
		height: 100%;
		background-image: url(../img/turf/simbg_tennis_mo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
		z-index: 3;
	}
	.slmbg_landscape{
		position: absolute;
		left: 0rem;
		top: 0rem;
		width: 100%;
		height: 100%;
		background-image: url(../img/turf/landscape_top_mo_bg.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
		z-index: 3;
	}
	
	.sportListMain {
		display: flex;
		position: relative;
		height: auto;
		width: 100%;
		align-items: center;
		justify-content: flex-start;
		z-index: 3;
		padding-bottom: 80%;
	}
	.slmtitle {
		position: absolute;
		padding: 8rem 2rem 0rem 2rem;
		top: 0rem;
		left: 0rem;
	}
	.sl_name {
		font-size: 5rem;
		line-height: 6rem;
		letter-spacing: 0.04em;
		margin-bottom: 3rem;
	}
	.sl_txt {
		font-size: 2.6rem;
		line-height: 4.2rem;
	}
	
	
	
	.turprtitleBox {
		padding: 10rem 0rem;
		border-bottom: 1rem solid #f4f4f4;
	}
	.turprInner h2 {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 5rem;
	}
	.turprInner h3 {
		font-size: 1.8rem;
		line-height: 3rem;
	}
	
	.turfListSideBox.landcape{
		padding: 10rem 2rem 4rem 2rem;
	}
	.turfListSideBox {
		padding: 10rem 2rem 2rem 2rem;
	}
	.tusb {
		    padding-left: 2rem;
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 5rem;
	}
	.turfProductBox ul li {
		width: calc(50% - 2.9rem);
		margin: 0 5.8rem 7rem 0px;
	}
	.turfProductBox ul li:nth-child(3n) {
		margin-right: 5.8rem;
	}
	.turfProductBox ul li:nth-child(2n) {
		margin-right: 0rem;
	}
	
	.tpcatetext {
		font-size: 1.6rem;
		line-height: 2rem;
		margin-bottom: 1rem;
	}
	.tp_proTitle {
		font-size: 2.8rem;
		line-height: 3.4rem;
		margin-bottom: 1.4rem;
	}
	.tp_proTxt {
		font-size: 1.6rem;
		line-height: 2.6rem;
		margin-bottom: 3rem;
	}
	.turfProductBox {padding-right:2rem; padding-left:2rem;}
}

@media (max-width:767px) {
	.sportListMain {
		/* padding-bottom: 133.335%; */
		padding-bottom: 98.335%;
	}
	.slmtitle {
		padding: 6rem 5rem 0rem 2rem;
	}
	.sl_name {
		font-size: 3rem;
		line-height: 3.4rem;
		letter-spacing: 0.04em;
		margin-bottom: 2rem;
	}
	.sl_txt {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	
	.turprtitleBox {
		padding: 6rem 0rem;
		border-bottom: 0.6rem solid #f4f4f4;
	}
	.turprInner h2 {
		font-size: 2.6rem;
		line-height: 3.4rem;
		margin-bottom: 3rem;
	}
	.turprInner h3 {
		font-size: 1.5rem;
		line-height: 2.3rem;
	}
	
	.tusb {
		font-size: 2.6rem;
		line-height: 3.4rem;
		margin-bottom: 3rem;
	}
	.turfListSideBox.landcape{
		padding: 6rem 2rem 2rem 2rem;
	}
	.turfListSideBox {
		padding: 6rem 0rem 5rem 0rem;
	}
	.turfProductBox ul li {
		width: calc(50% - 1rem);
		margin: 0 2rem 6rem 0px;
	}
	.turfProductBox ul li:nth-child(3n) {
		margin-right: 2rem;
	}
	.tp-flexInner {
		padding: 2rem 0rem 0rem 0rem;
	}
	.tpcatetext {
		font-size: 1.4rem;
		line-height: 1.4rem;
		margin-bottom: 1rem;
	}
	.tp_proTitle {
		font-size: 2rem;
		line-height: 2.4rem;
		margin-bottom: 1.6rem;
	}
	.tp_proTxt {
		height: 4.4rem;
		    -webkit-line-clamp: 2;
		font-size: 1.5rem;
		line-height: 2.3rem;
		margin-bottom: 1.6rem;
	}
	.tpmore {
		width: 11.7rem;
		height: 4.3rem;
		font-size: 1.2rem;
		line-height: 2.3rem;
	}
	.tp-flexInner .tpmore figure {
		width: 1.7rem;
		margin-left: 1rem;
	}
}
@media (max-width:500px) {
	.sportListMain {
		padding-bottom: 0%;
		height: 50rem;
	}
	.turfProductBox ul li {
		width: calc(100% - 0rem);
		margin: 0 0rem 4rem 0px;
	}
	.turfProductBox ul li:nth-child(2n) {
		margin-right: 0rem;
	}
	.turfProductBox ul li:nth-child(3n) {
		margin-right: 0rem;
	}
	.turfProductBox .tp_proTxt{
		height: auto;
		-webkit-line-clamp: 2;
	}
	
}
/* ::::::::::: +++++++++++++ // ~ 제품 리스트 영역 END +++++++++++++ :::::::::::*/




/* 스와이퍼 정리 */

/* 스포츠 - 카테고리 */

/* :::::::::: 스와이퍼 커스텀 START ~ :::::::::: */
.swiperArea {padding: 0rem 0rem 1rem; overflow: unset;}
#category .swiper-wrapper {align-items: flex-end;}
#category .swiper-slide {width: 33.5rem; transition: all 0.3s ease-in-out;}
.swiper_cus.swiper {position: relative; overflow: unset;}

/* :::: 페이지 네이션 커스텀 :::: */
.slideBotm {
    width: 100%;
    display: flex;
    margin-top: 6rem;
    align-items: center;
	flex-direction: row;
	position: relative;
    justify-content: space-between;
}
.custom.swiper-pagination-progressbar {
    top: unset;
	height: 0.2rem;
    width: 84.672%;
    background: #EEE;
    position: relative;
}
.custom.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#222;}

#category .swiper-slide {width:auto; height:auto; padding-top:5rem;}
#category .swiper-slide figure {width:33.5rem; height:auto; position:relative; transition:all 0.3s ease-in-out;}
#category .swiper-slide figure img {width: 100%; height: auto; vertical-align:bottom;}

.hover_blue {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
	transform-origin: 0% 0%;
}
#category .swiper-slide:hover {padding-top:0;}
#category .swiper-slide:hover .hover_blue {background: rgba(1, 85, 143, 0.8); backdrop-filter: blur(6.16438px); z-index: 1; opacity: 1;}
.viewname {
	    font-family: 'Outfit', sans-serif;
	font-size: 4.6rem;
	font-weight: 600;
	line-height: 3.8rem;
	letter-spacing: 0.1em;
	text-align: center;
}
.viewmore {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.9rem;
	text-align: center;
	margin-top:2rem;
}

/* :::: 슬라이드 버튼 커스텀 :::: */
.sBtnGroup {
	/* === 위치 === */
    left: unset;
    top: unset;
    transform:unset;

	z-index: 1;
    display: flex;
    position: relative;
    justify-content: space-between;
}
.sBtnGroup .swiper-button-next, 
.sBtnGroup .swiper-button-prev  {
	/* === 크기 === */
	height: auto;
    width: auto;
	
	margin: 0;
	position: unset;
	background-size: cover;
	background-position: center;
    background-repeat: no-repeat;

	color: #222;
	font-family: 'Outfit';
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2rem;
    letter-spacing: 0.04em;
}
.sBtnGroup .swiper-button-next {right:0;}
.sBtnGroup .swiper-button-prev {left:0;}
.sBtnGroup .swiper-button-prev::before {
    content: ''!important;
	left: 0;
    top: 50%;
    width: 2.6rem;
    height: 1.4rem;
    background: red;
    position: absolute;
    transform: translateY(-50%);
	background:url(../img/turf/category_prev.png) no-repeat center / cover;
}
.sBtnGroup .swiper-button-prev::after {content:''!important;}
.sBtnGroup .swiper-button-next::before {
    content: ''!important;
	right: 0;
    top: 50%;
    width: 2.6rem;
    height: 1.4rem;
    background: red;
    position: absolute;
    transform: translateY(-50%);
	background:url(../img/turf/category_next.png) no-repeat center / cover;
}
.sBtnGroup .swiper-button-next:after {content: "" !important;}
.sBtnGroup .swiper-button-prev.swiper-button-disabled,
.sBtnGroup .swiper-button-next.swiper-button-disabled {opacity:1;}

/* === 슬라이드 버튼 이미지 설정 === */
.sBtnGroup .swiper-button-prev {padding: 1rem 0 1rem 3.6rem;}
.sBtnGroup .swiper-button-next {padding: 1rem 3.6rem 1rem 0; margin-left:3rem;}


/* :::::::::: // ~ 스와이퍼 커스텀 END :::::::::: */

.mySwiper_product {padding: 0 2rem;}
.mySwiper_productest {overflow:unset;}


@media (min-width:992px) {
	#category .swiper-slide:hover figure {width:51rem; height:auto;}
	#category .swiper-slide:hover .sport_name {opacity:0; display:none; transition:all 0.3s ease-in-out;}
}

@media (max-width:991px) {
	#category .swiper-slide {width: auto; padding-top:0;}
	#category .swiper_cus.swiper {height: auto!important; margin-top:3rem;}
	.slideBotm {margin-top:3rem;}
	#category .swiper-slide figure {width:100%;}
	.sBtnGroup .swiper-button-prev::before,
	.sBtnGroup .swiper-button-next::before {width:1.3rem; height:0.7rem;}
	.mySwiper_productest {padding:0 2rem;}
	.custom.swiper-pagination-progressbar {width:58.672%;}
	
}

@media (max-width:767px) {
	#category .swiper-slide {width:100%;}
	#category .swiper-slide figure {width:100%;}
	.sBtnGroup .swiper-button-next, .sBtnGroup .swiper-button-prev {font-size: 1.4rem; line-height: 1.5rem; letter-spacing: 0.04em;}	
	.sBtnGroup .swiper-button-prev, .n_pro .sBtnGroup .swiper-button-prev	{padding: 1rem 0 1rem 1.79rem; margin-right: 0rem!important;}
	.sBtnGroup .swiper-button-next	{padding-right: 1.79rem;}
	.mySwiper_product .custom.swiper-pagination-progressbar {width:58%;}
}
.mySwipertest001 {width:100%; max-width:33rem; overflow:unset;}
.mySwipertest001 .swiper-wrapper {width:100%;}
.mySwipertest001 .swiper-slide { border:1px solid #000; height:500px;}




/* ::::::::::: +++++++++++++ 하이브리드 START ~  +++++++++++++ :::::::::::*/
.producthyDetailPage .n_prohy{
	position: relative;
    /* border-top: 1rem solid #F4F4F4; */
}
.producthyDetailPage .turfListSideBox {
    padding: 0rem 2rem 8rem 2rem;
}

#hybird {position:relative;}
#hybird .sportMain {background:url(../img/turf/hybridTopVisual.jpg) no-repeat center / cover;}

.hyListWrap {padding: 15rem 0 25rem; overflow:hidden;}
.hyspecialTxt {color: #222; font-family: 'Noto Sans JP', sans-serif; font-size: 1.8rem; line-height: 2.5rem;}


#comparison {width: 100%; max-width: 156rem; padding: 15rem 2rem; margin: 0 auto; overflow:hidden;}
.tableWrap {position:relatve;}
.techContTable {border: none; min-width: 81rem; margin-top: 10rem; text-align: center;}
.techContTable table {width:100%;}
.techContTable tr, .techContTable th, .techContTable td {border: none;}
.techContTable tr {border-bottom: 1px solid #EEE;}
.techContTable tr:first-child {border-bottom: 1px solid #222;}
.techContTable th {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.8rem;
    padding: 1.8rem 0;
    text-align: center;
}
.techContTable th:first-child {width: 19.75%; min-width: 30rem; max-width: 30rem;}
.techContTable td {padding:1.8rem 0;}
.techContTable td {padding: 1.8rem 0; font-size: 1.7rem; font-weight: 400; line-height: 2.8rem;}
.techContTable td span {font-weight: 700;}
.techContTable td figure img {vertical-align: middle; border-radius:12px;}
.techTitle {overflow:hidden;}

.tabletextBox {

    width: 67%;
    text-align: left;
    margin: 0 auto;
}

.kol {background:#F2F8FB;}
th.kol {color:#006FBC}
@media (max-width:991px) {
	.producthyDetailPage .turfListSideBox {
		padding: 0rem 0rem 10rem 0rem;
	}
	.techWarp {position: relative; margin-top: 5rem; padding-top: 4rem;}
	.target {padding: 12rem 0 0;}
	.techContTop {flex-direction: column;}
	.techContTopLeft {width: 100%;}
	.techTitle {font-size: 2.2rem; line-height: 3.4rem;}
	.techTxt {font-size: 1.5rem; line-height: 2.6rem; margin-top: 2rem;}
	.techContTopRight {width: 100%; margin-top: 3rem; padding-bottom: 67%;}
	.tableWrap {overflow-x: scroll; padding:0 2rem;}
	.techContTable {margin-top:6rem;}
	.techContTable th:first-child {width: 17.75%; min-width: 15rem; max-width: 15rem;}
	.techContTable td { padding: 1.5rem 0; font-size: 1.5rem; line-height: 2.2rem;}
	.tabletextBox {width:92%;}
}

@media (max-width:810px) {
	.tableWrap {margin: 0 auto; padding-bottom: 2rem; width: calc(100% - 0rem);}
	#section02 .tableWrap {width: calc(100% - 4rem);}
	.tabletextBox {width: 83%;}
	#comparison .cont_Title {padding:0 2rem;}
	
}

@media (max-width:767px) {
	.producthyDetailPage .turfListSideBox {
		padding: 0rem 0rem 6rem 0rem;
	}
	#comparison {padding:6rem 0rem 6rem 0rem;}
	.target {padding: 6rem 0 0;}
	.techContTable {margin-top:4rem;}
	.techContTable th {padding:1.35rem; font-weight: 600; font-size: 1.4rem; line-height: 2.1rem;}
	.techContTable td {padding: 1.35rem; font-size: 1.3rem; line-height: 2.1rem;}
	.tabletextBox {width: 100%;}
	
	.hyspecialTxt {font-size: 1.5rem; line-height: 2.5rem;}
}

.tableWrap::-webkit-scrollbar {height: 4px;}
.tableWrap::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 3px;}
.tableWrap::-webkit-scrollbar-thumb {background: #222; border-radius: 3px;}
.tableWrap::-webkit-scrollbar-thumb:hover {background: #555; border-radius: 3px;}

.scrollTxt {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.7rem;
    margin-top: 1rem;
	color: #666;
}

/* ::::::::::: +++++++++++++ // ~ 하이브리드 END +++++++++++++ :::::::::::*/