@charset "utf-8";
#success-view { text-align: center; padding:200px 0 100px; } 
#success-view .article { margin-top: 100px; text-align: left; } 
#success-view .article .header-sect .title { font-size: 20px; margin-bottom: 20px; } 
#success-view .article .header-sect .title .category { color: var(--page-theme-color); } 
#success-view .article .header-sect .date-and-view { color: #9a9a9a; font-size: 14px; padding-bottom: 30px; border-bottom: 1px solid #e6e6e6; } 
#success-view .article .header-sect .date-and-view span { margin-right: 8px; } 

#success-view .article .body-sect { padding: 20px 0; } 
#success-view .article .body-sect img { max-width: 500px; margin: 0 auto 50px; display: block; } 
#success-view .article .body-sect .big-title { color: var(--page-theme-color); font-size: 20px; font-weight: bold; margin: 20px 0; } 
#success-view .article .body-sect .small-con { font-size: 18px; line-height: 1.5; margin-bottom: 50px; white-space: pre-line; } 
#success-view .article .bottom-ico .heart-wrap { float: left; font-size: 18px; } 
#success-view .article .bottom-ico .heart-wrap i { cursor: pointer; } 
#success-view .article .bottom-ico .share-and-print { float: right; } 
#success-view .article .bottom-ico .share-and-print i { font-size: 19px; margin-left: 8px; color: #979997; cursor: pointer; } 
#success-view .article .list-box { margin-top: 20px; } 
#success-view .article .list-box li { border-top: 1px solid #e6e6e6; padding: 10px 5px; cursor: pointer; transition: all .5s; } 
#success-view .article .list-box li.next-list { border-bottom: 1px solid #e6e6e6; } 
#success-view .article .list-box li:hover { background:#f9f9f9; } 
#success-view .article .list-box li i { font-size: 22px; } 
#success-view .article .list-box li p { display: inline-block; font-size: 15px; margin-left: 10px; } 
#success-view .article .go-list-page { background: #363636; color: #fff; border-radius: 2px; font-size: 14px; width: 60px; height: 30px; display: inline-block; text-align: center; line-height: 30px; margin-top: 20px; transition: all .5s; } 
#success-view .article .go-list-page:hover { background:var(--page-theme-color); } 

.intro-title { transition: all 0.7s; display: inline-block; position: relative; margin-bottom: 90px; transform: scale(0.7); font-size: 50px; font-weight: bold; opacity: 0; } 
.intro-title:after { content: ""; background: var(--page-theme-color); position: absolute; bottom: -57px; width: 50%; height: 5px; left: 50%; transform: translateX(-50%); } 
.heart-ico.active { color:var(--page-theme-color); } 
.intro-title.active { opacity: 1; transform: scale(1); } 


/* 미디어 쿼리 */
@media (max-width: 500px){
 .intro-title { font-size: 40px; } 
 #success-view .article .header-sect .title {font-size:16px;}
 #success-view .article .header-sect .date-and-view {font-size:13px;}
 #success-view .article .body-sect .big-title {font-size: 15px;}
 #success-view .article .body-sect .small-con {font-size: 14px;}
 }