@CHARSET "UTF-8";

/* Default */ 
#wdWrap.Default #wdContent    { width:300px; height: 200px; } 

/* base */
#wdMask                        { position:absolute; z-index:20000; background-color:#000; display:none; left:0px; top:0px; overflow:hidden; }
#wdWrap                        { min-width:300px; display:none; position:absolute; z-index:20001; border-radius:0px; background-color:#fff; border: 1px solid #3C3C3C; }
#wdWrap #wdHeader              { width:100%; padding-left:0px; min-width:300px; height:62px; line-height:62px; position:relative; background-image:none; background-color:#202020; text-align:left; border-radius:0px; vertical-align:middle; display:block; }
#wdWrap #wdHeader #wDalog_icon { margin-left:20px; } /* 타이틀 아이콘 사용시 */
#wdWrap #wdHeader #wdTitle     { margin-left:20px; padding-left:5px; color:white; font-size:22px; padding-left:10px; display:inline-block; margin-bottom:5px; }
#wdWrap #wdBody                { width:100%; min-width:300px; background:transparent; padding:0px; }
#wdWrap #wdContent             { width:100%; min-width:300px; margin:0px; border:0px; padding:22px 5px; }
#wdWrap #wdContent b           { color:#ff9000; }
#wdWrap #wdFooter              { margin:0 auto; text-align:center; padding:0px; display:flex; }
/*
#wdWrap #wdFooter #wdBtn1      { float:left; display:inline-block; height:33px; line-height:33px; padding:0 0px; cursor:pointer; border:1px solid #01244f; border-radius:1px; color:#fff; background-color: #01244f; font-weight:bold; }                               
#wdWrap #wdFooter #wdBtn2      { float:left; display:inline-block; height:33px; line-height:33px; padding:0 0px; cursor:pointer; border:1px solid #01244f; border-radius:1px; color:#444; background-color: #fff; }
#wdWrap #wdFooter #wdBtn3      { float:left; display:inline-block; height:33px; line-height:33px; padding:0 0px; cursor:pointer; border:1px solid #01244f; border-radius:1px; color:#444; background-color: #fff; }
*/
#wdWrap #wdFooter #wdBtn1_tail,
#wdWrap #wdFooter #wdBtn2_tail,
#wdWrap #wdFooter #wdBtn3_tail { display:none }

/* pink */
#wdMask.pink                        { position:absolute; z-index:20000; background-color:#000; display:none; left:0px; top:0px; overflow:hidden; }
#wdWrap.pink                        { display:none; position:absolute; z-index:20001;  background:#fd5290; border-radius:15px; box-shadow:0 0 30px 5px rgba(0, 0, 0, 1); }
#wdWrap.pink #wdHeader              { height:40px;  border-width:2px 2px 0 2px; border-radius:15px 15px 0 0;
                                  color:#fff; position:relative; line-height:40px; font-size:120%; padding-left:10px;
                                  background-color: #fd5290; /* fallback color if gradients are not supported */  
                                  background-image: -webkit-linear-gradient(top, #ff79a9, #fd5290); /* For Chrome and Safari */  
                                  background-image:    -moz-linear-gradient(top, #ff79a9, #fd5290); /* For old Fx (3.6 to 15) */  
                                  background-image:     -ms-linear-gradient(top, #ff79a9, #fd5290); /* For pre-releases of IE 10*/  
                                  background-image:      -o-linear-gradient(top, #ff79a9, #fd5290); /* For old Opera (11.1 to 12.0) */   
                                  background-image:         linear-gradient(to bottom, #ff79a9, #fd5290); /* Standard syntax; must be last */ 
                                }
#wdWrap.pink #wdHeader #wDalog_icon { margin-left:20px; }
#wdWrap.pink #wdHeader #wdTitle     { font-weight:bold; background:url(img/img_popBullet.png) 0 50% no-repeat; height:40px; display:inline-block; padding:0 0 0 20px;}
#wdWrap.pink #wdBody                { background:#fd5290;  padding:0 4px 0px 4px; }
#wdWrap.pink #wdContent             { background:#fff; border-top:3px solid #c92862; padding:20px; color:#333333 }
#wdWrap.pink #wdContent b           { color:#c92862; }
#wdWrap.pink #wdFooter              { height:30px; border-radius:0 0 11px 11px; background:#f4f4f4; border-top:1px solid #ebebeb; margin:0 4px 4px 4px; text-align:center; padding:15px; }
#wdWrap.pink #wdFooter #wdBtn1      { background:url(img/img_button.png) 0 0; padding:0 28px 0 30px; height:30px; display:inline-block; line-height:28px; cursor:pointer; color:#fff; font-weight:bold; overflow:visible; vertical-align:top; }
#wdWrap.pink #wdFooter #wdBtn1_tail { background:url(img/img_button.png) right top; width:4px; display:inline-block; height:30px; vertical-align:top; position:relative; left:-2px; }
#wdWrap.pink #wdFooter #wdBtn2      { background:url(img/img_button.png) 0 -50px; padding:0 28px 0 30px; height:30px; display:inline-block; line-height:32px; cursor:pointer; overflow:visible; vertical-align:top; margin-left:10px; }
#wdWrap.pink #wdFooter #wdBtn2_tail { background:url(img/img_button.png) right -50px; width:4px; display:inline-block; height:30px; vertical-align:top; position:relative; left:-2px; }
#wdWrap.pink #wdFooter #wdBtn3      { background:url(img/img_button.png) 0 -50px; padding:0 28px 0 30px; height:30px; display:inline-block; line-height:32px; cursor:pointer; overflow:visible; vertical-align:top; margin-left:10px; }
#wdWrap.pink #wdFooter #wdBtn3_tail { background:url(img/img_button.png) right -50px; width:4px; display:inline-block; height:30px; vertical-align:top; position:relative; left:-2px; }


/* old */
#wdMask.old                        { position:absolute; z-index:20000; background-color:#000; display:none; left:0px; top:0px; overflow:hidden; }
#wdWrap.old                        { height:150px; display:none; position:absolute; z-index:20001; border-radius:0px; background-color:white; border: 1px solid #3C3C3C; }
#wdWrap.old #wdHeader              { height:50px; position:relative; background-image:none; background-color:#3F434F; text-align:left; border-radius:0px; vertical-align:middle; display:table-cell; }
#wdWrap.old #wdHeader #wDalog_icon { margin-left:20px; }
#wdWrap.old #wdHeader #wdTitle     { margin-left:20px; padding-left:5px; font-size:120%; font-weight:bold; background:url(img/img_icon.png) -10px -1px no-repeat; color:white; padding-left:10px; display:inline-block; margin-bottom:5px; }
#wdWrap.old #wdBody                { height:50px; background:#ffffff; padding:0px; }
#wdWrap.old #wdContent             { height:50px; margin:10px; border:0px; padding:0px; }
#wdWrap.old #wdFooter              { height:50px; border-top:1px solid #D9D9D9; background-color:#F9F9F9; border-radius:0px; text-align:center; vertical-align:middle; display:table-cell; }
#wdWrap.old #wdFooter #wdBtn1      { background:url(img/img_button.png) 0 0; padding:0 28px 0 30px; height:30px; display:inline-block; line-height:32px; cursor:pointer; color:#fff; font-weight:bold; overflow:visible; vertical-align:top; }
#wdWrap.old #wdFooter #wdBtn1_tail { background:url(img/img_button.png) right top; width:4px; display:inline-block; height:30px; vertical-align:top; position:relative; left:-2px; }
#wdWrap.old #wdFooter #wdBtn2      { background:url(img/img_button.png) 0 -50px; padding:0 28px 0 30px; height:30px; display:inline-block; line-height:32px; cursor:pointer; overflow:visible; vertical-align:top; margin-left:10px; }
#wdWrap.old #wdFooter #wdBtn2_tail { background:url(img/img_button.png) right -50px; width:4px; display:inline-block; height:30px; vertical-align:top; position:relative; left:-2px; }
#wdWrap.old #wdFooter #wdBtn3      { background:url(img/img_button.png) 0 -50px; padding:0 28px 0 30px; height:30px; display:inline-block; line-height:32px; cursor:pointer; overflow:visible; vertical-align:top; margin-left:10px; }
#wdWrap.old #wdFooter #wdBtn3_tail { background:url(img/img_button.png) right -50px; width:4px; display:inline-block; height:30px; vertical-align:top; position:relative; left:-2px; }


/* LayerPopup_OT */
#wdMask.LayerPopup_OT                        { position:absolute; z-index:20000; background-color:#000; display:none; left:0px; top:0px; overflow:hidden; }
#wdWrap.LayerPopup_OT                        { width:100%; max-width:500px; min-width:300px; display:none; position:absolute; z-index:20001; border-radius:0px; background-color:#fff; border: 1px solid #3C3C3C; }
#wdWrap.LayerPopup_OT #wdHeader              { width:100%; padding-left:0px; height:20px; line-height:20px; min-width:300px; height:62px; line-height:62px; position:relative; background-image:none; background-color:#202020; text-align:left; border-radius:0px; vertical-align:middle; display:block; }
#wdWrap.LayerPopup_OT #wdHeader #wDalog_icon { margin-left:20px; }
#wdWrap.LayerPopup_OT #wdHeader #wdTitle     { margin-left:20px; padding-left:5px; color:white; font-size:22px; padding-left:10px; display:inline-block; margin-bottom:5px; }
#wdWrap.LayerPopup_OT #wdHeader #wdCloseBtn  { width:62px; height:62px; float:right; background:url(img/close_btn.png) no-repeat center center #000; background-size:40%; cursor:pointer }
#wdWrap.LayerPopup_OT #wdBody                { min-height:50px; background:transparent; padding:0px; }
#wdWrap.LayerPopup_OT #wdContent             { min-height:50px; margin:0px; border:0px; padding:0px; }
#wdWrap.LayerPopup_OT #wdFooter              { display:none }


/* LayerPopup_Simple */
#wdMask.LayerPopup_Simple                        { position:absolute; z-index:20000; background-color:#000; display:none; left:0px; top:0px; overflow:hidden; }
#wdWrap.LayerPopup_Simple                        { width:100%; max-width:500px; min-width:300px; display:none; position:absolute; z-index:20001; border-radius:10px; background-color:#fff; border:0px }
#wdWrap.LayerPopup_Simple #wdHeader              { width:100%; padding-left:0px; min-width:300px; padding-top:15px; position:relative; text-align:left; background-color:#fff; border-radius:10px; vertical-align:middle; display:block; }
#wdWrap.LayerPopup_Simple #wdHeader #wDalog_icon { margin-left:20px; }
#wdWrap.LayerPopup_Simple #wdHeader #wdTitle     { margin-left:20px; padding-left:5px; color:white; font-size:22px; padding-left:10px; display:inline-block; margin-bottom:5px; }
#wdWrap.LayerPopup_Simple #wdHeader #wdCloseBtn  { width:20px; height:20px; margin-right:15px; float:right; background:url(img/close_btn.png) no-repeat center center #000; background-size:100%; filter:invert(1); cursor:pointer }
#wdWrap.LayerPopup_Simple #wdBody                { min-height:50px; background:transparent; padding:0px 40px 40px 40px; }
#wdWrap.LayerPopup_Simple #wdContent             { min-height:50px; margin:0px; border:0px; padding:0px; }
#wdWrap.LayerPopup_Simple #wdFooter              { display:none }


/* LayerPopup_SimpleWidth */
#wdMask.LayerPopup_Simple                             { position:absolute; z-index:20000; background-color:#000; display:none; left:0px; top:0px; overflow:hidden; }
#wdWrap.LayerPopup_SimpleWidth                        { width:100%; min-width:300px; display:none; position:absolute; z-index:20001; border-radius:10px; background-color:#fff; border:0px }
#wdWrap.LayerPopup_SimpleWidth #wdHeader              { width:100%; height:0px; padding-left:0px; min-width:300px; padding-top:0px; position:relative; text-align:left; background-color:#fff; border-radius:10px; vertical-align:middle; display:block; }
#wdWrap.LayerPopup_SimpleWidth #wdHeader #wDalog_icon { margin-left:20px; }
#wdWrap.LayerPopup_SimpleWidth #wdHeader #wdTitle     { margin-left:20px; padding-left:5px; color:white; font-size:22px; padding-left:10px; display:inline-block; margin-bottom:5px; }
#wdWrap.LayerPopup_SimpleWidth #wdHeader #wdCloseBtn  {  }
#wdWrap.LayerPopup_SimpleWidth #wdBody                { min-height:50px; background:transparent; padding:0px; }
#wdWrap.LayerPopup_SimpleWidth #wdContent             { min-height:50px; margin:0px; border:0px; padding:0px; }
#wdWrap.LayerPopup_SimpleWidth #wdFooter              { display:none }

/* MobileSlideUp */
#wdMask.MobileSlideUp                        { position:absolute; z-index:20000; background-color:#000; display:none; left:0px; top:0px; overflow:hidden; }
#wdWrap.MobileSlideUp                        { position:fixed; bottom:0px; margin:0 auto; width:100%; max-width:640px; min-width:320px; display:none; z-index:20001; border-radius:0px; background-color:#fff; border-radius:20px 20px 0px 0px }
#wdWrap.MobileSlideUp #wdHeader              { display:none; }
#wdWrap.MobileSlideUp #wdHeader #wDalog_icon { display:none; }
#wdWrap.MobileSlideUp #wdHeader #wdTitle     { display:none; }
#wdWrap.MobileSlideUp #wdHeader #wdCloseBtn  { display:none; }
#wdWrap.MobileSlideUp #wdBody                { min-height:50px; background:transparent; padding:0px; }
#wdWrap.MobileSlideUp #wdContent             { min-height:50px; padding:20px 30px 20px 30px !important; margin:0px; border:0px; padding:0px; color:#000; }
#wdWrap.MobileSlideUp #wdFooter              { display:none }

/* Alert */
#wdWrap.Alert #wdContent           { min-width:300px; vertical-align:middle; display:block; text-align:center; padding:22px 15px }
#wdWrap.Alert #wdFooter #wdBtn1    { width:100%; }

/* Confirm */
#wdWrap.Confirm #wdContent           { min-width:300px; vertical-align:middle; display:block; text-align:center; padding:22px 15px  }
#wdWrap.Confirm #wdFooter #wdBtn1    { width:50%; min-width:auto }
#wdWrap.Confirm #wdFooter #wdBtn2    { width:50%; min-width:auto }

/* Dialog */
#wdWrap.Dialog #wdContent         { min-width:300px; vertical-align:middle; display:block; text-align:center; }
#wdWrap.Dialog #wdFooter #wdBtn1    { width:34%; min-width:auto }
#wdWrap.Dialog #wdFooter #wdBtn2    { width:33%; min-width:auto }
#wdWrap.Dialog #wdFooter #wdBtn3    { width:33%; min-width:auto }

/* Zipcode */
#wdWrap.Zipcode #wdContent         { min-width:380px; vertical-align:middle; display:block; text-align:center; padding:0px }
#wdWrap.Zipcode #wdFooter #wdBtn1    { width:100%; }

/*---------------------------------------------------------------------------*/

/* base */
#Toast                { position:absolute; background:url(img/toast_bg_shadow.png) no-repeat; width:315px; height:180px; z-index:30001; padding:18px 18px 18px 18px; }
#ToastBg              {  }
#Toast #ToastContent  { width:279px; max-height:140px; margin-top:15px; overflow:hidden; vertical-align:middle; text-align:center; font-size:15px; color:#999;  }

/* default */
#Toast.Default               {  }
#Toast.Default #ToastContent { }

/* Error */
#Toast.Error               {  }
#Toast.Error #ToastContent { color:red; font-weight:bold;  }
#Toast.Error #ToastContent #responseText font { font-size:9px; color:silver; font-weight:normal }

/*--------------------*/

/*
.tips { font-size: 11px; position: absolute; padding: 5px; z-index: 10000; }
.tips-inner { background-color: #C00; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }
.tips-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.tips-inner { box-shadow: 0 0 5px #C00; -webkit-box-shadow: 0 0 5px #C00; -moz-box-shadow: 0 0 5px #C00; }
.tips-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #C00; }
.tips-arrow-n { border-bottom-color: #C00; }
.tips-arrow-s { border-top-color: #C00; }
.tips-arrow-e { border-left-color: #C00; }
.tips-arrow-w { border-right-color: #C00; }
.tips-n .tips-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tips-nw .tips-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tips-ne .tips-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
.tips-s .tips-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tips-sw .tips-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tips-se .tips-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tips-e .tips-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tips-w .tips-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
*/