/**
 * popupuniv  위젯 스테일
 *
 * @author OZ
**/

div[data-widget=popupuniv-public] div[data-role=user_modal][data-templete=default] {display:none; width:100%; height:100vh; position:fixed; left:0; top:0; z-index:5000; background-color:rgba(0,0,0,.5);}
/* ------------- samsung 모달 기본 스타일(bizroadmap에 있던 공통 스타일) ----------------- */
/* 모달 레이아웃 스타일 */
/* 스크롤 스타일 */
.pl220 {padding-left:220px;}
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] {display:none; width:100%; height:100vh; position:fixed; left:0; top:0; z-index:4000; background-color:rgba(0,0,0,.5);}
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup {box-sizing:border-box; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:1000px; background:#fff; border-radius:24px; box-shadow:2px 5px 13px rgb(0 0 0 / 20%);}
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup.on {width:100vw !important; height:100vh !important;}
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup > div.box_content {box-sizing:border-box; width:100%; height:100%;}
/* box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.05); */
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup div.popup_head {position:static; display:flex; align-items:flex-start; gap:8px; align-items:center; width:100%; padding:40px; font-style:normal;display: flex; align-items: start;justify-content: space-between; box-sizing:border-box;}
/* div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup div.popup_head div.popup_title {display: flex;flex-direction: column; gap: 4px;} */

div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup div.popup_head.on {box-shadow:0px 7px 10px 0px rgba(0, 0, 0, 0.05);}
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup div.popup_head i.icon {display:flex; width:40px; height:40px; padding:8px; justify-content:center; align-items:center; border-radius:var(--border-100); background:var(--bg-brand-primary); box-sizing:border-box; color:var(--base-white); font-size:var(--text-20);}
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup div.popup_head h1.title { color:var(--text-cool-primary);}
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup div.popup_head strong.sub_title { color:var(--text-cool-quaternary);}
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup div.popup_head h1.title + strong.sub_title:before { content:''; margin-right:8px; display:inline-block; vertical-align:middle; width:1px; height:16px; background-color:var(--border-cool-quinary);}
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup div.popup_head div.box_btn {display:flex; align-items:center; gap:8px;}
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup div.popup_head div.box_btn > button {background-color: unset;border: unset;cursor: pointer;}
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup div.popup_head button.fullscreen {line-height:1;}
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup div.popup_head button.fullscreen svg.compress {display:none;}
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup.on div.popup_head button.fullscreen svg.default {display:none;}
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup.on div.popup_head button.fullscreen svg.compress {display:block;}
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup div.popup_head button.close { }
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup div.popup_head button.close i {text-align:center; font-size:1.71rem;}
/* div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup div.popup_head > button.close i {width:100%; height:100%; text-align:center; line-height:34px; font-size:1.71rem;} */
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup div.popup_inner {height:calc(100% - 256px);}
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup div.popup_inner > div.content {max-height:calc(100vh - 300px); overflow-y:auto; padding:0 30px 0 40px; box-sizing:border-box;}

div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup p.dot_tit:not(:first-of-type) {margin-top:40px;}
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup p.dot_tit {position:relative; padding-left:12px; margin-bottom:12px; box-sizing:border-box; color:var(--text-cool-primary);}
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup p.dot_tit:before {content:''; position:absolute; display:inline-block; width:4px; height:4px; top:12px; left:2px; border-radius:var(--border-100); background-color:var(--text-cool-primary);}
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup p.dot_tit span {margin-left:8px;}
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup p.dot_list {position:relative; padding-left:10px; margin-bottom:12px; box-sizing:border-box; color:var(--text-cool-tertiary); font-size:1.14rem; font-weight:var(--weight-400); line-height:var(--line_height-26); }
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup p.dot_list:before {content:''; position:absolute; display:inline-block; width:2px; height:2px; top:14px; left:2px; border-radius:var(--border-100); background-color:var(--text-cool-tertiary);}
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup ul.form_default {margin-bottom:40px;}
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup .text_color_primary {color:var(--text-brand-primary);}


div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup div.popup_foot {padding:40px;}
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup div.popup_foot > div.wrap_btn {display:flex; gap:8px; align-items:center; justify-content:center; flex-wrap:wrap; }
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup div.popup_foot > div.wrap_btn button.close_popup_btn {padding: 16px 36px;border-radius: 123px;background-color: #fff;border: 1px solid #E5E7EB;cursor: pointer; font-size: 1rem;color: #4d4d4d;font-weight: 600;transition: all 0.3s ease-in-out;}
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup div.popup_foot > div.wrap_btn button.close_popup_btn:hover {background-color: #edeff4;font-weight: 600;}

div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup div.popup_foot > div.wrap_btn button.save_popup_btn {padding: 16px 36px;border-radius: 123px;background-color: var(--thema_color2);border: unset;cursor: pointer; font-size: 1rem;color: var(--thema_color);font-weight: 600;transition: all 0.3s ease-in-out;}
div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup div.popup_foot > div.wrap_btn button.save_popup_btn:hover {background-color: var(--thema_color);font-weight: 600;color: #fff;}

@media all and (max-width:767px) {
	div[data-widget=popupuniv-public] div[data-role=public][data-templete=confirm] div.popup {width:90vw !important;}
	.pl220 {padding-left:0px;}
}