@CHARSET "UTF-8";

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

/* base */
#wdMask                        { position:absolute; z-index:20000; background-color:rgba(0,0,0,0.3); backdrop-filter: blur(4px); display:none; left:0px; top:0px; overflow:hidden; }
#wdWrap                        { min-width:300px; max-width:395px; display:none; position:absolute; z-index:20001; border-radius:15px; background: #FAFAFA; }
#wdWrap #wdHeader              { display:block; position:relative; width:100%; padding-left:0px; min-width:300px; padding-top:30px; text-align:center; border-radius:15px 15px 0px 0px;  }
#wdWrap #wdHeader #wDalog_icon { display:none } /* 타이틀 아이콘 사용시 */
#wdWrap #wdHeader #wdTitle     { display:block; font-size:20px; line-height:23px; color:#212121; font-weight:800; padding:0px 30px }
#wdWrap #wdBody                { width:100%; min-width:300px; background:transparent; padding:0px; }
#wdWrap #wdContent             { width:100%; min-width:300px; margin:0px; border:0px; padding:20px 30px; }
#wdWrap #wdContent b           { color:#287CFA; }
#wdWrap #wdFooter              { margin:0 auto; text-align:center; padding:10px 30px 30px 30px; display:flex; flex-direction: column; }
#wdWrap #wdFooter #wdBtn1      { display:block; width:100%; height:44px; line-height:44px; padding:0 0px; cursor:pointer; border-radius:8px; color:#212121; font-size:15px; font-weight:700; background-color: #FFFFFF; border:1px solid #E6E6E6; }                               
#wdWrap #wdFooter #wdBtn2      { display:block; width:100%; height:44px; line-height:44px; padding:0 0px; cursor:pointer; border-radius:8px; color:#212121; font-size:15px; font-weight:700; background-color: #FFFFFF; border:1px solid #E6E6E6; margin-top:16px }
#wdWrap #wdFooter #wdBtn3      { display:block; width:100%; height:44px; line-height:44px; padding:0 0px; cursor:pointer; border-radius:8px; color:#212121; font-size:15px; font-weight:700; background-color: #FFFFFF; border:1px solid #E6E6E6; margin-top:16px }
#wdWrap #wdFooter #wdBtn1_tail,
#wdWrap #wdFooter #wdBtn2_tail,
#wdWrap #wdFooter #wdBtn3_tail { display:none }

#wdWrap.Confirm #wdFooter #wdBtn1        { color:#FFFFFF; background-color: #212121; border:1px solid #212121; }
#wdWrap.Confirm.orange #wdFooter #wdBtn1 { color:#FFFFFF; background-color: #FF6929; border:1px solid #FF6929; }


/* 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 }

/* 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; z-index:30001; }
#ToastBg              {  }
#Toast #ToastContent  { background-color:#000; color:#fff; border-radius:10px; min-width:200px; max-width:600px; min-height:40px; line-height:14px; font-size:12px; font-weight:350; padding:17px 22px; text-align:center; }

/* 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; }
*/