@charset "utf-8";
/* CSS Document */

/*********************** error ***********************/
.error_page { display:block; margin:180px 0 0 280px; width:570px; background:url(../images/icon_error_page.png) 0 2px no-repeat; letter-spacing:-1px;}
.error_page h1 { display:block; margin-bottom:30px; padding:6px 0 0 57px; font-family:'Nanum Barun Gothic', arial; font-weight:normal; font-size:30px; color:#007bc2; letter-spacing:1px;}
.error_page p { display:block; margin-bottom:50px; padding-left:57px; font-family:'Nanum Barun Gothic', arial; font-size:16px; color:#8e8e8e; line-height:28px; letter-spacing:0;}
.error_page p button { padding:0 15px; height:30px;font-size:14px;}
.icon_refresh {cursor: pointer;color: #777;font-size: 13px;padding-top: 7px;margin: 0px 3px 0px 3px;border: 1px solid #ccc;border-radius: 3px;width: 28px;height: 28px;line-height: 23px;text-align: center;background: #fff;}
.icon_refresh:hover {background: #5884ff;color: #fff;border: 1px solid #5884ff;}
.inputChk {display: inline-block;width: 18px;height: 18px;text-align: center;background: url(../images/icon_login_chk.png) center no-repeat;cursor: pointer;margin-right: 6px;}
.inputChk.active { display: inline-block; width: 18px;height: 18px;text-align:center;background: url(../images/icon_login_chk_checked.png) center no-repeat;opacity: 1.0;}
.inputChk:hover { display: inline-block; width: 18px;height: 18px;text-align:center;background: url(../images/icon_login_chk_checked.png) center no-repeat;opacity: 1.0;}
/* navigation ***********************************************************/
.authNmTxt {font-size: 11px;color: #5884ff;}

/* mobileMn *--------------------------*/
@media (min-width: 320px) {
	.navbar-fixed-top {display: none;}
	.topNavArea {display: none;}
	.mobileMn {background: #003894;width:100%;height: 50px;padding: 0px 20px;position: fixed;top: 0;z-index: 11;box-shadow: 0 0px 10px rgba(0,0,0,.2);}
	.mobileMn .mobileMnFixed {}
	.mobileMn .mobileMnFixed .m_logo_top {display: inline-block;background: url(../images/m_logo_top.png)left top no-repeat;background-size: 100%;width: 150px;height: 50px;margin-top: 15px;float: left;cursor: pointer;}
	.mobileMn .mobileMnFixed .m_adminWrap {display: inline-block;float: right;margin-top: 15px;}
	.mobileMn .mobileMnFixed .m_adminWrap ul {margin: 0;display: inline;padding: 0;}
	.mobileMn .mobileMnFixed .m_adminWrap ul li {display: inline-block;cursor: pointer;float: left;color: #fff;}
	.mobileMn .mobileMnFixed .m_adminWrap ul li .topR_noti {width: 42px;height: 16px;background: url(../images/topR_noti_m.png)right center no-repeat;opacity: .85;position: relative;}
	.mobileMn .mobileMnFixed .m_adminWrap ul li .topR_noti .notiNo {border-radius: 50px;background: #4affd9;color: #003e31;font-size: 10px;display: block;text-align: center;position: absolute;top: -4px;right: 8px;z-index: 9;padding: 1px 3px 0px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 33px;min-width: 15px;height: 15px;}
	.mobileMn .mobileMnFixed .m_adminWrap ul li.topR_userWrap .icon_user {display: inline-block;width: 12px;height: 16px;background: url(../images/icon_user.png) center no-repeat;margin-right: 3px;float: left;}
	.mobileMn .mobileMnFixed .m_adminWrap ul li.topR_userWrap .name {display: inline-block;color: #3bf7ff;font-size: 12px;float: left;}
	.mobileMn .mobileMnFixed .m_adminWrap ul li.topR_logout {margin: 0 10px 0 5px;}
	.mobileMn .mobileMnFixed .m_adminWrap ul li.topR_logout .icon_logout {display: inline-block;width: 16px;height: 16px;background: url(../images/icon_logout.png) left center no-repeat;margin-right: 3px;float: left;}
	.mobileMn .mobileMnFixed .m_adminWrap ul li.topR_logout p {display: inline-block;float: left;}
	.mobileMn .mobileMnFixed .m_adminWrap ul li.topR_logout p a {display: inline-block;color: #3bf7ff;font-size: 12px;padding: 0;float: left;}
	.mobileMn .mobileMnFixed .navToggle {display: inline-block;float: right;margin-top: 16px;}
	.mobileMn .mobileMnFixed .navToggle span {display: block;background: #fff;width: 24px;height: 1px;margin-bottom: 7px;}
	.mobileMn .mobileMnListWrap {display: block;position: fixed;top: 0;bottom:0;width: 100%;z-index: 99999;right: 0;height: 100vh;overflow: hidden;background: #fff;}
	.mobileMn .mobileMnTop {display: block;background: #003894;width: 100%;height: 50px;float: left;position: relative;padding: 0 20px;box-shadow: 0 0px 10px rgba(0,0,0,.2);}
	.mobileMn .mobileMnTop .m_logo_top {display: inline-block;background: url(../images/m_logo_top.png)left top no-repeat;background-size: 100%;width: 150px;height: 50px;margin-top: 15px;float: left;cursor: pointer;}
	.mobileMn .mobileMnTop .icon_home {display: block;width: 18px;height: 18px;background: url(../images/icon_home.png)center no-repeat;background-size: 100%;cursor: pointer;position: absolute;top: 19px;right: 45px;}
	.mobileMn .mobileMnTop .icon_home:hover {background: url(../images/common/icon_home_ov.png)center no-repeat;background-size: 100%;}
	.mobileMn .mobileMnTop .pop_close {display: inline-block;width: 18px;height: 18px;position: absolute;top: 15px;right: 20px;background: url(../images/pop_close.png) no-repeat top center;background-size: 100%;}
	
	.mobileMn .mobileMnCon {display: block;float: left;width: 100%;height: calc(100vh - 50px);overflow: auto;padding: 20px 30px 20px;margin-top: 5px;}
	.mobileMn .mobileMnCon ul {width: 100%;display: block;float: left;}
	.mobileMn .mobileMnCon ul li {display: block;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;overflow: hidden;float: left;width: 100%;}
	.mobileMn .mobileMnCon ul li a.mainMn {display: inline-block;font-size: 16px;font-family: 'NanumSquareEB';color: #333;vertical-align: top;width: 130px;float: left;margin: 15px 0 0;line-height: 16px;}
	.mobileMn .mobileMnCon ul li.active a.mainMn {color: #574ce0;}
	.mobileMn .mobileMnCon ul li:hover a.mainMn {color: #574ce0;}
	.mobileMn .mobileMnCon ul li .m_subMnList {display: inline-block;width: calc(100% - 130px);float: left;}
	.mobileMn .mobileMnCon ul li .m_subMnList a.subMn {display: block;margin: 10px 0;}
	.mobileMn .mobileMnCon ul li .m_subMnList a.subMn:hover {text-decoration: none;}
	.mobileMn .mobileMnCon ul li .m_subMnList a.subMn .subMn1 {display: block;font-size: 14px;font-family: 'NanumSquareB';color: #444;margin: 15px 0;line-height: 16px;}
	.mobileMn .mobileMnCon ul li .m_subMnList a.subMn .subMn1:hover {color: #574ce0;}
	.mobileMn .mobileMnCon ul li .m_subMnList a.subMn .subMn1.active {color: #574ce0;}
	.mobileMn .mobileMnCon ul li .m_subMnList a.subMn .subMn2Wrap {display: block;margin: 0 0 30px 0;}
	.mobileMn .mobileMnCon ul li .m_subMnList a.subMn .subMn2Wrap .subMn2 {display: block;font-size: 13px;font-family: 'NanumSquare';color: #444;margin: 10px 0;line-height: 16px;}
	.mobileMn .mobileMnCon ul li .m_subMnList a.subMn .subMn2Wrap .subMn2::before {content: "";width: 4px;height: 4px;display: inline-block;background: #555;top: -2px;position: relative;border-radius: 50%;margin-right: 6px;}
	.mobileMn .mobileMnCon ul li .m_subMnList a.subMn .subMn2Wrap .subMn2.active {color: #574ce0;}
	.mobileMn .mobileMnCon ul li .m_subMnList a.subMn .subMn2Wrap .subMn2.active::before {background: #574ce0;}
	
	.mobileMn .mobileMnCon .contact {display: block;float: right;margin: 20px 0;}
	.mobileMn .mobileMnCon .contact a {display: inline-block;float: left;}
	.mobileMn .mobileMnCon .contact button.btn {display: inline-block;float: left;border: 1px solid #574ce0;color: #574ce0;transition: 0.2s;font-size: 14px;height: 40px;padding: 0 20px;background: #fff;font-family: NanumGothicB;}
	.mobileMn .mobileMnCon .contact button.btn:hover {border: 1px solid #574ce0;color: #fff;transform: translate(0px,-5px) !important;background: #574ce0;}
	.mobileMn .mobileMnCon .contact button.btn::after {display: none;}
	.mobileMn .mobileMnCon .contact .kakao {display:inline-block;width: 40px;height: 40px;background: url(../images/common/m/icon_kakao.png)center no-repeat;cursor: pointer;margin-left: 10px;transition: 0.2s;background-size: 100%;border-radius: 50%;border: 3px solid #ffe714;}
	.mobileMn .mobileMnCon .contact .kakao:hover {transform: translate(0px,-5px);}
	
/* 	.mobileMn .mobileMnCon ul li:nth-child(2), */
/* 	.mobileMn .mobileMnCon ul li:nth-child(3), */
/* 	.mobileMn .mobileMnCon ul li:nth-child(4), */
/* 	.mobileMn .mobileMnCon ul li:nth-child(5), */
/* 	.mobileMn .mobileMnCon ul li:nth-child(1) .m_subMnList a.subMn:nth-child(3) {display: none;} */}

@media (min-width: 1025px) {
	.mobileMn {display: none;}}
@media (max-width: 1024px) {
	.container {width: 100% !important;margin: 0 auto;padding: 0 20px;position: relative; overflow-y: auto;overflow-x: hidden;}}
	
/* topNavArea *--------------------------*/
@media (min-width: 1025px) {
	.topmnDummyWhite { width: 100%;max-width: 1400px;margin: 0 auto;height: 0px;background: #fff;}
	.topNavArea {position: fixed;top: 0px;left: 0;right: 0;width: 100%;z-index: 99995;background: #fff;display: block;}
	.topNavArea .logoWrap {text-align: center;padding: 30px 0 0px;height: 60px;}
	.topNavArea .logoWrap .logo_top {display: inline-block;width: 164px;height: 37px;background: url(../images/logo_top.png) center no-repeat;}
	.topNavArea .logoWrap .logo_Txt {font-family: 'SCD6';font-size: 26px;display: inline-block;position: relative;top: -9px;margin-left: 15px;}
	.topNavArea .logoWrap .logo_Txt::before {content: '';display: inline-block;width: 1px;height: 25px;background: #aaa;margin-right: 15px;position: relative;top: 2px;}
	.topNavArea .topUser {display: block;float: right;width: 100%;text-align: right;margin: 5px 0 10px;}
	.topNavArea .topUser .adminWrap {display: inline-block;margin-top: 6px;float: right;}
	.topNavArea .topUser .adminWrap ul {margin: 0;}
	.topNavArea .topUser .adminWrap ul li {display: inline-block;margin: 0 7px 0 0;cursor: pointer;float: left;}
	.topNavArea .topUser .adminWrap ul li.topR_userWrap {margin-right: 10px;}
	.topNavArea .topUser .adminWrap ul li.topR_userWrap .topR_user {display: inline-block;width: 12px;height: 16px;background: url(../images/topR_user.png)left center no-repeat;float: left;}
	.topNavArea .topUser .adminWrap ul li.topR_userWrap .topR_name {display: inline-block;color: #333;font-size: 12px;text-align: left;float: left;margin-left: 2px;}
	.topNavArea .topUser .adminWrap ul li.topR_userWrap:hover .topR_user {background: url(../images/topR_user_ov.png)left center no-repeat;}
	.topNavArea .topUser .adminWrap ul li.topR_userWrap:hover .topR_name {color: #74a2ef;font-size: 12px;}
	.topNavArea .topUser .adminWrap ul li.sessionWrap {margin-right: 15px;position: relative;top: -2px;}
	.topNavArea .topUser .adminWrap ul li.sessionWrap .vmIcon {font-size: 15px;color:#777;}
	.topNavArea .topUser .adminWrap ul li.sessionWrap .sessionCntTitle {position: relative;top: -2px;margin-left: 0px;font-size:12px;}
	.topNavArea .topUser .adminWrap ul li.sessionWrap .sessionCnt {position: relative;top: -2px;left: 2px;font-size: 12px;}
	.topNavArea .topUser .adminWrap ul li.topR_logout {width: 65px;height: 16px;background: url(../images/topR_logout.png) left center no-repeat;margin-right: 6px;padding-left: 7px;color: #fff;font-size: 12px;}
	.topNavArea .topUser .adminWrap ul li.topR_logout a {color: #333;}
	.topNavArea .topUser .adminWrap ul li.topR_logout:hover {background: url(../images/topR_logout_ov.png)left center no-repeat;}
	.topNavArea .topUser .adminWrap ul li.topR_logout:hover a {color: #ff0000;text-decoration: none;}
	.topmn {background: #003894;min-width: 1280px;height: 60px;width: 100%;float: left;}
	.topmn .innerDiv { width: 100%;text-align: center; color:#fff;margin: 0;}
	.topmn .innerDiv article.topWrap {padding-bottom: 0px;position: relative;}
	.topmn .innerDiv article.topWrap .topMn {display: inline-block;width: 840px;margin: 0 auto;}
	.topmn .innerDiv article.topWrap .topMn ul {margin: 0;height: 60px;}
	.topmn .innerDiv article.topWrap .topMn ul li {margin: 0;padding: 19px 0px 19px;display: inline-block;text-align: left;height: 60px;width: 160px;}
	.topmn .innerDiv article.topWrap .topMn ul li span {display: block;margin: 0 auto;font-size: 16px;color: #fff;font-family: 'NanumGothicB';text-align: center;}
	.topmn .innerDiv article.topWrap .topMn ul li span.mainMn {cursor: pointer;}
	.topmn .innerDiv article.topWrap .topMn ul li .subMnList {display: none;width: 800px;float: left;text-align: left;position: absolute;left: 0;;right: 0;margin: 0 auto;background: #fff;top: 53px;padding: 25px 30px;border-radius: 5px;box-shadow: 0 0px 5px #757779;}
	.topmn .innerDiv article.topWrap .topMn ul li .subMnList::before {content: '';display: inline-block;width: 0px;height: 0px;border-top: 5px solid transparent;border-bottom: 5px solid #fff;border-right: 5px solid transparent;border-left: 5px solid transparent;position: absolute;top: -10px;}
	.topmn .innerDiv article.topWrap .topMn ul li:nth-child(1) .subMnList::before {left: 75px;}
	.topmn .innerDiv article.topWrap .topMn ul li:nth-child(2) .subMnList::before {left: 235px;}
	.topmn .innerDiv article.topWrap .topMn ul li:nth-child(3) .subMnList::before {left: 395px;}
	.topmn .innerDiv article.topWrap .topMn ul li:nth-child(4) .subMnList::before {left: 550px;}
	.topmn .innerDiv article.topWrap .topMn ul li:nth-child(5) .subMnList::before {right: 77px;}
	.topmn.mn2 .innerDiv article.topWrap .topMn ul li:nth-child(1) .subMnList::before {left: 315px;}
	.topmn.mn2 .innerDiv article.topWrap .topMn ul li:nth-child(2) .subMnList::before {left: 475px;}
	.topmn.mn3 .innerDiv article.topWrap .topMn ul li:nth-child(1) .subMnList::before {left: 123px;}
	.topmn.mn3 .innerDiv article.topWrap .topMn ul li:nth-child(2) .subMnList::before {left: 395px;}
	.topmn.mn3 .innerDiv article.topWrap .topMn ul li:nth-child(3) .subMnList::before {left: 555px;}
	.topmn.mn4 .innerDiv article.topWrap .topMn ul li:nth-child(1) .subMnList::before {left: 155px;}
	.topmn.mn4 .innerDiv article.topWrap .topMn ul li:nth-child(2) .subMnList::before {left: 315px;}
	.topmn.mn4 .innerDiv article.topWrap .topMn ul li:nth-child(3) .subMnList::before {left: 475px;}
	.topmn.mn4 .innerDiv article.topWrap .topMn ul li:nth-child(4) .subMnList::before {left: 630px;}
	.topmn .innerDiv article.topWrap .topMn ul li .subMnList .mainMnDetailWrap {display: inline-block;float: left;width: 140px;margin-right: 60px;}
	.topmn .innerDiv article.topWrap .topMn ul li .subMnList .mainMnDetailWrap .icon_img {display: block;width: 40px;height: 41px;margin: 0;}
	.topmn .innerDiv article.topWrap .topMn ul li.reservation .subMnList .mainMnDetailWrap .icon_img {background: url(../images/icon_mainMn01.png) left no-repeat;}
	.topmn .innerDiv article.topWrap .topMn ul li.statistics .subMnList .mainMnDetailWrap .icon_img {background: url(../images/icon_mainMn02.png) left no-repeat;}
	.topmn .innerDiv article.topWrap .topMn ul li.support .subMnList .mainMnDetailWrap .icon_img {background: url(../images/icon_mainMn03.png) left no-repeat;}
	.topmn .innerDiv article.topWrap .topMn ul li.configuration .subMnList .mainMnDetailWrap .icon_img {background: url(../images/icon_mainMn04.png) left no-repeat;}
	.topmn .innerDiv article.topWrap .topMn ul li.sample .subMnList .mainMnDetailWrap .icon_img {background: url(../images/icon_mainMn05.png) left no-repeat;}
	.topmn .innerDiv article.topWrap .topMn ul li .subMnList .mainMnDetailWrap .mnTit {display: block;color: #333;text-align: left;font-size: 19px;font-family: 'NanumSquareEB';margin: 10px 0 2px;}
	.topmn .innerDiv article.topWrap .topMn ul li .subMnList .mainMnDetailWrap .mnCopy {display: block;color: #666;text-align: left;font-size: 12px;font-family: 'NanumGothic';}
	.topmn .innerDiv article.topWrap .topMn ul li .subMnList .subMnDiv {display: inline-block;float: left;width: calc(100% - 200px);}
	.topmn .innerDiv article.topWrap .topMn ul li .subMnList .subMn {display: inline-block;width: 180px;text-align: left;margin: 0 0 5px 0;vertical-align: top;float: left;padding-right: 30px;min-height: 100px;}
	.topmn .innerDiv article.topWrap .topMn ul li .subMnList .subMn:nth-child(3n) {margin-right: 0;padding-right: 0;}
	.topmn .innerDiv article.topWrap .topMn ul li .subMnList .subMn .subMnCopy {display: block;font-size: 12px;color: #888;margin-top: 5px;text-align: left;font-family: 'NanumGothic';}
	.topmn .innerDiv article.topWrap .topMn ul li .subMnList .subMn .subMn1 {display: block;font-size: 15px;color: #333;font-family: 'NanumGothicB';text-align: left;margin-bottom: 10px;}
	.topmn .innerDiv article.topWrap .topMn ul li .subMnList .subMn .subMn1:hover {color: #3d59e5;}
	.topmn .innerDiv article.topWrap .topMn ul li .subMnList .subMn .subMn1.active {color: #3d59e5;}
	.topmn .innerDiv article.topWrap .topMn ul li .subMnList .subMn2 {display: block;color: #666;font-size: 12px;margin: 5px 0;text-decoration: none;cursor: pointer;font-family: 'NanumGothicB';text-align: left;}
	.topmn .innerDiv article.topWrap .topMn ul li .subMnList .subMn2::before {content: '';display: inline-block;width: 3px;height: 3px;background: #888;margin-right: 6px;position: relative;top: -2px;border-radius: 50%;}
	.topmn .innerDiv article.topWrap .topMn ul li .subMnList .subMn2:hover {color: #3d59e5;text-decoration: underline;}
	.topmn .innerDiv article.topWrap .topMn ul li .subMnList .subMn2.active {color: #3d59e5;}
	.topmn .innerDiv article.topWrap .topMn ul li .subMnList .subMn2.active::before {background: #3d59e5;}
	.topmn .innerDiv article.topWrap .topMn ul li .subMnList .subMn2:hover::before {background: #3d59e5;}
	.topmn .innerDiv article.topWrap .topMn ul li.active {background: #74a2ef;}
	.topmn .innerDiv article.topWrap .topMn ul li.active span.mainMn {color: #fff;}
	.topmn .innerDiv article.topWrap .topMn ul li.active span.mainMn:hover {color: #fff;}
	.topmn .innerDiv article.topWrap .topMn ul li:hover {background: #5a87d1;}
	.topmn .innerDiv article.topWrap .topMn ul li:hover span.mainMn {color: #fff;}
	.topmn .innerDiv article.topWrap .topMn ul li:hover.active {background: #74a2ef;}
	.topmn .innerDiv article.topWrap .topMn ul li:hover .subMnList {display: block;}
	.topmn .innerDiv article.topWrap .topMn ul li:hover .subMnList .subMn:hover {color: #3d59e5;}
	.topmn .innerDiv article.topWrap .topMn ul li:hover .subMnList .subMn.active {color: #3d59e5;}
	
	.topmn .apply {height:25px;position: absolute;right: 70px;top: 46px;}
	.topmn .apply .box {/*width:44px;*/height:31px;border:0px solid #cecece;display:inline-block;vertical-align: top;border-radius: 3px;cursor:pointer;}
	.topmn .apply .icon_noti_01 {display:block;width: 20px;height: 19px;/*margin: 0 auto;*/background: url(../images/icon_noti_01.png) center no-repeat;background-size:100%;}
	.topmn .apply .icon_noti_02 {display:block;width: 16px;height: 16px;/*margin: 0 auto;*/margin-left: 1px;background: url(../images/icon_noti_02.png) center no-repeat;background-size:100%;margin-top: 2px;}
	.topmn .apply .icon_noti_03 {display:block;width: 17px;height: 16px;/*margin: 0 auto;*/margin-left: 1px;background: url(../images/icon_noti_03.png) center no-repeat;background-size:100%;margin-top: 1px;}
	.topmn .apply .icon_noti_symbol {background: #5884ff;width: 20px;height: 15px;display: block;line-height: 15px; border-radius: 50%; color: #fff;font-size: 10px;text-align: center;position: relative; }
	.topmn .apply .icon_noti_symbol.icon_noti_symbol01 {top: -6px;left: 11px;display:none;}
	.topmn .apply .icon_noti_symbol.icon_noti_symbol02 {top: -6px;left: 11px;display:none;}
	.topmn .apply .icon_noti_symbol.icon_noti_symbol03 {top: -5px;left: 11px;display:none;}
	.topmn .apply .icon_noti_txt01 {font-size: 11px;width: 50px;height: 20px;line-height: 20px;display: block;position: relative;top: -2px;color: #777;font-family:'Nanum Gothic', arial; }
	.topmn .apply .icon_noti_txt02 {font-size: 11px;width: 50px;height: 20px;line-height: 20px;display: block;position: relative;top: -1px;color: #777;font-family:'Nanum Gothic', arial; }
	.topmn .apply .icon_noti_txt03 {font-size: 11px;width: 50px;height: 20px;line-height: 20px;display: block;position: relative;top: 0px;color: #777;font-family:'Nanum Gothic', arial; }
	.topmn.scrollLine .innerDiv article.topWrap {border-bottom: 1px solid #ccc;}
	.topmnBarDiv {width:100%;height:80px;background:#eee;margin-top: 60px;text-align:center; color:#ccc;}
	.topmnBarDiv .mainTxt {display:inline-block;line-height: 77px;font-size:34px;font-family: 'NanumSquareR';}
	.topmnBarDiv .subTxt {display:inline-block;    font-size: 16px;border-left: 3px solid #fff;margin-left: 20px;padding-left: 20px;font-size:16px;}
	.container {margin: 0 auto;padding:0;position: relative; /*overflow-y: auto; overflow-x: hidden;*/}}
@media (min-width: 1300px) {
	.container {width: 1280px;}}

/* contents ***********************************************************/
@media (min-width: 320px) {
	.navigation {color: #888;font-size: 12px;margin-bottom: 0px;float: right;text-align: right;margin-top: 28px;position: absolute;top: 0;right: 0;}
	.contents {padding: 0 0 30px;height: 100%;position: relative;width: 100%;min-height: calc(100vh - 185px);margin: 0 auto;margin-top: 150px;}
	.contents .tit {width: 100%;font-size: 24px;color: #333;font-family: 'NanumSquareEB';float: left;margin: 30px 0 20px;}
	.contents .tit .commTooltip {top: -3px;margin-left: 5px;}
	.contents .subTit {width:100%;font-size: 16px;color: #333;font-family: 'NanumGothic';overflow: hidden;float: left;margin: 0px 0 20px;}
	.contents .subTit2 {width:100%;font-size: 18px;color: #333;font-family: 'NanumGothicEB';overflow: hidden;float: left;margin: 10px 0;}
	.contents .sub3rdmenu {display:none !important; /*display: block;*/color: #fff;font-size: 13px;margin: 10px 0 20px;overflow: hidden;float: left;width: 100%;min-width:200px;border-bottom: 1px solid #ddd;}
	.contents .sub3rdmenu span {background: #f9f9f9;min-width: 120px; display:inline-block;text-align:center;padding: 7px 13px;cursor: pointer;color: #b3b4ce;margin: 0;float: left;border-left: 1px solid #ddd;border-top: 1px solid #ddd;border-right: 0;}
	.contents .sub3rdmenu span a {color: #707070;font-family: 'NanumGothicEB';}
	.contents .sub3rdmenu span:last-child {border-right: 1px solid #ddd !important;}
	.contents .sub3rdmenu span.active {color: #fff;position: relative;top: 0px;background: #5884ff;border-top: 1px solid #5884ff;} 
	.contents .sub3rdmenu span.active a {color: #fff;text-decoration: none;}
	.contents .sub3rdmenu span:hover  {color: #fff;background: #2e55c5;}
	.contents .sub3rdmenu span:hover a {color: #fff;text-decoration: none;}
	.contentsH {height: 100%;overflow: hidden;}

	.addWrap {display: inline-block;}
	.addWrap span {border: 1px solid #777;display: inline-block;border-radius: 5px;cursor: pointer;padding: 14px}
	.addWrap span.plusBox {background:url(../images/icon_plus.png) no-repeat center; width: 11px;height: 11px;opacity: .5;}
	.addWrap span.minusBox {background:url(../images/icon_minus.png) no-repeat center; width: 11px;height: 11px;margin-right: 3px;opacity: .5;}
	.addWrap span.plusBox:hover {background:#aaa url(../images/icon_plus_ov.png) no-repeat center;border: 1px solid #aaa;opacity: 1.0;}
	.addWrap span.minusBox:hover {background:#aaa url(../images/icon_minus_ov.png) no-repeat center;border: 1px solid #aaa;opacity: 1.0;}
	
	.radioBtn {display: inline-block;}
	.radioBtn span {display: inline-block;font-size: 12px;padding: 0px 2px;}
	.radioBtn span input {width: 15px;height: 15px;vertical-align: middle;margin: 0 3px 0 0;}}
@media (max-width: 1024px) {
	.navigation {left: 0;right: initial;}
	.contents {margin-top: 50px;overflow: hidden;min-height: calc(100vh - 125px);}
	.contents .tit {margin: 55px 0 20px;}}
	
/* srch ***********************************************************/
@media (min-width: 320px) {	
	.srch {display:inline-block;margin-bottom: 10px;padding: 0px;width: 50%;}
	.srch.srchLine {width: 100%;padding: 10px 10px 0px;background: #fff;border-radius: 5px;box-shadow: 0px 0px 5px #bbb;min-height: 54px;margin-bottom: 10px;}
	.srch.search2 {background:#fff;border:1px solid #ddd; width:100%;display:inline-block;}
	.srch .srchWrap {display:inline-block;margin:0 0 0 10px;height: 34px !important;}
	.srch .srchWrap .srchWrap { display:inline-block;margin:0 5px 5px 0px;}
	.srch .srchWrap i {font-size: 14px;color:#5884ff}
	.srch .srchWrap:last-child { margin-right: 0px;}
	.srch .srchWrap div {line-height: 24px; }
	.srch span {padding-right:5px;font-size: 12px;}
	.srch span.txt {min-width: 45px; font-size: 14px;padding: 0 3px 0 10px; background: url(../images/icon/icon_black_dot.png)  top 8px left no-repeat;font-family: 'NanumGothicEB';display: inline-block;margin-left: 10px;}
	.srch span.txt:first-child {margin-left: 0;}
	.srch .srchWrap .timeWrap {display: inline-block;border: 1px solid #b7b7b7;border-radius: 3px;padding: 1px;font-size: 12px;color: #575757;margin-right: 9px;width: 493px;text-align: center;position: relative;top: 1px;}
	.srch .srchWrap .timeWrap ul {margin: 0;height: 26px;line-height: 26px;}
	.srch .srchWrap .timeWrap ul li {display: inline-block;width: 65px;text-align: center;cursor: pointer;height: 26px;margin-left: 1px;line-height: 26px;}
	.srch .srchWrap .timeWrap ul li:hover, .srch .srchWrap .timeWrap ul li.active { background: #5884ff;color: #fff;border-radius: 3px;}
	.srch .srchWrap.businessHour { font-size: 12px;margin-right: 8px;}
	.srch .srchWrap.businessHour input {margin-left: 10px !important;}
	.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: 30px;}
	.srch input[type=radio] {width:15px;height:15px;vertical-align: middle;margin: 0 3px 0 0;}
	.srch .inputRadioWrap {display: inline-block;margin: 4px 5px 0 0px;float: left;}
	.srch .inputRadioWrap .radioTxt {display: inline-block;font-size: 13px;font-family: 'NanumGothicB';}
	.srch .inputRadioWrap .selTopNDiv {display: inline-block;}
	.srch select {  border:1px solid #b7b7b7; border-radius: 5px; padding: 4px 5px; font-size:12px; color:#575757; vertical-align:middle;height: 30px;}
	.srch button.btn_srch {background: #74a2ef url(../images/icon/btn_srch.png) no-repeat -13px -12px; display:inline-block;width:43px; height: 30px;color:#fff; margin-left:1px; border:none; border-radius: 5px; vertical-align:middle; cursor:pointer;transition:0.2s;}
	.srch button.btn_srch:hover { background: #528beb url(../images/icon/btn_srch.png) no-repeat -13px -12px;}
	.srch button.btn_comm { margin-top: 3px;margin-right: 3px;}
	.srch_period { font-family:'NanumGothicEB', arial;font-size: 12px; color: #555;  text-align: left; width: 100%;overflow: hidden;margin-bottom: 10px;}
	.srch .chkLayer{ display: inline-block;font-size: 13px;font-family: 'Nanum Barun Gothic'; }
	.srch .chkLayer input[type=checkbox] { width: 16px; height: 16px;vertical-align: middle;margin: 0px 5px 0px 3px;}
	.srch .chkLayer .pipe { padding: 0px 3px;color: #559cec;font-family: 'NanumGothicEB';}
	.srch .radioBtn {padding: 4px 5px 0 0;display: inline-block;}
	.srch .radioBtn span {display: inline-block;font-size: 12px;padding: 0px 0px 0 8px;}
	.srch .radioBtn span input {position: relative;top: -1px;margin-right: 4px;width: 16px;}
	.srch_top { display:block; margin-bottom:6px;}	
	.srch_top input[type=text] { padding:5px;  padding-left:10px; border:1px solid #b7b7b7; border-radius:3px; font-size:12px;  color:#575757; vertical-align:middle;}
	.srch_top select {border:1px solid #b7b7b7; border-radius:3px; padding:3px; font-size:12px;font-family: Montserrat-Light;color:#575757; vertical-align:middle;}
	.srch_top span {font-size:12px;font-family: 'NanumGothicEB';}	
	.srch2 { width: 189px;padding: 0;margin: 0;}
	.srch2 input[type=text] { height: 25px;}
	.srch2 button.btn_srch { background:#ccc url(../images/icon/btn_srch.png) no-repeat -19px -14px; width:30px; height:25px; margin-left:0px;}
	.srch2 button.btn_srch:hover { background:#999 url(../images/icon/btn_srch.png) no-repeat -19px -14px;}
	.srch3 { background: transparent;width: 230px;padding: 0;margin: 0 0 2px;}
	.srch3 input[type=text] { height: 25px;}
	.srch3 button.btn_srch { background:#5884ff url(../images/icon/btn_srch.png) no-repeat -19px -14px; width:30px; height:25px; margin-left:0px;}
	.srch3 button.btn_srch:hover { background:#436bda url(../images/icon/btn_srch.png) no-repeat -19px -14px;}
	.srch3 select { width: 52px !important;height: 25px;padding: 3px !important;}
	.srch4 { width: 184px;padding: 0;margin: 0;position: absolute;top: 0;right: 0;}
	.srch4 input[type=text] { height: 25px;}
	.srch4 button.btn_srch { background:#888 url(../images/icon/btn_srch.png) no-repeat -19px -14px; width:30px; height:25px; margin-left:0px;}
	.srch4 button.btn_srch:hover { background:#555 url(../images/icon/btn_srch.png) no-repeat -19px -14px;}}
@media (max-width: 767px) {
	.srch {width: 100% !important;}
	.srch.w70p {width: 100% !important;}
	.srch .inputRadioWrap .selTopNDiv {margin-left: 0 !important;width: 100%;float: left;}
	.srch .inputRadioWrap .selTopNDiv select {margin-bottom: 0;}
	.srch .inputRadioWrap {width: 100%;margin: 0 0 10px;}
	.srch .inputRadioWrap.m_l_10 {margin: 0 0 10px !important;}
	.srch span.txt {margin-left: 0;width: 63px;float: left;margin: 5px 0;padding-left: 0;background: none;}
	.srch select {width: calc(100% - 63px);float: left;margin-bottom: 5px;margin-left: 0 !important;}
	.srch input[type=text].calendar {width: calc(100% / 2 - 40px) !important;margin-bottom: 5px;background: #fff url(../images/icon/icon_calendar.png) no-repeat right 5px center;}
	.srch input[type=text] {width: calc(100% - 111px);}}	
	
.selCustomer {width:150px;color:#000;height: 30px;border-radius: 5px;font-size: 12px;margin-top: 5px;margin-left: 3px;font-weight: normal;}	
.rowCnt {color:#666;padding:2px 0px 3px;height: 25px;border-radius: 5px;font-size: 12px;float: right;margin: 0 0 0 3px;font-weight: normal;}	
.refreshCnt {color: #666;padding: 3px 0px 3px 2px;border-radius: 5px;font-size: 12px;height: 28px;}	
.icoRefreshCnt {color: #666; padding-top: 7px;cursor: pointer;}	
.calendar { background:#fff url(../images/icon/icon_calendar.png) no-repeat 80px center;width: 106px !important;cursor: pointer;}
.icon_pen {background: url(../images/icon_pen.png)center no-repeat;display: block;width: 15px;height: 15px;padding: 0;}
.icon_pen_02 {background: url(../images/icon_pen_02.png)center no-repeat;display: inline-block;width: 15px;height: 14px;cursor: pointer;}
.icon_penTd {background: url(../images/icon_pen_02.png)center no-repeat;display: inline-block;width: 15px;height: 14px;cursor: pointer;position: relative;right: 5px;top: 2px;opacity: .5;margin-left: 5px;float: right;}
.icon_penTd:hover {opacity: 0.8;}
.icon_chk {background: url(../images/icon_chk.png)center no-repeat;display: inline-block;width: 17px;height: 17px;cursor: pointer;position: relative;right: 5px;top: 5px;margin-left: 5px;float: right;}
.icon_chk:hover {background: url(../images/icon_chk_ov.png)center no-repeat;}
.icon_on {background: url(../images/icon_on.png)center no-repeat;display: inline-block;width: 15px;height: 15px;position: absolute;top: 4px;right: 8px;}
.icon_off {background: url(../images/icon_off.png)center no-repeat;display: inline-block;width: 15px;height: 15px;position: absolute;top: 4px;right: 8px;}
.icon_on2 {background: #fff;border-radius: 50%;border: 2px solid #50d81a;display: inline-block;width: 15px;height: 15px;position: absolute;top: 4px;right: 34px;}
.icon_off2 {background: #fff;border-radius: 50%;border: 2px solid #777;display: inline-block;width: 15px;height: 15px;position: absolute;top: 4px;right: 34px;}
.icon_active_on {background: url(../images/icon_active_on.png)center no-repeat;display: inline-block;width: 15px;height: 15px;position: absolute;top: 4px;right: 8px;}
.icon_innerTxt {position: absolute;top: 15px;right: -4px;color: #666;font-size: 10px;display: block;text-align: center;width: 25px;}
.icon_credit {font-family: 'NanumGothicEB';background: #649bfd url(../images/icon_credit.png)center no-repeat;display: inline-block;width: 12px;height: 12px;margin-right: 3px;border-radius: 50%;position: relative;top:2px;}
.icon_payment {font-family: 'NanumGothicEB';background: #39e274 url(../images/icon_payment.png)center no-repeat;display: inline-block;width: 12px;height: 12px;margin-right: 3px;border-radius: 50%;position: relative;top:2px;}
.icon_truth {background: url(../images/icon_truth.png)center no-repeat;display: inline-block;width: 14px;height: 14px;position: relative;top:2px;}
.icon_false {background: url(../images/icon_false.png)center no-repeat;display: inline-block;width: 14px;height: 14px;position: relative;top:2px;}

/* tabMenu ***********************************************************/
.subTitTabMenu {display: inline-block;float: right;position: absolute;right: 30px;top: 74px;}
.subTitTabMenu ul {margin: 0;display: table-row !important;}
.subTitTabMenu ul li {display: inline-block;padding: 8px 15px;background: #fff;float: left;font-size: 13px;color: #777;cursor: pointer;margin: 0 0px 2px 4px;text-align: center;min-width: 100px;font-family: 'NanumGothicEB';border-radius: 5px;}
.subTitTabMenu ul li.active {background: #74a2ef;color: #fff;}
.subTitTabMenu ul li:hover {background: #74a2ef;color: #fff;}
.commTabMenu {display: inline-block;float: left;width: calc(100% + 4px) !important;margin: 0 -2px 10px;}
.commTabMenu ul {margin: 0 -1px 5px -1px;overflow: hidden;display: inline !important;padding: 0;}
.commTabMenu ul li {display: inline-block;padding: 8px 6px 10px;background: #fff;float: left;font-size: 13px;color: #999;cursor: pointer;margin: 0px 2px 4px;border: 0;text-align: center;min-width: 200px;width: calc(100% / 5 - 4px);height: 35px;border-radius: 3px;
line-height: 1.0em;font-family: 'NanumGothicB';text-overflow: ellipsis;white-space: normal;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;}
.commTabMenu ul li.active, .commTabMenu ul li.active:hover {background: #19bcc3;color: #fff;}
.commTabMenu ul li:hover {background: #fff;color: #19bcc3;}
.commDetailTabMenu {display: inline-block;float: left;}
.commDetailTabMenu ul {display: table-row !important;margin: 0;padding: 0;}
.commDetailTabMenu ul li {display: inline-block;padding: 8px 15px;background: #fff;float: left;font-size: 13px;color: #999;cursor: pointer;margin: 0 2px 0px 0;border-top: 2px solid #eee;text-align: center;min-width: 130px;font-family: 'NanumGothicEB';position: relative;top: 2px;border-bottom: 2px solid #74a2ef;}
.commDetailTabMenu ul li.active, .commDetailTabMenu ul li.active:hover {background: #fff;color: #222;border-top: 2px solid #74a2ef;border-bottom: 2px solid #ffffff;}
.commDetailTabMenu ul li:hover {background: #fff;color: #222;border-top: 2px solid #74a2ef;}
.dashTabMenu {display: inline-block;float: left;margin-bottom: 10px;width: calc(100% + 4px);margin: 0 -2px;position: relative;}
.dashTabMenu ul {margin: 0;overflow: hidden;display: inline;padding: 0;}
.dashTabMenu ul li {float: left;font-size: 13px;color: #888;cursor: pointer;margin: 0 2px 4px;text-align: center;width: calc(100% / 6 - 4px);height: 35px;line-height: 1.0em;font-family: 'NanumGothicB';border-radius: 5px;border: 1px dashed #74a2ef;background: #fff;padding: 0 5px;position: relative;}
.dashTabMenu ul li .v_contents {font-family: 'verdana';letter-spacing: -0.3px;}
.dashTabMenu ul li .v_contents.font_kr {font-family: 'NanumGothicB', dotum, arial;}
.dashTabMenu ul li.active, .dashTabMenu ul li:hover {background: #74a2ef;color: #fff;border: 1px solid #74a2ef;}
.dashTabMenu .latestDate {font-size: 12px;position: absolute;top: 6px;right: 0;font-family: 'NanumGothicB';color: #292929;padding: 0 0 4px;border-bottom: 1px dashed #333;}
.topTabMenu {width: 100%;position: relative;}
.topTabMenu ul {margin: 0;display: table-row !important;padding: 0;}
.topTabMenu ul li {border: 2px solid #fff;display: inline-block;padding: 8px 10px;background: #fff;float: left;font-size: 13px;color: #999;cursor: pointer;text-align: center;width: 150px;margin-right: 3px;font-family: 'NanumGothicB';position: relative;top: 4px;border-radius: 5px 5px 0 0;}
.topTabMenu ul li.active {background: #fff;color: #222;top: 2px;border: 2px solid #74a2ef;border-bottom: 0;padding: 12px 10px 10px;}
.topTabMenu ul li.active:hover {background: #fff;color: #222;top: 2px;border: 2px solid #74a2ef;border-bottom: 0;padding: 12px 10px 10px;}
.topTabMenu ul li:hover {background: #fff;color: #222;border: 2px solid #fff;}
.topTabMenu ul li .v_contents {font-family: 'NanumGothicB';}
.topTabMenu .latestDate {font-size: 11px;position: absolute;top: 10px;right: 0;}
.trendTabMenu {display: inline-block;float: left;margin-bottom: 10px;border-radius: 0 5px 5px 5px;padding: 10px 8px 6px;border: 2px solid #74a2ef;background: #fff;width: 100%;margin-left: 0;}
.trendTabMenu ul {margin: 0;overflow: hidden;padding: 0;display: inline;}
.trendTabMenu ul li {float: left;font-size: 11px;color: #888;cursor: pointer;margin: 0 4px 8px;text-align: center;width: calc(100% / 6 - 8px);height: 35px;line-height: 1.0em;font-family: 'NanumGothicB';border-radius: 5px;border: 1px solid #ccc;background: #fff;padding: 0 5px;position: relative;}
.trendTabMenu ul li .v_contents {font-family: 'verdana';color: #888;}
.trendTabMenu ul li.active, .trendTabMenu ul li:hover {background: #74a2ef;color: #fff;border: 1px solid #74a2ef;}
.trendTabMenu ul li.active .v_contents, .trendTabMenu ul li:hover .v_contents {color: #fff;}
.trendTabMenu ul li.active .icon_on, .trendTabMenu ul li:hover .icon_on {background: url(../images/icon_active_on.png)center no-repeat;}
.trendTabMenu ul li.active .icon_off, .trendTabMenu ul li:hover .icon_off {background: url(../images/icon_active_off.png)center no-repeat;}
.trendTabMenu ul li.active .icon_on2, .trendTabMenu ul li:hover .icon_on2 {background: #74a2ef;border-radius: 50%;border: 2px solid #7aff97;}
.trendTabMenu ul li.active .icon_off2, .trendTabMenu ul li:hover .icon_off2 {background: #74a2ef;border-radius: 50%;border: 2px solid #dcdcdc;}
.trendTabMenu ul li.active .icon_innerTxt, .trendTabMenu ul li:hover .icon_innerTxt {color: #fff}
.trendTabMenu ul li .icon_on2 .icon_innerTxt, .trendTabMenu ul li .icon_off2 .icon_innerTxt, .trendTabMenu ul li.active .icon_on2 .icon_innerTxt, .trendTabMenu ul li.active .icon_off2 .icon_innerTxt {top: 13px;right: -6px;}
.trendTabMenu.trendTabPower ul li .v_contents {width: calc(100% - 25px);text-align: left;}
.trendTabMenu.trendTabPower2 ul li .v_contents {width: calc(100% - 25px);text-align: left;}
.trendTabMenu.trendTabPower2 ul li .v_contents {width: calc(100% - 55px);text-align: left;}
@media (min-width: 1650px) {
	.commTabMenu ul li {width: calc(100% / 6 - 4px);}
	.dashTabMenu ul li {width: calc(100% / 7 - 4px);}
	.trendTabMenu ul li {width: calc(100% / 7 - 8px);}}
@media (min-width: 1920px) {
	.commTabMenu ul li {width: calc(100% / 7 - 4px);}
	.dashTabMenu ul li {width: calc(100% / 8 - 4px);}
	.trendTabMenu ul li {width: calc(100% / 8 - 8px);}}

/* Tooltip ****************************************************************/
.commTooltip {position: relative;top: -1px;width: 16px;height: 16px;border-radius: 50%;text-align: center;line-height: 15px;cursor: pointer;font-family: 'NanumGothicB';border: 1px solid #bbb;background: #bbb;color: #fff;display: inline-block;font-size: 11px;margin-left: 4px;letter-spacing: 0;}
.commTooltip:hover {border: 1px solid #74a2ef;background: #74a2ef;}
.commTooltip .commTooltipText {visibility: hidden;width: 300px;background: rgba(0, 0, 0, 0.75);color: #fff;text-align: left;border-radius: 6px;padding: 6px 12px 7px !important;position: absolute;z-index: 5;top: -8px;left: 155%;line-height: 18px;font-size: 11px !important;font-family: 'NanumGothic';font-weight: normal;}
.commTooltip .commTooltipText::before {display: none !important;}
.commTooltip .commTooltipText::after {content: "";position: absolute;top: 14px;right: 100%;margin-top: -5px;border-width: 5px;border-style: solid;border-color: transparent #2b2c31 transparent transparent;}
.commTooltip:hover .commTooltipText {visibility: visible;}
.commTooltipLeft {position: relative;top: -1px;width: 16px;height: 16px;border-radius: 50%;text-align: center;line-height: 15px;cursor: pointer;font-family: 'NanumGothicB';border: 1px solid #bbb;background: #bbb;color: #fff;display: inline-block;font-size: 11px;margin-left: 3px;letter-spacing: 0;}
.commTooltipLeft:hover {border: 1px solid #74a2ef;background: #74a2ef;}
.commTooltipLeft .commTooltipText {visibility: hidden;width: 200px;background: rgba(0, 0, 0, 0.75);color: #fff;text-align: left;border-radius: 6px;padding: 6px 12px 7px;position: absolute;z-index: 5;top: -13px;right: 150%;margin-left: -100px;font-family: 'NanumGothic';font-weight: normal;}
.commTooltipLeft .commTooltipText::after {content: " ";position: absolute;top: 50%;left: 100%;margin-top: -5px;border-width: 5px;border-style: solid;border-color: transparent transparent transparent black;}
.commTooltipLeft:hover .commTooltipText {visibility: visible;}
.commTooltipTop {position: relative;top: -1px;width: 16px;height: 16px;border-radius: 50%;text-align: center;line-height: 15px;cursor: pointer;font-family: 'NanumGothicB';border: 1px solid #bbb;background: #bbb;color: #fff;display: inline-block;font-size: 11px;margin-left: 3px;letter-spacing: 0;}
.commTooltipTop:hover {border: 1px solid #74a2ef;background: #74a2ef;}
.commTooltipTop .commTooltipText {visibility: hidden;width: 200px;background: rgba(0, 0, 0, 0.75);color: #fff;text-align: left;border-radius: 6px;padding: 6px 12px 7px;position: absolute;z-index: 5;top: -51px;left: 50%;margin-left: -100px;font-family: 'NanumGothic';font-weight: normal;}
.commTooltipTop .commTooltipText::after {content: " ";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: black transparent transparent transparent;}
.commTooltipTop:hover .commTooltipText {visibility: visible;}
.commTooltipBottom {position: relative;top: -1px;width: 16px;height: 16px;border-radius: 50%;text-align: center;line-height: 15px;cursor: pointer;font-family: 'NanumGothicB';border: 1px solid #bbb;background: #bbb;color: #fff;display: inline-block;font-size: 11px;margin-left: 3px;letter-spacing: 0;}
.commTooltipBottom:hover {border: 1px solid #74a2ef;background: #74a2ef;}
.commTooltipBottom .commTooltipText {visibility: hidden;width: 200px;background: rgba(0, 0, 0, 0.75);color: #fff;text-align: left;border-radius: 6px;padding: 6px 12px 7px;position: absolute;z-index: 5;top: 150%;left: 50%;margin-left: -100px;font-family: 'NanumGothic';font-weight: normal;}
.commTooltipBottom .commTooltipText::after {content: "";position: absolute;bottom: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: transparent transparent black transparent;}
.commTooltipBottom:hover .commTooltipText {visibility: visible;}

.tooltipWhite {display: inline-block;font-family: 'NanumGothicB';font-size: 12px;height: 30px;border-radius: 5px;border: 1px solid #b7b7b7;padding: 5px 7px 5px;text-align: center;cursor: pointer;background: #fff;color: #555;letter-spacing: 0;position: absolute;}
.tooltipWhite:hover {border: 1px solid #003894;background: #003894;color: #fff;}
.tooltipWhite .tooltipWhiteText {font-family: 'NanumGothic';width: 170px;background: #fff;color: #333 !important;text-align: left;border-radius: 6px;padding: 6px 12px 7px !important;position: absolute;z-index: 5;top: 32px;right: 0;line-height: 18px;font-size: 11px !important;border: 1px solid #999;box-shadow: 0 2px 7px #999;overflow-y: auto;max-height: 510px;}
/* .tooltipWhite .tooltipWhiteText::before {display: none !important;} */
/* .tooltipWhite:hover .tooltipWhiteText {visibility: visible;} */
.tooltipWhite .tooltipWhiteText .txtTop {display: block;width: 100%;border-bottom: 1px solid #999;padding-bottom: 3px;margin-bottom: 5px;font-size: 12px;}
.tooltipWhite .tooltipWhiteText .txtTop .txtDetailTit {font-family: 'NanumGothicB';display: inline-block;font-size: 12px;color: #333;}
.tooltipWhite .tooltipWhiteText .txtTop .pop_close {display: inline-block;width: 9px;height: 9px;position: absolute;top: 9px;right: 13px;background: url(../images/pop_close_b.png) no-repeat top center;background-size: 100%;opacity: .7;}
.tooltipWhite .tooltipWhiteText .txtTop .pop_close:hover {opacity: 1.0;} 
.tooltipWhite .tooltipWhiteText .txtDetail {font-family: 'NanumGothic';display: block;width: 100%;border-bottom: 1px solid #ddd;padding-bottom: 3px;margin-bottom: 3px;font-size: 12px;}
.tooltipWhite .tooltipWhiteText .txtDetail:last-child {border-bottom: 0;padding-bottom: 0px;margin-bottom: 0px;}
.tooltipWhite .tooltipWhiteText .txtDetail .txtDetailTit {font-family: 'NanumGothic';display: inline-block;font-size: 12px;color: #333;}
.tooltipWhite .tooltipWhiteText .txtDetail .txtDetailTit:hover {color: #0a58d7;text-decoration: underline;}

/* legendDiv ****************************************************************/
.legendDiv {float: right;height: 160px;overflow: auto;display: inline-block;}
.legendDiv .legendDetail {display: block;text-align: left;}
.legendDiv .legendDetail span.box {display: inline-block;width: 10px;height: 10px;position: relative;top: -2px;}
.legendDiv .legendDetail span.text {width: 80px;display: inline-block;font-size: 11px;color: #555;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}

/* footer ***********************************************************/
footer {display: block;height: auto;padding: 9px 0px;color: #555;overflow: hidden;width: 100%;text-align: right;font-size: 11px;float: left;background: #eee;position: absolute;}
footer .copy { float:left; width: 100%;}
footer .corp { display: inline-block;margin-right: 20px;float: left;}
footer .corp a { color: #333;font-size: 12px;cursor: pointer;}
footer .corp strong a { font-family: 'NanumGothicEB'}
footer .copy p { float:left; margin-bottom:0;}
footer .copy p.txt { display: inline-block;}
footer .copyAdd {display: inline-block;float: right;}
footer .copyAdd .copyPhone {margin-left: 5px;display: inline-block;}
footer .copyright {float: right;margin-left: 15px;}
footer .copyright strong { font-family: 'NanumGothicEB';}