@CHARSET "UTF-8"; /* Default */ #wdWrap.Default #wdContent { width:320px; height: 200px; } #wdWrap * { box-sizing:border-box } /* base */ #wdMask { position:absolute; z-index:20000; background-color:#000; display:none; left:0px; top:0px; overflow:hidden; } #wdWrap { min-width:250px; max-width:400px; display:none; position:absolute; top:0; z-index:20001; border-radius:0px; background-color:#fff; border-radius:12px; overflow:hidden; margin:0 auto; margin-left:20px; margin-right:20px; } #wdWrap #wdHeader { width:100%; padding-left:0px; min-width:300px; position:relative; background-image:none; text-align:center; border-radius:0px; vertical-align:middle; display:block; } #wdWrap #wdHeader #wDalog_icon { margin-left:20px; } /* 타이틀 아이콘 사용시 */ #wdWrap #wdHeader #wdTitle { width:calc(100% - 40px); margin:27px 20px 0px 20px; padding-bottom:20px; color:#000; font-size:17px; font-weight:bold; display:inline-block; text-align:center; border-bottom:1px solid #ddd } #wdWrap #wdHeader #wdTitle strong { font-size:26px; } #wdWrap #wdHeader #wdTitle small { display:block; color:#999; font-weight:normal; font-size:13px; padding-top:10px; line-height:16px; } #wdWrap #wdBody { width:100%; background:transparent; padding:0px; } #wdWrap #wdContent { width:100%; min-width:300px; max-height:450px; overflow-x:hidden; overflow-y:auto; margin:0px; border:0px; padding:20px; color:#444; font-size:15px; line-height:20px; } #wdWrap #wdContent b { color:#ff6929; } #wdWrap #wdContent small { color:#999; font-size:14px; } #wdWrap #wdContent ul.list { list-style: none; margin: 0; padding:0px 10px 0px 10px } #wdWrap #wdContent ul.list li { text-align:left; text-indent:-10px; padding:5px 0px 5px 10px } #wdWrap #wdContent ul.list li:before { content:'- ' } #wdWrap #wdFooter { margin:0 auto; text-align:center; padding:0px 20px 24px 20px; display:flex; } #wdWrap #wdFooter #wdBtn1 { float:left; display:inline-block; margin:0px 4px; height:42px; line-height:42px; padding:0 0px; cursor:pointer; border:0px solid #333; border-radius:8px; font-weight:bold; background-color:#FF6929; color:#FFF; font-size:16px } #wdWrap #wdFooter #wdBtn2 { float:left; display:inline-block; margin:0px 4px; height:42px; line-height:42px; padding:0 0px; cursor:pointer; border:0px solid #333; border-radius:8px; font-weight:bold; background-color:#EEEEEE; color:#212121; font-size:16px; } #wdWrap #wdFooter #wdBtn3 { float:left; display:inline-block; margin:0px 4px; height:42px; line-height:42px; padding:0 0px; cursor:pointer; border:0px solid #333; border-radius:8px; font-weight:bold; background-color:#EEEEEE; color:#212121; font-size:16px; } #wdWrap #wdFooter #wdBtn1_tail, #wdWrap #wdFooter #wdBtn2_tail, #wdWrap #wdFooter #wdBtn3_tail { display:none } #wdWrap #wdFooter button:focus { outline: none; } /* notitle */ #wdWrap.notitle #wdHeader { display:none; height:0px; padding:0; margin:0 } #wdWrap.notitle #wdContent { padding:32px 20px 23px 20px; font-weight:bold; line-height:24px; } /* button */ #wdWrap.button #wdFooter { padding:0px 20px 20px 20px; border-top:0px } #wdWrap.button #wdFooter #wdBtn1 { background-color:#ff9929; color:#fff; border-radius:10px; } #wdWrap.button #wdFooter #wdBtn2 { border:1px solid #ddd; border-radius:3px; } #wdWrap.button #wdFooter #wdBtn3 { border:1px solid #ddd; border-radius:3px; } /* title_left */ #wdWrap.title_left #wdHeader #wdTitle { width:calc(100% - 60px); margin:27px 30px 0px 30px; text-align:left; border-bottom:2px solid #333; } #wdWrap.title_left #wdContent { padding:20px 30px } /* warring */ #wdWrap.warring #wdHeader #wdTitle { font-weight:bold; font-size:26px; border-bottom:0px } #wdWrap.warring #wdContent { padding-top:0px } #wdWrap.warring #wdFooter #wdBtn1 { color:#333333; } /* 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; 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:90%; 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; 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 { width:calc(100% - 60px); margin:20px 30px 0px 30px; text-align:left; border-bottom:2px solid #ececec } #wdWrap.LayerPopup_Simple #wdHeader #wdCloseBtn { display:none; floar:right; width:20px; height:20px; margin-right:15px; 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:10px 0px 10px 30px; } #wdWrap.LayerPopup_Simple #wdContent { width:100%; min-height:200px; max-height:300px; margin:0px; border:0px; padding:0px; padding-right:30px; } #wdWrap.LayerPopup_Simple #wdFooter { display:none } /* LayerPopup_slim */ #wdMask.LayerPopup_slim { position:absolute; z-index:20000; background-color:#000; display:none; left:0px; top:0px; overflow:hidden; } #wdWrap.LayerPopup_slim { width:70%; max-width:500px; min-width:300px; display:none; position:absolute; z-index:20001; border-radius:10px; background-color:#fff; border:0px } #wdWrap.LayerPopup_slim #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_slim #wdHeader #wDalog_icon { margin-left:20px; } #wdWrap.LayerPopup_slim #wdHeader #wdTitle { margin-left:20px; padding-left:5px; color:white; font-size:22px; padding-left:10px; display:inline-block; margin-bottom:5px; } #wdWrap.LayerPopup_slim #wdHeader #wdCloseBtn { width:20px; height:0px; 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_slim #wdBody { min-height:50px; background:transparent; padding:20px 0px; text-align:center; } #wdWrap.LayerPopup_slim #wdContent { min-height:50px; margin:0px; border:0px; padding:0px; } #wdWrap.LayerPopup_slim #wdFooter { display:none } /* LayerPopup_slim */ #wdMask.LayerPopup_nomargin { position:absolute; z-index:20000; background-color:#000; display:none; left:0px; top:0px; overflow:hidden; } #wdWrap.LayerPopup_nomargin { width:70%; max-width:500px; min-width:300px; display:none; position:absolute; z-index:20001; border-radius:10px; background-color:#fff; border:0px } #wdWrap.LayerPopup_nomargin #wdHeader { height:0px; font-size:0px; padding:0px; margin:0px; } #wdWrap.LayerPopup_nomargin #wdHeader #wDalog_icon { margin-left:00px; } #wdWrap.LayerPopup_nomargin #wdHeader #wdTitle { height:0px; margin-left:00px; padding-left:0px; color:white; font-size:0px; padding-left:10px; display:none; margin-bottom:0px; } #wdWrap.LayerPopup_nomargin #wdHeader #wdCloseBtn { position: absolute; right: 14px; top: 13px; background:url(img/close_btn_black.svg) no-repeat center center; cursor:pointer; width: 24px; height: 24px; } #wdWrap.LayerPopup_nomargin #wdHeader #wdCloseBtn:before { width:20px; height:20px; margin-right:15px; float:right; background:url(img/close_btn_black.svg) no-repeat center center #000; background-size:100%; filter:invert(1); cursor:pointer } #wdWrap.LayerPopup_nomargin #wdBody { min-height:50px; background:transparent; padding:0px 0px; text-align:center; } #wdWrap.LayerPopup_nomargin #wdContent { min-height:50px; margin:0px; border:0px; padding:0px; } #wdWrap.LayerPopup_nomargin #wdFooter { height:0px; height:0px; font-size:0px; padding:0px; margin:0px; } /* LayerPopup_Screen */ #wdMask.LayerPopup_Screen { position:absolute; z-index:20000; background-color:#000; display:none; left:0px; top:0px; overflow:hidden; } #wdWrap.LayerPopup_Screen { width:100%; max-width:500px; min-width:300px; display:none; position:absolute; z-index:20001; border-radius:10px; background-color:transparent; border:0px } #wdWrap.LayerPopup_Screen #wdHeader { width:100%; padding:0px; min-width:300px; position:relative; text-align:left; display:block; } #wdWrap.LayerPopup_Screen #wdHeader #wDalog_icon { margin:0px; } #wdWrap.LayerPopup_Screen #wdHeader #wdTitle { margin:0px; } #wdWrap.LayerPopup_Screen #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_Screen #wdBody { min-height:50px; background:transparent; padding:0px 40px 40px 40px; } #wdWrap.LayerPopup_Screen #wdBody div { max-width:100% !important } #wdWrap.LayerPopup_Screen #wdContent { width:100%; margin:0px; border:0px; padding:0px; color:#fff; text-align:center; overflow-y:hidden } #wdWrap.LayerPopup_Screen #wdFooter { height:0px; margin:0px; border:0px; padding:0px; } /* MoreBtnPopup */ #wdMask.MoreBtnPopup { position:absolute; z-index:20000; background-color:#000; display:none; left:0px; top:0px; overflow:hidden; } #wdWrap.MoreBtnPopup { position:fixed; top:auto; left:auto; right:16px; bottom:76px; width:auto; max-width:111px; min-width:50px; display:none; z-index:20001; border:0px; background: transparent; border-radius: 0px; margin: 0; } #wdWrap.MoreBtnPopup #wdHeader { height:0px; padding:0px; margin:0px; } #wdWrap.MoreBtnPopup #wdHeader #wdTitle { height:0px; padding:0px; margin:0px; } #wdWrap.MoreBtnPopup #wdHeader #wdCloseBtn { position:fixed; top:auto; left:auto; right:16px; bottom:20px; width:44px; height:44px; margin-right:0px; float:right; background:url(img/close_btn_round.svg) no-repeat center center; background-size:60px; cursor:pointer; border-radius:100% } #wdWrap.MoreBtnPopup #wdBody { width:auto; min-width:111px; min-height:20px; padding:0px 0px 0px 0px; } #wdWrap.MoreBtnPopup #wdContent { width:auto; min-width:111px; min-height:20px; margin:0px; border:0px; padding:0px !important; border-radius:10px; background-color:#fff; } #wdWrap.MoreBtnPopup #wdContent button { width:111px; height:58px; border:0px; background-color:#fff; text-align:center; font-size:16px; } #wdWrap.MoreBtnPopup #wdContent button:last-child { border-bottom:0px } #wdWrap.MoreBtnPopup #wdFooter { height:0px; padding:0px; margin:0px; 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:15px 15px 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 { display:table; min-height:50px; padding:32px 16px 50px 16px !important; margin:0px; border:0px; padding:0px; color:#000; } #wdWrap.MobileSlideUp #wdFooter { display:none; height:0px; padding:0px !important } #wdWrap.MobileSlideUp #wdContent ul.menu { cursor:pointer; font-size:18px; color:#111; line-height:60px } #wdWrap.MobileSlideUp #wdContent ul.menu li { height:60px } #wdWrap.MobileSlideUp #wdContent .msg { padding:0px 0px; word-break: break-all; font-size:15px; line-height:21px } #wdWrap.MobileSlideUp #wdContent .msg label { display:block; font-size:20px; font-weight:bold; padding-bottom:20px } #wdWrap.MobileSlideUp #wdContent .msg ul { padding-top:9px; } #wdWrap.MobileSlideUp #wdContent .msg ul li { color:#111; padding-top:3px; text-align:left; font-size:15px; padding-left:10px; line-height:19px } #wdWrap.MobileSlideUp #wdContent .msg ul li:before { content:'·'; display:inline-block; margin-right:5px; margin-left:-13px; font-weight:bold; font-size:20px; } #wdWrap.MobileSlideUp #wdContent .msg .sub { color:#666; margin-top:30px } #wdWrap.MobileSlideUp #wdContent .msg .sub label { font-weight:bold; font-size:15px; font-weight:bold; padding-bottom:5px; } /* MobileSlideUp_nomargin */ #wdMask.MobileSlideUp_nomargin { position:absolute; z-index:20000; background-color:#000; display:none; left:0px; top:0px; overflow:hidden; } #wdWrap.MobileSlideUp_nomargin { 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:15px 15px 0px 0px } #wdWrap.MobileSlideUp_nomargin #wdHeader { display:none; } #wdWrap.MobileSlideUp_nomargin #wdHeader #wDalog_icon { display:none; } #wdWrap.MobileSlideUp_nomargin #wdHeader #wdTitle { display:none; } #wdWrap.MobileSlideUp_nomargin #wdHeader #wdCloseBtn { display:none; } #wdWrap.MobileSlideUp_nomargin #wdBody { min-height:50px; background:transparent; padding:0px; } #wdWrap.MobileSlideUp_nomargin #wdContent { display:table; min-height:50px; padding:30px 0px !important; margin:0px; border:0px; padding:0px; color:#000; } #wdWrap.MobileSlideUp_nomargin #wdFooter { display:none; height:0px; padding:0px !important } #wdWrap.MobileSlideUp_nomargin #wdContent ul.menu { cursor:pointer; font-size:18px; color:#111; line-height:60px } #wdWrap.MobileSlideUp_nomargin #wdContent ul.menu li { height:60px } #wdWrap.MobileSlideUp_nomargin #wdContent .msg { padding:0px 0px; word-break: break-all; font-size:15px; line-height:21px } #wdWrap.MobileSlideUp_nomargin #wdContent .msg label { display:block; font-size:20px; font-weight:bold; padding-bottom:20px } #wdWrap.MobileSlideUp_nomargin #wdContent .msg ul { padding-top:9px; } #wdWrap.MobileSlideUp_nomargin #wdContent .msg ul li { color:#111; padding-top:3px; text-align:left; font-size:15px; padding-left:10px; line-height:19px } #wdWrap.MobileSlideUp_nomargin #wdContent .msg ul li:before { content:'·'; display:inline-block; margin-right:5px; margin-left:-13px; font-weight:bold; font-size:20px; } #wdWrap.MobileSlideUp_nomargin #wdContent .msg .sub { color:#666; margin-top:30px } #wdWrap.MobileSlideUp_nomargin #wdContent .msg .sub label { font-weight:bold; font-size:15px; font-weight:bold; padding-bottom:5px; } #wdWrap.MobileSlideUp_nomargin.modal #wdContent { padding:30px 0px 20px 0px !important; } /* MobileSlideUpTitle */ #wdMask.MobileSlideUpTitle { position:absolute; z-index:20000; background-color:#000; display:none; left:0px; top:0px; overflow:hidden; } #wdWrap.MobileSlideUpTitle { 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:15px 15px 0px 0px } #wdWrap.MobileSlideUpTitle #wdHeader { display:flex; } #wdWrap.MobileSlideUpTitle #wdHeader #wDalog_icon { display:none; } #wdWrap.MobileSlideUpTitle #wdHeader #wdTitle { width:calc(100% - 50px); border:0px; margin:32px 16px 0px 16px; padding-bottom:0px; font-size:16px; font-color:#212121; text-align:left; } #wdWrap.MobileSlideUpTitle #wdHeader #wdCloseBtn { width:50px; margin:32px 16px 0px 0px; } #wdWrap.MobileSlideUpTitle #wdHeader #wdCloseBtn:before { content:"확인"; font-size:16px; font-weight:700; color:#FF6929; } #wdWrap.MobileSlideUpTitle #wdBody { min-height:50px; background:transparent; padding:0px; } #wdWrap.MobileSlideUpTitle #wdContent { display:table; min-height:50px; padding:16px 16px 40px 16px !important; margin:0px; border:0px; padding:0px; color:#000; } #wdWrap.MobileSlideUpTitle #wdFooter { display:none; height:0px; padding:0px !important } #wdWrap.MobileSlideUpTitle #wdContent ul { font-size:14px; color:#212121; } #wdWrap.MobileSlideUpTitle #wdContent ul li { margin-top:12px; text-indent:-10px; margin-left:10px } #wdWrap.MobileSlideUpTitle #wdContent ul li:before { content:"- " } #wdWrap.MobileSlideUpTitle #wdContent ul li:first-child { margin-top:0px } /* MobileSlideUpMenu */ #wdMask.MobileSlideUpMenu { position:absolute; z-index:20000; background-color:#000; display:none; left:0px; top:0px; overflow:hidden; } #wdWrap.MobileSlideUpMenu { 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:15px 15px 0px 0px } #wdWrap.MobileSlideUpMenu #wdHeader { display:none; } #wdWrap.MobileSlideUpMenu #wdHeader #wDalog_icon { display:none; } #wdWrap.MobileSlideUpMenu #wdHeader #wdTitle { display:none; } #wdWrap.MobileSlideUpMenu #wdHeader #wdCloseBtn { display:none; } #wdWrap.MobileSlideUpMenu #wdBody { min-height:50px; background:transparent; padding:0px; } #wdWrap.MobileSlideUpMenu #wdContent { display:table; min-height:50px; padding:10px 40px !important; margin:0px; border:0px; padding:0px; color:#000; } #wdWrap.MobileSlideUpMenu #wdFooter { display:none; height:0px; padding:0px !important } #wdWrap.MobileSlideUpMenu #wdContent ul.menu { cursor:pointer; font-size:16px; color:#000; font-weight:bold; line-height:60px } #wdWrap.MobileSlideUpMenu #wdContent ul.menu li { height:60px; border-bottom:1px solid #D9D9D9 } #wdWrap.MobileSlideUpMenu #wdContent ul.menu li:last-child { border-bottom:0px; } @media screen and (max-width: 400px) { #wdWrap.MobileSlideUpMenu #wdContent { padding:10px 20px !important; } } /* Alert */ #wdWrap.Alert #wdContent { vertical-align:middle; display:block; text-align:center; } #wdWrap.Alert #wdFooter #wdBtn1 { width:100%; } #wdWrap.Alert_Gray #wdFooter #wdBtn1 { width:100%; color: var(--color-BL); background-color: var(--color-G2); } #wdWrap.Alert2 #wdContent { vertical-align:middle; display:block; text-align:center; padding:40px 0px } #wdWrap.Alert2 #wdFooter { border:0px } #wdWrap.Alert2 #wdFooter #wdBtn1 { background-color:#ff9929; color:#fff; margin:0px 15px 15px 15px; border-radius:5px } /* Confirm */ #wdWrap.Confirm #wdContent { vertical-align:middle; display:block; text-align:center; } #wdWrap.Confirm #wdFooter #wdBtn1 { width:50%; min-width:auto } #wdWrap.Confirm #wdFooter #wdBtn2 { width:50%; min-width:auto } /* Dialog */ #wdWrap.Dialog #wdContent { 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 { vertical-align:middle; display:block; text-align:center; padding:0px } #wdWrap.Zipcode #wdFooter #wdBtn1 { width:100%; } /*---------------------------------------------------------------------------*/ /* 추가 스타일 */ #wdWrap.check #wdContent:before { display:block; content:''; width:100%; height:36px; margin-bottom:16px; background-image:url(img/check_circle.svg); background-repeat:no-repeat; background-position:center; } #wdWrap.attention #wdContent:before { display:block; content:''; width:100%; height:36px; margin-bottom:10px; background-image:url(img/attention.svg); background-repeat:no-repeat; background-position:center; background-size:32px 32px } #wdWrap.warning #wdContent:before { display:block; content:''; width:100%; height:36px; margin-bottom:10px; background-image:url(img/warning.svg); background-repeat:no-repeat; background-position:center; background-size:32px 32px } /*---------------------------------------------------------------------------*/ /* base */ #Toast { position:absolute; color:#fff; width:315px; z-index:30001; } #ToastBg { } #Toast #ToastContent { margin:0 auto; width:315px; line-height:25px; background:#333; padding:10px 0px; border-radius:20px; color:#fff; overflow:hidden; vertical-align:middle; text-align:center; font-size:15px; } /* Default */ #Toast.Default { } #Toast.Default #ToastContent { } /* Error */ #Toast.Error { } #Toast.Error #ToastContent { color:#ff9929; font-weight:bold; } #Toast.Error #ToastContent #responseText font { font-size:9px; color:silver; font-weight:normal } /* warning */ #Toast.warning #ToastContent { margin:0 auto; width:315px; line-height:22px; background:#fff; padding:24px 10px; border-radius:20px; color:#212121; overflow:hidden; vertical-align:middle; text-align:center; font-size:14px; font-weight:700; } #Toast.warning #ToastContent:before { display:block; content:''; width:100%; height:24px; margin-bottom:8px; background-image:url(img/warning_line.svg); background-repeat:no-repeat; background-position:center; } /*--------------------*/ /* .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; } */