@charset "UTF-8";

/*********************************************
* common
*********************************************/  
.popupFrame_open , .popupFrame_close  { display: inline-block; }
#popupFrame    { position: relative; display: none; } 
.Wrapper_popup   { width: auto; background-color: transparent; }
[id^='popupWrap_']    { background-color: #fff; border-radius: 10px; margin: 0 auto; } 
[id^='popupWrap_'] .header_popup    { height: 53px; line-height: 50px; background-color: #fcb034; border-radius: 10px 10px 0 0;  } 
[id^='popupWrap_'] .header_popup h3    { margin: 0 20px; color: #fff; font-size: 17px; font-weight: bold; font-family: '맑은고딕',Malgun Gothic; } 
[id^='popupWrap_'] .popupFrame_close    { width: 16px; height: 16px; background:url(../images/btn/btn_close_popup.gif) no-repeat; display: inline-block; text-indent: -999999px; font-size: 0; color: transparent; position: absolute; top: 17px; right: 17px; z-index: 5; } 
[id^='popupWrap_'] .container_popup    { min-height: 100px; margin: 20px 40px; position: relative; } 
[id^='popupWrap_'] .container_popup:after  {content:"."; display:block; height:0; clear:both; visibility:hidden; } 

[id^='popupWrap_'] table  { width: 100%; }
[id^='popupWrap_'] table caption { font-size:0; overflow:hidden; height:0;  visibility:hidden; }

[id^='popupWrap_'] .btnArea  { text-align: center; margin: 20px auto; padding: 0 !important; }
[id^='popupWrap_'] .btnArea *  { vertical-align: middle; margin: 0 1px; }
[id^='popupWrap_'] .btnArea a  { display: inline-block; }
[id^='popupWrap_'] .tableTypeH_franch   { overflow: auto; } 


/*********************************************
* 아이디/비밀번호 찾기 & 비밀번호 변경
*********************************************/  
#popupWrap_idpwSearch  { width: 760px; }
#popupWrap_idpwSearch .idpwTab   { width: 50%; position: absolute; top: 5px; text-align: center; font-family: '맑은고딕',Malgun Gothic; }
#popupWrap_idpwSearch .idpwTab button  { width: 100%; height: 43px; line-height: 40px; display: block; background-color: #f2f2f2; border: 1px solid #dcdcdc; color: #333; font-size: 16px; }
#popupWrap_idpwSearch .idpwTab.current   { top: 0; border-top: 3px solid #000; }
#popupWrap_idpwSearch .idpwTab.current button  { height: 46px; line-height: 43px; background-color: #fff; border-bottom-color: #fff; border-top-width: 0; }
#popupWrap_idpwSearch .idpwTab.id_area  { left: 0; }
#popupWrap_idpwSearch .idpwTab.pw_area  { left: 50%; margin-left: -1px; }
#popupWrap_idpwSearch .idpwSearch  { padding-top: 95px; }
#popupWrap_idpwSearch .idpwSearch.single  { padding-top: 25px; }
#popupWrap_idpwSearch .idpwSearch [class^='searchCnt_']   { background-color: #f0f0f0; margin-bottom: 40px; padding: 25px 0 10px; }
#popupWrap_idpwSearch .idpwSearch [class^='searchCnt_'] fieldset > div  { position: relative; margin-bottom: 10px; }
#popupWrap_idpwSearch .idpwSearch [class^='searchCnt_'] fieldset > div *  { vertical-align: middle; }
#popupWrap_idpwSearch .idpwSearch [class^='searchCnt_'] fieldset .error  { color: #fe4b38; font-size: 11px; margin-top: 3px; }
#popupWrap_idpwSearch .idpwSearch [class^='searchCnt_'] fieldset .add  { color: #888; font-size: 11px; margin: 3px 0 0 2px; }
#popupWrap_idpwSearch .idpwSearch [class^='searchCnt_'] fieldset .add:before  { content: '*'; color: #fe4b38; font-size: 18px; position: relative; top: 5px; left: -2px; }
#popupWrap_idpwSearch .idpwSearch [class^='searchCnt_'] fieldset legend  { visibility: hidden; font-size: 0; overflow: hidden; height: 0; } 
#popupWrap_idpwSearch .idpwSearch [class^='searchCnt_'] fieldset .tit_label  { height: 24px; line-height: 24px; color: #2e2e2e; font-weight: bold; display: inline-block; position: absolute; top: 0; left: 0; }
#popupWrap_idpwSearch .idpwSearch [class^='searchCnt_'] fieldset input[type='text'] ,
#popupWrap_idpwSearch .idpwSearch [class^='searchCnt_'] fieldset input[type='password']  { height: 22px; line-height: 22px; padding: 0 5px; display: inline-block; background-color: #fff; border: 1px solid #dcdcdc; }
#popupWrap_idpwSearch .idpwSearch [class^='searchCnt_'] fieldset input[type='text']:disabled  { background-color: transparent; }
#popupWrap_idpwSearch .idpwSearch [class^='searchCnt_'] fieldset input[type='image']  {margin: 0 5px; }
#popupWrap_idpwSearch .idpwSearch .searchCnt_id fieldset    { margin: 0 95px; }
#popupWrap_idpwSearch .idpwSearch .searchCnt_id fieldset > div   { padding-left: 125px; }
#popupWrap_idpwSearch .idpwSearch .searchCnt_pw fieldset   { margin: 0 30px; }
#popupWrap_idpwSearch .idpwSearch .searchCnt_pw .pwfield   { margin: 0 125px; }
#popupWrap_idpwSearch .idpwSearch .searchCnt_pw .pwfield > div   { padding-left: 100px; } 
#popupWrap_idpwSearch .idpwSearch .searchCnt_pw fieldset > div   { padding-left: 102px; }
#popupWrap_idpwSearch .idpwSearch .tableTypeH_franch   { height: 205px; }


/*********************************************
* 가맹점 등록 여부 조회
*********************************************/  
#popupWrap_franchiseeSheet  { width: 760px; }
#popupWrap_franchiseeSheet .searchArea  { text-align: right; margin-bottom: 13px; }
#popupWrap_franchiseeSheet .searchArea *  { vertical-align: middle; }
#popupWrap_franchiseeSheet .searchArea input[type='text']   { height: 22px; line-height: 22px; padding: 0 5px; display: inline-block; text-align: left; background-color: #fff; border: 1px solid #dcdcdc; }
#popupWrap_franchiseeSheet .tableTypeH_franch   { height: 425px; text-align: center; }
@-moz-document url-prefix() { 
	#popupWrap_franchiseeSheet .tableTypeH_franch   { height: 440px; }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#popupWrap_franchiseeSheet .tableTypeH_franch   { height: 440px; }
}
#popupWrap_franchiseeSheet [class^='serviceUse_']   { width: 13px; height: 13px; display: inline-block; text-indent: -9999px; font-size: 0; color: transparent; }
#popupWrap_franchiseeSheet .serviceUse_on   { background:url(../images/ico/ico_checkbox.png) no-repeat 50% 50% #fff; border: 1px solid #fcb034; }
#popupWrap_franchiseeSheet .serviceUse_non    { background-color: #f2f2f2; border: 1px solid #dcdcdc; } 


/*********************************************
* 서비스 추가
*********************************************/  
#popupWrap_serviceAdd  { width: 760px; }
#popupWrap_serviceAdd .tableTypeV_servideAdd   { margin-top: 20px; }
#popupWrap_serviceAdd .tableTypeV_servideAdd tbody th    { padding-left: 30px; }


/*********************************************
* 사업자 등록번호 조회
*********************************************/  
#popupWrap_buisnessNum  { width: 900px; }
#popupWrap_buisnessNum .searchArea  { text-align: right; margin-bottom: 13px; }
#popupWrap_buisnessNum .searchArea *  { vertical-align: middle; }
#popupWrap_buisnessNum .searchArea input[type='text']   { height: 22px; line-height: 22px; padding: 0 5px; display: inline-block; text-align: left; background-color: #fff; border: 1px solid #dcdcdc; }
#popupWrap_buisnessNum .tableTypeH_buisness   { height: 425px; overflow: auto; text-align: center; } 
#popupWrap_buisnessNum .tableTypeH_buisness tbody td *   { vertical-align: middle; } 
@-moz-document url-prefix() { 
	#popupWrap_buisnessNum .tableTypeH_buisness   { height: 440px; }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#popupWrap_buisnessNum .tableTypeH_buisness   { height: 440px; }
}

#popupWrap_buisnessNum [class^='joinState_']   { width: 13px; height: 13px; display: inline-block; text-indent: -9999px; font-size: 0; color: transparent; margin-top: -1px; }
#popupWrap_buisnessNum .joinState_on   { background:url(../images/ico/ico_checkbox.png) no-repeat 50% 50% #fff; border: 1px solid #fcb034; }
#popupWrap_buisnessNum .joinState_non    { background-color: #f2f2f2; border: 1px solid #dcdcdc; } 


/*********************************************
*  미리보기 - 동영상
*********************************************/  
#popupWrap_previewVideo  { width: 800px; }
#popupWrap_previewVideo .videoPreview_panel   { width: 655px; height: 360px; padding: 30px 0 0 65px; background:url(../images/contents/videoPhone_bg.gif) no-repeat; position: relative; margin: 0 auto; }
#popupWrap_previewVideo .videoPreview_panel .mejs-overlay-loading  { border-radius: 50%; }
#popupWrap_previewVideo .videoPreview_panel .mejs-offscreen  { display: none; }
#popupWrap_previewVideo .videoSummary   { width: 700px; margin: 15px auto; }
#popupWrap_previewVideo .videoSummary dt  { color: #333; font-size: 14px; font-weight: bold; font-family: '맑은고딕',Malgun Gothic; text-align: left; background:url(../images/contents/bullet.gif) no-repeat 0 9px; padding-left: 13px; margin-bottom: 10px; }
#popupWrap_previewVideo .videoSummary dd   { height: 90px; overflow: auto; padding: 15px; border: 1px solid #dcdcdc; text-align: left; }



/*********************************************
*  미리보기 - 배너
*********************************************/