@charset "utf-8";

/* placeholder color ===================================*/
 /* Chrome */
::-webkit-input-placeholder {color: #4975B4;}
/* IE 10+ */
:-ms-input-placeholder { color: #4975B4;}
/* Firefox 19+ */
::-moz-placeholder {  color: #4975B4;opacity: 1;}
/* Firefox 4 - 18 */
:-moz-placeholder { color: #4975B4; opacity: 1;}
/* placeholder color ===================================*/

/* 공통 */
@media (min-width: 320px) {
	.black {width: 100vw;height: 100vh;background: #000;opacity: .5;position: absolute;top: 0;z-index: 99996;}
	.black2 {width: 100vw;height: 100vh;background: #000;opacity: .07;position: absolute;top: 0;z-index: 99996;}
	.modal_box .modalNoti {border-radius: 5px;padding: 10px;color: #ff0000;background: #f3f3f3;overflow: auto;max-height: 64px;margin: 20px 30px 10px;}
	.modal_box {display: block;background: #fff;font-family: dotum;font-size: 12px;z-index: 99997;position: absolute;top: 20%;left: 0;right: 0;width: 500px;margin: 0 auto;padding: 0 0 30px;box-shadow: 0 0px 5px #5b626f;border: 1px solid #2c3544;}
	.modal_box.drag {left: inherit;right:inherit;}
	
	.modal_box .top { display: block;height: 45px;color: #fff;background: #2c3544;text-align: center;}
	.modal_box .top span.detailMainTit {width:150px;text-align: center;font-size: 13px;float: left;background: #60d1d6;color: #fff;border-radius: 50px;padding: 4px 10px;display: inline-block;margin: 2px 10px 0 0;font-family: 'NanumGothicB';
		text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	.modal_box .top span.titTxt {display: block;float:left;font-family: 'NanumSquareB';font-size: 19px;color: #fff;padding: 10px 0;width: 100%;}
	.modal_box .top span.close a { float:right; margin:10px 14px 0 0; padding:1px 4px; text-align:center; font-size:24px; color:#9c9c9c; text-decoration:none; cursor:pointer;}
	.modal_box .top span.close a:hover { color:#25bcb6;}
	.modal_box .top span.close2 {background:url(../images/pop_close_b.png) no-repeat center; width: 17px;height: 17px;float:right; margin: 5px 0px 0px 10px; padding: 0;cursor:pointer;background-size: 100%;}
	.modal_box .top span.close2:hover {opacity: 1;}
	
	.modal_box .mainTop { display:block; height:25px; background:#2c2c43; color: #fff;}
	.modal_box .mainTop span.tit { float:left; margin:2px 0 0 19px; font-family:'Malgun Gothic', arial; font-size:15px; letter-spacing:-1px;}
	.modal_box .modalCon {display:block; padding: 15px 30px 0; overflow:hidden;/*border-top: 1px solid #ccc;*/}
	.modal_box .modalCon.scrollable {display:block; padding:35px 40px 30px 40px; overflow-x:hidden; overflow-y:auto;}
	.modal_box .modalCon dl {display:block; color:#6a6a6a; overflow:hidden;margin-bottom: 0px;float: left;width: 100%;}
	.modal_box .modalCon dl.halfDl {width: 50%;display: inline-block;float: left;}
	.modal_box .modalCon dl:last-child {margin-bottom: 0px;}
	.modal_box .modalCon dl dt { padding-left:13px;background: url(../images/icon_dot.png) 0 50% no-repeat;font-family: 'NanumGothicEB';display: inline-block;font-size: 12px;width: 130px;float: left;line-height: 33px;}
	.modal_box .modalCon dl dd { display: inline-block;float: left;width: calc(100% - 130px);line-height: 33px;margin: 0 !important;}
	.modal_box .modalCon dl dd.contentDd {line-height: 21px;height: 200px;overflow: auto;}
	.modal_box .modalCon input[type=checkbox] {margin: 0 3px 0 7px !important}
	.modal_box .modalCon input[type=checkbox]:first-child {margin-left: 0px !important;}
	.modal_box .modalCon input[type=password] {padding: 5px;border: 1px solid #bebebe;font-size: 12px;color: #6a6a6a;height: 28px;}
	.modal_box .modalCon input[type=password]::placeholder {color: #ccc;}
	.modal_box .modalBtm {text-align: center;padding: 20px 30px 0;width: 100%;float: left;}
	.modal_box.passwdChgModal {width: 350px;}
	.modal_box.agreementModal {width: 65vw;top: 10%;}
	.modal_box.agreementModal .modalCon {height: 60vh;border: 0;padding: 0;}
	.modal_box.agreementModal .modalCon textarea {width:100%;height: 60vh;padding: 20px;font-size: 12px;overflow: auto;border-bottom: 1px solid #ccc;color: #333;}
	.modal_box .contents .tableComm {font-family:'dotum';background-color:#ffffff;border-collapse : collapse; }
	.modal_box .contents .tableComm th { height:27px;border: 1px #D3D3D3 solid;background-color:#EEEEEE; color:#666666; font-size:12px; font-weight:bold;padding:0px 0px 0px 5px; font-weight:normal;text-align:center;}
	.modal_box .contents .tableComm td {height:27px; border: 1px #D3D3D3 solid;  font-size:11px;padding:0px 0px 0px 5px; font-weight:normal;color:#222222;text-align:left;}
	.modal_box.modalTable {top: 20%;padding: 20px 30px;width: 800px;}
	.modal_box.modalTable .modalCon {padding: 0;border: 0;}
	.modal_box.multiList {top: 7%;width: 1000px;overflow: hidden;}
	.modal_box.multiList .top {overflow: hidden;height: inherit;margin-bottom: 10px;}
	.modal_box.multiList .top span.titTxt {margin: 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: calc(100% - 160px);}
	.modal_box.multiList .modalCon {overflow: auto;max-height: 52vh;padding: 0;border-top: 1px solid #ddd;}
	.modal_box.multiList .modalCon dl {margin: 0px;padding: 0;border-bottom: 1px solid #ddd;}
	.modal_box.multiList .modalCon dl dt {margin-top: 3px;line-height: 1.0em;height: 33px;width: 140px;padding-right: 5px;text-overflow: ellipsis;white-space: normal;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;padding: 8px 5px 8px 10px;background: url(../images/icon_dot.png) 0 11px no-repeat;}
	.modal_box.multiList .modalCon dl dt.two {margin-top: -3px;background: url(../images/icon_dot.png) 0 17px no-repeat;}
	.modal_box.multiList .modalCon dl dd {width: calc(100% - 145px);padding: 8px 0;}
	.modal_box.multiList .modalCon dl.halfDl {width: 50%;display: inline-block;float: left;height: 33px;}
	.modal_box.multiList .modalCon dl.halfDl dd {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: calc(100% - 145px);}
	.modal_box.modal_warning {border: 3px solid #e51735;}}
@media (max-width: 767px) {
	.modal_box {top: 24% !important;width: 90% !important;left: 0;position: fixed;right: 0;top: 70px !important;}
	.modal_box .modalCon dl dt {width: 100px;}
	.modal_box .modalCon dl dd {width: calc(100% - 100px);}
	.modal_box .modalCon dl dd input {width: 100% !important;}
	.modal_box .modalCon dl dd select {width: 100% !important;}
	.modal_box .modalCon dl dd.contentDd {height: 150px;}
	.modal_box.drag {width: 90% !important;left: 0 !important;right: 0 !important;top: 70px !important;}
	.modal_box.w500 {width: 90% !important;}
	.modal_box .modalBtm .btn {height: 40px;font-size: 15px;float: right;}
/* 	.modal_box.drag.AppDetail .btn {width: calc(100% / 3 - 2px);} */
/* 	.modal_box .btn_cancel {margin: 0 auto !important;float: initial;} */
	}

/* 예약하기  ***********************/
@media (min-width: 320px) {
	.modal_box.modal_reserve {width: 300px;}
	.modal_box.modal_reserve .name {display: block;text-align: center;font-size: 20px;font-family: 'NanumSquareEB';margin: 0px;width: 100%;color: #222;}
	.modal_box.modal_reserve .date {display: block;text-align: center;font-size: 17px;font-family: 'NanumSquareB';margin: 0 0 5px;color: #777;width: 100%;}
	.modal_box.modal_reserve .timeSetting {width: 100%;margin: 10px 0 0;background: #f0fdff;padding: 20px 0;border: 2px solid #ddd;}
	.modal_box.modal_reserve .timeSetting span {display: block;font-size: 20px;font-family: 'NanumSquareEB';color: #333;text-align: center;letter-spacing: -0.3px;}
	.modal_box.modal_reserve .timeSetting dl {display: block;margin: 0 0 5px;}
	.modal_box.modal_reserve .timeSetting dl dt {display: inline-block;float: left;width: 90px;font-size: 16px;font-family: 'NanumGothicB';color: #666;background: url(../images/icon_dot.png) 0 50% no-repeat;}
	.modal_box.modal_reserve .timeSetting dl dd {display: inline-block;float: left;width: calc(100% - 90px);}
	.modal_box.modal_reserve .timeSetting dl dd input {display: block;float: left;width: 100%;height: 34px;border-radius: 0;font-size: 22px;text-align: center;letter-spacing: 0.5px;border: 1px solid #666;color: #333;font-family: 'NanumSquareEB';padding: 3px 15px 0;}
	.modal_box.modal_reserve.w1000 .name {display: inline-block;text-align: left;font-size: 20px;margin: 0 0 5px;width: 50%;float: left;}
	.modal_box.modal_reserve.w1000 .date {display: inline-block;text-align: right;font-size: 20px;margin: 0 0 5px;width: 50%;float: left;}}

@media (max-width: 767px) {
	.modal_box.modal_reserve {width: 90% !important;left: 0 !important;right: 0 !important;}
	.modal_box.modal_reserve.w1000 .name {width: 100%;display: block;text-align: center;}
	.modal_box.modal_reserve.w1000 .date {width: 100%;display: block;text-align: center;font-size: 18px;margin: 0 0 10px;}
	.modal_box.modal_reserve .srch {width: calc(100% - 156px) !important;float: left;}
	.modal_box.modal_reserve .srch input[type=text] {width: calc(100% - 46px);}
	.modal_box.modal_reserve .top_btn {width: 156px !important;float: left;}}

/* riWrap  ***********************/
.modal_box .modalCon .riWrap {margin-top: 0;}
.modal_box .modalCon .riWrap .riDetail {margin-bottom: 0;}
.modal_box .modalCon .riWrap .riDetail .board table td.thisWeek {color: #fb0000;font-family: 'NanumGothicEB';background: #fff;}
.modal_box .modalCon .riWrap .riDetail .board table td.thisMonth {color: #ff7428;font-family: 'NanumGothicEB';background: #fff;}
.modal_box .modalCon .riWrap .riDetail .board table td.nextMonth {color: #eac200;font-family: 'NanumGothicEB';background: #fff;}

/* errorAuth  ***********************/
.errorAuthlogo {display: block;height: 59px;background: url(../images/error_logo.png) center bottom no-repeat;overflow: hidden;margin: 0 auto;padding-top: 200px;}
.modal_box.errorAuth {text-align: center;width: 470px;margin: 0 auto;padding: 50px 0;top: 225px;border: 3px solid #60d1d6;}
.modal_box.errorAuth .errorAuthImg {display:block;width:111px;height:116px;background: url(../images/errorAuth.png) center no-repeat;margin: 0 auto;}
.modal_box.errorWrap .errorTxt {}
.modal_box.errorAuth .errorTxt h5 {font-size: 30px;font-family: 'NanumGothicEB';margin: 30px 0 5px;}
.modal_box.errorAuth .errorTxt span {display: block;font-size: 12px;}
.modal_box.errorAuth button.btnError {background: #60d1d6;border: 1px solid #60d1d6;width: 170px;height: 48px;color: #fff;font-family: 'NanumGothicB';border-radius: 50px;margin-top: 30px;font-size: 20px;line-height: 48px;transition: all 0.3s ease-in-out;}
.modal_box.errorAuth button.btnError:hover {background: #30b5bc;border: 1px solid #30b5bc;color: #fff;transform: translate(0px, -3px);}
.modal_box.errorAuth button.btnError:visited, .errorWrap .errorBox button.btnError:focus {background: #30b5bc;border: 1px solid #30b5bc;color: #fff;}
.modal_box.setGoalModal {width: 450px;}
.modal_box.setGoalModal .modalCon dl dd {width: calc(100% - 190px);padding-left: 60px;}

/* Dashboard  ***********************/
.modal_box.chartDetail {top: 4%;}
.modal_box.chartDetail .top {height: 25px;float: right;position: absolute;right: 30px;top: 22px;border-radius: 5px;padding: 3px 10px;background: #75d7db;}
.modal_box.chartDetail .top span.titTxt {float: left;font-family: 'NanumGothicB';font-size: 13px;letter-spacing: 0;color: #fff;}
.modal_box.chartDetail .chartArea {float: left;padding: 0;width: 100%;}
.modal_box.chartDetail .chartArea .panelWrap {display: inline-block;float: left;text-align: left;margin-bottom: 0px;width: 100%;}
.modal_box.chartDetail .chartArea .panelWrap h4 {display: inline-block;font-size: 14px;font-family: 'NanumGothicB';color: #111;margin: 0 0 10px 0px;text-align: left;position: relative;}
.modal_box.chartDetail .chartArea .panelWrap h4 span {font-family: 'NanumGothicB';}
.modal_box.chartDetail .chartArea .panelWrap .top_btn {display: inline-block;margin: -5px 0 0;}
.modal_box.chartDetail .chartArea .panelWrap .panel {height: 160px;background: #fff;border-radius: 5px;padding: 10px;margin: 0;width: 100%;border: 1px solid #ccc;}
.modal_box.chartDetail .chartArea .panelWrap .panel canvas {margin: 0 auto !important;}
.modal_box.chartDetail .chartArea .panelWrap .panelTable {padding: 0px;background: transparent;}
.modal_box.chartDetail .chartArea .panelWrap.top5Layer .panel .legendTop5Div {width: 120px !important;display: inline-block;height: 130px;overflow: auto;}
.modal_box.chartDetail .chartArea .panelWrap.top5Layer .panel .legendTop5Div .legendTop5Detail {display: block;text-align: left;}
.modal_box.chartDetail .chartArea .panelWrap.top5Layer .panel .legendTop5Div .legendTop5Detail span.box {display: inline-block;width: 10px;height: 10px;position: relative;top: -2px;}
.modal_box.chartDetail .chartArea .panelWrap.top5Layer .panel .legendTop5Div .legendTop5Detail span.text {width: 80px;display: inline-block;font-size: 11px;color: #555;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}

.modal_box.chartDetail .boardArea {width: 100% !important;background: transparent;border: 0;}
.modal_box.chartDetail .boardArea .panelWrap .top_btn {display: inline-block;margin: 0px;width: 100%;}
.modal_box.chartDetail .boardArea .panelWrap .top_btn h5 {float: left;font-size: 14px;font-family: 'NanumGothicB';color: #111;}
.modal_box.chartDetail .boardArea .panelWrap .top_btn .icon_down_xls {float: right;margin: 2px 0 0 5px;}
.modal_box.chartDetail .boardArea .panelWrap .top_btn .icon_open {display: inline-block;width: 24px;height: 24px;border-radius: 50%;float: right;margin-top: 5px;cursor: pointer;transition:.15s;background: #60d1d6 url(../images/icon_open.png) no-repeat center;opacity: .4;}
.modal_box.chartDetail .boardArea .panelWrap .top_btn .icon_open:hover {opacity: 1.0;}
.modal_box.chartDetail .boardArea .panelWrap .top_btn .icon_close {background: #bbb url(../images/icon_close.png) no-repeat center;opacity: .6;}
.modal_box.chartDetail .boardArea .panelWrap .panel {height: 189px;background: #fff;padding: 0px;margin: 0;width: 100%;}
.modal_box.chartDetail .boardArea .panelWrap .panel.tableOpen {/*height: inherit;*/ height: 39vh;overflow: auto;margin-bottom: 20px;position: relative;top: -1px;}
.modal_box.chartDetail .boardArea .panelWrap .panel.tableOpen .tableWrap {height: inherit;}
.modal_box.chartDetail .boardArea .tableWrap {border-bottom: 1px solid #ccc;height: 100px;background: #fff;margin-top: 27px;}
.modal_box.chartDetail .boardArea table thead tr {display: inline-table;position: absolute;top: 0;width: 100%;}
.modal_box.chartDetail .boardArea table th {height: 26px !important;color: #222;border: 0;border-top: 2px solid #60d1d6;border-bottom: 1px solid #999;}
.modal_box.chartDetail .boardArea table td {padding: 4px 7px;font-size: 11px;color: #333;}
.modal_box.chartDetail .boardArea .total {background: #fff;overflow: hidden;border-radius: 0;height: 26px;padding-right: 2px;border-bottom: 1px solid #999;}
.modal_box.chartDetail .boardArea .total span {display: inline-block;width: 50%;float: left;text-align: center;font-size: 12px;padding: 5px 0 0;color: #555;font-family: 'NanumGothicEB';}

/* Sitemap  ***********************/
.modal_box.Sitemap {top: 10%;padding: 35px;}
.modal_box.Sitemap.section2 {width: 436px !important;}
.modal_box.Sitemap.section3 {width: 624px !important;}
.modal_box.Sitemap.section4 {width: 812px !important;}
.modal_box.Sitemap.section5 {width: 1000px !important;}
.modal_box.Sitemap.section6 {width: 1188px !important;}
.modal_box.Sitemap.section7 {width: 1376px !important;}
.modal_box.Sitemap .top { display: block;height: 42px;color: #60d1d6;}
.modal_box.Sitemap .top span.close {background:url(../images/pop_close_b.png) no-repeat center; width: 17px;height: 17px;opacity: .5;float:right; margin: 0; padding: 0;cursor:pointer;background-size: 100%;}
.modal_box.Sitemap .top span.close:hover {opacity: 1;}
.modal_box.Sitemap .modalCon { display:block; padding: 0; overflow:hidden;border-top: 0;margin: 0 -10px 0 -10px;}
.modal_box.Sitemap .modalCon section {display: inline-block;width: 188px;margin: 0;float: left;}
.modal_box.Sitemap .modalCon section h4 {font-family: 'NanumGothicB';font-size: 15px;margin: 0 3px;padding: 10px 0;cursor: pointer;color: #fff;background: #60d1d6;border-radius: 30px;}
.modal_box.Sitemap .modalCon section .mnList {padding: 15px 15px 0;text-align: left;}
.modal_box.Sitemap .modalCon section .mnList h5 {font-family: 'NanumGothicEB';font-size: 14px;margin: 5px 0;cursor: pointer;color: #555;}
.modal_box.Sitemap .modalCon section .mnList h5:hover {color: #24bbc1;}
.modal_box.Sitemap .modalCon section .mnList ul {margin: 0;}
.modal_box.Sitemap .modalCon section .mnList ul li {display: block;font-size: 13px;padding: 2px 0;cursor: pointer;color: #555;}
.modal_box.Sitemap .modalCon section .mnList ul li:hover {color: #24bbc1;}
.modal_box.Sitemap .modalCon section .mnList ul li span {display: inline-block;width: 4px;height: 4px;background:#60d1d6;margin-right: 7px;border-radius: 50%;position: relative;top: -1px;}

/* srch  ***********************/
.modal_box .srch input[type=text] {padding: 6px 5px 6px 7px;padding-left: 7px;border: 1px solid #b7b7b7;border-radius: 5px;font-size: 12px;color: #575757;vertical-align: middle;height: 28px !important;}
.modal_box button.btn_srch {background: #74a2ef url(../images/icon/btn_srch.png) no-repeat -15px -13px;display: inline-block;width: 38px;height: 28px;color: #fff;margin-left: 0px;border: none;border-radius: 5px;vertical-align: middle;cursor: pointer;transition: 0.2s;}
.modal_box button.btn_srch:hover {background: #528beb url(../images/icon/btn_srch.png) no-repeat -15px -13px;}
.modal_box .top_btn span {display: inline-block;font-size: 12px;margin: 5px 0 0;}

/* modal_Left  ***********************/
.modal_LeftWrap {display: block;position: absolute;top: 0;right: 20px;width: 460px;height: calc(100% - 10px);transition: 0.15s;z-index: 99996;overflow: hidden;border-bottom: 1px solid #eee;}
.modal_LeftBg {display: inline-block;background: url("../images/modal_leftBg.png")left top repeat-y;width: 10px;height: 100%;float: left;opacity: .3;}
.modal_Left {display: inline-block;font-size: 12px;width: 450px;padding: 25px 0 25px 25px;height: 100%;background:#fff;float: left;}
.modal_Left .top {display: block;color: #60d1d6;margin-bottom: 10px;overflow: hidden;}
.modal_Left .top span.titTxt {float:left;font-family: 'NanumSquareEB';font-size:22px; letter-spacing:-1px;color: #333;}
.modal_Left .top span.close {float:right;background: url(../images/pop_close_b.png) no-repeat top center;cursor:pointer;width: 18px;height: 18px;background-size: 100%;opacity: .5;margin-top: 4px;}
.modal_Left .top span.close:hover {opacity: 1.0;}
.modal_Left .createWrap {display: block;margin-bottom: 10px;background: #eee;padding: 10px;border-radius: 5px;overflow: hidden;width: 100%;}
.modal_Left .createWrap input[type=text] {width: 100%;height: 30px !important;margin-bottom: 3px;}
.modal_Left .createWrap input[type=text]::placeholder {color: #666;}
.modal_Left .createWrap .btn_comm {margin-top: 2px;color: #fff;}
.modal_Left .createWrap .btn_save {background: #60d1d6;border: 1px solid #60d1d6;}
.modal_Left .createWrap .btn_save:hover, .modal_Left .top_btn .btn_save:visited, .modal_Left .top_btn .btn_save:focus {background: #30b5bc;border: 1px solid #30b5bc;}
.modal_Left .createWrap .btn_cancle {background: #b7b7b7;border: 1px solid #b7b7b7;}
.modal_Left .createWrap .btn_cancle:hover, .modal_Left .top_btn .btn_cancle:visited, .modal_Left .top_btn .btn_cancle:focus {background: #999;border: 1px solid #999;}
.modal_Left .top_btn {width: 100%;margin: 0 0 5px;}
.modal_Left .board {overflow: auto;height: calc(100% - 70px);padding-top: 30px !important;}
.modal_Left .board .tableWrap {height: 100%;}
.modal_Left .board .tableWrap table thead tr {display: inline-table;position: absolute;top: 0;width: 100%;}
.modal_Left.inputTd .board table td {padding: 3px 2px;}
.modal_Left.inputTd .board table td input[type=text] {font-size: 11px;height: 26px;}

@media (max-width: 1410px) {.modal_Left {padding: 25px 15px 25px 25px;height: 100%;background:#fff;float: left;}}
.modal_box .commTooltip {top: 7px;margin-left: 7px;}

/* popup  ***********************/
.popupWrap {background: #60d1d6;padding: 10px 20px 0px;min-width: 500px;overflow: hidden;}
.popupWrap .popupTop {margin-bottom: 10px;width: 544px;text-align: center;}
.popupWrap .popupTop span.popTit {color: #fff;font-family: 'NanumGothicEB';font-size: 25px;display: inline-block;padding-left: 27px;}
.popupWrap .popupTop span.popImg {width: 21px;height: 39px;background: url(../images/noti.png) no-repeat top center;background-size: 100%;display: inline-block;position: absolute;top: 0;left: -94px;right: 0;margin: 0 auto;}
.popupWrap .popupCon {width: 544px;}
.popupWrap .popupCon .form {border-radius: 10px;margin-bottom: 5px;}
.popupWrap .popupCon .form .con_01 {border: 0;padding: 15px 20px;width: 544px;}
.popupWrap .popupCon .form .con_01 dl {border: 0;margin: 5px 0;}
.popupWrap .popupCon .form .con_01 dl dt {min-height: 22px;line-height: 22px;color: #222;width: 80px;padding: 0 0 0 10px;font-family: 'NanumGothic';background: url(../images/icon_dot.png) 0 47% no-repeat;margin: 0;}
.popupWrap .popupCon .form .con_01 dl dd {min-height: 22px;line-height: 22px;padding: 0;width: calc(100% - 80px);font-family: 'NanumGothicEB';text-overflow: inherit;white-space: normal;overflow: hidden;}
.popupWrap .popupCon .form .con_01 dl dd div.logoFileWrap {margin: 0;cursor: pointer;}
.popupWrap .popupCon .form .con_01 dl dd div.logoFileWrap .logoFileName {color: #5579ff;font-family: 'NanumGothicEB';font-size: 14px;}
.popupWrap .popupCon .form .con_01 dl dd div.logoFileWrap .logoFileName i.fa-download {color: #5579ff;}
.popupWrap .popupCon .form .con_01 dl dd div.logoFileWrap .logoFileName:hover {text-decoration: underline;color: #1a47f1;}
.popupWrap .popupCon .form .con_01 dl dd div.logoFileWrap .logoFileName:hover i.fa-download {color: #1a47f1;}
.popupWrap .popupCon .bottom_btn {color: #fff;font-size: 12px;padding-bottom: 5px;}
.popupWrap .popupCon .bottom_btn .today {float: right;}
.popupWrap .popupCon .bottom_btn .today span {font-size: 12px;}
.popupWrap .popupCon .bottom_btn .closeBtnWrap {float: right;}
.popupWrap .popupCon .bottom_btn .closeBtnWrap .closeBtn {border: 0;font-size: 12px;color: #fff;background: transparent;margin: 5px 5px 5px 10px;font-family: 'NanumGothicB';}

/* /* modalNoti  ***********************/ */
/* .modalNotiMain {padding: 10px 30px 10px;min-width: 620px;max-height: 650px;overflow-y:auto;overflow-x: hidden;display: block;background: #60d1d6;border-radius: 15px;z-index: 99998;position: absolute;top: 3%;right: 30px;width: 500px;margin: 0 auto;box-shadow: 0 0 15px #20777b;border: 0;} */
/* .modalNotiMain .modalNotiMainTop {margin-bottom: 0px;text-align: center;} */
/* .modalNotiMain .modalNotiMainTop span.popTit {color: #fff;font-family: 'NanumSquareEB';font-size: 23px;display: inline-block;padding-left: 20px;} */
/* .modalNotiMain .modalNotiMainTop .popImg {width: 21px;height: 39px;background: url(../images/noti.png) no-repeat top center;background-size: 100%;display: inline-block;position: absolute;top: 0;left: -94px;right: 0;margin: 0 auto;} */
/* .modalNotiMain .modalNotiMainCon {width: 100%;overflow: hidden;padding: 10px 0px 0;} */
/* .modalNotiMain .modalNotiMainCon .form {border-radius: 10px;margin-bottom: 5px;} */
/* .modalNotiMain .modalNotiMainCon .form .subTit {} */
/* .modalNotiMain .modalNotiMainCon .form .con_01 {border: 0;padding: 10px 20px;width: 100%;background: #fff;} */
/* .modalNotiMain .modalNotiMainCon .form .con_01 dl {border: 0;margin: 5px 0;} */
/* .modalNotiMain .modalNotiMainCon .form .con_01 dl dt {min-height: 22px;line-height: 22px;color: #222;width: 100px;padding: 0;font-family: 'NanumGothic';margin: 0;} */
/* .modalNotiMain .modalNotiMainCon .form .con_01 dl dt::before {content: '';width: 4px;height: 4px;border-radius: 50%;background: #60d1d6;display: inline-block;margin-right: 8px;position: relative;top: -1px;} */
/* .modalNotiMain .modalNotiMainCon .form .con_01 dl dd {min-height: 22px;line-height: 22px;padding: 0;width: calc(100% - 100px);font-family: 'NanumGothicEB';text-overflow: inherit;white-space: normal;overflow: hidden;background: #fff;} */
/* .modalNotiMain .modalNotiMainCon .form .con_01 dl dd p {margin: 5px 0;} */
/* .modalNotiMain .modalNotiMainCon .form .con_01 dl dd p span {padding: 0;} */
/* .modalNotiMain .modalNotiMainCon .form .con_01 dl dd div.logoFileWrap {margin: 0;cursor: pointer;width: 100%;} */
/* .modalNotiMain .modalNotiMainCon .form .con_01 dl dd div.logoFileWrap .logoFile {width: auto;max-height: 100px;margin: 0 0 6px;background: #fff;padding: 5px;} */
/* .modalNotiMain .modalNotiMainCon .form .con_01 dl dd div.logoFileWrap .logoFileName {color: #2bbb9d;font-family: 'NanumGothicEB';font-size: 12px;text-align: left;margin-top: 4px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} */
/* .modalNotiMain .modalNotiMainCon .form .con_01 dl dd div.logoFileWrap .logoFileName i.fa-download {color: #2bbb9d;} */
/* .modalNotiMain .modalNotiMainCon .form .con_01 dl dd div.logoFileWrap .logoFileName:hover {text-decoration: underline;color: #078e72;} */
/* .modalNotiMain .modalNotiMainCon .form .con_01 dl dd div.logoFileWrap .logoFileName:hover i.fa-download {color: #078e72;} */
/* .modalNotiMain .modalNotiMainBtm {color: #555;font-size: 12px;padding: 5px 0 0;} */
/* .modalNotiMain .modalNotiMainBtm .today {float: right;color: #fff;} */
/* .modalNotiMain .modalNotiMainBtm .today span {font-size: 12px;color: #fff;} */
/* .modalNotiMain .modalNotiMainBtm .closeBtnWrap {float: right;} */
/* .modalNotiMain .modalNotiMainBtm .closeBtnWrap .closeBtn {border: 0;font-size: 12px;color: #fff;background: transparent;margin: 5px 5px 5px 10px;font-family: 'NanumGothicB';} */
/* .modalNotiMain .modalNotiMainBtm .closeBtnWrap .closeBtn:hover {color: #111;} */
/* @media (max-width: 1024px) { */
/* .modalNoti {top: 0;left: 0;right: 0;width: 100%;min-width: 100%;border-radius: 0;padding: 20px;}} */

/* modal Btn  ***********************/
.modal_box .btn { min-width: 80px;height: 32px;font-size: 14px;padding: 4px 10px 6px;float: initial;}

.appWrap {display: block;background: #fffabf;font-size: 12px;z-index: 99997;position: absolute;top: 1px;right: 155px;width: 300px;border-radius: 3px;margin: 0 auto;box-shadow: 0 0px 5px #5b626f;border: 1px solid #2c3544;}
.appWrap .appCon {display: block;padding: 20px 20px 25px;text-align: left;overflow: hidden;}
.appWrap .appCon .appCd {display: block;font-size: 20px;color: #333;font-family: 'NanumSquareEB';text-align: center;}
.appWrap .appCon .appIdWrap {display: block;margin: 20px 0 5px;float: left;width: 100%;}
.appWrap .appCon .tit01 {display: inline-block;font-family: 'NanumGothicB';width: 35px;text-align: right;margin-right: 5px;font-size: 14px;color: #777;float: left;}
.appWrap .appCon .appIdWrap .appId {display: inline-block;font-size: 14px;color: #222;font-family: 'NanumGothicB';float: left;}
.appWrap .appCon .appPwWrap {float: left;width: 100%;}
.appWrap .appCon .appPwWrap .appPw {display: inline-block;font-size: 14px;color: #222;font-family: 'NanumGothicB';float: left;}

/* modalNoti  ***********************/
@media (min-width: 320px) {
	.modalNotiMain {padding: 20px 30px;min-width: 620px;overflow: hidden;display: block;background: #fff;border-radius: 30px;z-index: 99998;position: absolute;top: 3%;right: 30px;width: 500px;margin: 0 auto;border: 3px solid #003894;}
	.modalNotiMain .modalNotiMainTop {margin-bottom: 10px;text-align: center;}
	.modalNotiMain .modalNotiMainTop span.popTit {color: #003894;font-family: 'NanumSquareEB';font-size: 23px;display: inline-block;}
	.modalNotiMain .modalNotiMainCon {width: 100%;border-top: 1px solid #003894;border-bottom: 1px solid #ccc;overflow: hidden;padding: 10px 0px;}
	.modalNotiMain .modalNotiMainCon .form {border-radius: 10px;margin-bottom: 5px;}
	.modalNotiMain .modalNotiMainCon .form .subTit {}
	.modalNotiMain .modalNotiMainCon .form .con_01 {border: 0;padding: 0px;width: 100%;}
	.modalNotiMain .modalNotiMainCon .form .con_01 dl {border: 0;margin: 5px 0;}
	.modalNotiMain .modalNotiMainCon .form .con_01 dl dt {min-height: 22px;line-height: 22px;color: #222;width: 100px;padding: 0;font-family: 'NanumGothic';margin: 0;}
	.modalNotiMain .modalNotiMainCon .form .con_01 dl dt::before {content: '';width: 4px;height: 4px;border-radius: 50%;background: #003894;display: inline-block;margin-right: 8px;position: relative;top: -1px;}
	.modalNotiMain .modalNotiMainCon .form .con_01 dl dd {min-height: 22px;line-height: 22px;padding: 0;width: calc(100% - 100px);font-family: 'NanumGothicEB';text-overflow: inherit;white-space: normal;overflow: hidden;}
	.modalNotiMain .modalNotiMainCon .form .con_01 dl dd p {margin: 0;}
	.modalNotiMain .modalNotiMainCon .form .con_01 dl dd span {padding: 0;}
	.modalNotiMain .modalNotiMainCon .form .con_01 dl dd div.logoFileWrap {margin: 0;cursor: pointer;width: 100%;}
	.modalNotiMain .modalNotiMainCon .form .con_01 dl dd div.logoFileWrap .logoFile {width: 145px;margin: 0 0 6px;}
	.modalNotiMain .modalNotiMainCon .form .con_01 dl dd div.logoFileWrap .logoFileName {color: #2bbb9d;font-family: 'NanumGothicEB';font-size: 13px;text-align: left;margin-top: 4px;}
	.modalNotiMain .modalNotiMainCon .form .con_01 dl dd div.logoFileWrap .logoFileName i.fa-download {color: #2bbb9d;}
	.modalNotiMain .modalNotiMainCon .form .con_01 dl dd div.logoFileWrap .logoFileName:hover {text-decoration: underline;color: #078e72;}
	.modalNotiMain .modalNotiMainCon .form .con_01 dl dd div.logoFileWrap .logoFileName:hover i.fa-download {color: #078e72;}
	.modalNotiMain .modalNotiMainBtm {color: #555;font-size: 12px;padding: 5px 0 0;}
	.modalNotiMain .modalNotiMainBtm .today {float: right;}
	.modalNotiMain .modalNotiMainBtm .today span {font-size: 12px;}
	.modalNotiMain .modalNotiMainBtm .closeBtnWrap {float: right;}
	.modalNotiMain .modalNotiMainBtm .closeBtnWrap .closeBtn {border: 0;font-size: 12px;color: #999;background: transparent;margin: 5px 0px 5px 2px;font-family: 'NanumGothicB';width: 42px !important;opacity: 1.0;text-align: right;}
	.modalNotiMain .modalNotiMainBtm .closeBtnWrap .closeBtn::before {content: '';display: inline-block;width: 1px;height: 9px;background: #999;margin-right: 10px;position: relative;top: 1px;}
	.modalNotiMain .modalNotiMainBtm .closeBtnWrap .closeBtn:hover {color: #111;}}
@media (max-width: 1024px) {
	.modalNoti {top: 0;left: 0;right: 0;width: 100%;min-width: 100%;border-radius: 0;padding: 20px;}
	.modalNotiMain {min-width: 100%;left: 0 !important;top: 50px !important;border-radius: 0;width: 100%;}
	.modalNotiMain .modalNotiMainTop span.popTit {font-size: 18px;}
	.modalNotiMain .modalNotiMainCon .form .con_01 dl {margin: 1px 0;}
	.modalNotiMain .modalNotiMainCon .form .con_01 dl dt {width: 70px;line-height: 21px;}
	.modalNotiMain .modalNotiMainCon .form .con_01 dl dd {width: calc(100% - 70px);line-height: 21px;}
	.form .con_01 dl dd.contentDd.noticeContent {max-height: 160px;height: 160px;overflow: auto;}}