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

div[data-module=popupuniv] 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);}
/**
 * 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=user_modalVer2][data-templete=default] {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=user_modalVer2][data-templete=default] div.popup {box-sizing:border-box; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:428px; min-height:auto ; background:#fff; border-radius:24px; box-shadow:2px 5px 13px rgb(0 0 0 / 20%);}
div[data-widget=popupuniv-public] div[data-role=user_modalVer2][data-templete=default] div.popup.on {width:100vw !important; height:100vh !important;}
div[data-widget=popupuniv-public] div[data-role=user_modalVer2][data-templete=default] 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=user_modalVer2][data-templete=default] div.popup div.popup_head {position:static; display:flex; align-items:flex-start; gap:8px; align-items:center;justify-content: space-between; width:100%; padding:22px 24px; font-style:normal; box-sizing:border-box;}
div[data-widget=popupuniv-public] div[data-role=user_modalVer2][data-templete=default] 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=user_modalVer2][data-templete=default] div.popup div.popup_head h1.title { color:var(--text-cool-primary);font-size: 1.4rem;}
div[data-widget=popupuniv-public] div[data-role=user_modalVer2][data-templete=default] div.popup div.popup_head strong.sub_title {color:var(--text-cool-quaternary);}
div[data-widget=popupuniv-public] div[data-role=user_modalVer2][data-templete=default] div.popup div.popup_head div.box_btn {display:flex; align-items:center; gap:var(--gap-8);}
div[data-widget=popupuniv-public] div[data-role=user_modalVer2][data-templete=default] div.popup div.popup_head button.fullscreen {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:32px; height:32px; line-height:1;}
div[data-widget=popupuniv-public] div[data-role=user_modalVer2][data-templete=default] div.popup div.popup_head button.fullscreen {display:none;}
div[data-widget=popupuniv-public] div[data-role=user_modalVer2][data-templete=default] div.popup div.popup_head button.fullscreen svg.compress {display:none;}
div[data-widget=popupuniv-public] div[data-role=user_modalVer2][data-templete=default] div.popup.on div.popup_head button.fullscreen svg.default {display:none;}
div[data-widget=popupuniv-public] div[data-role=user_modalVer2][data-templete=default] div.popup.on div.popup_head button.fullscreen svg.compress {display:block;}
div[data-widget=popupuniv-public] div[data-role=user_modalVer2][data-templete=default] div.popup div.popup_head button.close { display:flex; flex-wrap:wrap; align-content:center; justify-content:center; align-items:center; width:32px; height:32px; background:transparent; border:none; cursor:pointer; color:var(--fg-cool-secondary); border-radius:var(--border-4); transition:all 0.2s;}
div[data-widget=popupuniv-public] div[data-role=user_modalVer2][data-templete=default] div.popup div.popup_head button.close i {text-align:center; font-size:1.71rem;}
/* div[data-widget=popupuniv-public] div[data-role=user_modalVer2][data-templete=default] 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=user_modalVer2][data-templete=default] div.popup div.popup_inner {height:calc(100% - 256px);}
div[data-widget=popupuniv-public] div[data-role=user_modalVer2][data-templete=default][data-footer=false] div.popup div.popup_inner {height:100%;}
div[data-widget=popupuniv-public] div[data-role=user_modalVer2][data-templete=default] div.popup div.popup_inner > div.content {max-height:calc(100vh - 200px); overflow-y:visible; padding:0 24px; box-sizing:border-box;display: block;min-height: 60px;height: calc(100% - 122px);width: 100%;padding: 0px 24px;box-sizing: border-box;text-align: left;font-weight: 500;font-size: 15px;line-height: 24px;color: #393840;word-break: keep-all;}

div[data-widget=popupuniv-public] div[data-role=user_modalVer2][data-templete=default] div.popup p.dot_tit:not(:first-of-type) {margin-top:40px;}
div[data-widget=popupuniv-public] div[data-role=user_modalVer2][data-templete=default] 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=user_modalVer2][data-templete=default] 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=user_modalVer2][data-templete=default] div.popup p.dot_tit span {margin-left:8px;}
div[data-widget=popupuniv-public] div[data-role=user_modalVer2][data-templete=default] 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=user_modalVer2][data-templete=default] 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=user_modalVer2][data-templete=default] div.popup ul.form_default {margin-bottom:40px;}
div[data-widget=popupuniv-public] div[data-role=user_modalVer2][data-templete=default] div.popup .text_color_primary {color:var(--text-brand-primary);}


div.popup_foot > div > button.btn_pill_48__primary {display: inline-flex;min-width: 80px;height: 42px;padding: 12px 16px;justify-content: center;align-items: center;gap: 8px;border-radius: 100px;border: 1px solid transparent;background: #3172F5;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);color: #fff;text-align: center;font-size: 15px;font-weight: 500;line-height:26px;vertical-align: top;transition: all 0.2s;cursor: pointer;}
div.popup_foot > div > button.btn_pill_48__primary:hover {border: 1px solid transparent;background: #265AEA;}
div.popup_foot > div > button.btn_pill_48__primary:focus {border: 1px solid transparent;background: #265AEA;}
div.popup_foot > div > button.btn_pill_48__primary.selected {background: #1D45D8;}
div.popup_foot > div > button.btn_pill_48__primary:disabled {border: 1px solid transparent;background: #BFD8FE ;color: rgba(255,255,255,0.8);}
div.popup_foot > div > button.btn_pill_48__primary i {}




div.popup_foot > div > button.btn_pill_48__sec {display: inline-flex;min-width: 80px;height: 42px;padding: 12px 16px;justify-content: center;align-items: center;gap: 8px;border-radius: 100px;border: 1px solid #D5D9E0;background: #fff;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);color: #4B5563;text-align: center;font-size: 15px;font-weight: 500;line-height: 26px;vertical-align: top;transition: all 0.2s;cursor: pointer;}
div.popup_foot > div > button.btn_pill_48__sec:hover {border: 1px solid #D5D9E0 ;background: #F9FAFB;color: #1F2937;}
div.popup_foot > div > button.btn_pill_48__sec:focus {border: 1px solid #D5D9E0 ;background: #F9FAFB;color: #1F2937;}
div.popup_foot > div > button.btn_pill_48__sec.selected {border: 1px solid #D5D9E0 ;background: #EBEDF0;}
div.popup_foot > div > button.btn_pill_48__sec:disabled {border: 1px solid #E5E7EB;background: #F9FAFB;color:#D1D5DB;}
div.popup_foot > div > button.btn_pill_48__sec i {}


div[data-widget=popupuniv-public] div[data-role=user_modalVer2][data-templete=default] div.popup div.popup_foot {padding:24px 24px;}
div[data-widget=popupuniv-public] div[data-role=user_modalVer2][data-templete=default] div.popup div.popup_foot > div.wrap_btn {display:flex; justify-content:flex-end; align-items:center; gap:6px; flex-wrap:wrap; }

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