main{
	padding: 50px 0;
}
/*------categorySec-----------*/
	.categorySec{
		padding: 80px 0;
	}
	.categorySec h2{
		position: relative;
		display: inline-block;
		font-size: 4rem;
		line-height: 1.2em;
		letter-spacing: .1em;
	}
	.categorySec h2:after{
		content: "";
		position: absolute;
		width: 16px;
		height: 20px;
		border-radius: 50%;
		background-color: #bb0830;
		bottom: 18px;
	}
	.categorySec h3{
		font-size: 2rem;
	}
	.category_box .back,
	.category_box .front{
		position: absolute;
		-webkit-transition: all 1s ease;
		   -moz-transition: all 1s ease;
		    -ms-transition: all 1s ease;
		     -o-transition: all 1s ease;
		        transition: all 1s ease;
	}
	.category_box:hover .back,
	.category_box:hover .front{
		-webkit-transition: all .1s ease;
		   -moz-transition: all .1s ease;
		    -ms-transition: all .1s ease;
		     -o-transition: all .1s ease;
		        transition: all .1s ease;
	}
	.category_box .back{
		background-size: cover;
		background-position: center;
	}
	.category_box:hover .btn-bag p{
		background-color: #2ea9df;
		color: #fff;
		padding: 10px 7px;
		margin-top: -6px;
	}
/*------categorySec_col01-----*/
	.categorySec_col01{
		width: 90%;
		max-width: 1200px;
		text-align: right;
	}
	.categorySec_col01 h2:after{
		left: -40px;
	}
	.categorySec_col01 .btn-bag{
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.categorySec_col01 .category_box{
		position: relative;
		display: block;
		height: 600px;
	}
	.categorySec_col01 .category_box .back,
	.categorySec_col01 .category_box .front{
		height: 100%;
		top: 0;
		left: 0;
	}
	.categorySec_col01 .category_box .front{
		width: 100%;
		padding-top: 5%;
	}
	.categorySec_col01 .category_box .back{
		width: 86%;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
/*------categorySec_col02-----*/
	.categorySec_col02{
		width: 90%;
		max-width: 1600px;
		margin-left: auto;
	}
	.categorySec_col02 h2:after{
		right: -40px;
	}
	.categorySec_col02 h2.noAfter:after {
		display: none;
	}
	.categorySec_col02 .btn-bag{
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.categorySec_col02 .category_box{
		padding-left: 60px;
		width: 50%;
	}
	.categorySec_col02 .category_box a{
		position: relative;
		display: block;
		height: 500px;
	}
	.categorySec_col02 .category_box .back,
	.categorySec_col02 .category_box .front{
		position: absolute;
		right: 0;
	}
	.categorySec_col02 .category_box .front{
		height: 100%;
		width: 100%;
		bottom: 0;
	}
	.categorySec_col02 .category_box .back{
		width: 87%;
		height: 78%;
		bottom: 5%;
	}
/*------categorySec_existing--*/
	.categorySec_existing .category_box{
		position: relative;
		width: 70%;
		max-width: 1300px;
		height: 600px;
		display: block;
		text-align: center;
		padding-top: 1px;
		margin: 0 auto;
	}
	.categorySec_existing h2:after{
		right: -40px;
	}
	.categorySec_existing .category_box .back,
	.categorySec_existing .category_box .front{
		position: absolute;
		right: 0;
	}
	.categorySec_existing .category_box .front{
		height: 100%;
		width: 100%;
		bottom: 0;
	}
	.categorySec_existing .category_box .back{
		width: 100%;
		height: 92%;
		bottom: 0;
	}
/*------kv--------------------*/
	.kv{
		padding: 35vh 0 25vh;
		text-align: right;
		background-size: cover;
		background-position: left center;
		background-image: url(../img/index/kv.jpg);
	}
	.kv_logo,
	.kv_title{
		display: inline-block;
		vertical-align: middle;
	}
	.kv_title{
		color: #fff;
		text-align: left;
	}
	.kv_title h1{
		line-height: 1.3em;
		text-shadow: black 0em 0em 0.5em;
	}
	.kv_title p{
		font-size: 1.8rem;
		letter-spacing: .13em;
		text-shadow: black 0em 0em 0.5em;
	}
/* ----------RWD------------- */

	@media screen and (max-width: 1440px){
		.categorySec h2:after{
			width: 14px;
			height: 17px;
			bottom: 13px;
		}
		.categorySec h2{
			font-size: 3.2rem;
		}
		.categorySec h3{
			font-size: 1.6rem;
		}
		.categorySec_col01 .category_box,
		.categorySec_existing .category_box{
			height: 450px;
		}
		.categorySec_col02 .category_box a{
			height: 380px;
		}
		.categorySec {
		    padding: 50px 0;
		}
		.categorySec_col02 .category_box .back{
			height: 77%;
		}
		.categorySec_col01{
			max-width: 900px;
		}
		.kv img{
			width: 170px;
		}
		.kv h1{
			font-size: 3rem;
		}
		.kv_title p{
			font-size: 1.4rem;
		}
	}
	@media screen and (max-width: 1280px){
		.categorySec h2:after{
			width: 12px;
			height: 14px;
			bottom: 10px;
		}
		main{
			padding: 40px 0;
		}
		.kv{
			padding: 30vh 0 20vh;
		}
		.kv img {
		    width: 170px;
		}
		.categorySec h2{
			font-size: 2.4rem;
		}
		.categorySec_col02 .category_box {
		    padding-left: 40px;
		}
		.categorySec_col01 .category_box, 
		.categorySec_existing .category_box {
		    height: 380px;
		}
		.categorySec_col02 .category_box a {
		    height: 320px;
		}
		.categorySec {
		    padding: 40px 0;
		}
		.categorySec h3 {
		    font-size: 1.5rem;
		}
		
	}
	@media screen and (max-width: 1023px){
		.categorySec_col01{
			max-width: 700px;
		}
		.category_box .btn-bag p{
			background-color: #2ea9df;
			color: #fff;
			padding: 7px 7px;
			margin-top: -6px;
		}
		.categorySec h2 {
		    font-size: 2rem;
		}
		.categorySec h3 {
		    font-size: 1.3rem;
		}
		.categorySec_col01 .category_box, 
		.categorySec_existing .category_box {
		    height: 300px;
		}
		.categorySec_col02 .category_box a {
		    height: 250px;
		}
		.categorySec h2:after {
		    width: 10px;
		    height: 12px;
		    bottom: 8px;
		}
		.categorySec_col02 h2:after,
		.categorySec_existing h2:after{
		    right: -25px;
		}
		.categorySec_col01 h2:after {
		    left: -25px;
		}
		.categorySec_col02{
			width: 100%;
		}
		.categorySec_col02 .category_box {
		    padding-left: 30px;
		}
		.categorySec {
		    padding: 30px 0;
		}
	}
	@media screen and (max-width: 768px){
		.kv{
			text-align: center;
		}
		.kv h1{
			font-size: 2.4rem;
		}
		.kv img {
		    width: 130px;
		}
		.categorySec {
		    padding: 25px 0;
		}
		.categorySec_col01{
			max-width: 600px;
		}
	}
	@media screen and (max-width: 620px){
		main {
		    padding: 20px 0;
		}
		.categorySec h2:after{
			bottom: 6px;
			width: 8px;
			height: 10px;
		}
		.categorySec_col01{
			max-width: 500px;
		}
		.categorySec h2 {
		    font-size: 1.6rem;
		}
		.categorySec h3 {
		    font-size: 1.1rem;
		}
		.categorySec_col01 .category_box, 
		.categorySec_existing .category_box{
			height: 190px;
		}
		.categorySec_col02 .category_box a {
		    height: 180px;
		}
		.categorySec_col01 .category_box .back {
		    width: 80%;
		}
		.categorySec_col01 .category_box .front {
		    padding-top: 1%;
		}
		.category_box .btn-bag p {
		    padding: 6px 7px
		}
		.categorySec_col02 .category_box {
		    padding-left: 15px;
		}
		.categorySec_col02 .category_box .back {
		    width: 90%;
		}
		.categorySec_existing .category_box{
			width: 80%;
		}
		.categorySec_existing .category_box .back{
			height: 88%;
		}
	}
	@media screen and (max-width: 480px){
		.kv_title{
			display: block;
			text-align: center;
			padding-top: 15px;
		}
		.kv_title p{
			font-size: 1.3rem;
		}
		.categorySec_col02 .category_box{
			width: 100%;
			max-width: 350px;
			margin-left: 0;
			float: right;
		}
		.categorySec_col02 .category_box:first-child{
			margin-bottom: 30px;
		}
		.categorySec {
		    padding: 16px 0;
		}
		.categorySec_col01 .category_box, 
		.categorySec_existing .category_box{
			height: 180px;
		}
		.categorySec_col02 h2:after, 
		.categorySec_existing h2:after {
		    right: -15px;
		}
		.categorySec_col01 h2:after{
			left: -15px;
		}

	}
	@media screen and (max-width: 400px){
		main{
			padding: 10px 0;
		}
		.kv h1 {
		    font-size: 2.2rem;
		}
		.categorySec_col01{
			width: 100%;
			max-width: 350px;
			padding-right: 15px;
		}
		.categorySec_col01 .category_box .back{
			width: 90%;
			height: 77%;
			left: 0;
			bottom: 5%;
			top: auto;
			right: auto;
		}
		.categorySec_existing .category_box{
			width: 85%;
		}
	}