@charset "utf-8";

#bo_list .path {border-color:#666 !important}

.story-body { font-family: 'Nanum Gothic', sans-serif;}
.story-banner{  background: url('../img/story-banner.png') no-repeat center top; background-size: cover;  width: 100%; height: 287px; display: inline-block; text-align: center;}
.desc { display: block; width: 80%; background: #fff; margin: 150px auto 0 auto; height: 200px; border-bottom:" #e7e7e7 0px solid"; box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.2);border-radius: 5px;}
.desc > li { float: left;text-align: left;}
.desc > li:first-child{ width: 40%; font-family: 'NanumS'; font-size: 30px; color: #000; padding: 25px 0 25px 40px;font-weight: bold; word-break: keep-all;}
.desc > li:first-child >strong{ color: #ff8601; display: block;font-weight: bold;}
.desc > li:first-child > img{ display: inline-block; margin: 10px 0 0 0; vertical-align: top;text-align: left;}
.desc > li:last-child{ width: 60%; font-size: 13px; color: #000; padding: 40px 38px 40px 35px ;line-height: 22px;}
.story-body { width: 100%; height: 1500px;position: relative;}
.story-body > div { position: absolute; opacity: 0;}
.story-body > div:nth-child(1){ width: 503px; top: 150px; opacity: 0;}
.story-body > div:nth-child(2){ width: 368px; top: 500px; right: 20px;opacity: 0;}
.story-body > div:nth-child(3){ width: 100%; top: 1000px;right: 0;opacity: 0;}
.story-body > div > div { margin: 0 0 20px 0; z-index: 9;}
.story-body > div > h1, .story-body > div > h3{ font-weight: normal; font-family: 'NanumS'; }
.story-body > div > h3 { font-size: 20px; color: #ff8601; margin: 30px 30px 0 30px;}
.story-body > div > h1 { font-size: 26px; color: #000; margin: 20px 30px;line-height: 30px;}
.story-body > div > p { font-size: 14px; color: #666; line-height: 22px; width: 75%; margin: 0 30px;}

/*div.03*/
.story-body > div:nth-child(3) > h3, .story-body > div:nth-child(3) > h1, .story-body > div:nth-child(3) > p{ position: relative; left: 40%;width: 40%;}
.story-body > div:nth-child(3) > h3{ margin-top: -130px;}