@charset “utf-8″;

#note_area {max-width:1000px;width:1000px;position:relative;margin:0 auto; margin-top: 20px; margin-bottom: 240px;text-align: center; }
#note_area .img_area { margin-bottom: 50px; margin-top:10px; }
#note_area .title {  width: 700px; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; box-sizing: border-box; padding: 20px 0; margin:0 auto; }
#note_area .title p { font-size: 18px; font-weight: 400; line-height: : 22px; color: #8e8282; font-style: italic; }
#note_area .content { margin-top: 20px; display: inline-block; text-align: left; }
#note_area .content p { color: #8e8282; line-height: 26px; }
#note_area .content p span { color: #e17a14; font-weight: 500; }
#note_area .footer { width: 900px; margin-top: 40px; text-align: right; }
#note_area .footer span { font-weight: 500; font-size: 14px; }
#note_area .footer span.name { font-size: 16px; margin-left: 10px; letter-spacing: 2px; }

/* 메인 슬라이드 관련 스타일 */
/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cycle-slideshow { width: 100%; margin: 0px auto; padding: 0; position: relative;background: url(http://malsup.github.com/images/spinner.gif) 50% 50% no-repeat; }
.cycle-slideshow img { position: absolute; top: 0; left: 0; width: 100%; padding: 0; display: block; height: 500px !important; width: 1000px !important; }
.cycle-pager{text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 20px; overflow:hidden;}
.cycle-pager span {	font-family: arial; font-size: 50px; width: 15px; height: 15px;	display: inline-block; color: #fff; cursor: pointer; margin: 0px 5px;}
.cycle-pager span.cycle-pager-active { color:#D69746; }
.cycle-pager > * { cursor: pointer; }