/*  
    박스 중앙 정렬을 하기 위한 태그
	박스 400px + 패딩 8px*2 = 416p / 2 = 208px
	
    top: 100px;
	left: 50%;
	padding: 8px;
	margin-left: -208px;
	
	*/
	
.border_tip{
	position: relative;
	width: 400px;
	height: auto;
	background: darkgreen;
	top: 100px;
	left: 50%;
	padding: 8px;
	margin-left: -208px;
	text-align: justify;
}

/* 가상 선택자를 만든다 */
.border_tip:before{
	content:"";
	position: absolute;
	left:200px;
	top: -9px;
	border-bottom: 10px solid darkgreen;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

.border_tip:after{
	content:"";
	position: absolute;
	left:200px;
	top: 100px;
	border-top: 10px solid darkgreen;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

.left:before{
	content:"";
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left:-10px;
	border-right: 10px solid darkgreen;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}

.right:after{
	content:"";
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left:415px;
	border-left: 10px solid darkgreen;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}