body.bgQR{background:#f7faff}
body.bgLogin{background:#f7faff}
body.bgLogin .picker{font-size:16px}
body.bgLogin .picker-header{padding-top:15px;padding-bottom:15px}
body.bgLogin .picker-header h4{font-size:16px}
body.bgLogin .picker-close{top:5px;right:5px;font-size:25px}
body.bgLogin .picker-footer button{font-size:14px}

.headerMain{height:50px;background:#3574ff;position:relative;margin:0 0 20px 0}
.headerMain h1{line-height:50px;font-size:17px;color:#fff;font-weight:bold;letter-spacing:-0.5px;margin:0 0 0 15px}
.headerMain h1:before{display:inline-block;content:"";width:29px;height:29px;background:url(/images/logo_main@2x.png) 0 0 no-repeat;background-size:29px auto;vertical-align:middle;margin:0 5px 3px 0}
.headerMain .btnR{position:absolute;top:0;right:15px}
.headerMain .btnName{line-height:50px;font-size:14px;background:transparent;color:#fff}
.headerMain .btnSetting{display:inline-block;width:33px;height:40px;background:transparent url(/images/ico_set@2x.png) 50% 45% no-repeat;background-size:19px auto;margin:0 0 0 10px}
.headerMain .btnLogout{width:33px;height:40px;background:transparent url(/images/ico_logout_w@2x.png) right 44% no-repeat;background-size:17px auto;text-indent:-9999px;padding:0;margin:0 5px 0 0;cursor:pointer}

.errorbox{display:block;width: 95%;border:solid 5px #f6fbff;text-align:center;line-height:1.5;padding:50px 0;margin:0 auto;}
.errorbox .icoWarn{display:block;margin:0 auto 100px auto;width: 250px;}
.errorbox h1{font-size: 16px;margin: 20px 0 10px 0;color: #79b1fd;}
.errorbox h3{font-size: 14px;}
.errorbox h5{display: none;}
.errorbox .btnLogout{color: #000;font-size: 15px;font-weight: bold;border-radius: 5px;padding: 5px 10px;border: 1px solid #79b1fd;}

.loginWrap{max-width:500px;padding:0 15px;margin:0 auto}

.loginHeader{text-align:center;background:url(/images/ico_login_qr@2x.png) center bottom no-repeat;background-size:65px auto;padding:40px 0 85px 0;margin:0 0 20px 0}
.loginHeader .code{display:inline-block;height:26px;line-height:24px;font-size:15px;color:#388af7;font-weight:bold;border:solid 1px rgba(56,138,247,0.27);border-radius:13px;padding:0 15px}
.loginHeader h1{font-size:25px;color:#000;font-weight:bold;line-height:1.3;margin:0 0 0 0}
.loginHeader h1 br{display:none}
.loginMsg{text-align:center;margin:0 0 30px 0}
.loginMsg .explain{font-size:14px;color:#388af7;letter-spacing:-0.5px;margin:0 0 10px 0}
.loginMsg .btnGuide{height:37px;background:linear-gradient(to right, #3ec497, #24b1a5);color:#fff;font-size:15px;letter-spacing:-0.5px;border-radius:19px;padding:0 15px 0 17px}
.loginMsg .btnGuide:before{display:inline-block;content:"";width:16px;height:15px;background:url(/images/ico_guide@2x.png) 0 0 no-repeat;background-size:16px auto;vertical-align:middle;margin:0 7px 3px 0}
.loginMsg .btnGuide:after{display:inline-block;content:"";width:7px;height:11px;background:url(/images/ico_guide_arrow_w@2x.png) 0 0 no-repeat;background-size:7px auto;vertical-align:middle;margin:0 0 4px 5px}

@media (max-width:350px){
.loginHeader h1 br{display:inline-block}
}

.loginWarn{font-size:15px;color:#979ca6;text-align:center;letter-spacing:-0.5px;margin:0 0 10px 0}
.loginWarn:before{display:inline-block;content:"";width:16px;height:16px;background:url(/images/ico_warn_g@2x.png) 0 0 no-repeat;background-size:16px auto;vertical-align:middle;margin:0 5px 3px 0}

@media (max-width:350px){
.loginWarn{font-size:14px}
}

.loginBoxLang{text-align:left;position:relative;height:55px;background:#fff url(/images/ico_lang_arrow.png) 96% 50% no-repeat;border-radius:10px;margin:0 0 10px 0}
.loginBoxLang .inputLogin{width:100%;height:55px;border:solid 1px #e9ebee;border-radius:10px;background:transparent url(/images/ico_lang_top@3x.png) 20px 50% no-repeat;background-size:23px auto;font-size:15px;-webkit-appearance:none;padding:0 0 0 50px}
.loginBoxLang .inputLogin:focus{border:solid 1px #388af7}

.loginBoxLang .dropdown-toggle{font-size: 13px;text-align: left;width: 100%;height: 55px;border: solid 1px #e9ebee;border-radius: 10px;background: transparent url(/images/ico_lang_top@3x.png) 20px 50% no-repeat;background-size: 23px auto;font-size: 15px;-webkit-appearance: none;padding: 0 0 0 50px;}
.loginBoxLang .dropdown-menu{position: absolute;top: 53px;bottom: inherit;width: 100%;max-width: 470px;border: solid 1px #ddd;border-radius: 10px;left: inherit;padding: 20px 30px;overflow: auto;transform: none;}
.loginBoxLang .dropdown-menu a:hover{text-decoration: none;color: #007bff;background: none;}
.loginBoxLang .dropdown-menu a{color: #444;width: calc(50% - 5px);vertical-align: top;padding: 0;margin: 0 0 10px 0;line-height: 1.4;font-weight: bold;font-family: NanumGothic, tahoma;min-width: 115px;display: inline-block;cursor: pointer;}
.loginBoxLang .dropdown-menu a .eng{display: block;font-size: 13px;color: #adadad;font-weight: lighter;line-height: 1.1;}

.loginMobile .btnKind{max-width:320px;margin:25px auto 10px auto}
.loginMobile .btnKind span{display:inline-block;width:49%;position:relative}
.loginMobile .btnKind button{width:100%;height:47px;border:solid 2px #d5dded;background:transparent;border-radius:30px;font-size:16px;color:#777;font-family:NanumGothic;font-weight:bold;color:#777;cursor:pointer}
.loginMobile .btnKind button.on{border-color:#2895f3;color:#2895f3}
.loginMobile .btnKind button.on:after{display:inline-block;content:"";width:23px;height:23px;background:#2895f3 url(/images/ico_login_kind_on@2x.png) 50% 50% no-repeat;background-size:auto 9px;border-radius:50%;position:absolute;top:-5px;right:0}

.loginMobile ul{background:#fff;border:solid 1px #e9ebee;border-radius:10px;padding:0}
.loginMobile li{position:relative}
.loginMobile .inputText{width:100%;height:55px;border:solid 1px #fff;font-size:18px;color:#000;border-radius:10px;-webkit-appearance:none;padding:0 0 0 150px}
.loginMobile .inputText:focus{border:solid 1px #388af7}
.loginMobile .inputText + label .tit{position:absolute;top:17px;left:20px;font-size:15px;font-weight:400;color:#969da5;letter-spacing:-0.5px}
.loginMobile .inputText + label:after{display:block;content:"";position:absolute;bottom:0;left:20px;right:20px;width:calc(100% - 40px);height:1px;background:#ecedee}
.loginMobile .inputText:focus + label:after{display:none;}
.loginMobile .birthExplain{display:none;font-size:13px;color:gray;}
.loginMobile .birthExplain .exTit{display:inline-block;height:14px;line-height:14px;color:#fff;background:#ccc;border-radius:2px;padding:0 5px;margin:0 2px 0 0}
.loginMobile #birth:focus + label .tit{top:7px}
.loginMobile #birth:focus + label .birthExplain{display:block;color:#2895f3;margin:2px 0 0 0}
.loginMobile input[type="date"]::-webkit-calendar-picker-indicator,
.loginMobile input[type="date"]::-webkit-inner-spin-button{/*display:none; appearance:none; */opacity:0}
.loginMobile li.last .inputText + label:after{display:none}
.loginMobile .lifeExplain{display:block;font-size:13px;color:gray;padding:0 0 0 20px}

.loginMobile .btnArea{margin:20px 0 20px 0}
.loginMobile .btnArea .btnLogin{width:100%;height:60px;background:#388af7;border-radius:5px;font-size:18px;font-weight:400;color:#fff}

.loginMobile .saveArea{}
.loginMobile .inputRdo{display:none}
.loginMobile .inputRdo + label{font-size:15px;color:#000;font-weight:400;margin:2px 15px 2px 0}
.loginMobile .inputRdo + label:before{display:inline-block;content:"";width:28px;height:28px;border:solid 1px #d3d3d3;border-radius:50%;background:url(/images/ico_date_chk@2x.png) 50% 50% no-repeat;background-size:14px auto;vertical-align:middle;margin:0 5px 2px 0}
.loginMobile .inputRdo:checked + label{color:#388af7}
.loginMobile .inputRdo:checked + label:before{border:solid 1px #388af7;background:#388af7 url(/images/ico_date_chk_w@2x.png) 50% 50% no-repeat;background-size:14px auto}
.loginMobile .inputRdo:disabled + label{color:#888}
.loginMobile .inputRdo:disabled + label:before{background-color:#f0f0f0}

.loginMobile .dim-layer {display: none;position: fixed;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.loginMobile .dim-layer .dimBg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;}
.loginMobile .pop-layer .pop-container {padding: 30px 0 0;max-height: 450px;overflow: auto;font-family: NanumGhothic;}
.loginMobile .pop-layer p.ctxt {color: #666;line-height: 25px;font-size: 12px;font-weight: bold;}
.loginMobile .pop-layer p.ctxt .point {color: #ffa840;line-height: 25px;font-weight: bold;font-size: 16px;margin-top: 20px;display: block;}
.loginMobile .pop-layer {position: relative;top: 100px;left: 0;width: 250px;height: auto;background-color: #fff;border: none;border-radius: 20px;z-index: 10;margin: 0 auto;display: block;text-align: center;}
.loginMobile .dim-layer .btnClose{position: relative;bottom: 0;display: inline-block;width: 100%;height: 50px;background: #efefef;cursor:pointer;border: none;border-top: 1px solid #777;border-radius: 0 0 25px 25px;color: #333;line-height: 50px;font-size: 15px;font-weight: bold;font-family: NanumGhothic;}

.header{background:#388af7;text-align:center;position:relative;padding:35px 15px 40px 15px}
.header .btnL{position:absolute;top:18px;left:20px;}
.header .btnR{position:absolute;top:18px;right:17px;}
.header .btnPrev{width:20px;height:24px;background:url(/images/ico_prev@2x.png) 0 50% no-repeat;background-size:20px auto;text-indent:-9999px;}
.header .btnHome{display:none;width:26px;height:24px;background:url(/images/ico_home@2x.png) 0 50% no-repeat;background-size:26px auto;text-indent:-9999px;}
/* .header .btnHome{display:none;height:30px;line-height:30px;background:transparent;border:solid 1px rgba(255,255,255,0.29);border-radius:15px;font-size:15px;color:#fff;padding:0 15px;margin:-2px 0 0 0}
.header .btnHome:before{display:inline-block;content:"";width:14px;height:14px;background:url(/images/ico_code@2x.png) 0 0 no-repeat;background-size:14px auto;vertical-align:middle;margin:0 5px 4px 0} */
.header .code{display:inline-block;height:30px;line-height:30px;border:solid 1px rgba(255,255,255,0.29);border-radius:15px;font-size:15px;color:#fff;padding:0 15px;margin:10px 0 0 0}
.header .code:before{display:inline-block;content:"";width:14px;height:14px;background:url(/images/ico_code@2x.png) 0 0 no-repeat;background-size:14px auto;vertical-align:middle;margin:0 5px 4px 0}
.header .saintNameArea{display:inline-block;position:relative}
.header .btnPerson{width:22px;height:22px;background:url(/images/ico_top_info@2x.png) 50% 0 no-repeat;background-size:22px auto;border:solid 1px rgba(255,255,255,0.7);border-radius:50%;margin:0 5px 0 0;cursor:pointer}
.header .saintName{display:inline-block;width:100%;background:url(/images/ico_name.png) 0 0 no-repeat;background-size:20px auto;font-size:14px;color:#333;letter-spacing:0;text-align:left;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;opacity:0.8;vertical-align:middle;padding:0 0 0 25px;margin:0 0 10px 0}
.header .saintNameLayer{display:none;width:120px;background:#fff;border-radius:5px;box-shadow:3px 3px 3px rgba(0,0,0,0.15);padding:10px;position:absolute;top:25px;right:0;z-index:1}
.header .btnLogout{display:inline-block;width:100%;background:#e8eaed;border-radius:5px;vertical-align:middle;font-size:13px;padding:8px 5px 4px 5px;cursor:pointer}
.header .btnQNA{font-size:14px;color:#fff;letter-spacing: 0px;background:rgba(0,0,0,0.1);border-radius:3px;vertical-align:middle;margin: 0;padding: 0 3px;width: 46px;height: 22px;/* border: 1px solid #a3cbff;box-shadow: inset -0.2px -0.2px 0px; */}
.header .btnR .btnSet{width:22px;height:22px;background:url(/images/ico_set_w@2x.png) 50% 50% no-repeat;margin:0 0 0 3px; background-size:22px auto;opacity:0.8}
.header .btnR .btnLang{width:26px;height:23px;background:url(/images/ico_lang_top@2x.png) 0 0 no-repeat;background-size:23px auto;text-indent:-9999px;vertical-align:middle;margin:3px 0 0 7px}
/* .header .btnR .dropdown-menu{left:inherit;right:-24px;min-width:100px} */
/* .header .btnR .dropdown-menu>li>a{padding:3px 10px} */
.header .btn-group.open .dropdown-toggle{box-shadow:none}
.header h1{font-size:25px;color:#fff;font-weight:bold;letter-spacing:-0.5px;margin:11px 0 0 0}
.header .headerRound{position:absolute;bottom:0;left:0;right:0;height:20px;background:#fff;border-radius:20px 20px 0 0}
.bgQR .header .headerRound{background:#f7faff}
.header .btnR .dropdown-menu{position:fixed;top:50px;right:0;left:inherit;bottom:0;min-width:300px;width:100%;border-radius:0;border:none;border-top:solid 1px #f1f1f1;padding:20px 30px;overflow:auto;transform:none;}
.header .btnR .dropdown-menu a:hover{text-decoration: none;color: #007bff;background: none;}
.header .btnR .dropdown-menu a{color: #444;width: calc(50% - 5px);vertical-align: top;padding: 0;margin: 0 0 10px 0;line-height: 1.4;font-weight: bold;font-family: NanumGothic, tahoma;min-width: 115px;display: inline-block;cursor: pointer;}
.header .btnR .dropdown-menu a .eng{display: block;font-size: 13px;color: #adadad;font-weight: lighter;line-height: 1.1;}

@media (max-width:350px){
.header .saintName{}
}

.privaryQR .header{height:80px;padding:15px 15px 0 15px}
.privaryQR .header h1{display:none}
.privaryQR .header .code{margin-top:0}
.privaryQR .header .saintName{display:none}

.makeQR .header{height:80px;padding:15px 15px 0 15px}
.makeQR .header h1{display:none}
.makeQR .header .code{margin-top:0}
.makeQR .header .saintName{display:none}

.guideQR .header{height:80px;padding:15px 15px 0 15px}
.guideQR .header h1{display:none}
.guideQR .header .code{margin-top:0}
/* .guideQR .header .code{display:none} */
.guideQR .header .saintName{display:none}

.btnFootQR{margin:30px 0 0 0}
.btnFootQR .btnPrimary{width:100%;height:60px;background:#2bc1a7;border-radius:5px;font-size:20px;color:#fff;font-weight:400}
.btnFootQR .btnImport{width:100%;height:60px;background:#388af7;border-radius:5px;font-size:20px;color:#fff;font-weight:400;letter-spacing:0}

.wrapGuide{margin:-4px 0 0 0;padding:0}
.guideTab{height:40px;border-bottom:solid 1px #e7e7e7;position:relative;top:-3px}
.guideTab button{width:50%;height:40px;font-size:17px;color:#333;font-weight:bold;letter-spacing:-0.5px;line-height:1.1;background:transparent;transition:none;padding:0 0 9px 0}
.guideTab button.on{color:#2196ff;border-bottom:solid 3px #2196ff}
.guideTab .btnGuideTab1{position:absolute;top:0;left:0;}
.guideTab .btnGuideTab2{position:absolute;top:0;right:0;}
.guideTabCon{padding:45px 0 0 0;margin:-3px 0 0 0}
.guideTabCon h2{text-align:left;font-size:26px;color:#000;font-weight:bold;letter-spacing:-0.5px;margin:0;padding:0 15px}
.guideTabCon h3{text-align:left;font-size:21px;color:#000;line-height:1.5;letter-spacing:-0.5px;text-indent:-20px;padding:0 0 0 20px;margin:0 0 15px 0}
.guideTabCon h3 .point{color:#388af7}
.guideTabCon .warnTop{display:block;text-align:left;background:url(/images/ico_guide_warning@2x.png) 0 2px no-repeat;background-size:18px auto;font-size:18px;color:#000;line-height:1.5;letter-spacing:-0.5px;padding:0 0 0 25px;margin:0 0 30px 0}
.guideTabCon .warnTop a{color:#388af7;text-decoration:underline}
.guideTabCon .warn{display:block;text-align:left;background:url(/images/ico_warn_b@2x.png) 0 2px no-repeat;background-size:16px auto;font-size:15px;color:#1d7cfe;line-height:1.5;letter-spacing:-0.5px;padding:0 0 0 20px;margin:30px 0 0 20px}
.guideItem{text-align:center;padding:20px 15px 50px 15px}
.guideItem.odd{background:#f7faff;padding:60px 0 0 0}
.guideItem.odd h3{padding:0 15px 0 35px}

@media (max-width:350px){
.guideTab button{font-size:15px}
}
.guideItem .icoGoogle{width:64px;margin:0 0 15px 0}
.guideItem .icoDown1{width:220px;margin:0 0 5px 0}
.guideItem .icoDown2{width:130px;margin:0 0 10px 0}
.guideItem .icoArrow{height:22px;background:url(/images/ico_guide_arrow@2x.png) 50% 0 no-repeat;background-size:22px auto;margin:25px 0}
.guideItem .appExplain{display:inline-block;min-height:28px;background:#335b90;color:#fff;font-size:16px;border-radius:17px;letter-spacing:-0.5px;padding:3px 10px}
.guideItem .appExplainAdmin{display:inline-block;min-height:28px;background:#fff;color:#00c680;border:solid 1px rgba(96,209,148,0.7);font-size:16px;border-radius:17px;letter-spacing:-0.5px;padding:3px 10px}
.guideItem .icoGuide1_1{width:220px;box-shadow:0 2px 4px rgba(0,0,0,0.3);margin:0 0 15px 0}
.guideItem .icoGuide1_2{width:220px;box-shadow:0 2px 4px rgba(0,0,0,0.3);margin:0 0 15px 0}
.guideItem .icoGuide1_3{width:220px;box-shadow:0 2px 4px rgba(0,0,0,0.3);margin:0 0 15px 0}
.guideItem .icoGuide2_1{width:220px;box-shadow:0 2px 4px rgba(0,0,0,0.3);margin:20px 0 15px 0}
.guideItem .icoBg1{width:100%;max-width:500px;margin:30px 0 0 0}
.guideItem .icoBg2{width:100%;max-width:500px;margin:0 0 0 0}
.guideItem .appTable{width:335px;margin:0 auto}
.guideItem .appTable th{text-align:center;vertical-align:top}
.guideItem .appTable td{text-align:center;vertical-align:top;padding:15px 5px 0 5px}
.guideItem .icoApp1{width:70px}
.guideItem .appHExplain{display:inline-block;min-width:150px;line-height:1.1;background:#335b90;color:#fff;font-size:16px;border-radius:33px;letter-spacing:-0.5px;padding:10px 15px}
.guideItem .icoApp2{width:70px}
.guideItem .explain{display:inline-block;font-size:22px;color:#000;margin:10px 0 0 0}

@media (max-width:350px){
.guideItem .appTable{width:280px;margin:0 auto}
.guideItem .appHExplain{min-width:auto;font-size:14px;padding:10px 15px}
}

.appStoreDiv{display:flex;}
.appStoreCell{width:50%}
.appStoreCell .kind{color:#335b90;font-weight:bold;font-size:14px;margin:3px 0 0 0}

.pwdIndexWrap{z-index:90;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;text-align:center;padding:0;margin:0 auto;overflow-y:auto;min-width: 360px;}
.pwdIndexWrap .pwpTitleWrap{margin:0 20px 0 20px}
.pwdIndexWrap .pwpLogo{font-size:25px;color:#000;font-weight:bold;letter-spacing:-1.3px;margin:55px 0 0 0;padding:0 0 10px 0}
.pwdIndexWrap .pwpTitle{color:#363b41;font-size:22px;font-weight:500;letter-spacing:-1px;line-height:1.3;background:url(/images/ico_login_qr@2x.png) center 0 no-repeat;background-size:50px auto;padding:70px 0 0 0}
.pwdIndexWrap .pwpTitle.newSet{background:url(/images/ico_password@3x.png) center 10px no-repeat;background-size:27px auto;}
.pwdIndexWrap .pwpTitleWrap .explain{font-size:14px;color:#4297ff;letter-spacing:-0.5px}
.pwdIndexWrap .pwpTitleWrap .explain .point{font-size:14px;color:#4297ff;}
.pwdIndexWrap .eduPwdinputWrap{max-width:380px;height:69px;text-align:center;margin:0 auto 40px auto;padding: 0 0 10px;}
.dvSlide .eduPwdinputWrap{margin:0 auto 30px auto}
.pwdIndexWrap .eduPwdinputWrap p{margin: 0;text-align: left;margin-top: 10px;font-size: 13px;}
.pwdIndexWrap .eduPwdinputWrap .inputPW{width:30px;height:74px;line-height:74px;border:none;font-family:'pass', 'Helvetica', 'arial', sans-serif;font-size:32px;text-align:center;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0px}
.pwdIndexWrap .eduPwdinputWrap .inputPW:focus{outline:none}
.pwdIndexWrap .eduPwdinputWrap .inputPW::placeholder{transform:scale(0.85);transform-origin:50% 50%;}
.pwdIndexWrap .eduPwdinputWrap .inputPWLine{width:100%;border-bottom:solid 1px #ebebeb;font-size:20px;color:#202020;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0px;margin:30px 0 0 0}
.pwdIndexWrap .eduPwdinputWrap .inputPWLine:focus{border-bottom:solid 1px #4297ff;outline:none}
.pwdIndexWrap .eduPwdsaveWrap{max-width:380px;padding:0;margin:0 auto;text-align:center}
.pwdIndexWrap .btnOk{width:100%;height:55px;line-height:55px;background:#388af7;color:#fff;font-size:17px;border-radius:5px;text-align:center;margin:0;padding:1px 10px 0 10px;}
.pwdIndexWrap .btnClose{height:37px;line-height:35px;min-width:97px;background:#838484;border:1px solid #5f5f5f;color:#fff;padding:0 10px; border-radius:5px; text-align:center; font-size:13px}
.pwdIndexWrap .warnWrap{padding:25px 20px 0 20px}
.pwdIndexWrap .explainBMS{display:inline-block;font-size:14px;color:#aaa;margin:15px 0 20px 0}
.pwdIndexWrap .explainBMS .point{color:#ff8385;text-decoration:underline}
.pwdIndexWrap .warnWrap .inquiry{color:#6f6f6f;font-size:13px;letter-spacing:-0.5px;text-decoration:underline;margin:0 0 5px 0}
.pwdIndexWrap .warnWrap .warning{color:#525151;font-size:14px;letter-spacing:-0.5px;padding:0}
.pwdIndexWrap .point{color:red;font-size: 12px;}
.pwdIndexWrap .btnPwPrev{position:absolute;top:15px;left:15px;width:40px;height:40px;background:url(/images/ico_pw_prev@2x.png) 50% 50% no-repeat;background-size:20px auto;cursor:pointer;z-index:1}
.pwdIndexWrap .btnPwClose{position:absolute;top:15px;right:15px;width:40px;height:40px;background:url(/images/ico_pw_close@2x.png) 50% 50% no-repeat;background-size:20px auto;cursor:pointer}

.warnUpWrap{max-width:380px;text-align:left;color:red;text-indent:-10px;padding:20px 0 0 10px;margin:0 auto}

@media all and (max-width:350px){
.pwdIndexWrap{min-width:auto}
.pwdIndexWrap .dvSlide{width:100% !important}
}

.pwdIndexWrap input[type="number"]::-webkit-outer-spin-button,
.pwdIndexWrap input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.pwdIndexWrap input[type="number"]{
	-webkit-text-security:disc;
}

.pwNoteBox{margin:30px 20px 20px 20px}
.pwNoteBoxIn{background:#f4f8fb;border-radius:4px;text-align:left;margin:0 auto;padding:20px;max-width:460px;}
.pwNoteBox h3{font-size:18px;font-weight:bold;letter-spacing:-0.5px;margin:0 0 10px 0}
.pwNoteBox .explain{font-size:15px;color:#6f6f6f;letter-spacing:-0.5px;margin:0 0 5px 0}
.pwNoteBox .explain .point{font-size:15px;color:#ff5757}
.pwdIndexWrap .pwNoteBox .explain{font-size:15px;color:#6f6f6f;}
.pwdIndexWrap .pwNoteBox .explain .point{font-size:15px;color:#ff5757}
.pwNoteBox .warning{font-size:13px;padding:0}
.pwNoteBox .warning .point{color:#ff5757;font-weight:bold}
.pwNoteBox .siteList{display:flex;flex-wrap:wrap;margin:20px 0 0 0}
.pwNoteBox .siteList .siteItem{width:33.3%;display:inline-block;min-width:44px;font-size:12px;color:#1e1e23;font-weight:bold;text-align:center;letter-spacing:-0.5px;padding:50px 0 15px 0;margin:0}
.pwNoteBox .siteList .siteItem.mm{background:url(/images/ico_site_mm@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.mbms{background:url(/images/ico_site_mbms@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.qr{background:url(/images/ico_site_qr@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.lms{background:url(/images/ico_site_lms@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.educms{background:url(/images/ico_site_cms@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.media{background:url(/images/ico_site_media@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.wm{background:url(/images/ico_site_wm@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.tm{background:url(/images/ico_site_tm@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.nmschool{background:url(/images/ico_site_nmschool@2x.png) 50% 0 no-repeat;background-size:44px auto}