.wrap {width:100%;height:100vh;}
.inforModalWrap {position:absolute;top:calc(50% - 225px);left:calc(50% - 350px);width:700px;height:450px;background-color:#ffffff;z-index:9900;border-radius:8px;}
.inforNoteWrap {height:260px;padding:30px;}
.inforTitleOwn {font-family:NSM;font-size:16px;letter-spacing:-1px}
.inforTitle {text-align:center;font-size:42px;font-family:NST;letter-spacing:-5px;color:#1a1a1a}
.inforTitle span {font-family:NSB;color:#102a8d}
.inforCopy {text-align:center;font-size:16px;font-family:NSR;letter-spacing:-2px;color:#adadad}
.inforFooter {height:70px;background-color:#8a8a8a;padding:30px;border-bottom-left-radius:7px;border-bottom-right-radius:7px}
.inforFooterText {font-family:NSR;font-size:13px;letter-spacing:-1px;color:#e2e2e2}
.inforFooterText span {color:#ff0000}
.inforFooterBox {color:#1a1a1a;font-family:NSR;font-size:15px;letter-spacing:-1px}
.inforFooterBox input[type="checkbox"] {width:18px;height:18px;vertical-align:middle}
.inforFooterBox label {vertical-align:-2px;cursor:pointer}
.remarkModalWrap {position:absolute;top:calc(50% - 225px);left:calc(50% - 350px);width:700px;height:450px;background-color:#ffffff;z-index:9900;border-radius:8px;display:none}
.remarkModalTopWrap {height:150px;background-color:#eeeeee;border-top-left-radius:8px;border-top-right-radius:8px}
.remarkModalTopBtn {width:100%;height:50px}
.remarkModalTopBtn img {float:right;margin-top:10px;margin-right:10px;cursor:pointer}
.remarkModalTopTitle {text-align:center;font-size:45px;font-family:NST;letter-spacing:-5px;color:#1a1a1a;line-height:70px}
.remarkModalTopTitle span {font-family:NSB;color:#102a8d}
.remarkModalText {font-family:NSR;font-size:16px;letter-spacing:-1px;line-height:28px;padding-left:30px}
.remarkModalText span {color:#ff0033}
.remarkModalBtn {width:160px;height:45px;background-color:#1a1a1a;border:0;color:#ffffff;font-family:NSR;font-size:16px;cursor:pointer}

.contentWrap {position:absolute;top:0;z-index:1000}
.leftMenuWrap {float:left;width:0;height:100vh;background:#ffffff;z-index:1000;border-right:1px solid #888888;display:none;box-shadow: 1px 0px 30px 0px #686868}
.leftMenuTitleWrap {height:150px;background-color:#51649d}
.leftMenuTitleOwn {font-size:14px;font-family:NSM;color:#ffffff}
.leftMenuTitleText {font-size:21px;font-family:NST;letter-spacing:-3px;color:#ffffff}
.leftMenuTitleText span {font-family:NSM;}
.leftMenuCopy {float:left;height:10px;color:#ffffff;font-family:NSL;font-size:12px;letter-spacing:-1px}
.leftMenuCopy span {letter-spacing:0}
.leftMenuClinic {float:right;width:120px;height:40px;background-color:#EEF1F3;color:#ff0000;text-align:center;font-size:12px;cursor:pointer;border-radius:3px}

.leftSearchWrap {height:80px;}
.leftSearchWrap label {font-size:16px;font-family:NSR;font-weight:normal;vertical-align:2px}
.leftSearchWrap input[type="text"] {width:233px;;height:35px;border:1px solid #adadad;font-size:16px;font-family:NSL;vertical-align:middle}
.leftSearchWrap input[type="button"] {width:68px;height:37px;background-color:#1a1a1a;border:1px solid #1a1a1a;color:#ffffff;vertical-align:middle;border-radius:3px;cursor:pointer}
.leftTabWrap {height:45px;padding:10px 5px 0 5px;border-bottom:1px solid #cdcdcd}
.leftTabOver {float:left;width:103px;height:45px;background-color:#c10961;text-align:center;line-height:45px;font-family:NSM;color:#ffffff;	letter-spacing:-1px;border-bottom:0;cursor:pointer;}
.leftTabOut {float:left;width:103px;height:45px;background-color:#eaeaea;text-align:center;line-height:45px;font-family:NSR;font-size:13px;letter-spacing:-1px;color:#838383;border-bottom:0;cursor:pointer;}
.leftListWrap {height:calc(100% - 458px);padding:10px;overflow-y:scroll}
.leftList {height:100%;}
.leftList ul li {width:100%;height:42px;line-height:42px;color:#2b2b2b;border-bottom:1px solid #eaeaea;font-family:NSR;font-size:13px;letter-spacing:-1px;padding-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;}
.leftList ul li:hover {background-color:#ddeaf8;color:#0073E6;cursor:pointer;}
.leftList ul li:last-child {border-bottom:0;}
.leftInfoWrap {height:130px;border-top:1px solid #dddddd;padding:5px;background-color:#f6f7fa}
.leftInforTitle {font-family:NSM;font-size:14px;letter-spacing:-1px;padding:5px 0 5px 10px;color:#1a1a1a}
.leftInforNote {font-family:NSR;font-size:11px;letter-spaicng:-0.5px;padding-left:8px;color:#ff0000}
.leftInforCircleWrap {float:left;width:53px;padding:0px}
.leftInforCircle {width:40px;height:40px;background-color:#ffffff;border-radius:40px;border:1px solid #cbd0e2;text-align:center;line-height:40px;margin:0 auto}
.leftInforCircle img {height:30px;vertical-align:middle}
.leftInforCircleText {font-family:NSR;font-size:12px;color:#000099;text-align:center;padding-top:2px}
.leftMenuArrowWrap {float:right;height:100vh}
.leftMenuArrow {position:absolute;top:calc(50% - 30px);width:32px;height:60px;z-index:1000;background-color:#ffffff;text-align:center;line-height:60px;margin-left:-1px;border:1px solid #c8c8c8;border-left:0;border-top-right-radius:5px;border-bottom-right-radius:5px;cursor:pointer;line-height:60px}
.leftMenuArrow img {vertical-align:middle}

.loadViewWrap {position:absolute;top:0;right:0;width:600px;height:100vh;z-index:1000;background-color:#ffffff;display:none}
.loadViewBtn {height:50px}
.loadViewBtn img {cursor:pointer;margin-left:5px;margin-top:8px}
.loadViewTabOver {float:left;width:50%;height:100%;line-height:45px;background-color:red;color:#ffffff;cursor:pointer}
.loadViewTabOut {float:left;width:50%;height:100%;line-height:45px;background-color:#f3f3f3;cursor:pointer}
.loadViewTabOut:hover {background-color:#ff9900;color:#ffffff;}
.loadViewBox1 {width:100%;height:400px;}
.loadViewBox2 {width:100%;height:400px;center center no-repeat;background-size:cover;display:none}
.loadViewItemWrap {height:calc(100% - 520px);padding:10px;background-color:#f9f9f9}
.loadViewItem ul li {float:left;height:42px;line-height:42px;width:510px;border-bottom:1px solid #cfcfcf;font-family:NSR;font-size:15px;color:#1a1a1a;letter-spacing:-1px;}
.loadViewItem ul li:first-child {font-family:NSM;width:70px;}

.leftMargin10 {margin-left:10px}
.cursorPointer {cursor:pointer}
.leftListWrap::-webkit-scrollbar { width: 5px; } 
.leftListWrap::-webkit-scrollbar-track { background-color: #f1f1f1 }
.leftListWrap::-webkit-scrollbar-thumb { box-shadow: inset 0 0 6px rgba(130, 130, 130, 1);border-radius: 3px; }
input::placeholder {font-family:NST;color:#969696;letter-spacing:-0.5px;}
input[type='radio'],
input[type='radio']:checked {-moz-appearance:none;-webkit-appearance:none;appearance: none;width:17px;height:17px;border-radius:100%;margin-right:0.1rem;}
input[type='radio'] {background-color: #ffffff;border:1px solid #818181}
input[type='radio']:checked {background-color: #ff0033;}

.adminWrap {width:100%;height:100%;background-color:#4f4f4f}
.adminLogin {position:absolute;top:calc(50% - 317px);left:calc(50% - 530px);width:1060px;height:635px;}
.adminLeftWrap {float:left;width:420px;height:635px;background:url('/common/assets/images/loginImg.png');border-top-left-radius:4px;border-bottom-left-radius:4px}
.adminLeftText {font-family:NSB;font-size:50px;color:#ffffff;padding-left:30px;line-height:60px;letter-spacing:-2px}
.adminLeftText span {font-family:NSL;font-size:46px}
.adminContentWrap {float:right;width:500px;height:495px;background-color:#ffffff;padding:70px;border-top-right-radius:6px;border-bottom-right-radius:6px}
.adminCompany {font-family:NSM;font-size:16px;letter-spacing;-1px}
.adminTitleText {float:left;font-family:NSB;font-size:44px;color:#ff0033;letter-spacing:-2px}
.adminTitleNote {float:left;color:#a8a8a8;font-family:NSR;font-size:14px;margin-left:20px;padding-top:13px;letter-spacing:-1px}
.adminLoginChk input[type='checkbox'] {width:22px;height:22px;vertical-align:bottom}
.adminLoginChk span {color:#a8a8a8;font-family:NSL;font-size:15px;letter-spacing:-1px}
.adminSubmit {width:100%;height:55px;background-color:#1a1a1a;border:1px solid #1a1a1a;color:#ffffff;font-family:NSR;font-size:20px;letter-spacing:-1px;cursor:pointer;}
.adminFooterCopy {height:50px;border-top:1px dotted #1a1a1a;padding-top:20px;line-height:18px;font-family:NSR;letter-spacing:-1px}
.adminFooterCopy span {font-size:12px;color:#8b8b8b;letter-spacing:0}
.inputText {width:100%;height:50px;border:1px solid #D6D6D6;text-align:center;font-size:16px;font-family:NSL;}
.inputText:hover {border:1px solid #ff3366;}
.inputText::placeholder {font-family:NSL;font-size:16px;color:#c3c3c3;}

.mainGrupMenuWrap {float:left;width:60px;height:100%;z-index:1000}
.mainGroupBar {position:relative;height:100%;z-index:1500;background-color:#686868}
.mainGroupBarTop {height:50px;background-color:#1a1a1a;color:#ffffff;text-align:center;line-height:50px;font-family:NSR}
.mainGroupMenuList {height:50px;line-height:50px;text-align:center;border-bottom:1px solid #a3a3a3;}

.mainTitleWrap {float:left;width:360px;height:100%}
.mainTitle {position:relative;width:100%;height:100%;z-index:1000;box-shadow: 1px 0px 30px 0px #707070}
.mainTitleText {font-size:23px;font-family:NST;letter-spacing:-3px;color:#ffffff}
.mainTitleText span {font-family:NSM;}
.mainTitleNote {height:10px;color:#ffffff;font-family:NSL;font-size:12px;text-align:right;letter-spacing:-1px}
.mainTitleNote span {letter-spacing:0}
.mainTabWrap {height:50px;border-bottom:1px solid #eaeaea;text-align:center}
.mainTabOver {height:50px;line-height:50px;width:120px;background-color:#3366cc;color:#ffffff;font-family:NSR;font-size:14px;}
.mainTabOut {height:50px;line-height:50px;width:120px;background-color:#e4e4e4;font-family:NSR;font-size:14px;}
.mainTabOut:hover {color:#ff0000;cursor:pointer;}
.mainListWrap {height:calc(100% - 291px);padding:10px;overflow-y:scroll}
.mainList ul li {float:left;height:42px;line-height:42px;color:#2b2b2b;border-bottom:1px solid #eaeaea;font-family:NSR;font-size:13px;letter-spacing:-1px;padding-left:5px;cursor:pointer;}
.mainBtn {width:111px;height:44px;border-radius:5px;background-color:#c6c6c6;border:1px solid #c6c6c6;color:#ffffff;font-family:NSR;font-size:12px}
.mainBtn:hover{	background-color:#1a1a1a;border:1px solid #1a1a1a;cursor:pointer;}
.mainListWrap::-webkit-scrollbar { width: 5px; } 
.mainListWrap::-webkit-scrollbar-track { background-color: #f1f1f1 }
.mainListWrap::-webkit-scrollbar-thumb { box-shadow: inset 0 0 6px rgba(130, 130, 130, 1);border-radius: 3px; }

.modalTopWrap {width:100%;height:55px;background-color:#3399ff;border-top-left-radius:4px;;border-top-right-radius:4px}
.modalTopTitle {float:left;font-family:NSL;font-size:21px;color:#ffffff;letter-spacing:-1px;padding:12px 0 0 15px}
.modalTopClose {float:right;padding:10px 10px 0 0}
.modalTopClose img {width:35px;cursor:pointer}
.modalContentWrap {width:1270px;padding:15px}
.modalLeftWrap {float:left;width:300px;height:600px}
.modalItemTitle {font-size:14px;font-family:NSM;color:#1a1a1a;letter-spacing:-1px;}
.modalInput {width:300px;height:35px;border:1px solid #c1c1c1;letter-spacing:-1px;}
.modalSelect {width:300px;height:37px;border:1px solid #c1c1c1}
.modalbtn {width:150px;height:45px;background-color:#1a1a1a;border:1px solid #1a1a1a;color:#ffffff;font-family:NSR;font-size:16px;cursor:pointer}

.topBarWrap {position:absolute;width:100%;height:60px;border-bottom:1px solid #e9e9e9;background-color:#51649d;z-index:1000;}
.topBarLeft {float:left;font-family:NSL;font-size:17px;padding:20px 0 0 10px;color:#ffffff;letter-spacing:-1px}
.topBarLeft span {font-family:NSB;font-size:16px}
.topBarRight {float:right;padding:20px 10px 0 10px;color:#ffff00;font-size:15px}
.mapListWrap {height:300px;padding:10px;overflow-y:scroll;border-top:1px solid #ced6ee;border-bottom:1px solid #bebebe;color:#2b2b2b;}
.mapListWrap ul li {width:100%;height:45px;line-height:45px;border-bottom:1px solid #eaeaea;font-family:NSR;font-size:14px;letter-spacing:-0.5px;padding-left:5px;}
.mapListSelected {color:#ff0000;}

.footerWrap {height:230px;background-color:#242424;padding:10px;color:#989898;}
.footerText {font-family:NSR;font-size:14px;letter-spacing:-1px;}
.footerText2 {height:20px;letter-spacing:-1px;font-family:NSR;font-size:14px;}
.footerText3 {font-family:NSR;font-size:14px;letter-spacing:-1px;color:#f55555;}
.footerText4 {height:20px;letter-spacing:-1px;font-size:12px;	line-height:18px;font-family:NSL}
.roadVieWMobileWrap{position:absolute;top:0;right:0;width:100%;height:461px;z-index:1500;background-color:#ffffff;display:none;}
.roadVieWMobileWrap img {cursor:pointer;margin-left:5px;margin-top:13px;}
.roadTabWrap {height:45px;text-align:center;font-family:NSR;letter-spacing:-1px}
.roadTabOver {float:left;width:50%;height:100%;line-height:45px;background-color:#ff6600;color:#ffffff;cursor:pointer;}
.roadTabOut {float:left;width:50%;height:100%;line-height:45px;background-color:#f3f3f3;cursor:pointer;}

.loadView {width:100%;height:401px;}
.footerNaviWrap{position:fixed;bottom:0;width:100%;height:56px;border-top:1px solid #bebebe;background-color:#efefef;text-align:center;color:#1a1a1a;padding-top:4px;font-size:14px;font-family:NSR;}
.footerNavi {float:left;width:16.6%;height:100%;border-right:1px solid #e7e7e7}
.footerNavi2 {float:left;width:calc(17% - 5px);height:100%;border-right:1px solid #e7e7e7}
.footerNavi3 {float:left;width:16.6%;height:100%}
.footerNaviText {font-family:NSR;font-size:11px;margin-top:-1px}

.popTopWrap {height:45px}
.popTopLeft {float:left;width:50%;font-family:NSL;font-size:17px;letter-spacing:-1px;padding-top:8px}
.popTopLeft span {font-family:NSB;}
.popTopRight {float:right;width:10%}
.popTopRight img {width:100%}
.popInfoIcon {float:left;width:25%}
.popInfoIconCircle {width:45px;height:45px;background-color:#ffffff;border-radius:45px;border:1px solid #cbd0e2;text-align:center;line-height:45px;margin:0 auto}
.popInfoIconCircle img {height:35px;vertical-align:middle}
.popInfoIconText {font-family:NSR;font-size:13px;color:#000099;text-align:center;padding-top:5px}
.popInfoTitle {height:25px;font-family:NSM;font-size:17px;letter-spacing:-0.5px;color:#1a1a1a}
.popInfoRemark {height:30px;font-family:NSL;font-size:12px;letter-spacing:-1px;color:#ff0000}
.popInfoNote {font-family:NSL;font-size:14px;letter-spacing:-1px;line-height:25px}

.popSearchWrap {width:90%;margin:0 auto;background-color:#ffffff;}
.popSearchChk label {font-size:19px;font-family:NSL;font-weight:normal;vertical-align:2px}
.popSearchInput {width:calc(100% - 2px);height:42px;border:1px solid #dbdbdb;font-size:19px;font-family:NSL;}
.popSearchBtn {width:100%;height:55px;background-color:#1a1a1a;border:1px solid #1a1a1a;color:#ffffff;font-size:19px}