/* Add here all your CSS customizations */
/* 스프라우트 레이아웃 사용자 제공 페이지 스타일 */

dl.com_history{
	margin-left:30px;
	
}

dl.com_history dt{

	font-size:14px; 
	font-weight:bold;
	color:#333;
	margin-bottom:5px;
	
}

dl.com_history dd{

	font-size:12px;
	padding-bottom:17px;
	border-bottom:1px solid #e1e1e1;
	margin-bottom:17px;
	
	
}

.red { color: #de5120; }

/* 인사말 */
.greating { width: 100%; margin: 0; padding: 0; background:url(../images/sub_great_01.jpg) right bottom no-repeat;  }
.greating .cont01 { color:#000; line-height: 1.5; font-size: 20px; margin: 0 0 65px 0; padding: 0; }
.greating .cont01 span { font-size: 20px !important; }
.line01 { width : 45px; height: 1px; background: #000; margin-bottom: 10px;   }

.greating p { color:#2e353f; font-size: 14px; margin: 0 0 25px !important; padding: 0; margin: 0 0 20px; width: 380px; }

/* 버튼 스타일 */
.bt_style { height:20px; margin: 0 0 0 10px; padding: 5px 20px; color: #fff; border-radius: 30px;  -webkit-border-radius: 30px; -moz-border-radius: 30px;  background: #e74c4a; }
.bt_style a{ color: #fff; border-radius: 30px; text-decoration:none; }
.bt_style a:hover { color: #fff; border-radius: 30px; font-weight:bold; text-decoration:none; }

.bt_p { margin: 20px !important; }




.transaction { width: 100%; text-align:center; margin: 10px 0 70px !important; }
.orderlist { width: 100%; text-align:center; margin: 10px 0 70px !important; }




@media only screen and (min-width : 993px) and (max-width : 1200px) {
/* 인사말 */
.greating { width: 100%; margin: 0; padding: 0; background:url(../images/sub_great_01.jpg) right bottom no-repeat;  }
.greating .cont01 { color:#000; line-height: 1.5; font-size: 20px; margin: 0 0 65px 0; padding: 0; }
.greating .cont01 span { font-size: 20px !important; }
.line01 { width : 45px; height: 1px; background: #000; margin-bottom: 10px;   }

.greating p { color:#2e353f; font-size: 14px; margin: 0 0 25px !important; padding: 0; margin: 0 0 20px; width: 290px; }
}

@media only screen and (min-width : 768px) and (max-width : 992px) {
/* 인사말 */
.greating { width: 100%; height: 700px; margin: 0; padding: 0; background:url(../images/sub_great_01.jpg) center bottom no-repeat;  }
.greating .cont01 { color:#000; line-height: 1.5; font-size: 20px; margin: 0 0 65px 0; padding: 0; }
.greating .cont01 span { font-size: 20px !important; }
.line01 { width : 45px; height: 1px; background: #000; margin-bottom: 10px;   }

.greating p { color:#2e353f; font-size: 14px; margin: 0 0 25px !important; padding: 0; margin: 0 0 20px; width: 100%; }
}


@media only screen and (min-width : 480px) and (max-width : 767px) {
/* 인사말 */
.greating { width: 100%; height:850px; margin: 0; padding: 0; background:url(../images/sub_great_01.jpg) center bottom no-repeat;  }
.greating .cont01 { color:#000; line-height: 1.5; font-size: 20px; margin: 0 0 65px 0; padding: 0; }
.greating .cont01 span { font-size: 20px !important; }
.line01 { width : 45px; height: 1px; background: #000; margin-bottom: 10px;   }

.greating p { color:#2e353f; font-size: 14px; margin: 0 0 25px !important; padding: 0; margin: 0 0 20px; width: 100%; }
}


@media screen and (max-width:477px) {
	/* 인사말 */
.greating { width: 100%; height:1000px; margin: 0; padding: 0; background:url(../images/sub_great_01.jpg) center bottom no-repeat;  }
.greating .cont01 { color:#000; line-height: 1.5; font-size: 20px; margin: 0 0 65px 0; padding: 0; }
.greating .cont01 span { font-size: 20px !important; }
.line01 { width : 45px; height: 1px; background: #000; margin-bottom: 10px;   }

.greating p { color:#2e353f; font-size: 14px; margin: 0 0 25px !important; padding: 0; margin: 0 0 20px; width: 100%; }
}