/* wrap */
.wrap { overflow: hidden; position: relative; padding-top: 77px; width: 100%; height: 100vh; }

/* header */
.header { z-index: 100; position: absolute; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 66px; width: 100%; height: 77px; background-color: #fff; border-bottom: 1px solid #eee; }

.util_menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.util_menu .todoBtn { position: relative; padding: 4px 11px 0 0; width: 73px; }

.util_menu .alertBtn { position: relative; margin: -1px 40px 0 20px; padding: 7px 9px 0 0; width: 32px; }

.util_menu .count { position: absolute; right: 0; top: 0; width: 18px; height: 18px; line-height: 18px; font-size: 12px; color: #fff; font-weight: 500; text-align: center; border-radius: 50%; background-color: #FF3F7F; }

.util_menu .userCon { position: relative; }

.util_menu .userCon > img { display: inline-block; width: 40px; vertical-align: middle; }

.util_menu .userCon > a { display: inline-block; position: relative; margin-left: 8px; padding-right: 28px; font-size: 16px; vertical-align: middle; }

.util_menu .userCon > a::after { content: ""; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 24px; height: 24px; background: url("../img/icon/ico_navi_down_01.png") no-repeat center center; background-size: 24px auto; }

.util_menu .userCon > a.active::after { background-image: url("../img/icon/ico_navi_up_01.png"); }

.util_menu .userCon ul { display: none; z-index: 10; position: absolute; left: 0; top: calc(100% + 8px); padding: 8px; width: 131px; background-color: #fff; border: 1px solid #E2E2E2; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }

.util_menu .userCon ul li a { display: block; width: 100%; height: 43px; line-height: 43px; text-align: center; font-size: 16px; }

.util_menu .userCon ul li a:hover { background-color: #F7F7F7; }

/* frame */
.frame { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; padding-left: 340px; height: 100%; }

/* nav */
.nav { overflow: hidden auto; position: absolute; left: 0; top: 0; width: 340px; height: 100%; }

.nav .inner { width: 100%; }

.mainGnb { padding-top: 32px; }

.mainGnb > li > a { display: block; position: relative; height: 64px; line-height: 64px; padding-left: 56px; font-size: 20px; color: #9A9A9A; }

.mainGnb > li > a.extensionBtn { background: url("../img/icon/ico_navi_down_01.png") no-repeat right 14px center; background-size: 24px auto; }

.mainGnb > li > a.extensionBtn.active { background-image: url("../img/icon/ico_navi_up_01.png"); }

.mainGnb > li > a::before { content: ""; position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 24px; height: 24px; background-position: center center; background-size: 24px auto; background-repeat: no-repeat; }

.mainGnb > li.active > a { color: #FF3F7F; }

.mainGnb > li.active > a::after { content: ""; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background-color: #FF3F7F; }

.mainGnb > li.active > a.extensionBtn { background-image: url(../img/icon/ico_navi_down_02.png); }

.mainGnb > li.active > a.extensionBtn.active { background-image: url(../img/icon/ico_navi_up_02.png); }

.subGnb { display: none; }

.subGnb > li > a { display: block; padding-left: 56px; height: 60px; line-height: 60px; font-size: 18px; color: #9A9A9A; }

.subGnb > li.active > a { color: #FF3F7F; background-color: #F8F8F8; }

.gnb_01 a::before { background-image: url("../img/icon/ico_gnb_off_01.png"); }

.gnb_01.active a::before { background-image: url("../img/icon/ico_gnb_on_01.png"); }

.gnb_02 a::before { background-image: url("../img/icon/ico_gnb_off_02.png"); }

.gnb_02.active a::before { background-image: url("../img/icon/ico_gnb_on_02.png"); }

.gnb_03 a::before { background-image: url("../img/icon/ico_gnb_off_03.png"); }

.gnb_03.active a::before { background-image: url("../img/icon/ico_gnb_on_03.png"); }

.gnb_04 a::before { background-image: url("../img/icon/ico_gnb_off_04.png"); }

.gnb_04.active a::before { background-image: url("../img/icon/ico_gnb_on_04.png"); }

.gnb_05 a::before { background-image: url("../img/icon/ico_gnb_off_05.png"); }

.gnb_05.active a::before { background-image: url("../img/icon/ico_gnb_on_05.png"); }

.gnb_06 a::before { background-image: url("../img/icon/ico_gnb_off_06.png"); }

.gnb_06.active a::before { background-image: url("../img/icon/ico_gnb_on_06.png"); }

.gnb_07 a::before { background-image: url("../img/icon/ico_gnb_off_07.png"); }

.gnb_07.active a::before { background-image: url("../img/icon/ico_gnb_on_07.png"); }

.gnb_08 a::before { background-image: url("../img/icon/ico_gnb_off_08.png"); }

.gnb_08.active a::before { background-image: url("../img/icon/ico_gnb_on_08.png"); }

.gnb_09 a::before { background-image: url("../img/icon/ico_gnb_off_09.png"); }

.gnb_09.active a::before { background-image: url("../img/icon/ico_gnb_on_09.png"); }

.gnb_10 a::before { background-image: url("../img/icon/ico_gnb_off_10.png"); }

.gnb_10.active a::before { background-image: url("../img/icon/ico_gnb_on_10.png"); }

.gnb_11 a::before { background-image: url("../img/icon/ico_gnb_off_11.png"); }

.gnb_11.active a::before { background-image: url("../img/icon/ico_gnb_on_11.png"); }

/* contents */
.contents { overflow: auto; padding: 25px 40px; width: 100%; height: 100%; background-color: #EEEEEE; }

.contents .inner { min-width: 1120px; width: 100%; }

.pageTit { position: relative; margin-bottom: 40px; padding: 0 24px 0 56px; width: 100%; height: 72px; line-height: 72px; font-size: 24px; font-weight: 700; background-color: #fff; border-radius: 4px; }

.pageTit::before { content: ""; position: absolute; left: 24px; top: 52%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 24px; height: 24px; background-position: center center; background-size: 24px auto; background-repeat: no-repeat; }

.pageTit .status { display: inline-block; margin-left: 40px; padding: 0 20px; height: 32px; line-height: 32px; text-align: center; font-size: 16px; font-weight: 700; color: #fff; background-color: #BBBBBB; border-radius: 4px; vertical-align: middle; }

.pageTit .date { position: absolute; right: 22px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; font-weight: 400; }

.pageTit.noIcon { padding-left: 24px; }

.pageTit.noIcon::before { display: none; }

.pageTit.icon_01::before { background-image: url("../img/icon/ico_title_01.png"); }

.pageTit.icon_02::before { background-image: url("../img/icon/ico_title_02.png"); }

.pageTit.icon_03::before { background-image: url("../img/icon/ico_title_03.png"); }

.pageTit.icon_04::before { background-image: url("../img/icon/ico_title_04.png"); }

.pageTit.icon_05::before { background-image: url("../img/icon/ico_title_05.png"); }

.pageTit.icon_06::before { background-image: url("../img/icon/ico_title_06.png"); }

.pageTit.icon_07::before { background-image: url("../img/icon/ico_title_07.png"); }

.pageTit.icon_08::before { background-image: url("../img/icon/ico_title_08.png"); }

.pageTit.icon_09::before { background-image: url("../img/icon/ico_title_09.png"); }

.pageTit.icon_10::before { background-image: url("../img/icon/ico_title_10.png"); }

.pageTit.icon_11::before { background-image: url("../img/icon/ico_title_11.png"); }

.pageTit.icon_12::before { background-image: url("../img/icon/ico_title_12.png"); }

.pageTit.icon_13::before { background-image: url("../img/icon/ico_title_13.png"); }

@media all and (max-width: 1200px) { .wrap { min-width: 1200px; }
	.frame { padding-left: 0; }
	.nav { display: none; } }

.mt-01 { margin-top: 10px; }

/*# sourceMappingURL=maps/layout.css.map */