.yapen-revSearchContainer { margin:0px auto; margin-top:15%; border:1px solid #D9D9D9; padding:50px; }
.yapen-revSearchContainer .yapen-searchSelectLayer { width:100%; position:relative; margin:0px auto; text-align:left; }
.yapen-revSearchContainer .yapen-searchSelectLayer .yapen-searchSelect { font-size:14px; color:#999; padding:12px 0px; text-align:center; width:49%; position:relative; border-bottom:1px solid #D9D9D9; display:inline-block; font-weight:700; cursor:pointer; }
.yapen-revSearchContainer .yapen-searchSelectLayer .yapen-searchSelect.on { color:#333; }
.yapen-revSearchContainer .yapen-searchSelectLayer .yapen-searchSelectBar { width:51%; position:absolute; left:0px; bottom:0px; height:1px; background-color:#333; z-index:1; }
.yapen-revSearchContainer .yapen-searchInputLayer { position:relative; width:100%; padding:0px; }
.yapen-revSearchContainer .yapen-searchInputLayer .yapen-searchInputTitle { margin-top:10%; font-weight:400; color:#333; font-size:12px; }
.yapen-revSearchContainer .yapen-searchInputLayer .yapen-searchInput { margin-top:5%; position:relative; width:100%; }
.yapen-revSearchContainer .yapen-searchInputLayer .yapen-searchInput .yapen-input { width:100%; border:0px; border-bottom:1px solid #D9D9D9; padding:12px 0px; position:relative; font-size:14px; border-radius:0px; }
.yapen-revSearchContainer .yapen-searchInputLayer .yapen-searchInput .yapen-searchInputBar { width:0px; height:1px; background-color:#333; position:absolute; left:0px; bottom:0px; 
-webkit-transition: width 0.3s; -moz-transition: width 0.3s; -o-transition: width 0.3s; -ms-transition: width 0.3s; transition: width 0.3s;}
.yapen-revSearchContainer .yapen-searchInputLayer .yapen-searchInput .yapen-input:focus { outline: none; }
.yapen-revSearchContainer .yapen-searchInputLayer .yapen-searchInput .yapen-input:focus + label { width:100%; }
.yapen-revSearchContainer .yapen-searchInputLayer .yapen-searchInput .yapen-inputError { position:absolute; right:0px; bottom:0px; color:#FF6559; margin-bottom:16px; display:none; }
.yapen-revSearchContainer .yapen-searchInputLayer .yapen-searchInput .yapen-inputError.error { -webkit-animation:error 0.2s infinite; display:block; }
.yapen-revSearchContainer .yapen-searchBtn { width:50%; padding:12px 0px; background-color:#FF6559; color:#FFF; text-align:center; font-weight:700; margin:0px auto; margin-top:50px; font-size:16px; cursor:pointer; }
.yapen-revSearchContainer .yapen-searchBtn:hover { background-color:#a04038; }

.yapen-revListContainer { width:640px; margin:50px auto; margin-bottom:0px; }
.yapen-revListContainer .yapen-revListContent { width:560px; margin:0px auto; border:1px solid #666; padding:30px 20px; margin-bottom:50px; }
.yapen-revListContainer .yapen-revListContent.revCancelText { border:1px solid #AAA; }
.yapen-revListContainer .yapen-revListContent .yapen-revTitleLayer { margin:0px auto; text-align:left; position:relative; }
.yapen-revListContainer .yapen-revListContent .yapen-revTitleLayer .yapen-revPensionName { font-size:14px; font-weight:700; color:#333; }
.yapen-revListContainer .yapen-revListContent .yapen-revTitleLayer .yapen-revPensionName.revCancelText { color:#AAA; }
.yapen-revListContainer .yapen-revListContent .yapen-revListGuide { position:absolute; font-size:12px; color:#888; top:2px; right:0px; text-align:right; }
.yapen-revListContainer .yapen-revListContent .yapen-revListGuide.pc { display:block; }
.yapen-revListContainer .yapen-revListContent .yapen-revListGuide.mobile { display:none; position:relative; top:0px; margin-top:4px; }
.yapen-revListContainer .yapen-revListContent .yapen-revListGuide.revCancelText { color:#AAA; }
.yapen-revListContainer .yapen-revListContent .yapen-revListGuide .mapView { cursor:pointer; }
.yapen-revListContainer .yapen-revListContent .yapen-revListGuide .mapView:hover { color:#FF6559; }
.yapen-revListContainer .yapen-revListContent .yapen-revListGuide .mapView:active { color:#a04038; }
.yapen-revListContainer .yapen-revListContent .yapen-revListGuide a:link { color:#888; text-decoration:none; }
.yapen-revListContainer .yapen-revListContent .yapen-revListGuide a:hover { color:#888; text-decoration:none; }
.yapen-revListContainer .yapen-revListContent .yapen-revListGuide a:visited { color:#888; text-decoration:none; }
.yapen-revListContainer .yapen-revListContent .yapen-revListGuide.revCancelText a:link { color:#AAA; text-decoration:none; }
.yapen-revListContainer .yapen-revListContent .yapen-revListGuide.revCancelText a:hover { color:#AAA; text-decoration:none; }
.yapen-revListContainer .yapen-revListContent .yapen-revListGuide.revCancelText a:visited { color:#AAA; text-decoration:none; }
.yapen-revListContainer .yapen-revListContent .yapen-revListGuide .yapen-revListGuideBar { font-size:11px; color:#888; margin:0px 5px; }
.yapen-revListContainer .yapen-revListContent .yapen-revPensionAddress { color:#888; font-size:12px; margin:0px auto; margin-top:2px; }
.yapen-revListContainer .yapen-revListContent .yapen-revPensionAddress.revCancelText { color:#AAA; }
.yapen-revListContainer .yapen-revListContent .yapen-revSecBar { margin:20px auto; width:100%; height:1px; background-color:#666; }
.yapen-revListContainer .yapen-revListContent .yapen-revSecBar.revCancelText { background-color:#AAA; }
.yapen-revListContainer .yapen-revListContent .yapen-revInfo { color:#333; padding:10px 0px; text-align:right; font-size:12px; }
.yapen-revListContainer .yapen-revListContent .yapen-revInfo.first-child { padding-top:30px; }
.yapen-revListContainer .yapen-revListContent .yapen-revInfo.revCancelText { color:#AAA; text-decoration:line-through; }
.yapen-revListContainer .yapen-revListContent .yapen-revInfo.revCancelText b { color:#AAA; text-decoration:line-through; }
.yapen-revListContainer .yapen-revListContent .yapen-revInfo .yapen-revInfoGuide { color:#888; padding:0px; text-align:left; font-size:12px; font-weight:400; float:left; text-decoration:none; }
.yapen-revListContainer .yapen-revListContent .yapen-revInfo.revCancelText .yapen-revInfoGuide { color:#AAA; }
.yapen-revListContainer .yapen-revListContent .yapen-revInfo.font-red { color:#FF4141; }
.yapen-revListContainer .yapen-revListContent .yapen-revInfo.font-purple { color:#6F56FA; }
.yapen-revListContainer .yapen-revListContent .yapen-revInfo b { font-weight:700; }
.yapen-revListContainer .yapen-revListContent .yapen-revInfo b.sitePay { color:#6F56FA; }
.yapen-revListContainer .yapen-revListContent .yapen-revInfo .yapen-revInfoCancelGuideText { text-align:left; font-size:12px; font-weight:400; margin-top:15px; }
.yapen-revListContainer .yapen-revListContent .yapen-revInfo .yapen-revInfoCancelGuideText.sub { margin-left:10px; margin-top:5px; }
.yapen-revListContainer .yapen-revListContent .yapen-revInfoBar { width:100%; height:1px; border-top:1px solid #D9D9D9; }
.yapen-revListContainer .yapen-revListContent .yapen-revViewBtn { width:100%; padding:12px 0px; text-align:center; border:1px solid #333; font-size:14px; font-weight:700; margin-top:20px; cursor:pointer; }
.yapen-revListContainer .yapen-revListContent .yapen-revViewBtn:hover { border:1px solid #FF6559; color:#FF6559; }
.yapen-revListContainer .yapen-revListContent .yapen-revViewBtn:active { border:1px solid #a04038; color:#a04038; }


.menu2 { display:none; }
@-webkit-keyframes error {
  0%, 50% { bottom:0px; }
  25% { bottom:1px; }
  75% { bottom:-1px; }
}


@media screen\0 {
    
}

@media only screen and (max-width : 639px){
    .yapen-revSearchContainer { width:90%; margin:20px auto; padding:20px 5%; }
    .yapen-revSearchContainer .yapen-searchSelectLayer .yapen-searchSelect { font-size:12px; }
    .yapen-revSearchContainer .yapen-searchInputLayer .yapen-searchInputTitle { margin-top:30px; }
    .yapen-revSearchContainer .yapen-searchInputLayer .yapen-searchInput { margin-top:10px; }
    .yapen-revSearchContainer .yapen-searchBtn { width:70%; padding:10px 0px; margin-bottom:30px; }
    .yapen-revSearchContainer .yapen-searchInputLayer .yapen-searchInput .yapen-inputError { margin-bottom:57px; font-size:11px; }
    .yapen-revListContainer { width:100%; margin:10% auto; }
    .yapen-revListContainer .yapen-revListContent { width:90%; padding:30px 4%; margin-bottom:10%; }
    .yapen-revListContainer .yapen-revListContent .yapen-revListGuide.pc { display:none; }
    .yapen-revListContainer .yapen-revListContent .yapen-revListGuide.mobile { display:block; text-align:left; }
}