@charset "utf-8";
/*
	max icon css var.1
	date : 2019-02-16
	name : design team koh won ji
*/

/* arrow left */
	.ico-left {
		position:relative;
		display:block; 
		overflow:hidden; 
		width:25px;
		height:25px;
	}
	.ico-left:before {
		content:''; 
		height:9px; 
		width:9px; 
		display:block; 
		border:1px solid #000; 
		border-right-width:0; 
		border-bottom-width:0; 
		transform:rotate(-45deg); 
		position:absolute; 
		top:7px; 
		left:7px;
	}

/* arrow right */
	.ico-right {
		position:relative;
		width:25px;
		height:25px;
		display:block;
		overflow:hidden;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.ico-right:before {
		content:''; 
		height:9px; 
		width:9px; 
		display:block; 
		border:1px solid #000; 
		border-left-width:0; 
		border-top-width:0; 
		transform:rotate(-45deg); 
		/* position:absolute; 
		top:7px; 
		right:7px; */
	}

/* arrow right : menu small */
	.ico-right_small {
		position:relative;
		width:20px;
		height:20px;
		display:block;
		overflow:hidden;
	}
	.ico-right_small:before {
		content:''; 
		height:8px; 
		width:8px; 
		display:block; 
		border:1px solid #797979; 
		border-left-width:0; 
		border-top-width:0; 
		transform:rotate(-45deg); 
		position:absolute; 
		top:8px; 
		right:8px;
	}

/* close */
	.ico-close {
		position:relative;
		width:20px;
		height:20px;
		display:block;
		overflow:hidden;
	}
	.ico-close:before, .ico-close:after {
		content:''; 
		height:1px; 
		width:20px; 
		display:block; 
		background:#000; 
		position:absolute; 
		top:10px; 
		left:0; 
		transform:rotate(-45deg);
	}
	.ico-close:after {
		transform:rotate(45deg);
	}

/* arrow top */
	.ico-top {
		position:relative;
		width:25px;
		height:25px;
		display:block;
		overflow:hidden;
	}
	.ico-top:before {
		content:''; 
		height:9px; 
		width:9px; 
		display:block; 
		border:1px solid #fff; 
		border-left-width:0; 
		border-bottom-width:0; 
		transform:rotate(-45deg);
		position:absolute; 
		top:7px; 
		left:7px;
	}

/* arrow bottom */
	.ico-btm {
		position:relative;
		width:25px;
		height:25px;
		display:block;
		overflow:hidden;
	}
	.ico-btm:before {
		content:''; 
		height:9px; 
		width:9px; 
		display:block; 
		border:1px solid #fff; 
		border-right-width:0; 
		border-top-width:0; 
		transform:rotate(-45deg);
		position:absolute; 
		top:7px; 
		left:7px;
	}

/* arrow bottom */
	.ico-circle-down {
		position:relative;
		width:48px;
		height:48px;
		display:block;
		overflow:hidden;
		border:1px solid #fff;
		border-radius:100%;
	}
	.ico-circle-down:before {
		content:''; 
		height:15px; 
		width:15px; 
		display:block; 
		border:1px solid #fff; 
		border-right-width:0; 
		border-top-width:0; 
		transform:rotate(-45deg);
		position:absolute; 
		bottom:20px; 
		left:16px;
	}

/* prev arrow */
	.ico-prev {
		position:relative;
		width:24px;
		height:24px;
		display:block;
		overflow:hidden;
	}
	.ico-prev:before {
		content:'';
		width:12px;
		height:12px;
		display:block;
		border:1px solid #fff;
		border-right-width:0;
		border-bottom-width:0;
		transform:rotate(-45deg);
		position:absolute;
		top:4px;
		left:2px;
	}
	.ico-prev:after {
		content:'';
		width:24px;
		height:1px;
		display:block;
		background:#fff;
		position:absolute;
		top:10px;
		left:0px;
	}

/* next arrow */
	.ico-next {
		position:relative;
		width:24px;
		height:24px;
		display:block;
		overflow:hidden;
	}
	.ico-next:before {
		content:'';
		width:12px;
		height:12px;
		display:block;
		border:1px solid #fff;
		border-left-width:0;
		border-top-width:0;
		transform:rotate(-45deg);
		position:absolute;
		top:4px;
		right:2px;
	}
	.ico-next:after {
		content:'';
		width:24px;
		height:1px;
		display:block;
		background:#fff;
		position:absolute;
		top:10px;
		left:0px;
	}