body{
	overflow : auto
}

.PAGE{
	position : static;
	height : auto;
	padding : 0
}
.PAGE > .NEXT-PAGE{
	display : none
}

.PAGE[data-page="1"]{ height : 13rem }
.PAGE[data-page="2"]{}
.PAGE[data-page="3"]{ height : 16rem ; padding:0;}
.PAGE[data-page="4"]{ padding : 0; }

.PAGE[data-page="1"] > .SLIDES{
	position : relative
}
.PAGE[data-page="1"] > .SLIDES > div{
	top : -10%;
	left : -10%;
	width : 120%;
	height : 120%;
	margin : 0;
}

.PAGE2-CONTENT{
	margin-top : 1rem;
}
.PAGE2-CONTENT > div{
	width : 44%;
	height : 44vw;
	margin : 2%;
	border : 0;
	border-radius : 1rem 0
}
.PAGE2-CONTENT > div > a{
	border-radius : 1rem 0
}

.PAGE2-CONTENT > div > a > h2{
	padding : 0;
	margin : 0;
	color : #FFF;
	font : 700 20px/28px NanumBarunGothic;
	transition : margin-top .25s ease-in-out
}
.PAGE2-CONTENT > div > a > h2:before{
	width : 4rem;
	height : 4rem;
	margin : calc( 22vw - 2rem ) auto calc( 22vw - 2rem ) auto;
	background-size : 4rem;
	
}

.PAGE2-CONTENT > div > a > p{
	display : none
}
.PAGE2-CONTENT > div:hover > a > h2{
	margin-top : calc( 24vw - 2rem )
}


.PAGE[data-page="3"] > .WRAPPER{
}
.PAGE[data-page="3"] > .WRAPPER > .PAGE-TITLE{
	display : none
}
.PAGE3-GOODS{  }
.PAGE3-GOODS > ul{  }
.PAGE3-GOODS > ul > li{  }
.PAGE3-BULLET{
	display : none
}

.PAGE3-BUTTON{
	width : 2rem;
	height : 4rem;
	margin-top : -2rem;
}
.PAGE3-BUTTON.PREV{
	left : 0;
}
.PAGE3-BUTTON.NEXT{
	right : 0;
}

.PAGE4-CONTENT > .PAGE4-CONTENT3{ display : none }

.PAGE4-CONTENT > div.FISHING-INFO{}
.PAGE4-CONTENT > div.FISHING-INFO > a{
	display : block;
	width : auto;
	height : auto;
	margin : 0 .75rem .75rem .75rem;
}
.PAGE4-CONTENT > div.FISHING-INFO > a > img{
	width : 100%;
	height : auto
}