@charset "utf-8";
#main_wrap{
	overflow: hidden;
}

/* Page 1 ------------------------------ */
#main_video{
	position: relative;
	height: 100vh; /* 브라우저 새로길이의 100%임 overflow: hidden 도 같이 넣어줘야 함 */
	overflow: hidden; 
	border-bottom: 1px solid #A3A3A3;
}

#main_video video{
	width: 100%;
    height: 100vh;
    object-fit: cover;
}

/* Page 2 ------------------------------ */

.mb_pegasus_bg{
	display: none;
}
.pegasus_font{
	max-width: 1290px;
	margin: 0 auto;
	text-align: end;
	padding-top: 60px;
}
.pegasus_font h3{
	font-size: 34px;
	margin-bottom: 15px;
}
.pegasus_font p, .pegasus_font p strong{
	font-size: 24px;
	font-weight: 400;
}

.pega_f_a{
	margin-top: 30px;
}
.pega_f_a a{
	color: #fff;
	border:2px solid #ffffff;
	border-radius: 25px;
	padding: 8px 20px;
	font-weight: 500;
	font-size: 18px;
}
.pega_f_a a:hover{
	color: black;
	background: #fff;
	transition: 0.3s;
}




.pegasus_img{
	margin-top: 30px;
	position: relative;
	overflow: hidden;
}
.pegasus_bg{
	object-fit: cover;
	width: 100%;
}
.pegasus_top, .pegasus_bot{
	position: absolute;
	bottom: 10%;
	left: 6%;
	width: 30%;
	z-index: 10;
	text-align: center;
}
.pegasus_top .p_t_img, .pegasus_bot .p_b_img{
	width: 100%;
	max-width: 420px;
}
.pegasus_top{
	display: none;
}
.pegasus_bot{
	display: none;
}



.p_btn_top, .p_btn_bot{
	position: absolute; 
	width: 42px;
	height: 42px;
	cursor: pointer;
}
.p_btn_top{
	bottom: 48%;
    left: 47%;
}
.p_btn_bot{
    bottom: 24%;
    left: 50%;
}
.p_btn_top::before{
	content: '';
	position: absolute;
	width: 291px;
	border-top: 2px solid #ffffff;
	left: -291px;
	top:50%;
	transition: 0.7s ease-in-out;
	display: none;
}
.p_btn_bot::before{
	content: '';
	position: absolute;
	width: 346px;
	border-top: 2px solid #ffffff;
	left: -346px;
	top:50%;
	transition: 0.7s  ease-in-out;
	display: none;
}





.p_btn_top img.b1,
.p_btn_bot img.b1{
    animation: blink 2s infinite; /* 1초 간격으로 무한 반복 */
	cursor: pointer;
}

.p_btn_top img.b2, .p_btn_bot img.b2{
	display: none;
}

/* active ~ ~  */
#pegasus .pegasus_font h3{
	transform: translatex(50px);
	opacity: 0;
	transition: 0.1s;
}
#pegasus.active .pegasus_font h3{
	transform: translatex(0%);
	opacity: 1;
}
#pegasus .pegasus_font p{
	transform: translatex(-50px);
	opacity: 0;
	transition: 0.2s;
}
#pegasus.active .pegasus_font p{
	transform: translatex(0%);
	opacity: 1;
}





/* Page 3 ------------------------------ */
.nsw{
	margin: 100px 0 200px;
}
.sw1 {
	width: 100%;
	max-width:1380px; /* 풀화면 원할시 제거 */
	margin-left: auto;
	margin-right: auto;
}
.nike_story_wrap{
	padding-bottom: 80px;
}
.nike_story{
	display: flex !important;
	padding: 0px 34px;
}
.swiper-slide img{
	max-width: 560px;
	height: auto;
}
.ns_l{
	width: 45%;
	margin-right: 20px;
}
.ns_l img{
	width: 100%;
	object-fit: cover;
}
.ns_r{
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.ns_r h3 strong{
	padding-left: 40px;
	display: block;
	text-align: left;
	font-size: 50px;
	background: url(../img/dda_left.png) no-repeat 1px 0px;
}
.ns_r p, .ns_btn{
	padding-left: 47px;

}
.ns_r h3{
	font-size: 50px;
	text-align: right;
	margin-bottom: 65px;
	padding-right: 68px;
    background: url(../img/dda_right.png) no-repeat right 37px bottom 34px;
}
.ns_r p{
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 5px;
}
.ns_r .ns_r_p{
	margin-top: 50px;
	font-size: 20px;
	font-weight: 500;
}
.ns_btn a{
	color: #fff;
	border: 2px solid #fff;
	border-radius: 40px;
	padding: 8px 30px;
	font-size: 18px;
	font-weight: 500;
}
.ns_btn a:hover{
	background: #fff;
	color: #000;
	transition: 0.3s;
}


/* progress ba ~~~~~~~~~~ */
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
    width: 16%;
    height: var(--swiper-pagination-progressbar-size, 8px);
    left: 42%;
    bottom: 2px;
	top: auto;
	border-radius:5px;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background: #ED4A05;
	border-radius: 5px;
}
.swiper-pagination-progressbar {
    background: rgb(255 255 255 / 88%);
}

/* active */
.nsw{
	opacity: 0;  /* 처음에는 투명 */
    transition: opacity 0.3s ease-in-out; /* 2초 동안 서서히 나타남 */
}
.nsw.active{
	opacity: 1;
}


/* Page 4 ------------------------------ */
.rolling-area{height: 380px;display: flex;width: 100%;position: relative;overflow: hidden; margin-top: 250px;}
.rolling-list{height: auto; animation: rolling 20s linear infinite; display: flex;width: 100%;position: absolute;}
.rolling-list:nth-child(2){
	left: 100%;
}
.rolling-item {
	width: 20%;
}
.rolling-item img{width: 100%;}



.rolling-item a{
	position: relative;
	display: block;
}

.collec_over{
	position: absolute;
    left: 0%;
    top: 0%;
    padding: 0 5px;
    color: #fff;
    text-align: center;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.473);
	opacity: 0;
}
.collec_over h2{
	margin-bottom:12px;
	font-size: 18px;
	padding-top: 40%;
}
.collec_over p{
	font-size: 14px;
	font-weight: 400;
}


.collec_over:hover{
	opacity: 1;
	transition: 0.3s;
}



/* Page 5 ------------------------------ */
#men_women_wrap{
	display: flex;
	justify-content: space-between;
	margin: 0 30px 150px;
    padding: 300px 0 50px;	
	overflow: hidden;
}
.men{
	max-width: 50%;
	position: relative;
	z-index: 1;
}
.men ul{
	display: flex;
}
.men ul li{
	width: 33.33%;
}
.men ul li:nth-child(1){
	transform: translateY(-10%);
}
.men ul li:nth-child(1) img{
	transform: scale(1.2);
}
.men ul li:nth-child(2){
	transform: translateY(-7%);
}
.men ul li:nth-child(2) img{
	border:23px solid #000;
	transform: scale(1.1);
}
.men ul li:nth-child(3){
	transform: translateY(0);
}
.men ul li:nth-child(3) img{
	border:23px solid #000;
	transform: scale(1.1);
}
.men ul li img{
	width: 100%;
	transform-origin: right bottom;
}
.men ul li:nth-child(1) img{
	transform-origin: left bottom;
}
.men_btn{
	margin-top: 36px;
	margin-right: 21%;
	text-align: right;
}
.men_btn a{
	color: #FFF;
	border: 2px solid #FFF;
	border-radius: 20px;
	padding: 5px 42px;
    font-size: 17px;
}
.men_btn a:hover{
	color: #000;
	background: #fff;
	transition: 0.3s;
}



.women{
	max-width: 50%;
}
.women ul{
	display: flex;
}
.women ul li{
	width: 33.33%;
	position: relative;
}
.women ul li img{
	width: 100%;
	transform-origin: left bottom;
}
.women ul li:nth-child(1){
	transform: translateY(0);
	z-index: 2;
}
.women ul li:nth-child(1) img{
	border:23px solid #000;
	transform: scale(1.1);
}
.women ul li:nth-child(2){
	transform: translateY(-7%);
	z-index: 1;
}
.women ul li:nth-child(2) img{
	border:23px solid #000;
	transform: scale(1.1);
}
.women ul li:nth-child(3){
	transform: translateY(-10%);
}
.women ul li:nth-child(3) img{
	transform: scale(1.2);
	transform-origin: right bottom;
}



.women_btn{
	margin-top: 36px;
	margin-left: 26%;
}
.women_btn a{
	color: #FFF;
	border: 2px solid #FFF;
	border-radius: 20px;
	padding: 5px 28px;
    font-size: 17px;
}
.women_btn a:hover{
	color: #000;
	background: #fff;
	transition: 0.3s;
}


/* active */
#men_women_wrap .men{
	transform: translateX(-850px);
	opacity: 0;
	transition: 0.4s ease-in-out; 
}
#men_women_wrap.active .men{
	transform: translateX(0%);
	opacity: 1;
} 
#men_women_wrap .women{
	transform: translateX(850px);
	opacity: 0;
	transition: 0.4s ease-in-out; 
}
#men_women_wrap.active .women{
	transform: translateX(0%);
	opacity: 1;
} 




/* Page 6 ------------------------------ */
#kw{
	overflow: hidden;
}
#kids_wrap{
	text-align: center;
	max-width: 1607px;
	margin: 0 auto;
	padding-bottom: 20px;
}
#kids_wrap h2{
	margin-bottom: 80px;
	color: #FFDD00;
}
.kids_img figure{
	margin-bottom: 45px;
	background: rgba(255, 221, 0, 0.329);
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.kids_img figure img{
	max-width: 100%;
	margin: 0 10px;
	vertical-align: top;

}
#kids_wrap p{
	color: #FFDD00;
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 48px;
}
.kids_btn a{
	color: #fff;
	border: 2px solid #FFF;
	border-radius: 20px;
	padding:4px 35px;
    font-size: 18px;
}
.kids_btn a:hover{
	color: #000;
	background: #fff;
	transition: 0.3s;
}
.kids_row{
	z-index: 5;
}
/* .active ~~~~~~~ */
#kids_wrap > h2{
	transform: translateY(140%);
	opacity: 0;
	transition: 0.1s;
	font-size: 37px;
}
#kids_wrap.active > h2{
	transform: translateY(0%);
	opacity: 1;
}

.kids_img1{
	transform: translateX(212%);
	opacity: 0;
	transition: 0.5s;
}
#kids_wrap.active .kids_img1{
	transform: translateX(0%);
	opacity: 1;
}
.kids_img2{
	transform: translateX(100%);
	opacity: 0;
	transition: 0.2s;
}
#kids_wrap.active .kids_img2{
	transform: translateX(0%);
	opacity: 1;
}

.kids_img3{
	transform: translateX(-100%);
	opacity: 0;
	transition: 0.2s;
}
#kids_wrap.active .kids_img3{
	transform: translateX(0%);
	opacity: 1;
}
.kids_img4{
	transform: translateX(-212%);
	opacity: 0;
	transition: 0.5s;
}
#kids_wrap.active .kids_img4{
	transform: translateX(0%);
	opacity: 1;
}



/* Page 7 ------------------------------ */
#nike_membership_wrap{
	padding: 250px 0;
}
.nike_membership_row{
	max-width: 1280px;
	margin: 0 auto; 
	display: flex;
	justify-content: space-between;
}
.member_l{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 47%;
}
.member_l li{
	margin: 12px;
    width: calc(50% - 24px);
	height: 266px;
	overflow: hidden;
}
.member_l li a{
	position: relative;
    display: block;
    text-align: center;
	height: 100%;
}
.member_l li a img{
	vertical-align: top;
	width: 100%;
	height: 100%;
	transition: 0.3s;
	object-fit: cover;
}
.member_l li:hover a img{
	transform: scale(1.1);	
}
.member_l li a p{
	text-align: left;
	position: absolute;
	width: 100%;
    bottom: 0px;
    left: 0px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.5);
    padding: 8px 12px;
}




.member_r{
	width: 52%;
}
.m_r_top h2{
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 10px;
}
.m_r_top p{
	color: #ABABAB;
	font-weight: 400;
	font-size: 19px;
}
.m_r_top_btn{
	margin: 172px 0 43px;
}
.m_r_top_btn a{
	color: #fff;
	border: 2px solid #FFF;
	border-radius: 20px;
	padding:4px 35px;
    font-size: 18px;
}
.m_r_top_btn a:hover{
	color: #000;
	background: #fff;
	transition: 0.3s;
}
.m_r_bot img{
	max-width: 100%;
	height: 252px;
	object-fit: cover;
}


/* active */
#nike_membership_wrap .nike_membership_row .member_r h2{
	transform: translateY(50px);
	opacity: 0;
	transition: 0.2s;
}
#nike_membership_wrap.active .nike_membership_row .member_r h2{
	transform: translateY(0%);
	opacity: 1;
}
#nike_membership_wrap .nike_membership_row .member_r p,
#nike_membership_wrap.active .nike_membership_row .member_r .m_r_top_btn{
	transform: translateY(50px);
	opacity: 0;
	transition: 0.3s;
}
#nike_membership_wrap.active .nike_membership_row .member_r p,
#nike_membership_wrap.active .nike_membership_row .member_r .m_r_top_btn{
	transform: translateY(0%);
	opacity: 1;
}
#nike_membership_wrap .nike_membership_row .m_r_bot{
	transform: translateX(50px);
	opacity: 0;
	transition: 0.3s ease-in-out; 
}
#nike_membership_wrap.active .nike_membership_row .m_r_bot{
	transform: translateX(0%);
	opacity: 1;
}

#nike_membership_wrap .nike_membership_row .member_l{
	opacity: 0;  /* 처음에는 투명 */
    transition: opacity 0.3s ease-in-out; /* 2초 동안 서서히 나타남 */
}
#nike_membership_wrap.active .nike_membership_row .member_l{
	opacity: 1;
}







/* keyframes ----------------------------------- */

/* 페가수스 깜박거림 */
@keyframes blink {
    0% { opacity: 1; }  /* 완전 보임 */
    50% { opacity: 0.3; } /* 완전 투명 */
    100% { opacity: 1; } /* 다시 보임 */
}

/* 컬렉션 자동이동 */
@keyframes rolling {
	0% {
		transform: translateX(-0.2%);
	}
	100% {
		transform: translateX(-100%);
	}
	
	}
.rolling-area:hover .rolling-list{
animation-play-state: paused;
}      


/* 반응형 웹 ------------------------------------ */
@media screen and (max-width:1280px){
	.collec_over p {
		font-size: 12px;
	}
}

@media screen and (max-width:1200px) {
	#main_video {
		height: auto;
	}

	.rolling-area{
		margin-top: 0;
	}
	#men_women_wrap{
		padding-top: 0;
		transition: 0.3s;
		flex-direction: column;
	}
	.men {
		max-width: 100%;
		margin-bottom: 230px;
		padding-top: 160px;
	}
	.women {
		max-width: 100%;
	}
	.men_btn {
		margin-top: 4px;
		margin-right: 23%;
	}
	.women_btn {
		margin-top: 4px;
		margin-left: 27%;
	}
}


@media screen and (max-width:1075px){
	#pc_navi .main_navi > li > a {
		padding: 0 20px;
	}
}


@media screen and (max-width:1060px){
	.ns_r h3, .ns_r h3 strong{
	font-size: 40px;
	}
	.ns_r{
		padding-right: 20px;
	}
	.ns_r p {
		font-size: 16px;
	}	
}


@media screen and (max-width: 955px){
	#main_video video{
		height: 550px;
	}
	#main_video {
		border-bottom: none;
	}
	#pegasus{
		padding: 0 10px;
		box-sizing: border-box;
	}
	.pegasus_top, .pegasus_bot{
		display: none !important; /*  d:display: none; */
	}
	.pegasus_font {
		padding-right: 10px;
	}
	.pegasus_font h3 {
		font-size: 32px;
		margin-bottom: 9px;
	}
	#pegasus .pegasus_font h3, #pegasus .pegasus_font p{
		transform: translatex(0);
		opacity: 1;
		transition: none;
	}
	.p_btn_top:hover img.b2, .p_btn_bot:hover img.b2 {
		display: none;
	}
	.pegasus_font p, .pegasus_font p strong {
		font-size: 17px;
	}
	.pega_f_a a {
		padding: 5px 20px;
		font-size: 17px;
	}
	.p_btn_top img.b1, .p_btn_bot img.b1 {
		animation: none;
		cursor: pointer;
		display: none;
	}
	.p_btn_top img.b2, .p_btn_bot img.b2 {
		display: none;
	}

	.p_btn_top::before{
		display: none;
	}
	.p_btn_bot::before{
		display: none;
	}



	.nike_story {
		flex-direction: column;
		padding: 0;
	}
	.ns_l {
		width: 100%;
		text-align: center;
		padding: 0 10px;
        box-sizing: border-box;
	}
	.swiper-slide img {
		max-width: 500px;
	}
	.ns_r {
		width: 100%;
		text-align: center;
	}
	.ns_r h3{
		margin: 7px 0 30px;
	}
	.ns_r h3 strong {
		display: inline-block;
	}
	.ns_r h3, .ns_r h3 strong {
        text-align: center;
		padding: 0;
		background: none;
    }
	.ns_r p{
		padding: 0;
	}
	.ns_btn{
		padding: 0;
		margin-top: 65px;
	}
	.ns_btn a{
		padding: 5px 20px;
	}
	.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
		width: 34%;
		left: 32%;
	}

	.rolling-list:nth-child(2) {
		left: 200%;
	}
	.rolling-list{
		width: 200%;
	}
} /*  ~ 955 */




@media screen and (max-width: 768px){

	.nsw {
		opacity: 1;
		transition: none;
		margin: 100px 0 135px;
	}
	.rolling-area {
		margin-bottom: 60px;
	}
	.rolling-list:nth-child(2) {
		left: 300%;
	}
	.rolling-list{
		width: 300%;
	}
	.rolling-item {
		margin: 0 2px;
	}
	.collec_over{
		padding: 0;
		height: 13%;
		bottom: 0%;
		opacity: 1;
		top: auto;
	}
	.collec_over h2 {
		margin-bottom: 0;
		font-size: 15px;
		padding-top: 5px;
        font-weight: 500;
	}
	.collec_over p{
		display: none;
	}
	#men_women_wrap {
		margin: 0 ;
	}
	#men_women_wrap .men {
		transform: translateX(-0);
		opacity: 1;
		transition: none;
		max-width: 100%;
        margin-bottom: 130px;
        padding-top: 20px;
	}
	#men_women_wrap .women {
		transform: translateX(-0);
		opacity: 1;
		transition: none;
		max-width: 100%;
	}
	.men ul li {
		width: 32.33%;
	}
	.men ul li:nth-child(1) {
		transform: translateY(0);
	}
	.men ul li:nth-child(2) {
		transform: translateY(0);
	}
	.men ul li:nth-child(1) img {
		border: 8px solid #000;
		transform: scale(1);
	}
	.men ul li:nth-child(2) img {
		border: 8px solid #000;
		transform: scale(1);
	}
	.men ul li:nth-child(3) img {
		border: 8px solid #000;
		transform: scale(1);
	}
	.men_btn {
		position: absolute;
		right: 3%;
		bottom: -44px;
		margin: 0;
	}
	.men_btn a {
		padding: 3px 33px;
	}
	.women ul li {
		width: 32.33%;
	}
	.women ul li:nth-child(2) {
		transform: translateY(0);
	}
	.women ul li:nth-child(3) {
		transform: translateY(0);
	}
	.women ul li:nth-child(1) img {
		border: 8px solid #000;
		transform: scale(1);
	}
	.women ul li:nth-child(2) img {
		border: 8px solid #000;
		transform: scale(1);
	}
	.women ul li:nth-child(3) img {
		border: 8px solid #000;
		transform: scale(1);
	}
	.women_btn {
        position: absolute;
        left: 5%;
        bottom: -44px;
        margin: 0;
    }
	.women_btn a {
		padding: 3px 25px;
	}
	#kids_wrap {
		margin-top: 90px;
	}
	#kids_wrap h2 {
		margin-bottom: 20px;
		transform: translateY(0%);
		opacity: 1;
		transition: none;
		font-size: 24px;
	}
	.kids_img figure{
		background: none;
		margin-bottom:20px;
	}
	.kids_img figure img {
		width: 65%;
	}
	.kids_img1 ,.kids_img2, .kids_img3, .kids_img4{
		display: none;
	}
	#kids_wrap p {
		font-size: 18px;
		margin-bottom: 37px;
		font-weight: 500;
	}
	.kids_btn a {
		padding: 3px 28px;
	}
	#nike_membership_wrap {
		margin: 100px 0;
		padding: 0;
	}
	.nike_membership_row {
		flex-direction: column;
	}
	.member_l {
		width: 100%;
		margin-bottom: 40px;
		order: 5;
	}
	#nike_membership_wrap .nike_membership_row .member_l {
		opacity: 1;
		transition: none;
	}
	.member_r {
		width: 100%;
		padding: 20px 10px;
        box-sizing: border-box;
		order: 4;
	}
	.m_r_top_btn {
		margin: 80px 0 43px;
	}
	.m_r_top h2 {
		font-size: 26px;
		margin-bottom: 5px;
	}
	#nike_membership_wrap .nike_membership_row .member_r h2, #nike_membership_wrap .nike_membership_row .member_r p, #nike_membership_wrap.active .nike_membership_row .member_r .m_r_top_btn {
		transform: translateY(0);
		opacity: 1;
		transition: none;
	}
	#nike_membership_wrap .nike_membership_row .m_r_bot {
		transform: translateX(0);
		opacity: 1;
		transition: none;
	}



} /* 0 ~ 768*/

@media screen and (max-width:625px){
	.pegasus_bg{
		display: none;
	}
	.mb_pegasus_bg {
        display: block;
        margin-bottom: 50px;
		width: 100%;
    }
}

@media screen and (max-width:500px){

	.ns_btn {
        margin-top: 52px;
    }
	.pegasus_font {
		padding-top: 50px;
		padding-right: 0;
	}
	.pegasus_font p {
        font-size: 15px;
    }
	.pegasus_font p strong{
		display: block;
	}

	.p_btn_top img.b1, .p_btn_bot img.b1 {
        width: 36px;
    }
	.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        width: 26%;
        left: 37%;
    }
	.pega_f_a {
		margin-top: 45px;
	}
	.pega_f_a a {
        padding: 4px 25px;
    }
	.ns_r h3 {
        margin: 7px 0 40px;
    }
	.ns_r h3, .ns_r h3 strong {
        font-size: 28px;
    }
	.ns_r p {
        font-size: 14px;
    }
	.ns_r .ns_r_p {
		margin-top: 20px;
	}
	.ns_btn a {
		font-size: 16px;
	}
	.collec_over {
        bottom: 0%;
    }
	.rolling-list:nth-child(2) {
		left: 380%;
	}
	.rolling-list{
		width: 380%;
	}
	.collec_over h2 {
		margin-bottom: 0;
		font-size: 14px;
		padding-top: 3px;
        font-weight: 500;
	}
	#kids_wrap h2 {
        font-size: 20px;
        margin-bottom: 25px;
    }
	#kids_wrap p{
		font-size: 16px;
	}
	.kids_img figure img {
        width: 58%;
    }
	.member_l li {
		height: 225px;
	}
	.member_l li a p {
		font-size: 15px;
		font-weight: 400;
		padding: 6px 9px;
	}
	.m_r_bot img {
		height: 190px;
	}
	.m_r_top{
		padding-left: 10px;
	}




} /* 0 ~ 500 */


@media screen and (min-width:956px) {
	.p_btn_top:hover img.b1, .p_btn_bot:hover img.b1{
		display:none;
	}
	
	.p_btn_top:hover img.b2, .p_btn_bot:hover img.b2{
		display: block;
	}
	.p_btn_top:hover::before{
		display: block;
	}
	.p_btn_bot:hover::before{
		display: block;
	}
}