body { margin:0px auto; padding:0px;  font-weight:400; -webkit-overflow-scrolling:touch; }
body, h1, h2, h3, h4, h5, div, dl, dt, dd, ul, ol, li, fieldset, form, label, p, th, td, input, select, textarea, button{margin: 0; padding: 0; line-height:1.5; font-size: 12px; }
img { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
.yapen-calContainer { font-family: Dotum,'�뗭�',Helvetica,AppleSDGothicNeo,sans-serif; word-break: break-all; box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; }
.yapen-calContainer div, span, li, ul, label, p, input, select, textarea { }
.yapen-bgLayer { width:100%; height:100%; position:fixed; background:url('//img.yapen.co.kr/pension/externalMobile/bgImage.png') repeat; z-index:20; top:0px; left:0px; display:none; }
.yapen-header { width:100%; padding:18px 0px 8px; text-align:center; border-bottom:1px solid #E6E5E5; position:fixed; top:0px; left:0px; z-index:11; background-color:#FFF; font-family: Dotum,'�뗭�',Helvetica,AppleSDGothicNeo,sans-serif; word-break: break-all; }
.yapen-container { width:1024px; margin:0px auto; padding:0px; padding-top:57px; font-family: Dotum,'�뗭�',Helvetica,AppleSDGothicNeo,sans-serif; word-break: break-all; }
.yapen-header .yapen-headerLayer { width:1024px; text-align:left; margin:0px auto; position:relative; padding:0px; }
.yapen-header .yapen-headerLayer .headerPensionName { color:#333; font-size:16px; font-weight:700; }
.yapen-header .yapen-headerLayer .viewCeoBtn { border:1px solid #AAA; color:#AAA; padding:7px 10px ; cursor:pointer; font-weight:700; margin-top:-5px; font-size:13px; margin-left:10px; display:inline-block; }
.yapen-header .yapen-headerLayer .viewCeoBtn:hover { color:#333; border:1px solid #333; }
.yapen-header .yapen-headerLayer .headerSite { position:relative; margin-top:-4px; font-weight:700; padding:7px 14px 8px 14px; font-size:13px; color:#AAA; cursor:pointer; display:inline-block; }
.yapen-header .yapen-headerLayer .headerSite:hover { color:#333; }
.yapen-header .yapen-headerLayer .headerSite.on { color:#333; }
.yapen-header .yapen-headerLayer .lineBar { color:#AAA; padding:0px; font-size:13px; font-weight:300; display:inline-block; }
.yapen-header .yapen-headerLayer .yapen-header-menu-icon { display:none; position:absolute; right:2%; top:2px; height:16px; }
.yapen-footer { text-align:center; margin:0px auto; padding:30px 0px; padding-bottom:60px; color:#AAA; font-family: Dotum,'�뗭�',Helvetica,AppleSDGothicNeo,sans-serif; word-break: break-all; }
.yapen-popupLayer { position:fixed; top:40%; left:50%; width:450px; margin-left:-225px; z-index:22; background-color:#FFF; display:none; font-family: Dotum,'�뗭�',Helvetica,AppleSDGothicNeo,sans-serif; word-break: break-all; }
.yapen-popupLayer .yapen-popupTitle { font-size:16px; text-align:center; padding:19px 0px; position:relative; color:#333; background-color:#FFF; border-bottom:1px solid #E6E5E5; font-weight:700; margin:0px auto; width:96%; }
.yapen-popupLayer .yapen-popupContent { font-size:14px; color:#333; padding:40px 2%; width:96%; text-align:center; background-color:#FFF; }
.yapen-popupLayer .yapen-popupBtnLayer { position:relative; height:45px; width:100%; background-color:#FF6559; border-top:1px solid #FFF; }
.yapen-popupLayer .yapen-popupBtnLayer .yapen-popupCloseBtn{ background-color:#FF6559; color:#FFF; padding:11px 0px 10px 0px; text-align:center; width:50%; z-index:1; font-size:16px; font-weight:700; cursor:pointer; }
.yapen-popupLayer .yapen-popupBtnLayer .yapen-popupCloseBtn:hover { background-color:#a04038; }
.yapen-popupLayer .yapen-popupBtnLayer .yapen-popupCloseBtn.one { width:100%; }
.yapen-popupLayer .yapen-popupBtnLayer .yapen-popupSuccessBtn { position:absolute; right:0px; top:0px; padding:11px 0px 10px 0px; width:50%; z-index:0; text-align:center; color:#FFF; font-size:16px; font-weight:700; cursor:pointer; border-left:1px solid #FFF; }
.yapen-popupLayer .yapen-popupBtnLayer .yapen-popupSuccessBtn:hover { background-color:#a04038; }

/* room Photo CSS */
.yapen-roomPhotoLayer { position:fixed; z-index:21; width:100%; height:100%; left:0px; top:0px; display:none; font-family: Dotum,'�뗭�',Helvetica,AppleSDGothicNeo,sans-serif; word-break: break-all; }
.yapen-roomPhotoLayer .yapen-roomPhotoName { position:absolute; left:14px; top:14px; z-index:22; font-size:16px; color:#FFF; font-weight:700; }
.yapen-roomPhotoLayer .yapen-roomPhotoClose { position:absolute; right:14px; top:14px; z-index:22; width:24px; cursor:pointer; }
.yapen-roomPhotoLayer .yapen-roomPhotoSecTbl { width:100%; height:100%; position:relative; text-align:center; }
.yapen-roomPhotoLayer .yapen-roomPhotoSecTbl tr td { width:100%; height:100%; position:relative; vertical-align:middle; text-align:center; }
.yapen-roomPhotoLayer .yapen-roomPhotoSecTbl tr td .yapen-roomPhotoLoading { width:40px; height:40px; top:50%; left:50%; position:absolute; margin-top:-20px; margin-left:-20px; }
.yapen-roomPhotoLayer .yapen-roomPhotoSecTbl tr td .yapen-roomPhoto { margin:0px auto; width:800px; width:auto; max-height:90%; }
.yapen-roomPhotoLayer .yapen-roomPhotoSecTbl tr td .yapen-photoArrow { width:27px; height:50px; background:url('//img.yapen.co.kr/pension/external/photoArrow.png') no-repeat; position:absolute; cursor:pointer;  }
.yapen-roomPhotoLayer .yapen-roomPhotoSecTbl tr td .yapen-photoArrow.left { position:fixed; left:2%; top:50%; margin-top:-75px; background-position:0px 0px; z-index:22; }
.yapen-roomPhotoLayer .yapen-roomPhotoSecTbl tr td .yapen-photoArrow.left:active { background-position:0px -50px; }
.yapen-roomPhotoLayer .yapen-roomPhotoSecTbl tr td .yapen-photoArrow.right { position:fixed; right:2%; top:50%; margin-top:-75px; background-position:-27px 0px; z-index:22; }
.yapen-roomPhotoLayer .yapen-roomPhotoSecTbl tr td .yapen-photoArrow.right:active { background-position:-27px -50px; }
.yapen-roomPhotoLayer .yapen-roomPhotoSecTbl tr td .yapen-photoArrow.off { display:none; }
.yapen-roomPhotoLayer .yapen-roomPhotoListsLayer { position:absolute; left:0px; bottom:0px; height:100px; width:100%; overflow-x:auto; overflow-y:hidden; background-color:#222;
    scrollbar-base-color: #747474;
    scrollbar-base-color: #747474;
    scrollbar-3dlight-color: #747474;
    scrollbar-highlight-color: #747474;
    scrollbar-track-color: #3a3a3a;
    scrollbar-arrow-color: #747474;
    scrollbar-shadow-color: #747474;
    scrollbar-dark-shadow-color: #747474; 
    scrollbar-base-height:10px; 
}
.yapen-roomPhotoLayer .yapen-roomPhotoListsLayer .yapen-roomPhotoLists { position:relative; height:80px; margin-top:10px; width:100%; }
.yapen-roomPhotoLayer .yapen-roomPhotoListsLayer .yapen-roomPhotoLists li { float:left; position:relative; height:80px; margin:0px 5px; width:120px; overflow:hidden; text-align:center; background-color:#FFF; }
.yapen-roomPhotoLayer .yapen-roomPhotoListsLayer .yapen-roomPhotoLists li label { display:none; width:116px; height:76px; }
.yapen-roomPhotoLayer .yapen-roomPhotoListsLayer .yapen-roomPhotoLists li.on label { border:2px solid #FF6559; width:116px; height:76px; z-index:23; position:absolute; left:0px; top:0px; display:block; cursor:pointer; }
.yapen-roomPhotoLayer .yapen-roomPhotoListsLayer .yapen-roomPhotoLists li img { height:100%; cursor:pointer; margin:0px auto; position:absolute; top:0px; left:0px; }
.yapen-roomPhotoLayer .yapen-roomPhotoListsLayer::-webkit-scrollbar-track { background-color: #3a3a3a; }
.yapen-roomPhotoLayer .yapen-roomPhotoListsLayer::-webkit-scrollbar { height:17px; background-color: #3a3a3a; }
.yapen-roomPhotoLayer .yapen-roomPhotoListsLayer::-webkit-scrollbar-thumb { background-color: #747474; border: 1px solid #747474; }

/* 怨듯넻 CSS */
.yapen-revPossIcon { padding:2px 3px; height:14px; font-size:11px; background-color:#8FC31F; color:#FFF; display:inline-block; letter-spacing:0px; text-align:center; font-weight:400; box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; }
.yapen-revWaitIcon { padding:2px 3px; height:14px; font-size:11px; background-color:#5C92FF; color:#FFF; display:inline-block; letter-spacing:0px; text-align:center; font-weight:400; box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; }
/* 1�꾩㎏ ���쒕떂 �붿껌�쇰줈, �덉빟 �꾨즺 �됱긽�� C2C2C2�먯꽌 FF6559濡� 蹂�寃� 2017.08.31 */
/* .yapen-revSuccIcon { padding:2px 3px; height:14px; font-size:11px; background-color:#C2C2C2; color:#FFF; display:inline-block; letter-spacing:0px; text-align:center; font-weight:400; } */
.yapen-revSuccIcon { padding:2px 3px; height:14px; font-size:11px; background-color:#FF6559; color:#FFF; display:inline-block; letter-spacing:0px; text-align:center; font-weight:400; box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; }
.yapen-revSaleIcon { padding:2px 3px; height:14px; font-size:11px; background-color:#666666; color:#FFF; display:inline-block; letter-spacing:0px; text-align:center; font-weight:400; box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; }
.yapen-sitePayIcon { padding:2px 3px; height:14px; font-size:11px; background-color:#6F56FA; color:#FFF; display:inline-block; letter-spacing:0px; text-align:center; font-weight:400; box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; }
.yapen-sitePayIcon.revCancelText { background-color:#AAA; }
.yapen-header-float-r { float:right; }
.yapen-header-float-r .yapen-header-menu-close-layer { display:none; position:relative; padding:16px 4%; text-align:right; width:92%; }
.yapen-header-float-r .yapen-header-info-layer { display:none; position:absolute; bottom:0px; left:0px; text-align:left; padding:5%; width:90%; }
.yapen-header-float-r .yapen-header-info-layer .yapen-header-info-title { padding:5% 0px 5px 0px; margin:0px auto; font-size:12px; font-weight:700; color:#333; }
.yapen-header-float-r .yapen-header-info-layer .yapen-header-info-content { padding:0px 0px 5% 0px; margin:0px auto; font-size:12px; font-weight:400; color:#666; border:0px; border-bottom:1px solid #D9D9D9; }
.yapen-header-float-r .yapen-header-info-layer .yapen-header-info-content:last-child { border-bottom:0px; }
.yapen-float-l { float:left; }
.yapen-float-r { float:right; }
.yapen-absolute-l { position:absolute; left:0px; }
.yapen-absolute-r { position:absolute; right:0px; }
.yapen-top-0 { top:0px; }
.yapen-top-9 { top:9px; }
.yapen-margin-l-5 { margin-left:5px; }
.font-yapen { color:#FF6559; }
.font-red { color:#FF4141; }
.font-gray { color:#888; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.pd-3p { padding:3%; }

@media screen\0 {
    .yapen-revPossIcon,
    .yapen-revWaitIcon,
    .yapen-revSuccIcon,
    .yapen-revSaleIcon,
    .yapen-sitePayIcon { margin-top:-1px; } 
    .yapen-header .yapen-headerLayer .viewCeoBtn { padding:8px 10px 5px; }
    .yapen-header .yapen-headerLayer .headerSite { margin-top:-3px; }
}

@media only screen and (max-width : 1024px){
    .yapen-container { width:96%; padding:0px 2%; padding-top:57px; }
    .yapen-header .yapen-headerLayer { width:96%; padding:0px 2%; }
    .yapen-header .yapen-headerLayer .headerPensionName { font-size:14px; }
    .yapen-header .yapen-headerLayer .headerSite { margin-top:-6px; }
    .yapen-header .yapen-headerLayer .lineBar { font-size:12px; }
    .yapen-header .yapen-headerLayer .viewCeoBtn { font-size:12px; padding:6px 8px; }
}

@media only screen and (max-width : 960px){
    .yapen-roomPhotoLayer .yapen-roomPhotoSecTbl tr td .yapen-roomPhoto { width:100%; }
}

@media only screen and (max-width : 640px){
	.yapen-popupLayer { width:90%; left:5%; margin-left:0px; }
	.yapen-header { padding:18px 0px 16px; }
    .yapen-header .yapen-headerLayer .headerPensionName { text-align:left; max-width:280px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .yapen-header .yapen-headerLayer .viewCeoBtn { padding:5px 8px; margin-top:-6px; }
    .yapen-header .yapen-headerLayer .headerSite { padding:7px 5px 8px 5px; }
    .yapen-header .yapen-headerLayer .lineBar { display:none; }
    .yapen-header .yapen-headerLayer .headerSite { display:block; margin:0px auto; padding:5%; width:90%; border-bottom:1px solid #D9D9D9; font-size:12px; text-align:left; }
    .yapen-header .yapen-headerLayer .viewCeoBtn { display:block; margin:0px auto; padding:5%; width:90%; border:0px; border-bottom:1px solid #D9D9D9; font-size:12px; text-align:left; }
    .yapen-header .yapen-headerLayer .yapen-header-menu-icon { display:block; }
    .yapen-header-float-r { float:none; margin:0px auto; position:fixed; right:-100%; top:0px; width:65%; height:100%; background-color:#FFF; z-index:110; border-left:1px solid #333; padding:0px; }
    .yapen-header-float-r .yapen-header-menu-close-layer { display:block; }
    .yapen-header-float-r .yapen-header-menu-close-layer .yapen-header-menu-close-icon { height:16px; position:relative; }
    .yapen-header-float-r .yapen-header-info-layer { display:block; }
    .yapen-top-0 { top:-42px; }
    .yapen-top-9 { top:-17px; }
    .yapen-container { width:96%; padding:0px 2%; padding-top:56px; top:20%; }
}