@charset "UTF-8";
/******************** COMPONENT CSS ********************
- 작성자 : 안홍주(an0552@wavus.co.kr)
- 최종수정일 : 2025-05-26
- 버전 : 1.1
*/

/* wrap */
#wrap {
	position: relative;
	padding-top: 0;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}

#wrap.center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#wrap.center #container {
	width: 100%;
}

#container {
	position: relative;
	z-index: 30;
}

/* login */
.headContent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 180px;
}

#wrap.login .headContent {
	margin-bottom: 20px;
}

.headContent.type02 {
	padding-top: 130px;
	margin-bottom: 20px;
}

/* login
#wrap.login #header {
	box-shadow: unset;
} */

.bodyContent {
	background-color: #F7F8FA;
}

.bodyContent > .inner, .bodyContent > .inner:has(.newGroupBtn) {
	max-width: 760px;
	margin: 0 auto;
	padding: 47px 20px 80px 20px;
}

.bodyContent.mxd01 > .inner {
	max-width: 480px;
}

.bodyContent.type02 > .inner {
	max-width: 480px;
	padding: 30px 20px 50px;
}

#wrap.login .bodyContent > .inner {
	max-width: 480px;
	padding: 50px 20px;
}

#wrap.login .bodyContent .btnArea, .bodyContent.type02 .btnArea {
    position: relative;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.groupContents .btnArea.abs, .btnArea.abs:has(.countTimer), #wrap.login .bodyContent .btnArea.abs:has(.countTimer) {
    position: absolute !important;
	top: 3px;
    right: 2px;
}

#wrap.login .bodyContent .btnArea .btn, .bodyContent.type02 .btnArea .btn {
    height: 48px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: 0.3s !important;
    font-size: 1rem;
}

.btnPopupBlue {
    font-weight: 500;
    background: linear-gradient(90deg, #5B94F8 0%, #5A7BFF 100%);
    color: #fff;
	transition: 0.3s;
}

.btnPopupWhite {
    background-color: #FFFFFF;
    border: 1px solid #DFDFDF;
    color: #6D7E8E;
	transition: 0.3s;
}

#wrap.login .checkbox label .labelName {
	font-size: 0.9rem;
}

.find > a {
	font-size: 0.9rem;
	font-family: "SUIT";
	color: #777;
}

/* idPwFind */
.bodyContent.pdType01>.inner {
	padding: 117px 20px 180px 20px;
}

/* header */
#header {
	position: fixed;
	top: 20px;
	left: 20px;
	width: calc(100vw - 40px);
	background-color: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(10px);
	border-radius: 15px;
	z-index: 110;

	box-shadow: none;
}

#header.whiteType {
	box-shadow: 1px 1px 5px rgba(80, 110, 254, 0.3);
}

#header > .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 15px 40px;
}

/* header - logo */
#wrap.login #header .logoArea .logo a > div {
	min-width: 150px;
}

#header .logoArea .logo img {
	width: 120px;
	height: 34px;
}

#header .logoArea .logo img.logo.custom {
	width: unset;
	height: 34px;
	min-width: 120px;
	object-fit: contain;
}

#header.whiteType .authArea .btnLogin::before {
    content: '';
	display: inline-block;
	position: relative;
	top: 3px;
    width: 16px;
    height: 16px;
    margin-right: 5px;
	background: url("../images/mappickMain/icon-user.svg") no-repeat center;
	background-size: 16px;
}

/* gnb */
.gnbList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	height: 100%;
	gap: 10px;
	font-family: "NanumSquareNeo";
	transition: 0.3s;
}

.gnbItem {
	width: 150px;
	text-align: center;
	transition: 0.3s;
}

.gnbItem > a {
	font-size: 1.05rem;
	color: #484E53;
	transition: 0.3s;
	line-height: 24px;
    font-weight: 500;
	font-family: 'NanumSquareNeo Bold';
}

.gnbItem:hover > a {
	font-size: 1.075rem;
	color: #222;
}

/* header .gnb */
.gnbItem.hasDepth {
	position: relative;
	top: 0;
	left: 0;
	padding: 5px;
	border-radius: 10px;
	display: block;
	width: 150px;
	height: 100%;
	transition: 0.2s;
	border: 1px solid transparent;
	box-sizing: border-box;
	cursor: pointer;
}

.gnbItem.hasDepth > a {
	margin-left: 25px;
}

.gnbItem.hasDepth > a::after {
	content: '';
	width: 14px;
	height: 8px;
	margin-left: 6px;
	background: url("../images/mappickMain/mainArrow-down.svg") no-repeat center;
	background-size: 14px;
	display: inline-block;
}

.gnbItem.hasDepth .gnbDep2List {
	display: none;
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: -8px;
	left: 50%;
	width: 150px;
	border-radius: 10px;
	z-index: -1;
	padding: 40px 5px 5px;
	background-color: rgba(255, 255, 255, 0.95);
	box-shadow: 1px 1px 10px rgba(80, 110, 254, 0.6);
	border: 1px solid #9FA5B9;
}

.gnbItem.hasDepth.active > a::after {
	background: none;
}

.gnbItem.hasDepth.active .gnbDep2List, .gnbItem.hasDepth .gnbDep2List.active {
	display: inline-block !important;
	position: absolute;
}

.gnbItem.hasDepth .gnbDep2List::before {
	content: '';
	width: 14px;
	height: 8px;
	margin-left: 6px;
	background: url("../images/mappickMain/mainArrow-down.svg") no-repeat center;
	background-size: 16px;
	display: inline-block;
}

.gnbItem.hasDepth .gnbDep2Item {
	transition: 0.2s;
	color: #6D7E8E;
	font-size: 1rem;
	font-weight: 500;
	font-family: "NanumSquareNeo";
}

.gnbItem.hasDepth .gnbDep2Item:hover {
	background-color: #DDEEFF;
	color: #484E53;
	border-radius: 5px;
	font-weight: 700;
}

.gnbItem.hasDepth .gnbDep2Item > a {
	display: inline-block;
	padding: 10px;
	width: 100%;
}

/* myPage .header - 사용자(로그인) */
#wrap.myPage #header .logoArea .logo > a > div {
	min-width: 150px;
}

#wrap.myPage #header.fixed .utilItemTxt,
#wrap.main #header.fixed .utilItemTxt {
	color: #484E53;
}

#wrap.myPage #header.fixed .authArea .join::before,
#wrap.main #header.fixed .authArea .join::before {
	background-color: #484E53;
}

/* serviceMyArea */
.serviceMyArea {
    font-size: 15px;
    min-width: 150px;
    text-align: center;
    position: relative;
    top: 0;
    z-index: 100;
    display: inline-block;
    font-family: "NanumSquareNeo Bold";
}

.serviceMyArea .serviceMyInfo {
    color: #6D7E8E;
    padding: 6px 0;
    z-index: 10;
    position: relative;
}

.serviceMyArea .serviceMyInfo > a::before {
    content: '';
    display: inline-block;
    position: relative;
    top: 2px;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background: url(../images/mappickMain/icon-user.svg) no-repeat center center / contain;
}

.serviceMyArea .serviceMyInfo > a {
    position: relative;
    left: 10px;
}

.serviceMyArea.on .serviceMyInfo > a {
    left: 0;
}

.serviceMyArea .serviceMyInfo > a::after {
	display: inline-block;
	content: '';
	width: 14px;
	height: 8px;
	margin-left: 6px;
	background: url("../images/mappickMain/mainArrow-down.svg") no-repeat center center / contain;
    position: relative;
    top: -1px;
}

.serviceMyArea.on .serviceMyInfo > a::after {
    display: none;
}

.serviceMyArea .serviceMyInfo span {
    color: #484E53;
    max-width: 93px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    top: -2px;
}

.serviceMyList {
    display: none;
    padding: 35px 5px 5px;
    background-color: rgba(255, 255, 255, 0.85);
    box-shadow: 0px 0px 10px rgba(80, 110, 254, 0.5);
    backdrop-filter: blur(5px);
    border: 1px solid #6D7E8E;
    position: absolute;
    border-radius: 12px;
    top: 0;
    width: 100%;
}

.serviceMyArea.on .serviceMyList {
    display: block;
}

.serviceMyList::before {
    display: inline-block;
    content: '';
    width: 16px;
    height: 8px;
    margin-left: 6px;
    margin-top: 2px;
    background: url(../images/mappickMain/mainArrow-down.svg) no-repeat center center / contain;
}

.serviceMyItem {
    padding: 9px 0;
    border-radius: 5px;
    transition: 0.3s;
    color: #6D7E8E;
    letter-spacing: 0;
}

.serviceMyItem:hover, .serviceMyItem.on {
    background-color: #ddeeff;
    color: #484E53 !important;
}

/* admin-header, simpleMapApp */
.admin-header .serviceMyArea, .simpleMapApp .serviceMyArea {
    font-size: 15px !important;
    width: 150px;
    text-align: center;
    position: relative;
    top: 0;
    z-index: 100;
    display: inline-block;
	font-family: "SUIT" !important;
}

.admin-header .serviceMyArea .serviceMyInfo, .simpleMapApp .serviceMyArea .serviceMyInfo {
    color: #ccc;
    padding: 10px 0 !important;
    z-index: 10;
    position: relative;
}

.admin-header .serviceMyArea .serviceMyInfo > a, .simpleMapApp .serviceMyArea .serviceMyInfo > a {
    position: relative;
    left: 10px !important;
}

.admin-header .serviceMyArea.on .serviceMyInfo > a, .simpleMapApp .serviceMyArea.on .serviceMyInfo > a {
    left: 0 !important;
}

.admin-header .serviceMyArea .serviceMyInfo > a::before, .simpleMapApp .serviceMyArea .serviceMyInfo > a::before {
	content: '';
    display: inline-block;
    position: relative;
    top: 2px;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background: url(../images/mappickMain/icon-user-light.svg) no-repeat center center / contain;
}

.admin-header .serviceMyArea .serviceMyInfo span, .simpleMapApp .serviceMyArea .serviceMyInfo span {
    color: #fff;
	max-width: 95px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    top: -2px;
}

.admin-header .serviceMyList, .simpleMapApp .serviceMyList {
    display: none;
    padding: 35px 5px 5px !important;
    box-shadow: 0px 0px 10px rgba(80, 110, 254, 0.5);
    backdrop-filter: blur(5px);
    position: absolute;
    border-radius: 12px;
    top: 0;
    width: 100%;
	border: 1px solid #9FA5B9 !important;
	background-color: rgba(0, 0, 0, 0.6);
}

.admin-header .serviceMyArea.on .serviceMyList, .simpleMapApp .serviceMyArea.on .serviceMyList {
    display: block;
}

.admin-header .serviceMyList::before, .simpleMapApp .serviceMyList::before {
    display: inline-block;
    content: '';
    width: 16px;
    height: 8px;
    margin-left: 6px;
	margin-bottom: 3px;
    background: url(../images/mappickMain/mainArrow-down.svg) no-repeat center center / contain;
}

.admin-header .serviceMyItem, .simpleMapApp .serviceMyItem {
    padding: 9px 0 !important;
    border-radius: 5px;
    transition: 0.3s;
	color: #CCCCCC !important;
    letter-spacing: 0;
}

.admin-header .serviceMyItem:hover, .admin-header .serviceMyItem.on, .simpleMapApp .serviceMyItem:hover, .simpleMapApp .serviceMyItem.on {
    background-color: #ddeeff;
    color: #484E53 !important;
	font-weight: 600;
}

/* myPage .visualArea - 사용자(로그인) */
#wrap.myPage .visualArea > .inner {
	height: 425px;
	background: url("../images/mappickMain/mappickMain_myPage.jpg") no-repeat center calc(50% - 30px) / 100% 425px;
}

#wrap.myPage .visualArea>.inner::before,
#wrap.myPage .visualArea>.inner::after {
	display: block;
}

#wrap.myPage .visualArea>.inner::after {
	pointer-events: none;
}

#wrap.myPage.sub #container,
#wrap.main #container {
	padding-top: 60px;
}

#wrap.myPage #container .contentsContainer .innerContentsTitle {
    margin-top: 60px !important;
}

#wrap.sub #container:has(:not(.tabNav)) .tabConts, #wrap.sub #container:has(:not(.tabNav)) .tabWrap .tabWrap, #wrap.sub #container:has(:not(.tabNav)) .noticeDetail {
    padding-top: 40px;
}

#wrap.sub:has(.subName[content="공지사항"]) .tabWrap {
	padding-top: 50px;
}

#wrap.myPage #container #content,
#wrap.main #container #content {
	padding-bottom: 86px;
}

/* visualArea */
/* sub - visualArea */
#wrap.blueVer .visualArea > .inner {
	height: 425px;
	padding-top: 93px;
	background: url("../images/mappickMain/section01.jpg") no-repeat center 0 / 103%;
	animation-delay: 100ms;
}

/* subTitleArea */
.subTitleArea {
    position: relative;
    z-index: 100;
    font-size: 2.5rem;
    color: #484E53;
}

.subTitleAreaBox {
    margin: 30px 0 10px;
    display: flex;
}

.subTitleArea.type02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 2rem;
	font-family: "SUIT";
}

.subTitleArea.type02 .tag.type02 {
	min-width: 60px;
	height: 36px;
	font-size: 1.65rem;
	text-align: center;
	align-items: center;
}

.subTitleArea.type02 h3 {
	margin-top: 0;
	font-size: 28px;
}

.subTitleArea h3+.tag {
	margin-left: 5px;
}

.subTitleArea.end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

#wrap .visualArea .subTitleArea {
	margin-bottom: 25px;
	color: #fff;
	font-family: "NanumSquareNeo";
	font-weight: 700;
	font-size: 3.25rem;
	letter-spacing: 1px;
}

.visualArea > .inner {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	height: 330px;
	background: #fff;
	padding-top: 150px;
	padding-bottom: 8px;
}

/* utilArea */
#header .utilArea {
	font-family: "NanumSquareNeo Bold";
}

.utilList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
}

.utilItem:last-of-type .btnLink {
	margin-left: 25px;
}

#wrap #header .utilItemTxt {
	color: #fff;
	font-size: 0.9rem;
}

#wrap #header.whiteType .utilItemTxt {
	color: #6D7E8E;
}

#wrap #header.whiteType .authArea .join::before {
    content: '';
	display: inline-block;
	position: relative;
	top: 4px;
    width: 1px;
    height: 16px;
    border-radius: 1px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
	margin: 0 12px;
    background-color: #9FA5B9;
}

.authArea .join::before {
    content: '';
    width: 1px;
    height: 16px;
    border-radius: 1px;
	display: inline-block;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    margin: 0 15px;
    background-color: #C6C9D2;
	position: relative;
    top: 3px;
}

.authArea .authInfo .myNameArea {
	justify-content: unset;
	padding-left: 25px;
}

/* tabWrap */
.tabWrap .tabList {
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tabWrap .tabList .tabItem button {
	width: 100%;
	height: 100%;
	color: inherit;
	padding: 19px 0;
}

.popup .tabWrap .tabList .tabItem button {
	padding: 0;
}

.tabWrap.type01 {
	margin-top: 60px;
}

.tabWrap.type01 .tabNav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	top: 24px;
}

.tabWrap.type01 .tabList .tabItem {
	min-width: 260px;
	height: 63px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.25rem;
	font-family: "SUIT";
	color: #000;
	border: 1px solid #C3C6CC;
	background-color: #fff;
}

.tabWrap.type01 .tabList .tabItem:first-of-type {
	border-top-left-radius: 25px;
}

.tabWrap.type01 .tabList .tabItem:last-of-type {
	border-bottom-right-radius: 25px;
}

.tabWrap.type01 .tabList .tabItem.active {
	font-family: 'SUIT Bold';
	border: 1px solid #000;
	color: #fff;
	background-color: #000;
}

.tabWrap.type02 {
    position: relative;
    z-index: 10;
}

.tabWrap.type02 > .tabNav.pos1 {
	position: relative;
	top: -34px;
	text-align: center;
}

.tabWrap.type02 > .tabNav.pos1 > div {
	display: inline-block;
}

.tabWrap.type02 > .tabNav .tabList {
	display: flex;

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid #E5E5E5;
	box-shadow: 1px 1px 10px rgba(80, 110, 254, 0.4);
	background-color: #fff;
	border-radius: 36px;
	padding: 5px;
}

.tabWrap.type02 > .tabNav .tabList.mwdType01 {
	max-width: 992px;
    margin: 0 auto;
}

.tabWrap.type02 > .tabNav .tabList .tabItem {
	min-width: 280px;
	font-size: 1.125rem;
	font-family: "NanumSquareNeo";
	display: inline-block;
	text-align: center;
	cursor: pointer;
	border-radius: 30px;
}

.tabWrap.type02 > .tabNav .tabList .tabItem.active {
	background: linear-gradient(90deg, #5B94F8 0%, #5A7BFF 100%);
	border: 0;
	font-size: 1.2rem;
	margin-left: 0;
}

.tabWrap.type02 > .tabNav .tabList .tabItem button {
	color: #6D7E8E;
}

.tabWrap.type02 > .tabNav .tabList .tabItem.active button {
	color: #fff;
}

.tabWrap.type03 .tabNav {
	position: absolute;
	top: 0;
	right: 0;
}

.tabWrap.type03 .tabList .tabItem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 144px;
	min-width: auto;
}

.tabWrap.type03 .tabList .tabItem > button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 46px;
	font-size: 1.0625rem;
	font-family: "SUIT";
	color: #777;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	-webkit-transition-property: color;
	transition-property: color;
	border: 1px solid #BEC1C9;
	background-color: #fff;
	transition: 0.3s;
}

.tabWrap.type03 .tabList .tabItem.bdr0>button {
	border-right: 0;
}

.tabWrap.type03 .tabList .tabItem.bdl0>button {
	border-left: 0;
}

.tabWrap.type03 .tabList .tabItem .num {
	margin-left: 4px;
}

.tabWrap.type03 .tabList .tabItem:first-of-type>button {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.tabWrap.type03 .tabList .tabItem:last-of-type>button {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.tabWrap.type03 .tabList .tabItem.list>button::before {
	content: '';
	width: 15px;
	height: 12px;
	margin-right: 5px;
	background: url("../images/ico/ico-list-view.svg") no-repeat center;
}

.tabWrap.type03 .tabList .tabItem.my>button::before {
	content: '';
	width: 15px;
	height: 15px;
	margin-right: 5px;
	background: url("../images/ico/ico-login.svg") no-repeat center;
}

.tabWrap.type03 .tabList .tabItem.instt>button::before {
	content: '';
	width: 15px;
	height: 15px;
	margin-right: 5px;
	background: url("../images/ico/ico-building.svg") no-repeat center;
}

.tabWrap.type03 .tabList .tabItem.mappick>button::before {
	content: '';
	width: 15px;
	height: 15px;
	margin-right: 5px;
	background: url("../images/ico/logo-mapPick.svg") no-repeat center;
}



.tabWrap.type03 .tabList .tabItem.box>button::before {
	content: '';
	width: 15px;
	height: 15px;
	margin-right: 5px;
	background: url("../images/ico/ico-box-view.svg") no-repeat center;
}

.tabWrap.type03 .tabList .tabItem:first-of-type.active~.tabItem>button {
	border-left: 0;
}

.tab .tabList .tabItem.active>button {
	color: #000;
	border-color: #3E63EB !important;
}

.tabWrap.type03 .tabList .tabItem.active > button {
	border: 1px solid #000;
}

.tabWrap.type03 .tabList .tabItem.active.list>button::before {
	background: url("../images/ico/ico-list-view-hover.svg") no-repeat center;
}

.tabWrap.type03 .tabList .tabItem.active.my>button::before {
	background: url("../images/ico/ico-login-hover.svg") no-repeat center/cover;
}

.tabWrap.type03 .tabList .tabItem.active.instt>button::before {
	background: url("../images/ico/ico-building-hover.svg") no-repeat center;
}

.tabWrap.type03 .tabList .tabItem.active.mappick>button::before {
	background: url("../images/ico/logo-mapPick-hover.svg") no-repeat center;
}

.tabWrap.type03 .tabList .tabItem.active.box>button::before {
	background: url("../images/ico/ico-box-view-hover.svg") no-repeat center;
}

.tabWrap.type03 .tabList .tabItem:last-of-type::after {
	display: none;
}

.tabWrap.type03.manyType .tabItem.active button {
	border-color: #000;
}

.tabWrap.type03.manyType .tabItem.active~.tabItem>button {
	border-left: 0;
}

.tabWrap.type03.manyType .tabItem.active .num {
	color: #3E63EB;
}

.tabWrap.type03 .tabNav.popupNav {
    top: -65px;
}

/* 기관정보 tabCont */
.constituentManage .tabCont {
	display: none;
}

.constituentManage .tabCont.active {
	display: block;
}

.tabWrap.type04 .tabNav .tabList .tabItem {
	font-size: 20px !important;
	font-weight: 500;
	letter-spacing: -0.05em;
	line-height: 38px;
	color: #959CAB !important;
	position: relative;
	font-family: "NanumSquareNeo";
}

.tabWrap.type04 .tabNav .tabList .tabItem button {
	padding: 0 !important;
}

.tabWrap.type04 .tabNav .tabList .tabItem.active {
	position: relative;
	color: #333 !important;
	font-weight: 600;
}

.tabWrap.type04 .tabNav .tabList .tabItem.active:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #5A7BFF;
	border-radius: 2px;
}

.tabWrap.type04 .tabNav .tabList .tabItem + .tabItem {
	margin-left: 20px;
}

.tabWrap.type04 .tabNav .tabList .tabItem:not(:last-of-type):before {
	content: '/';
	position: absolute;
	font-size: 18px;
	font-weight: 500;
	line-height: 44px;
	color: #999;
	right: -13px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* tabWrap.type05 */
.tabWrap.type05 {
	margin-bottom: 15px;
}

.tabWrap.type05 .tabNav {
	max-width: 902px;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: thin;
	scrollbar-color: #303030 transparent;
	scrollbar-arrow-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-face-color: #303030;
	scrollbar-shadow-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-base-color: #efefef;
	padding-bottom: 5px;
}

.tabWrap.type05 .tabNav::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.tabWrap.type05 .tabNav::-webkit-scrollbar-thumb {
	background: #c2c2c2;
	border-radius: 5px;
	-webkit-transition: .3s;
	transition: .3s;
}

.tabWrap.type05 .tabNav::-webkit-scrollbar-track {
	background: none;
	border-radius: 5px;
}

.tabWrap.type05 .tabList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 8px;
	-moz-column-gap: 8px;
	column-gap: 8px;
}

.tabWrap.type05 .tabList .tabItem {
	height: 45px;
	padding: 0 32px;
	border-radius: 23px;
	border: 1px solid #BEC1C9;
	background-color: #fff;
	font-size: 1.125rem;
	font-family: "pre Medium";
	color: #888;
	cursor: pointer;
	white-space: nowrap;
}

.tabWrap.type05 .tabList .tabItem.active {
	border-color: transparent;
	color: #fff;
	background-color: #3E63EB;
}

/*
.tabWrap.init .tabList .tabItem {
	border: 0;
	font-size: inherit;
	font-family: inherit;
	color: inherit;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	height: auto;
}

.tabWrap.init .tabList .tabItem:first-of-type {
	border-top-left-radius: 0;
}

.tabWrap.init .tabList .tabItem:last-of-type {
	border-bottom-right-radius: 0;
}

.tabWrap.init .tabList .tabItem.active {
	background-color: transparent;
}*/

/* sub */
#wrap.sub #container #content {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 20px;
}

#wrap.sub #container #content.type02 {
	max-width: 1260px;
}

#wrap.sub.type02 #container {
	padding-top: 20px;
}

#wrap.sub.type02 #container #content {
	max-width: none;
	padding: 0;
}

#wrap.sub.type02 .bodyContent>.inner {
	padding: 100px 20px;
}

/* #wrap.sub.type03 */
#wrap.sub.type03 #container {
	padding-top: 0;
}

#wrap.sub.type03 #container #content {
	max-width: none;
	padding: 0;
}

/* table */
.table table {
	width: 100%;
}

.table table thead tr:first-child {
    position: sticky;
    top: 0;
    z-index: 10;
}

.table td b {
	font-family: "SUIT ExtraBold";
}

.cmLayerTable {
	margin-top: 20px;
}

.table.type01 {
	max-height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
}

.table.type01::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.table.type01::-webkit-scrollbar-thumb {
	background: #c2c2c2;
	border-radius: 5px;
	-webkit-transition: .3s;
	transition: .3s;
}

.table.type01::-webkit-scrollbar-track {
	background: none;
	border-radius: 5px;
}

.table.type01 th,
.table.type01 td {
	padding: 5px;
	background-color: #fff;
	font-family: "SUIT";
	height: 50px;
	min-height: 50px;
}

.table.type01 th.p50,
.table.type01 td.p50 {
	padding-left: 50px;
}

.table.type01 th {
	border-top: 1px solid #D4D9DE;
	border-bottom: 2px solid #959CAB;
	font-size: 0.975rem;
	font-family: "SUIT ExtraBold";
	color: #484E53;
}

.table.type01 td {
	font-size: 0.975rem;
	color: #555;
	border-bottom: 1px solid #D4D9DE;
}

.table.type01 td:has(br) {
	font-size: 0.925rem;
	line-height: 1.175rem;
	padding: 2px 0;
}

.table td.gray {
	color: #6D7E8E;
}

.table.type01 td.gray2 {
	color: #888;
}

.table.type01 .tdBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.table.type01 .tdBox .btnArea {
	top: -2px;
}

.table.type01 .tdBox .btnArea .btnFile {
	margin-left: 3px;
}

.table.type01 .reply.gray {
	color: #222;
}

.table.type01 .reply .eps {
	position: relative;
	padding-left: 22px;
	width: 100%;
}

.table.type01 .reply .eps::before {
	content: '';
	position: absolute;
	left: -3px;
	width: 22px;
	height: 22px;
	background: url("../images/ico/ico-reply-line.svg") no-repeat center;
}

.table.hover tbody tr {
	cursor: pointer;
}

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

.table .centerTxt {
	font-size: 1.25rem;
	font-family: "SUIT";
	color: #888;
	padding: 76px 0;
}

.table.mxhNone {
	max-height: none;
}

.table.noData {
	margin-bottom: 100px;
}

.table.depth1 th:not(:last-of-type), .table.depth1 td:not(:last-of-type) {
	border-right: 1px solid #e2e2e2;
}

/* tableBox */
.tableBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-column-gap: 16px;
	   -moz-column-gap: 16px;
	        column-gap: 16px;
}
.tableBox > div {
	width: 100%;
	padding: 20px;
	border-radius: 12px;
	background-color: #F7F8FA;
}
.tableBox > div.agree {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 390px;
}

.admin-panel__content .tableBox > div {
	padding: 20px 0;
	background-color: #fff;
}

.tableBox.col2 > div {
	width: calc(100% / 2 - 8px);
}

.admin-contents .tableBox.col2 > div {
	padding: 20px 0;
}

.tableBox.col2 > div .table.btnNon {
	margin-top: 44px;
}

.tableBox .table {
	max-height: 244px;
}

.dataSelector .tableBox .table {
	max-height: 244px;
	height: 244px;
}

.dataSelector .table .centerDiv {
	padding: 0;
	box-shadow: 0 0 0 3px #42c398;
}

.groupDetail .table .centerDiv {
	padding: 50px 0;
}

/* 공유 범위 선택 팝업 */
.admin-panel.type03 .tableBox {
	align-items: center;
}

/* table.type02 */
.table.type02 {
	border-top: 2px solid #6D7E8E !important;
}

.table.type02 th, .table.type02 td {
	padding: 0 0 0 40px;
	text-align: left;
	border-right: 1px solid #D4D9DE;
	border-bottom: 1px solid #D4D9DE;
}
.table.type02 th.p50, .table.type02 td.p50 {
	padding-left: 50px;
}
.table.type02 th {
	height: 60px;
	font-size: 0.9375rem;
	font-family: "SUIT ExtraBold";
	color: #000;
	background-color: #F3F3F3;
}
.table.type02 th:first-child {
	border-left: none;
}
.table.type02 th:last-child {
	border-right: none;
}
.table.type02 th.txt-center {
	text-align: center;
	padding-left: 0;
}
.table.type02 td {
	font-size: 0.9375rem;
	font-family: "SUIT";
	font-weight: 500;
	color: #888;
	height: 60px;
	background-color: #fff;
}
.table.type02 td:first-child {
	border-left: none;
}
.table.type02 td:last-child {
	border-right: none;
}
.table.type02 td.txt-center {
	text-align: center;
	padding-left: 0;
}
.table.type02 tr.tableCont {
	vertical-align: top;
}
.table.type02 tr.tableCont th, .table.type02 tr.tableCont td {
	padding: 20px 0 20px 40px;
}

.table.type02 tr.tableCont td img {
	max-width: 1000px;
	max-height: 1000px;
}

.table.type02 + .btnArea {
	margin-top: 28px;
}
.table.type02.disabled th, .table.type02.disabled td {
	background-color: #EAEBEE;
}
.table.type02.disabled .checkbox label::before {
	background-color: #EAEBEE;
}

/* table.type03 */
.table.type03 table {
	display: flex;
	border-top: 2px solid #6D7E8E;
}

.table.type03 caption, .table.type03 colgroup {
	display: none;
}

.table.type03 tr {
	display: flex;
	flex-direction: row;
}

.table.type03 tbody {
	width: 100%;
}

.table.type03 th {
	border-right: 1px solid #D4D9DE;
	width: 300px;
	flex-shrink: 0;
}

.table.type03 td {
	width: 100%;
}

.table.type03 th, .table.type03 td {
	border-bottom: 1px solid #D4D9DE;
	padding: 10px 15px;
	display: inline-block;
}

.table.type03 .infoBtnArea {
	display: flex;
	gap: 3px;
	align-items: center;
	line-height: 30px;
}

.table.type03 .infoBtnArea + .infoBtnArea {
	margin-top: 7px;
}

.table.type03 .infoBtnArea button, .table.type03 .infoBtnArea span {
	width: 80px;
	height: 30px;
	color: #fff;
}

.table.type03 .infoBtnArea button {
	border-radius: 18px;
	background-color: #484E53;
}

.table.type03 .infoBtnArea button.active {
	background-color: #5B94F8;
}

.table.type03 .infoBtnArea span {
	border-radius: 3px;
	color: #484E53;
	line-height: 28px;
	background-color: #ECF1FF;
	border: 1px solid #959CAB;
	text-align: center;
}

.table.type03 .infoBtnArea p {
	text-align: right;
	display: inline-block;
	width: 60px;
}

.table.type03 .infoBtnArea b {
	color: #484E53;
	font-size: 18px;
}

/* table.type04 */
.table.type04 {
	border-collapse: collapse;
	border-top: 1px solid #D4D9DE;
	border-bottom: 1px solid #D4D9DE;
}

.table.type04 th, .table.type04 td {
	display:inline-table;
	width: 16.6%;
	padding: 8px;
	height: 32px;
	box-sizing: border-box;
}

.table.type04 th:first-of-type, .table.type04 td {
	color: #6D7E8E;
}

.table.type04 [colspan="2"] {
	width: calc(16.6% * 2);
}

.table.type04 [colspan="3"] {
	width: calc(16.6% * 3);
}

.table .bdBottom {
	border-bottom: 1px solid #D4D9DE;
}

.table .bdBottom2 {
	border-bottom: 2px solid #959CAB;
}

.table .bdLeft {
	border-right: 1px solid #D4D9DE;
}

.table span.tbLabel {
	border-radius: 15px;
	border: 1px solid #9FA5B9;
	background-color: #fff;
	padding: 4px 8px;
	display: block;
	transition: 0.3s;
	max-width: 210px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.table span.tbLabel:hover {
	border: 1px solid #6D7E8E;
	color: #484E53;
}

.table span.tbLabel:not(:first-of-type) {
	margin-top: 5px;
}

/* tableNum */
.tableNum {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.contentsManage .tableNum {
	padding-bottom: 15px;
}

.tableNum_all p {
	font-size: 15px;
	font-weight: 500;
	font-size: 1rem;
}

.tableNum_all p em {
	margin: 0 2px 0 6px;
}

.tableNum + .table {
	margin-top: 17px;
}

.txtList .colorBlack {
	color: #000;
}

.popup-td-width > .table > table > tbody > tr > td img {
	max-width: 180px !important;
}

/* btnTable */
td:has(.btnTable) {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.btnTable {
	width: 26px;
	height: 26px;
	border-radius: 50%;
}

.btnTable[title="재발송"]{
	background: #959CAB url(../images/ico/ico-admin-resend.svg) no-repeat center center / 75% ;
}

.btnTable[title="다운로드"]{
	background: #959CAB url(../images/ico/ico-admin-download.svg) no-repeat center center / 70% ;
}

.btnTable[title="삭제"]{
	background: #959CAB url(../images/ico/ico-trash_20x20.svg) no-repeat center center / 76% ;
}

.btnTable[title="탈퇴"]{
	background: #959CAB url(../images/ico/ico-admin-delete.svg) no-repeat center center / 70% ;
}

.table.type01 td:has(.btnTable[title="탈퇴"]) {
	display: table-cell;
}

/* togLabel */
.togLabel {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	cursor: pointer;
	padding: 0 7px;
}

.togLabel input[type="checkbox"] {
	appearance: none;
	position: relative;
	background-color: #9FA5B9;
	border-radius: 1.25rem;
	border: none;
	width: 42px;
	height: 22px;
	cursor: pointer;
}

.togLabel input[type="checkbox"]::before {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: #FFF;
	transition: left 250ms linear;
}

.togLabel input[type="checkbox"]:checked::before {
	left: 22px;
}

.togLabel input[type="checkbox"]:checked {
	background: linear-gradient(90deg, #5B94F8 0%, #5A7BFF 100%);
}

/* layerShape */
.layerShape.circle {
	width: 4px;
	height: 4px;
	border-radius: 50%;
}

.layerShape.square {
	width: 22px;
	height: 22px;
	border-radius: 4px;
}

.layerShape.blue {
	background-color: #0067F0;
}

.layerShape.blue.outline {
	-webkit-box-shadow: 0 0 0 2px #0067F0;
	box-shadow: 0 0 0 2px #0067F0;
	background-color: transparent;
}

/* community_detail (소통공간) - line 3167 */
.boardArea.type01 {
	border-top: 2px solid #000;
	margin-bottom: 170px;
}

.boardHead {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 27px 20px 15px 20px;
	border-bottom: 1px solid #E2E2E2;
}

.boardTitle {
	font-size: 1.575rem;
	line-height: 1.6rem;
	font-family: "SUIT";
	color: #333;
}

.boardTitle.eps {
	width: 90%;
}

.boardBody {
	padding: 25px 20px;
	border-bottom: 1px solid #E2E2E2;
	margin-bottom: 15px;
}

.boardGroup p {
	font-size: 1rem;
	font-family: "SUIT";
	color: #555;
	line-height: 24px;
}

.boardGroup+.boardGroup {
	margin-top: 15px;
}

/* btnArea */
.boardBottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 20px 0;
}

.boardBottom.center {
	justify-content: center;
	margin: 0 auto;
}

.boardBottom.center .checkIcon::before {
	display: inline-block;
	content: '';
	width: 20px;
	height: 16px;
	background: url(../images/mappickMain/icon-check.svg) no-repeat center center/contain;
	margin-right: 5px;
	position: relative;
	top: 2px;
}

.inquiryDetail .boardBottom {
	justify-content: center;
}

.boardBottom .btnArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 12px;
	-moz-column-gap: 12px;
	column-gap: 12px;
}

.btnArea.full {
    width: 100%;
}

.boardBottom .btnArea.last {
	justify-content: end;
}

/* boardEtc */
.boardEtc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.boardEtcTxt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 0.9375rem;
	font-family: "SUIT";
	color: #888;
	white-space: nowrap;
	margin-top: 10px;
}

.boardEtcTxt:not(:last-of-type)::after {
	content: '';
	width: 1px;
	height: 19px;
	background-color: #BEBEBE;
	margin: 0 12px;
}

.boardEtcTxt.manager {
	color: #222;
	font-family: "SUIT";
}

.addBox {
	position: relative;
	min-height: 57px;
	padding: 19px 15px !important;
}

.noticeDetail .boardGroup .rowFormBody.grayBd.addBox {
	padding: unset !important;
	border: unset;
	margin-top: 30px;
}

.rowFormBody.grayBd.addBox .fileList {
	cursor: pointer;
}

.noticeDetail .checkbox.type02 label.position-left,
.electionMapDetail .checkbox.type02 label.position-left {
	justify-content: flex-start;
}

.electionMapDetail .rowFormBody.flex button {
	margin-left: 12px;
}

/* swiper04 */
#swiper04.swiper-container {
	padding-top: 0 !important;
}

#swiper04 .swiperBtnArea {
	position: absolute;
	top: 25px;
	right: 30px;
	height: 38px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	column-gap: 10px;
}

#swiper04 .swiper-pagination {
	width: auto;
	top: 15px;
	left: 30px;
	bottom: auto;
}

#swiper04 .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
}

#swiper04 .swiper-pagination-bullet-active {
	background: #3E6FEF;
}

#swiper04 .swiper-button-prev,
#swiper04 .swiper-button-next {
	position: static !important;
	width: 38px !important;
	height: 38px !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #BEC2CB;
	font-size: 0;
}

#swiper04 .swiper-button-prev {
	left: 0 !important;
	background: #fff url("../images/ico/ico-swiper-prev.svg") no-repeat center;
}

#swiper04 .swiper-button-next {
	background: #fff url("../images/ico/ico-swiper-next.svg") no-repeat center;
}

.swiper-button-prev:after, .swiper-button-next:after {
	font-size: 0 !important;
}

/* noResultArea */
.noResultArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 44px 0;
	row-gap: 22px;
}

/* noResultArea */
.noResultArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 44px 0;
	row-gap: 22px;
}

.noResultTxt {
	font-size: 1.375rem;
	font-family: "SUIT";
	font-weight: 555;
	color: #222;
}

.noResultTxt>.strong {
	display: inline-block;
	color: #3E63EB;
	margin-right: 4px;
}

/* loadingWrap */
.loadingWrap {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.6);
	z-index: 999999999;
}

.loadingWrap.doNotDark {
	background: unset !important;
}

.loadingBox {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 9999999999;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.loadingBox span {
	font-size: 1rem;
	font-family: "SUIT";
	font-weight: 600;
	color: #333;
	text-align: center;
}

/* lds-ellipsis */
.lds-ellipsis {
	display: inline-block;
	top: 13px;
	position: relative;
	width: 80px;
	height: 80px;
}

.lds-ellipsis div {
	position: absolute;
	top: 33px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	-webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
	left: 8px;
	-webkit-animation: lds-ellipsis1 0.6s infinite;
	animation: lds-ellipsis1 0.6s infinite;
	background-color: #1CC6E0;
}

.lds-ellipsis div:nth-child(2) {
	left: 8px;
	-webkit-animation: lds-ellipsis2 0.6s infinite;
	animation: lds-ellipsis2 0.6s infinite;
	background-color: #3C74F8;
}

.lds-ellipsis div:nth-child(3) {
	left: 32px;
	-webkit-animation: lds-ellipsis2 0.6s infinite;
	animation: lds-ellipsis2 0.6s infinite;
	background-color: #4144EC;
}

.lds-ellipsis div:nth-child(4) {
	left: 56px;
	-webkit-animation: lds-ellipsis3 0.6s infinite;
	animation: lds-ellipsis3 0.6s infinite;
	background-color: #5F41EC;
}

@-webkit-keyframes lds-ellipsis1 {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes lds-ellipsis1 {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@-webkit-keyframes lds-ellipsis3 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}

@keyframes lds-ellipsis3 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}

@-webkit-keyframes lds-ellipsis2 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	100% {
		-webkit-transform: translate(24px, 0);
		transform: translate(24px, 0);
	}
}

@keyframes lds-ellipsis2 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	100% {
		-webkit-transform: translate(24px, 0);
		transform: translate(24px, 0);
	}
}


/* 즐겨찾기 */
.favoritesDiv label {
	font-size: 1rem;
	font-family: "SUIT";
	color: #555;
	padding: 0 16px;
}

.favoritesDiv .btnGallery {
	/*background-color: unset;*/
	width: 45px;
	height: 45px;
}

/* community_qa_c (소통공간) - line 3271 */
/* rowForm */
.rowForm {
	margin-bottom: 28px;
}

.rowFormList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	row-gap: 25px;
}

.rowFormCell {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.rowFormCell.start {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.rowFormCell.start .rowFormHead {
	margin-top: 17px;
}

.rowFormHead {
	min-width: 90px;
	margin-right: 45px;
	font-size: 1rem;
	font-family: "SUIT";
	color: #000;
}

.rowFormBody {
	width: 100%;
	background-color: #fff;
}

.rowFormBody.grayBd {
	border: 1px solid #E2E2E2;
	padding: 18px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #303030 transparent;
	scrollbar-arrow-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-face-color: #303030;
	scrollbar-shadow-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-base-color: #efefef;
	max-height: 200px;
}

.rowFormBody.grayBd::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.rowFormBody.grayBd::-webkit-scrollbar-thumb {
	background: #c2c2c2;
	border-radius: 5px;
	-webkit-transition: .3s;
	transition: .3s;
}

.rowFormBody.grayBd::-webkit-scrollbar-track {
	background: none;
	border-radius: 5px;
}

.rowFormBody.grayBd label {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.rowFormBody input,
.rowFormBody textarea {
	width: 100%;
}

.rowFormBody input[type=color] {
	width: 57px;
	padding: 5px;
}

.rowFormBody .fileArea {
	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;
}

.rowFormBody.full {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-column-gap: 12px;
	-moz-column-gap: 12px;
	column-gap: 12px;
}

.rowFormBody.full input {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.rowFormBody.full .selectArea {
	width: auto;
	-webkit-box-flex: 0.24607;
	-ms-flex: 0.24607;
	flex: 0.24607;
}

.rowFormBody.sb {
	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;
}


/* input - line 302 */
input {
	height: 44px;
	border: 1px solid #DFDFDF;
	font-size: 15px;
	font-family: "SUIT";
	color: #484E53;
	border-radius: 5px;
	padding-left: 15px;
	padding-right: 10px;
	background-color: #fff;
}

input.type01 {
	padding-right: 115px;
}

input.type02 {
	height: 43px;
	border-radius: 22px;
	font-size: 0.95rem;
	font-family: "SUIT";
	color: #484E53;
}

input.searchInput {
	background: url("../images/ico/ico-search-sm.svg") no-repeat right 12px center;
}

input.cal {
	background: url("../images/ico/ico_calendar.svg") no-repeat right 12px center;
	width: 210px !important;
}

input.cal.type02 {
	width: 100% !important;
}

.organ .selectDate {
	width: 100%;
}

input.disabled {
	color: #999;
	background-color: #F6F6F6;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;

	border: 1px solid #BEC1C9;
	cursor: default;
	font-size: 16px;
}

input.num {
	text-align: right;
}

input:focus::-webkit-input-placeholder,
input:focus::-moz-placeholder,
input:focus:-ms-input-placeholder,
input:focus::-ms-input-placeholder,
input:focus::placeholder {
	color: #484E53;
}

input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input::-ms-input-placeholder,
input::placeholder {
	font-size: 1rem;
	font-family: "SUIT";
	color: #999;
	-webkit-transition: .3s linear;
	transition: .3s linear;
}

input:disabled::-webkit-input-placeholder,
input:disabled::-moz-placeholder,
input:disabled:-ms-input-placeholder,
input:disabled::-ms-input-placeholder,
input:disabled::placeholder {
	color: #484E53;
	font-family: "SUIT ExtraBold";
	font-size: 17px !important;
}

input.type02::-webkit-input-placeholder,
input.type02::-moz-placeholder,
input.type02:-ms-input-placeholder,
input.type02::placeholder {
	font-size: 0.9375rem;
	font-family: "SUIT";
	color: #999;
}

input.commonType {
	padding: 0 16px;
}

input.commonType02 {
	/* padding: 0 155px 0 16px; */
	padding: 0 186px 0 16px;
	width: 100%;
}

input.commonType03 {
	padding: 0 54px 0 16px;
}

input.commonType04 {
	padding: 0 40px 0 16px;
}

input.red {
	border-color: #FF0000;
}

input.mwdType01 {
	min-width: 360px;
}

input.mwdType02 {
	width: 210px;
}

input.mwdType03 {
	width: 100%;
	min-width: 360px;
}

input[type="file"] {
	border: 0;
}

input.full {
	width: 100%;
}

.inputArea {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

/* textarea */
textarea {
	border: 1px solid #E2E2E2;
	padding: 10px 15px;
	background-color: #fff;
	font-size: 1rem;
	font-family: "SUIT";
	color: #000;
	resize: none;
	width: 100%;
	border-radius: 3px;
}

textarea.h230 {
	height: 230px;
}

textarea.h500 {
	height: 500px;
}

textarea::-webkit-input-placeholder,
textarea::-moz-placeholder,
textarea:-ms-input-placeholder,
textarea::-ms-input-placeholder,
textarea::placeholder {
	font-size: 1rem;
	font-family: "SUIT";
	color: #999;
}

/* select - line 403 */
select {
	height: 38px;
	border: 1px solid #DFDFDF;
	font-size: 1rem;
	border-radius: 3px;
	color: #6D7E8E;
	padding: 0 10px 0 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	background: #fff url("../images/ico/ico-select-arrow-down-25x25.svg") no-repeat center right 7px;
	font-family: "SUIT";
}

.selectArea {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 170px;
	cursor: pointer;
}

.selectArea.wdType01 {
	width: 110px;
}

.selectArea.hType01 select {
	height: 40px !important;
}

.selectArea.type02 .selectedTxt::after {
	background: url("../images/ico/ico-select-arrow-down.svg") no-repeat center;
}

.selectArea.type03 .selected {
	height: 57px;
}

.selectArea.type03 .selectedTxt {
	font-size: 1rem;
	font-family: "SUIT";
}

.selectArea.type03 .selectList {
	top: 56px;
	max-height: 170px;
}

.selectArea.type03.active::before {
	height: 55px;
}

.selectArea.type03 .selectItem {
	height: 55px;
}

.selectArea.type03 .selectItem>span {
	font-size: 0.875rem;
}

.selectArea select {
	height: 45px;
}

.selectArea .selected {
	height: 45px;
	padding: 0 12px;
	border: 1px solid #BEC1C9;
	background-color: #fff;
}

.selectArea .selectedTxt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%;
	font-size: 0.9375rem;
	font-family: "pre Medium";
	color: #555;
}

.selectArea .selectedTxt::after {
	content: '';
	width: 25px;
	height: 25px;
	background: url("../images/ico/ico-select-arrow-down-25x25.svg") no-repeat;
}

.selectArea.active::before {
	content: '';
	position: absolute;
	z-index: 120;
	width: 100%;
	height: 43px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #000;
	border-radius: 4px;
}

.selectArea.active.wdType01::before {
	width: 108px;
}

.selectArea.active .selectList {
	display: block;
}

.selectArea.active .selectedTxt::after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.selectList {
	display: none;
	position: absolute;
	top: 44px;
	width: 100%;
	border: 1px solid #E2E2E2;
	z-index: 110;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #303030 transparent;
	scrollbar-arrow-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-face-color: #303030;
	scrollbar-shadow-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-base-color: #efefef;
	max-height: 150px;
}

.selectList::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.selectList::-webkit-scrollbar-thumb {
	background: #c2c2c2;
	border-radius: 5px;
	-webkit-transition: .3s;
	transition: .3s;
}

.selectList::-webkit-scrollbar-track {
	background: none;
	border-radius: 5px;
}

.selectItem {
	height: 43px;
	background-color: #fff;
	cursor: pointer;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.selectItem > span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	padding-left: 10px;
	font-size: 0.8125rem;
	font-family: "SUIT";
	color: #484E53;
}

/* 관리자 */
.selectContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 8px;
	-moz-column-gap: 8px;
	column-gap: 8px;
	justify-content: space-between;
    margin-bottom: 25px;
}

.selectContainer.start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.selectContainer.end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.selectContainer .inputArea {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: inherit;
}

.selectContainer .inputArea .absBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: inherit;
}

.selectContainer .inputArea > input {
	width: 280px;
}

.selectContainer .inputArea .btnArea {
	position: absolute;
	right: 4px;
}

/* inputContainer */
.inputContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	width: 100%;
}

.inputContainer:not(:last-of-type) {
	margin-bottom: 45px;
}

.sectionBox.type02 .inputContainer:not(:last-of-type) {
	margin-bottom: 15px;
}

.sectionBox.type02 .inputContainer:not(:last-of-type):has(.red) {
	margin-bottom: 35px;
}

.inputContainer .inputArea {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	width: 100%;
	gap: 6px;
}

.inputContainer > label {
    font-size: 1.05rem;
	margin-top: 8px;
    font-weight: 600;
    letter-spacing: -0.05em;
    color: #484E53;
    width: 150px;
	flex-shrink: 0;
    text-align: left;
}

.inputContainer > label > span {
	margin-left: 3px;
}

.inputInner {
	width: 100%;
}

.inputContainer .inputArea .inputInner {
	width: inherit;
	position: relative;
}

.inputGroup {
	display: flex;
	width: 100%;
	gap: 5px;
}

.inputContainer .inputArea input {
	border: 1px solid #dfdfdf;
	border-radius: 3px;
	height: 40px;
}

.organ.type02 .inputContainer:not(:last-of-type) {
	margin-bottom: 20px;
}

.organ.type02 .inputContainer > label {
	font-family: "SUIT ExtraBold";
}

.organ.type02 .inputContainer > label::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: linear-gradient(90deg, #5B94F8 0%, #5A7BFF 100%);
	display: inline-block;
	position: relative;
	top: -3px;
	margin-right: 10px;
}

/* inputRadioArea */
.inputRadioArea {
	display: flex;
	justify-content: start;
	width: 100%;
	column-gap: 50px;
}

.inputRadioArea.type02 {
	flex-direction: column;
	row-gap: 20px;
}

.inputRadioArea .radioInner {
	display: flex;
	gap: 10px;
	font-size: 16px;
	align-items: center;
	width: 45%;
}

.inputRadioArea.type02 .radioInner {
	width: 100%;
}

.inputRadioArea .radioInner.type02 {
	flex-direction: column;
}

.radioInner .inputArea {
	justify-content: start;
	align-items: center;
}

.inputRadioArea label {
	width: 130px;
	font-size: 16px;
}

.radioInner .inputArea label span {
	white-space: nowrap;
	line-height: 100%;
	width: 90px;
	color: #6D7E8E;
}

[type="radio"], span {
	vertical-align: middle;
}

.inputArea input[type="radio"] {
	padding: 0;
	margin: 0;
	position: unset;
	box-shadow: 0 0 1px 2px #DFDFDF;
	border: 3px solid #fff;
	/* border: 1px solid #DFDFDF; */
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin-right: 4px;
	flex-shrink: 0;
	cursor: pointer;
}

.inputArea input[type="radio"]:checked {
	content: "";
	position: relative;
	background: linear-gradient(90deg, #5B94F8 0%, #5A7BFF 100%);
}

.inputContainer > div:has(.checkInner) {
	display: flex;
	gap: 15px;
	justify-content: start;
}

.checkInner {
	display: flex;
	gap: 10px;
	align-items: center;
}

.checkInner > p {
	color: #6D7E8E;
	font-weight: 400;
	font-size: 1.05rem;
	display: inline-block;
}

/* 기관 검색어 */
.searchTagArea {
	height: 40px;
	width: 100%;
	border: 3px;
}

.searchTagArea .searchTagList {
	border: 1px solid #E2E2E2;
    padding: 4px;
	height: 40px;
	line-height: 40px;
    background-color: #fff;
    font-size: 1rem;
    font-family: "SUIT";
    color: #484848;
	border-radius: 3px;
}

.searchTagArea .searchTagList .searchTagItem {
	height: 32px;
	display: inline-block;
	padding: 0 5px 0 5px;
	height: 30px;
	line-height: 30px;
	overflow-y: hidden;
    color: #6D7E8E;
	background-color: #e6ebff;
	border-radius: 1px;
    font-size: 0.9rem;
}

.searchTagArea .searchTagList .searchTagItem .btnClose {
	display: inline-block;
	width: 14px;
	height: 14px;
	position: relative;
	top: 2px;
	margin-left: 5px;
}

.searchTagArea .searchTagList .searchTagItem .searchTagInner {
	height: inherit;
}

/* 검색어 입력 */
.searchTagArea .searchTagList .searchTagItem textarea {
	background-color: transparent;
    border: none;
    height: 30px;
    overflow-y: hidden;
    padding: 0 5px;
    line-height: 30px;
	width: 50px;
}

.groupAlert {
	margin-top: 10px;
	font-family: 'SUIT';
}

.groupAlert > span {
	font-size: 0.95rem;
	color: #959CAB;
	white-space: nowrap;
	display: block;
}

.groupAlert:has(span.type02) {
	position: relative;
	min-height: 20px;
	max-width: 318px;
}

.groupAlert > span.type02 {
	position: absolute;
	bottom: 0;
	max-width: 1000px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.groupAlert > span + span {
	margin-top: 10px;
}

/*
.inputContainer .groupAlert:has(span) {
	margin-bottom: 30px;
}*/

/* checkbox - line 642 */
.checkbox {
	position: relative;
}

.checkbox input[type="checkbox"] {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
}

.checkbox input[type="checkbox"]:checked+label::before {
	background: #fff url("../images/ico/ico-check.svg") no-repeat center;
}

.checkbox label {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
}

.checkbox label .labelName {
	margin-left: 5px;
	font-size: 0.875rem;
	font-family: "SUIT";
	color: #777;
}

.checkbox label::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid #BEC2CB;
	border-radius: 50%;
	background-color: #fff;
}

/* checkbox */
.checkbox.end {
	width: 100%;
}
.checkbox.end label {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
.checkbox.mr label {
	margin: 0 0 0 auto;
}

.checkbox.type02 input[type="checkbox"]:checked+label::before {
	background: #fff url("../images/ico/ico-check-type02.svg") no-repeat center;
}

.checkbox.type02 label {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.checkbox.type02 label::before {
	border-radius: 2px;
	width: 18px;
	height: 18px;
}

/* radio - line 706 */
.radio {
	position: relative;
}

.radio input[type="radio"] {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.radio input[type="radio"]:checked+label .labelName {
	color: #222;
}

.radio input[type="radio"]:checked+label:before {
	content: '';
	display: block;
	background: url("../images/ico/ico-radio-active.svg") no-repeat center;
}

.radio label {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
}

.radio label .labelName {
	display: block;
	margin-left: 5px;
	font-size: 16px;
	font-family: "SUIT";
	color: #888;
}

.radio label:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: url("../images/ico/ico-radio-deactive.svg") no-repeat center;
}

.radioList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.radioList li+li {
	margin-left: 25px;
}

/* stepArea */
.stepArea {
	margin-top: 42px;
	margin-bottom: 25px;
}

.stepArea.type02 {
	margin: 0 auto;
	background-color: #fff;
	padding: 15px 0 6px;
	width: 100%;
	border-radius: 30px 30px 0 0;
	margin-bottom: 35px;
}

.stepArea.type02 .stepList {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.stepList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 75px;
	-moz-column-gap: 75px;
	column-gap: 75px;
}

.stepItem {
	position: relative;
	text-align: center;
}

.stepItem.active .stepTxt {
	background-color: #1B1E2C;
}

.stepItem.active .stepName {
	color: #1B1E2C;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

.stepItem.active::after {
	background: url("../images/ico/ico-step-arrow-active.svg") no-repeat center;
}

.stepItem::after {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -41px;
	width: 19px;
	height: 19px;
	background: url("../images/ico/ico-step-arrow.svg") no-repeat center;
}

.stepItem:last-of-type::after {
	display: none;
}

.stepTxt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 90px;
	height: 23px;
	font-size: 0.8125rem;
	font-family: "SUIT";
	color: #fff;
	border-radius: 100px;
	padding: 0 10px;
	background-color: #BEC1C9;
}

.stepName {
	display: block;
	margin-top: 3px;
	font-size: 1rem;
	font-family: "SUIT Bold";
	color: #BEC1C9;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* accordionArea */
.accordionArea {
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.accordionArea.type02 {
	border-bottom: 2px solid #959CAB;
}

.accordionArea+.btnArea {
	margin-top: 40px;
}

.accordionList {
	border-bottom: 1px solid #888;
}

.accordionItem {
	cursor: pointer;
}

.accordionItem .head {
	position: relative;
	height: 70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid #C8CFD8;
	-webkit-transition-property: border-bottom;
	transition-property: border-bottom;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}

.accordionItem .head::after {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 20px;
	width: 27px;
	height: 27px;
	background: url("../images/ico/ico-accordion-arrow-down.svg") no-repeat;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.accordionItem .cont {
	padding-bottom: 20px;
	cursor: default;
	border-bottom: 1px solid #C8CFD8;
	display: block;
	max-height: 0;
	overflow: hidden;
	padding: 0;
	border: 0;
	transition: max-height 0.9s ease;
}

.accordionItem.active .head {
	border-bottom: 0;
}

#wrap.myPage.sub #container .accordionItem .head {
    margin-top: -15px;
    margin-left: 5px;
    gap: 10px;
}

.accordionItem.active .head::after {
	-webkit-transform: translateY(-50%) rotate(-180deg);
	transform: translateY(-50%) rotate(-180deg);
}

.accordionItem.active .cont {
	max-height: 1000px;
	/* 컨텐츠의 최대 높이로 설정해야 함 */
	transition: max-height 0.9s ease;
}

/* .accordionItem .cont.active{
	display: block;
} */

.accordionItem.noDepth {
	cursor: default;
}

.accordionItem.noDepth .head::after {
	display: none;
}

.accordionItem.top .head {
	border-bottom: 0;
	height: 50px;
	padding-bottom: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid #454545;
}

.accordionItem.top .checkbox label .labelName {
	font-size: 1.375rem;
	color: #333;
	font-weight: 600;
}

.accordionItem:last-of-type .head {
	border-bottom: 0;
}

.accordionItem .checkbox label .labelName {
	margin-left: 20px;
	font-size: 1rem;
	font-family: "SUIT Bold";
	font-weight: 500;
	color: #484E53;
}

.accordionItem .checkbox label .labelName.contTxt {
	margin-left: 0;
}

.accordionItem .checkbox label .labelName.front {
	margin-right: 10px;
}

.accordionTxt {
	margin-left: 20px;
	font-size: 1rem;
	font-family: "SUIT Bold";
	font-weight: 600;
	color: #484E53;
}

.accordionTxt .front {
	margin-right: 10px;
}

/* commonBoxArea */
.commonBoxArea {
	padding: 73px 33px 60px 33px;
	border-radius: 20px;
	background-color: #F2F3F5;
}

.commonBoxArea.type02 {
	padding: 73px 33px 30px 33px;
}

.commonBoxArea .desc {
	text-align: center;
}

.commonBoxArea .desc.type01 {
	font-size: 1.375rem;
	font-family: "SUIT";
	color: #222;
}

.commonBoxArea .desc.type01+.desc.type02 {
	margin-top: 5px;
}

.commonBoxArea .desc.type02 {
	font-size: 1.5625rem;
	font-family: "SUIT";
	color: #000;
}

.commonBoxArea .desc.type03 {
	font-size: 1.125rem;
	font-family: "SUIT";
	color: #333;
}

.commonBoxArea .desc.type03.bold {
	font-family: 'SUIT Bold';
}

.commonBoxArea .desc.type04 {
	font-size: 1.25rem;
	font-family: 'pre Medium';
	color: #333;
}

.commonBoxArea .desc.type05 {
	font-size: 0.9375rem;
	font-family: "SUIT";
	color: #686868;
	margin-bottom: 12px;
}

.commonBoxArea .codeArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 137px;
	margin-top: 20px;
	margin-bottom: 22px;
	border-radius: 10px;
	background-color: #fff;
}

.commonBoxArea .codeArea .code {
	font-size: 2.5rem;
	font-family: "SUIT Bold";
	color: #0067F0;
}

.commonBoxArea .codeArea .code+.code {
	margin-left: 8px;
}

.commonBoxArea .codeArea+.btnArea {
	margin-top: 20px;
	margin-bottom: 40px;
}

/* infoArea */
.infoArea {
	margin-top: 20px;
	text-align: center;
}

.infoArea .txt {
	font-size: 0.9375rem;
	font-family: "SUIT";
	color: #555;
	margin-bottom: 5px;
}

.infoArea .copy {
	font-size: 0.9375rem;
	font-family: "SUIT";
	color: #555;
}

.infoArea.type02 {
	margin-top: 15px;
}

.infoArea.type02 .txt {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 0.8125rem;
	font-family: "SUIT";
	color: #6F8FBA;
	padding-left: 20px;
}

.infoArea.type02.find .txt {
	justify-content: left;
	padding-left: 30px;
}

.infoArea.type02 .txt::before {
	content: '';
	position: absolute;
	left: 10px;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background: url("../images/ico/ico-information.svg") no-repeat center;
}

/* resultTxt */
.resultTxt {
	font-size: 0.9375rem;
	font-family: "SUIT";
	color: #222;
}

.resultTxt .num {
	display: inline-block;
	margin-left: 4px;
	margin-right: 2px;
}

/* componentInfo */
.componentInfo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.componentInfo .componentHead {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 0.875rem;
	font-family: "SUIT";
	color: #888;
	margin-right: 12px;
}

.componentInfo .componentHead .ico {
	margin-right: 4px;
}

.componentInfo .componentDescription {
	font-size: 0.9rem;
	font-family: "SUIT";
	color: #6D7E8E;
}

.componentInfo+.componentInfo {
	margin-top: 8px;
}

.groupCard {
	padding: 20px 25px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 0 1px #C6CDDA;
	box-shadow: 0 0 0 1px #C6CDDA;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	cursor: pointer;
}

.groupCard .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	margin-bottom: 20px;
}

.groupCard .topImgArea img {
	border-radius: 50%;
	/* border-radius: 100%; */
}

.groupCard .bottom .groupIntro p {
	font-size: 1rem;
	font-family: "SUIT";
	color: #484E53;
	max-height: 80px;
	overflow-y: auto;
}

.groupCardHead {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}

.groupCardHead .btnApply {
	margin-top: -6px;
}

.groupCardHeadTitle {
	font-size: 1.425rem;
	font-family: "SUIT";
	color: #333;
	margin-bottom: 14px;
}

.groupCardList {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
	row-gap: 30px;
}

.tabBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 22px;
}

.tabBox .tabWrap {
	margin-right: auto;
}

.tabBox.type02 .tabWrap {
	margin-left: 0;
}
/*
.tabBox.type02 .selectContainer {
	margin-top: 0;
	margin-bottom: 0;
}*/

/* pagination - line 1729 */
.pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 8px;
	-moz-column-gap: 8px;
	column-gap: 8px;
	margin-top: 40px;
	margin-bottom: 25px;
}

.pagination button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #E0E0E0;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 20px;
}

.pagination a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 0.875rem;
	color: #6D7E8E;
	background-color: #fff;
	border: 1px solid #E0E0E0;
	border-radius: 5px;
}

.pagination button:hover, .pagination a:hover {
	background-color: #f5f5f5;
	font-weight: 600;
	font-size: 0.9rem;
}

.pagination a.active {
	border-color: #5A7BFF;
	color: #484E53;
	box-shadow: 0px 0px 5px rgba(80, 110, 254, 0.6);
}

.pagination a.pagiMore>span {
	position: relative;
	top: -4px;
}

.pagination .pagiPrev,
.pagination .pagiNext,
.pagination a {
	min-width: 34px;
	height: 34px;
	-webkit-transition: .3s;
	transition: .3s;
}

.pagination button.btnNext, .pagination button.btnPrev {
    width: 34px;
    height: 34px;
}

.btnPrev::before, .btnNext::after {
    content: '';
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
	background-size: 8px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.btnPrev::before {
	background-image: url("../images/mappickMain/pageArrow-left.svg");
}

.btnNext::after {
	background-image: url("../images/mappickMain/pageArrow-right.svg");
}

/* sideMenu - line 769 */
#sideMenu, .jsGroup {
	position: fixed;
	top: 0;
	right: -360px;
	width: 100%;
	max-width: 360px;
	background-color: #fff;
	z-index: 10;
	visibility: hidden;
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	border-bottom-left-radius: 50px;
	z-index: 120;
	font-family: "NanumSquareNeo";
	font-weight: 600;
}

#sideMenu.active, .jsGroup.active {
	visibility: visible;
	right: 0;
}

#sideMenu.active::before, .jsGroup.active::before {
	opacity: 1;
	visibility: visible;
}

#sideMenu > .inner, .jsGroup > .inner {
	border-bottom-left-radius: 50px;
	background-color: #fff;
}

#sideMenu .top, .jsGroup .top {
	padding: 20px 30px;
	border-bottom: 1px solid #E6E8F0;
}

#sideMenu .head, .jsGroup .head {
	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;
}

#sideMenu .head .logo {
	width: 117px;
	height: 37px;
}

#sideMenu .authInfo {
	left: 0;
	-webkit-transform: none;
	transform: none;
}

#sideMenu .utilArea {
	padding-top: 30px;
}

#sideMenu .utilList {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#sideMenu .utilItemTxt {
	white-space: nowrap;
    font-weight: 500;
}

#sideMenu .utilItemTxt .name {
    font-weight: 600;
}

#sideMenu .bottom {
	padding: 40px;
	height: calc(100vh - 128px);
	min-height: 500px;
}

.jsGroup .bottom {
	padding: 15px 20px 25px;
	height: calc(100vh - 141px);
	min-height: 300px;
}

.jsGroup .listArea.type02 ul, .jsGroup .groupDepthList {
	max-height: calc(100vh - 280px);
	min-height: 50px;
}

.jsGroup .listArea.type02 ul:has(li:nth-of-type(5)), .jsGroup .groupDepthList:has(li:nth-of-type(5)) {
	min-height: 200px;
}

#sideMenu .menuList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	row-gap: 40px;
}

#sideMenu .menuItem > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.3rem;
	color: #484E53;
}

#sideMenu .menuItem > a::after {
	content: '';
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

/* jsGroup */
.jsGroup .headArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 60px;
	gap: 3px;
}

/* sideMenu 사용자-로그인 */
#sideMenu .menuItem.hasDepth > a::after {
	width: 24px;
	height: 24px;
	margin-left: auto;
	background: url("../images/mappickMain/mainArrow-down.svg") no-repeat center center/24px;
}

#sideMenu .menuItem.active>a::after {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

#sideMenu .menuItem.active .menuDep2List {
	display: block;
}

#sideMenu .menuDep2List {
	display: none;
	margin-top: 10px;
	padding: 20px 0;
	border-radius: 10px;
}

#sideMenu .menuDep2Item {
	padding: 14px 28px;
	font-size: 1.15rem;
	font-weight: 500;
	color: #6D7E8E;
	transition: 0.3s;
	border-radius: 5px;
}

#sideMenu .menuDep2Item:hover {
	color: #484E53;
	background-color: #DDEEFF;
}


#sideMenu::before, .jsGroup::before {
	content: '';
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100.1vh;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: -1;
	-webkit-transition-property: opacity, visibility;
	transition-property: opacity, visibility;
}

/* footer */
#footer {
	border-top: 1px solid #D2D7E1;
	background-color: #6D7E8E;
	position: relative;
	font-weight: 300;
	margin-top: 80px;
	font-family: "SUIT"
}

#wrap.myPage #footer {
	background-color: #333;
}

#footer > .inner {
	padding: 55px 20px 70px 20px;
	max-width: 1240px;
	margin: 0 auto;
}

#footer .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	font-weight: 500;
}

#footer .top .logo {
	margin-right: 60px;
}

#footer .top .logo.mainShow {
	display: none;
}

#footer .top .logo img {
	width: 130px;
	height: 42px;
	position: relative;
	top: 5px;
}

#footer .body {
	margin: 40px 0;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}

#footer .body .rowContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
	flex-direction: column;
}

#footer .body .rowContainer > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 50px;
}

#footer .body .row {
	font-size: 0.95rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}

#footer .body .row .infoTxt {
	color: #fff;
}

#footer .body .separator {
	margin-right: 20px;
	color: #ccc;
	width: 55px;
	height: 19px;
	text-align: justify;
	flex-shrink: 0;
}

.footerMarkArea {
	display: flex;
	gap: 7px;
	align-items: center;
}

.footerMarkArea .footerMark {
	display: inline-block;
	width: 45px;
	height: 45px;
	background: url(../images/mappickMain/footer-mark01.png) no-repeat center center / 100%;
	opacity: 0.6;
	filter: grayscale(90%);
	transition: 0.3s;
}

.footerMarkArea .footerMark:nth-of-type(2) {
	background: url(../images/mappickMain/footer-mark02.png) no-repeat center center / 96%;
}

.footerMarkArea .footerMark:nth-of-type(3) {
	background: url(../images/mappickMain/footer-mark03.png) no-repeat center center / 98%;
}

.footerMarkArea .footerMark:nth-of-type(4) {
	background: url(../images/mappickMain/footer-mark04.png) no-repeat center center / 100%;
}

.footerMarkArea .footerMark:hover {
	filter: grayscale(10%);
	transform: scale(1.03);
}


/* section.admin-panel__content */
section.admin-panel__content .mcTable {
	padding: 0 50px 110px;
	position: relative;
}

section.admin-panel__content .mcRun {
	padding: 60px 75px 110px;
}

/* constituentManage .selectArea */
.constituentManage .selectArea {
	width: 80px;
	flex-direction: column-reverse;
}

.constituentManage .selectArea select {
	height: 34px;
}

/* main(modal) - line 3003 */
.t-modal-popup {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0 0 0 / .6);
	z-index: 99999;
	top: 0;
	right: 0;
}

.modal-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.modal-wrap.plurality {
	width: 100%;
	height: 100%;
}

.t-img-box {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 15px;
}

.t-btn-box {
	display: flex;
	align-items: center;
	gap: 24px;
	justify-content: end;
	margin-top: 24px;
}

.t-btn-box>.t-btn.close ::after {
	content: '';
	width: 18px;
	height: 18px;
	/* background: url(/images/ico/ico-close-type03.svg) no-repeat center; 기존에 있는 x 아이콘 경로 */
}

.t-btn-box>.t-btn {
	font-size: 1.125rem;
	font-family: "SUIT";
	color: #fff;
	border-radius: 30px;
	height: 50px;
	padding: 0 30px;
	border: 0;
	background-color: #1B1E2C;
}

.t-detail {
	background: linear-gradient(90deg, #458ff3 0%, #4142ec 100%);
	width: 100%;
	border: 0;
	height: 50px;
	padding: 0 30px;
	font-family: "pre Medium";
	color: #fff;
	font-size: 1.125rem;
}

.popup_1 {
	position: absolute;
	left: 100px;
	top: 100px;
	z-index: 0;
	font-family: "SUIT";
}

/* 위치 조절 필요 */
.popup_2 {
	position: absolute;
	right: 300px;
	top: 100px;
	z-index: 99;
}

.basicText {
	text-align: center;
    font-size: 1.15rem;
    margin: 10px 0 20px;
	line-height: 140%;
}

.warning {
	text-align: center;
    font-size: 1.15rem;
    margin: 10px 0 40px;
}

.warning > p {
    display: inline;
    box-shadow: inset 0 -7px 1px #F9F19D;
}

/* videoGuide */
.video {
	width: 100%;
    min-height: 280px;
    border-radius: 5px 5px 0 0;
}

/* usedMappickArea */
.usedMappickArea {
	width: 100%;
	height: auto;
	overflow: hidden;
	transition: 0.3s;
}

.usedMappickArea:hover::after {
	background-color: #000;
}

.usedMappickArea * {
	width: inherit;
	object-fit: cover;
}

.usedMappickClick {
	font-size: 1.1em;
}

.usedMappickClick::after {
	content: "";
	padding: 10px;
	background: url(../images/common/usedLuckMapClick.png) no-repeat center;
	background-size: contain;
	position: relative;
	left: -1px;
	top: 1px;
}

/* etcArea */
.etcArea ul li {
	display: inline-block;
}

.etcArea ul li {
	font-size: 1rem;
	color: #fff;
}

.etcArea ul li.privacy {
	color: #DDEEFF;
}

.etcArea ul li.privacy::before {
	content: '|';
	font-size: 1.5rem;
	display: inline-block;
	margin: 0 14px;
	position: relative;
	font-weight: 300;
	top: 3px;
}

.etcArea ul li:last-of-type::after {
	display: none;
}

/* footer copyright */
.copyArea {
	padding-top: 35px;
	border-top: 1px solid #9FA5B9;
}

.copyArea .copy {
	font-size: 0.9rem;
	color: #ccc;
	letter-spacing: 0.5px;
	font-weight: 300;
}

/* userCardList */
.userCardList {
	display: grid;
	grid-template-columns: repeat(4, 220px);
	column-gap: 25px;
	row-gap: 60px;
}

.userCardList.col2 {
	-webkit-column-gap: 15px;
	-moz-column-gap: 15px;
	column-gap: 15px;
	display: flex;
}

.userCardList li:nth-child(n+5) {
	display: none;
}

.userCardList.active li:nth-child(n+5) {
	display: block;
}

/* userCardItem .btnArea */
.userCardList .userCardItem .btnArea .editLevel {
	width: 90px;
	height: 28px;
	border-radius: 3px;
	padding: 0 14px;
	color: #999;
	border: 1px solid #D8D9E3;
	background: #fff url(../images/ico/ico-select-arrow-down-25x25.svg) no-repeat center right 5px;
	background-size: 20px;
	font-size: 0.86rem;
	cursor: pointer;
}

.userCardItem.hType02 {
	height: 260px;
	border: 2px solid #fff;
}

/* userCardItem */
.userCardItem {
	width: 100%;
	height: 213px;
	border-radius: 8px;
	background-color: #F2F5F8;
	padding: 55px 15px 15px 15px;
	box-sizing: border-box;
	transition: 0.3s;
	position: relative;
}

.sectionBox.type02:has(strong) {
	padding: 42px 20px 20px;
}

.sectionBox.type02:has(.inputContainer:last-of-type .red){
    padding: 20px 20px 45px;
}

.userCardItem strong:not(.title) {
	position: absolute;
	top: -27px;
	left: 0;
	font-family: "SUIT ExtraBold";
	color: #484E53;
	font-size: 17px;
}

.userCardItem .itemBox {
	height: 100%;
}

/* 기관 관리 popup *//* 기관 관리 popup */
.userCardArea.type02 .userCardItem {
	padding: 0;
	height: 150px;
	text-align: center;
}

.userCardArea.type02 .userCardItem .itemBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.userCardArea.type02 .userCardItem .itemBox p.num {
	font-size: 50px;
	font-weight: 800;
	line-height: 50px;
	font-family: "nanumSquareNeo ExtraBold";
	letter-spacing: -1px;
}

.userCardArea.type02 .userCardItem .itemBox p.num+.name {
	margin-top: 12px;
}

.userCardArea.type02 .userCardItem .itemBox p.name {
	font-size: 16px;
	line-height: 16px;
	letter-spacing: -0.03em;
}

/* userCardItem .topArea */
.userCardItem .topArea {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid #D8D9E3;
	padding-bottom: 15px;
}

.userCardItem .topArea .person {
	position: absolute;
	top: -95px;
	z-index: 110;
}

.userCardItem .topArea .person img {
	border-radius: 50%;
	-o-object-fit: none;
	object-fit: unset;
	background-color: #fff;
}

.userCardItem .topArea .person img.obPos1 {
	-o-object-position: 18px 13px;
	object-position: 18px 13px;
}

.userCardItem .topArea .person::before {
	content: '';
	position: absolute;
	top: -5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: -1;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background-color: #F2F5F8;
}

.userCardItem .topArea .title {
	font-size: 1.125rem;
	line-height: 1.125rem;
	font-family: "SUIT";
	color: #455165;
}

.userCardItem .topArea .desc {
	font-size: 0.875rem;
	font-family: "pre Medium";
	color: #8D91A6;
}


/* userCardItem .bottomArea */
.userCardItem .bottomArea {
	padding-top: 10px;
	height: calc(100% - 53px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.userCardItem .bottomArea .btnArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 5px;
	-moz-column-gap: 5px;
	column-gap: 5px;
	justify-content: space-between;
}

/* mapgalleryCardList */
.mapgalleryCardList,
.contentsCardList {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	-webkit-column-gap: 28px;
	-moz-column-gap: 28px;
	column-gap: 28px;
	row-gap: 32px;
}

.myContentsCardList {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	-webkit-column-gap: 25px;
	-moz-column-gap: 25px;
	column-gap: 25px;
	row-gap: 30px;
}

.mapgalleryCardList>li,
.contentsCardList>li,
.myContentsCardList>li {
	min-width: 329px
}

.mapgalleryCardList .cardItem .pictureArea,
.contentsCardList .cardItem .pictureArea,
.myContentsCardList .cardItem .pictureArea {
	width: 100%;
	height: 100%;
	border-radius: 5px 5px 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 0px;
}

.mapgalleryCardList .cardItem .pictureArea.empty,
.contentsCardList .cardItem .pictureArea.empty,
.myContentsCardList .cardItem .pictureArea.empty {
	background: #F2F3F5 url(../images/ico/ico-image.svg) no-repeat center;
}

/* dimmedArea */
.dimmedArea {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.dimmedArea > .inner {
	position: relative;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 5px 5px 0 0;
}

.dimmedArea .singleArea {
	position: absolute;
	right: 11px;
	top: 10px;
}

.moreArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
}

.moreList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 15px;
	-moz-column-gap: 15px;
	column-gap: 15px;
	padding-top: 30px;
}

/* toolTip */
.toolTip {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	margin-top: 5px;
	height: 20px;
	border-radius: 2px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 0.75rem;
	font-family: "SUIT";
	color: #fff;
	background-color: #000;
}

.toolTip.mxdType01 {
	max-width: 36px;
	margin: 3px auto;
}

.toolTip > span {
	padding: 0 5px;
	font-size: 0.625rem;
}


/*  */
/* price_policy_inner */
.price_policy_inner {
	display: inline-block;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 50px 0;
	font-family: "SUIT";
}

.price_policy_inner > div {
	padding: 40px 25px 30px;
	border: 1px solid #D9D9D9;
	flex: 1;
	transition: 0.3s;
}

.price_policy_inner > div:first-of-type {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.price_policy_inner > div:last-of-type {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.price_top {
	margin-bottom: 35px;
	text-align: center;
}

.price_top .price_user {
	color: #888888;
	font-size: 1rem;
	margin-bottom: 20px;
	height: 53px;
}

.price_top .price_user > em {
	font-size: 1.5rem;
	color: #6D7E8E;
	display: block;
	margin-bottom: 3px;
	font-family: "SUIT ExtraBold";
}

.price_top > .price_top_inner {
	padding: 25px 15px;
	background-color: #f6f6f6;
	border-radius: 20px;
	position: relative;
}

.price_top_inner .priceTit {
	font-size: 2.25rem;
	color: #484E53;
	font-family: "NanumSquareNeo";
	font-weight: 700;
	height: 45px;
	line-height: 2.25rem;
}

.price_top_inner .priceTit.colorType {
	font-size: 1.8rem;
}

/* mou 체결 시 무료 */
.price_top_inner > em {
	margin: 15px auto 30px;
	display: block;
	height: 20px;
	color: #9FA5B9;
}

.price_top_inner > em > br {
	display: none;
}

.price_top_inner > em > span {
	color: #6D7E8E;
	font-size: 1.1rem;
	font-weight: 600;
	font-family: "NanumSquareNeo";
	position: relative;
	top: -2px;
}

.price_top .price_top_inner .priceDesc {
	color: #888888;
	height: 40px;
	display: block;
	text-align: center;
	margin-bottom: 30px;
	font-size: 1.05rem;
}

.price_top .price_top_inner .btn:disabled {
	border: 2px solid #888;
	cursor: unset;
}

.price_top .price_top_inner .btn:disabled:hover {
	box-shadow: none;
}

/* 팝업 버튼 */
.price_popBtnArea {
	height: 40px;
}

.price_moveBtn:hover, .price_policy_inner > .active[class*="price"] .price_moveBtn {
	background-color: #0065EB;
	color: #fff;
}

.price_moveBtn:hover {
	background-color: #000 !important;
	border: 1px solid #000;
}

/* M_pricePolicyPopup */
#M_pricePolicyPopup {
	max-width: 1200px !important;
	max-height: 800px !important;
	min-width: 1100px;
}
#M_pricePolicyPopup .inner {
	width: 100%;
}

#M_pricePolicyPopup .price_policy_area {
	height: 700px;
    overflow-y: auto;
}

#M_pricePolicyPopup .price_policy_inner {
	margin: 0;
}

#M_pricePolicyPopup .price_top_inner .btnArea {
	position: unset;
}

/* info_bottom -> dl 영역 (요금제, 기관 작성내용확인) */
.info_bottom > dt {
	font-weight: 600;
	font-size: 17px;
	margin: 30px 0 10px;
	font-family: "NanumSquareNeo";
	color: #484E53;
	cursor: pointer;
}

.info_bottom > dt .colorType.blue {
	font-size: 16px;
}

.info_bottom > dd {
	border-top: 1px solid #D4D9DE;
	padding: 20px 15px;
	min-height: 145px;
}

.info_bottom > dd > ul > li {
	color: #888888;
}

.info_bottom li:not(:last-of-type) {
	margin-bottom: 8px;
}

.info_bottom > dd > ul > li .price_check {
	display: inline-block;
	width: 20px;
	height: 16px;
	background: url(../images/mappickMain/icon-check.svg) no-repeat center center/contain;
	margin-right: 5px;
	position: relative;
	top: 2px;
}

.price_policy_inner > div:hover {
	background-color: #F5F5F5;
	box-shadow: 0px 0px 12px rgba(180, 180, 180, 0.6);
	position: relative;
	z-index: 10;
}

/* 사용자(로그인) - 기관 새로 만들기 */
.createGroup {
	border: 1px solid #D8D8DE;
	background-color: #f9f9f9;
	border-radius: 10px;
	text-align: center;
	padding: 25px 0;
	color: #484E53;
	font-size: 1.15rem;
	font-weight: 500;
	transition: 0.3s;
	font-family: "SUIT";
}

.createGroup:hover {
	border: 1px solid #9FA5B9;
	box-shadow: 0px 0px 10px rgba(80, 110, 254, 0.5);
	background-color: #f0f0f0;
}

.createGroup > span {
	font-size: 1.75rem;
	line-height: 1.75rem;
	margin-bottom: 10px;
	display: inline-block;
}

.createGroupCost {
	text-align: end;
	margin: 10px 0 25px;
}

.createGroupCost > * {
	display: inline-block;
	font-size: 0.95rem;
}

.createGroupCost > p {
	color: #6D7E8E;
}

.createGroupCost > a, .underline-arrow {
	color: #484E53;
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: 0.3s;
	font-weight: 600;
	font-size: 0.95rem;
}

.createGroupCost > a:hover, .underline-arrow:hover {
	font-size: 0.975rem;
	margin-right: -2px;
}

.createGroupCost > a.black::after, .underline-arrow::after {
	content: '';
	width: 8px;
	height: 14px;
	padding: 0 3px;
	background: url(../images/mappickMain/anchorArrow-right-black.svg) no-repeat center center / 10px;
	display: inline-block;

	position: relative;
	top: 2px;
}

.createGroupCost > a.blue2::after {
	background: url(../images/mappickMain/anchorArrow-right.svg) no-repeat center center / 10px;
}

/* 사용자(로그인) - 기관 현황 */
.currentGroupItem {
	background-color: #fff;
	border: 1px solid #D8D8DE;
	border-radius: 10px;
	transition: 0.3s;
	padding: 23px 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
	margin-bottom: 20px;
	font-family: "SUIT";
}

.currentGroupItem:hover {
	background-color: #f9f9f9;
	border: 1px solid #9FA5B9;
}

.currentGroupItem .groupLogo {
	width: 90px;
	height: 90px;
	border-radius: 15px;
	flex-shrink: 0;
}

.currentGroupItem .groupLogo img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

/* groupContsInnr */
.groupContsTit {
	color: #484E53;
	font-size: 1.05rem;
	font-family: "SUIT ExtraBold";
	margin-bottom: 15px;
	letter-spacing: -0.03rem;
}

.groupContsConts {
	color: #6D7E8E;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 7px;
	font-size: 0.95rem;
}

.groupContsConts:not(:last-of-type) {
	margin-bottom: 10px;
}

.groupContsConts .separator {
	width: 47px;
	height: 16px;
	text-align: justify;
}

.groupContsConts p::before {
	content: ':';
	margin-right: 7px;
}

/* 기관 작성내용확인 */
.groupInfoArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.groupInfoArea .info_bottom li:not(:last-of-type) {
	margin-bottom: 20px;
}

.groupInfoArea .tit {
	width: 160px;
	color: #6D7E8E;
	display: inline-block;
	text-align: justify;
}

.groupInfoArea .tit::before {
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #959CAB;
	display: inline-block;
	position: relative;
	top: -3px;
	margin-right: 15px;
}

.groupInfoArea .conts {
	display: inline-block;
}

/* 로고 이미지 */
.groupInfoArea .thumbnail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	width: calc(100% - 200px);
	height: 140px;
	gap: 10px;
}

.groupInfoArea .thumbnail img {
	display: inline-block;
	width: 200px;
	height: 140px;
	height: inherit;
	border-radius: 5px;
	border: 1px solid #D4D9DE;
}
.groupInfoArea .thumbnail .sampleImage {
	display: inline-block;
	width: 200px;
	height: 140px;
	height: inherit;
	border-radius: 5px;
	border: 1px solid #D4D9DE;
	background: url(../images/bg/preview_sample.png) center;
}

.groupInfoArea .thumbnail .thumbnail_size {
	display: inline-block;
	color: #959CAB;
	font-size: 0.85rem;
}

.groupInfoArea .conts::before {
	content: '|';
	padding: 0px 0;
	color: #959CAB;
	border-radius: 1px;
	display: inline-block;
	position: relative;
	margin-right: 30px;
	top: 2px;
	font-size: 1.25rem;
}

/* depthBox */
.depthBox {
	padding: 20px;
	border: 1px solid #C8CFD8;
	background-color: #fff;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #303030 transparent;
	scrollbar-arrow-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-face-color: #303030;
	scrollbar-shadow-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-base-color: #efefef;
	max-height: 343px;
}

.depthBox::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.depthBox::-webkit-scrollbar-thumb {
	background: #c2c2c2;
	border-radius: 5px;
	-webkit-transition: .3s;
	transition: .3s;
}

.depthBox::-webkit-scrollbar-track {
	background: none;
	border-radius: 5px;
}

/* userTerms */
.txtGroup+.txtGroup {
	margin-top: 20px;
}

.txtGroup .txtTit {
	font-size: 0.9375rem;
	font-family: "SUIT";
	color: #222;
	margin-bottom: 5px;
	margin-top: 10px;
}

.terms .txtList {
	margin-top: 10px;
	margin-left: 10px;
}

.txtList li {
	font-size: 0.9rem;
	font-family: "SUIT";
	color: #666;
	margin-top: 5px;
}

.terms .depth1 {
	margin-left: 10px;
}

.terms .depth2 {
	margin-left: 20px;
}

.terms span {
	margin-right: 5px;
}

/* #M_privacyPolicy-modal */
#M_privacyPolicy-modal > .inner .terms {
    max-height: 500px;
    overflow-y: auto;
}

/*  */
.message {
	font-size: 1.5rem;
	font-family: "SUIT";
	color: #000;
}

.message:has(img[alt="가입완료 이미지"]) {
	text-align: center;
	margin-bottom: 50px;
}

/* mapGallery */
.absBox {
	position: relative;
}

.absBox.type01 .btnArea.abs {
	right: 10px;
	top: 10px;
}

.absBox.type02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 32px;
	padding-bottom: 60px;
}

.absBox.type02 .btnArea.last {
	position: absolute;
	right: 0;
	top: 0;
}

.imgArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 40px;
	margin-bottom: 10px;
}

.imgArea+.descArea {
	margin-bottom: 25px;
}

.descArea {
	text-align: center;
}

.descArea p {
	font-size: 1.25rem;
	font-family: "SUIT";
	color: #000;
}

.descArea p.sm {
	font-size: 1rem;
	color: #454545;
	margin-bottom: 2px;
}

.myId {
	font-size: 1.5rem;
	font-family: "SUIT";
	color: #0067F0;
	margin: 0 5px;
}

.icoRow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.icoBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

i.ico {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}

i.ico.lock {
	width: 22px;
	height: 22px;
	background-image: url("../images/ico/ico-lock.svg");
}

i.ico.new {
	width: 20px;
	height: 20px;
	background-image: url("../images/ico/ico-new.svg");
}

i.ico.cal {
	width: 16px;
	height: 16px;
	background-image: url("../images/ico/ico-date.svg");
}

i.ico.people {
	width: 16px;
	height: 16px;
	background-image: url("../images/ico/ico-name-people.svg");
}

i.ico.alarm {
	width: 21.8px;
	height: 23.8px;
	background-image: url("../images/ico/ico-alarm.svg");
}

i.ico.mygroup {
	width: 29px;
	height: 28px;
	background-image: url("../images/ico/ico-mygroup.svg");
}

.leftObject {
	top: -350px;
	left: -186px;
	width: 753px;
	height: 920px;
	background-image: url("../images/bg/bg-left-object.png");
	background-size: 400px;
}

.leftObject.sm {
	width: 313px;
	height: 382px;
	background-image: url("../images/bg/bg-left-object-313.png");
}

.rightObject {
	top: -515px;
	right: 0;
	width: 841px;
	height: 890px;
	background-image: url("../images/bg/bg-right-object.png");
	background-size: 770px;
	background-position: 288% 40px;
}

.leftDot {
	position: absolute;
	left: 210px;
	top: 156px;
	width: 125px;
	height: 108px;
	background: url("../images/bg/bg-dots-left.png") no-repeat;
}

.rightDot {
	position: absolute;
	right: 280px;
	top: 130px;
	width: 44px;
	height: 108px;
	background: url("../images/bg/bg-dots-right.png") no-repeat;
}

/* colList */
.colList > li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 50px;
	-moz-column-gap: 50px;
	column-gap: 50px;
	border-bottom: 1px solid #F2F5F8;
}

.colList > li:first-of-type {
	padding-top: 65px;
	padding-bottom: 40px;
}

.colList>li+li {
	padding-top: 80px;
	padding-bottom: 40px;
}

/* colList .head */
.colList .head {
	min-width: 186px;
	margin-bottom: auto;
}

.colList .head .lvArea,
.colList .head .numArea {
	width: 100%;
}

.colList .head .lvArea .name {
	margin-top: 10px;
	margin-left: 7px;
	font-size: 0.9rem;
	font-family: "SUIT";
	color: #484E53;
}

.colList .head .numArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-bottom: 17px;
	padding-top: 53px;
}

.colList .head .numArea .num {
	font-size: 3.75rem;
	line-height: 3.75rem;
	font-family: "NanumSquareNeo ExtraBold";
	font-weight: 600;
	margin: 0 5px 3px;
	display: block;
}

.colList .head .numArea .unit {
	position: relative;
	top: -9px;
	font-size: 1.25rem;
	font-family: "SUIT";
	color: #8D91A6;
}

/* colList .body */
.colList .body {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.colList .body .foldArea {
	margin-top: 22px;
	margin-bottom: 0;
}

/* popup #M_viewDetail - line 5499 */
#M_viewDetail {
	max-width: 974px;
	max-height: 800px;
}

#M_viewDetail .popup .mapDetailRight {
	position: relative;
}

#M_viewDetail .halfContainer .left .top {
	position: absolute;
	z-index: 10;
}

#M_viewDetail .btn.editDetail {
	right: 330px;
}

#M_viewDetail .tabCont .btnArea.child {
	position: absolute;
	top: 380px;
	right: 5px;
	z-index: 10;
}

#M_viewDetail .btnArea.child button {
	height: 35px;
	background-color: rgb(62 99 235);
}

#M_viewDetail .webmapList .table.type01.col3 {
	max-height: 400px;
}

#M_viewDetail .themeMapDetail .table.type01.col3 {
	max-height: 280px;
}

#M_viewDetail .contentTr .gray.txt-center {
	height: 50px;
}

#M_viewDetail .btnArea .child.feedback {
	position: static;
	bottom: 50px;
}

.btnArea.saveArea {
	position: absolute;
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    top: 5px;
    right: 5px;
    margin-top: 0 !important;
}

/* commentArea */
.commentArea {
	padding: 15px 15px 30px;
	height: 250px;
	margin-top: 15px;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #F2F2F2;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.commentArea .comment {
	padding: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.commentArea .comment.myComment {
	justify-content: end;
}

.commentArea .commentBody {
	position: relative;
	font-size: 14px;
	background-color: #fff;
	border-radius: 5px;
	padding: 15px 25px 15px 20px;
	font-family: 'SUIT', "NanumSquareNeo", "Malgun Gothic", sans-serif;
	box-shadow: 2px 3px 5px rgb(0, 0, 0, .16);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
	max-width: 550px;
	min-width: 350px;
	width: auto;
}

.commentArea .comment.myComment .commentBody {
	background-color: #ddeeff;
}

/* Comment */
.commentProfile {
	width: 50px;
	height: 50px;
	border-radius: 25px;
	display: inline-block;
	border: 1px solid #BEC1C9;
	overflow: hidden;
	flex-shrink: 0;
}

.commentProfile img {
	width: 100%;
	height: 100%;
}

.commentMention {
	display: inline-block;
	font-weight: 500;
	max-width: calc(100% - 70px);
}

.commentMention .value {
	font-weight: bold;
	font-size: 15px;
	line-height: 100%;
	font-family: "NanumSquareNeo";
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	width: 100%;
}

.commentMention .modalProWrap {
	width: 100%;
}

.commentMention .modalProWrap p {
	margin: 3px 0 5px;
}

.commentMention .modalProWrap p > i::after {
	content: "|";
	margin: 0 5px;
	font-weight: 900;
	color: #959CAB;
}

.commentMention .modalProWrap p > i,
.commentMention .modalProWrap p > em {
	color: #959CAB;
}

.commentMention > p {
	font-size: 1rem;
	font-family: "SUIT";
	color: #6D7E8E;
}

.comment .commentBody::after {
	content: '';
	display: block;
	position: absolute;
	bottom: -16px;
}

.otherComment .commentBody::after {
	border-top: 16px solid #fff;
	border-right: 15px solid transparent;
	border-left: -5px solid transparent;
	left: 10px;
	filter: drop-shadow(1px 5px 3px rgb(0, 0, 0, 0.16));
}

.myComment .commentBody::after {
	border-top: 16px solid #ddeeff;
	border-right: -5px solid transparent;
	border-left: 15px solid transparent;
	right: 10px;
	filter: drop-shadow(1px 5px 3px rgb(0, 0, 0, 0.16));
}

.comment .popupClose {
	position: absolute;
	right: 7px;
	top: 7px;
	width: 20px;
	height: 20px;
	background: url(../images/ico/ico-close-type02.svg)no-repeat center;
	background-size: 10px;
	border: 0;
	z-index: 1;
	cursor: pointer;
}

/* custom */
.countTimer {
	margin-right: 10px;
	line-height: 35px;
	font-size: 16px;
}

/* modal2.area */
#M_viewDetail .right.mapDetailRight {
	padding-top: 0px;
}

#M_viewDetail  .right.mapDetailRight .thumbsUp {
	margin-bottom: 5px;
}

#M_viewDetail .right.mapDetailRight .thumbsUp p {
	display: inline-block;
	color: #6D7E8E;
	margin-left: 3px;
	font-family: "SUIT Bold";
}

#M_viewDetail .right.mapDetailRight .thumbsUp p em {
	display: inline-block;
	margin: 0 1px 0 3px;
}

#M_viewDetail .thumbsUp span {
	display: inline-block;
	position: relative;
	top: 5px;
	padding: 11px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: #3E6FEF;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 13px;
	background-image: url(/images/ico/ico-ddabong-white-12x12.svg);
}

/* popup - line 2203 */
.popup {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	z-index: 1030;
}

.popup::after {
	content: '';
	position: fixed;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100.05vw;
	height: 100.1vh;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: -1;
}

.popup.active {
	display: block;
}

.popup.active.jsGroup .inner.type04>div.myNotificationListPopup,
.popup.active.jsGroup .inner.type04>div.myGroupListPopup {
	height: 100%
}


.popup .inner {
	position: relative;
	border-radius: 25px;
	padding: 40px 36px;
	background-color: #fff;
	display: inline-block;
	width: 100%;
}

.popup .title {
	font-size: 1.5rem;
	font-family: 'SUIT ExtraBold';
	font-weight: 600;
	margin-bottom: 5px;
}

.popup .description {
	font-size: 1.125rem;
	font-family: "SUIT";
	font-weight: 400;
	color: #555;
}

/* popup .head.mo */
.popup .head.mo {
	display: none;
}

/* popup.sc */
.popup.sc>.inner {
	position: static;
	max-height: 840px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #303030 transparent;
	scrollbar-arrow-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-face-color: #303030;
	scrollbar-shadow-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-base-color: #efefef;
}

.popup.sc>.inner::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.popup.sc>.inner::-webkit-scrollbar-thumb {
	background: #c2c2c2;
	border-radius: 5px;
	-webkit-transition: .3s;
	transition: .3s;
}

.popup.sc>.inner::-webkit-scrollbar-track {
	background: none;
	border-radius: 5px;
}

.popup.sc .btnArea {
	top: -25px;
	right: -25px;
}

/* popup .inner.type02 */
.popup.inner.type02 {
	padding: 20px 20px 60px 20px;
}

.popup>.inner.type02.common {
	padding: 40px 36px;
}

.popup>.inner.type02 .imgArea {
	margin-top: 27px;
}

/* popup .inner.type03 */
.popup>.inner.type03 {
	position: relative;
	padding: 23px 20px 45px;
}

.popup>.inner.type03 .btnClose {
	position: absolute;
	top: 5px;
	right: 10px;
	width: 63px;
	height: 63px;
}

.popup>.inner.type03 .btnArea {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 25px;
}

/* popup .inner.type04 */
.popup > .inner.type04 {
	border-radius: 12px;
	padding: 28px 12px;
}

.popup > .inner.type04 .headArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid #E6E6E8;
}

.popup > .inner.type04 .headArea .txt {
	margin-top: 5px;
	padding-bottom: 18px;
	font-size: 1.25rem;
	font-family: "SUIT ExtraBold";
	color: #000;
}

.popup > .inner.type04 .bodyArea .innerHead {
	padding-top: 20px;
	padding-left: 20px;
}

.popup > .inner.type04 .bodyArea .innerHead .headBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.popup > .inner.type04 .btnArea {
	margin-top: 15px;
}

.popup > .inner.type04 .btnArea button {
	width: 100%;
}

.popup > .inner.type04 .listArea.type02 ul {
	padding-top: 15px;
	max-height: 160px;
}

/* popup .inner.type05 */
.popup > .inner.type05 {
	padding: 30px;
}

.board-notice {
    padding: 20px !important;
}

.popup>.inner.type05 .head {
	padding-top: 35px;
	padding-bottom: 20px;
	border-bottom: 1px solid #C9CAD4;
}

.popup>.inner.type05 .head .title {
	font-size: 1.875rem;
	font-family: "SUIT ExtraBold";
	color: #222;
}

.popup>.inner.type05 .tagGroup {
	margin-bottom: 10px;
}

.popup>.inner.type05 .date {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 17px;
	font-size: 0.9375rem;
	font-family: "SUIT";
	font-weight: 400;
	color: #555;
}

.popup>.inner.type05 .date::before {
	content: '';
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background: url("../images/ico/ico-date.svg") no-repeat center;
}

.popup>.inner.type05 .body {
	padding: 20px 0;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #303030 transparent;
	scrollbar-arrow-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-face-color: #303030;
	scrollbar-shadow-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-base-color: #efefef;
	max-height: 260px;
	margin-bottom: 20px;
}

.popup>.inner.type05 .body::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.popup>.inner.type05 .body::-webkit-scrollbar-thumb {
	background: #c2c2c2;
	border-radius: 5px;
	-webkit-transition: .3s;
	transition: .3s;
}

.popup>.inner.type05 .body::-webkit-scrollbar-track {
	background: none;
	border-radius: 5px;
}

.popup>.inner.type05 .body .description {
	font-size: 1rem;
	font-family: "SUIT";
	font-weight: 400;
	color: #444;
	line-height: 28px;
}

.popup>.inner.type05 .body+.btnArea {
	margin-top: 30px;
}

.popup>.inner.type05~.btnArea.outside {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position: static;
	margin-top: 10px;
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	column-gap: 10px;
	font-family: "SUIT";
}

.popup>.inner.type05.noticePopup .body {
	height: 350px;
}

/* popup .inner.stepBox */
.popup .inner.stepBox {
	padding: 0;
}

.popup .inner.stepBox .stepNext {
	padding: 0 48px 30px;
}

.popup .inner.bgBlue {
	background-color: #ECF2FB;
}

.popup .inner .popup_inner {
	padding: 60px 40px 40px 40px;
	border-radius: 20px;
}

.popup .inner .popup_inner.bgWhite {
	background-color: #fff;
}

.popup .inner .complete {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 80px auto 120px;
}

.popup .inner .complete p {
	font-size: 28px;
	font-weight: 600;
	color: #222;
	letter-spacing: -0.03em;
	line-height: 33px;
	margin-top: 15px;
}

/* popup .innerBox */
.popup .innerBox {
	max-width: 372px;
	margin: 0 auto;
	text-align: center;
}

.popup .innerBox .title {
	display: block;
	font-size: 1.5rem;
	line-height: 28px;
	color: #333;
}

/* popup .btnArea */
.popup .btnArea {
	position: absolute;
	top: -26px;
	right: -26px;
	z-index: 1;
}

.popup .btnArea.type02 {
	position: static;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.popup .btnArea.type02 .btnClose {
	background: url("../images/ico/ico-close-type02.svg") no-repeat center;
}

.popup .btnArea.poS {
	position: static;
}

.popup .btnArea .btnClose {
	border-radius: 50%;
	width: 60px;
	height: 60px;
	background: url("../images/ico/ico-popup-close.svg") no-repeat center/25.5px;
	background-color: #000;
}

/* .formContainer, .halfContainer */
.popup .formContainer, .popup .halfContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.popup .formContainer .pictureArea img {
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

.popup .formContainer .pictureArea label.btnUpload.rightBottomPosition {
	position: absolute;
	top: 195px;
	left: 330px;
}

/* formContainer */
.popup .formContainer>div {
	flex: 1;
}

.popup .formContainer .left {
	position: relative;
}

.popup .formContainer .left .top {
	position: absolute;
	top: 0;
	z-index: 10;
}

.popup .formContainer .right .listArea+.btnArea {
	margin-top: 23px;
}

.popup .formContainer .pictureArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 220px;
	border-radius: 10px;
	border: 1px solid #BEC1C9;
	background: #F2F3F5 url("../images/ico/ico-image.svg") no-repeat center 66px;
}

.popup .formContainer .pictureArea .btnUpload {
	margin-top: 42px;
}

.popup .formContainer .pictureArea.type02 {
	height: 250px;
	background: #F2F3F5 url("../images/ico/ico-image.svg") no-repeat center 80px;
}

.popup .formContainer .pictureArea.type02,
.popup .groupDetail .thumbnail {
	width: 403px;
	height: 220px;
}

.popup .formContainer .middle .nameArea {
	margin-top: 21px;
	margin-bottom: 12px;
}

.popup .formContainer .middle .rowBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 28px;
	-moz-column-gap: 28px;
	column-gap: 28px;
}

.popup .formContainer .middle .rowBox .row {
	margin-top: 0;
}

.popup .formContainer .middle .rowBox+.listArea {
	margin-top: 15px;
}

.popup .formContainer .btnArea, .popup .halfContainer .btnArea {
	position: static;
}

.popup .left.auto,
.popup .right.auto {
	width: auto;
}

/* popup .left */
.popup .left .thumbnail {
	position: relative;
	width: 440px !important;
	height: 288px;
	border-radius: 10px;
	border: 1.5px solid #BEC1C9;
	background-color: #fff;
}

.popup .left .thumbnail.type02 {
	width: 405px;
	height: 220px;
}

.popup .left .thumbnail.preview {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #F2F3F5;
}

.popup .left .thumbnail.preview img {
	width: 76px;
	height: 57px;
}

.popup .left .thumbnail img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 10px;
}

.popup .left .thumbnail .btnUpload.type02 {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.popup .left .thumbnail .btnUpload.type02::before {
	content: unset;
}

.popup .left .thumbnail .btnUpload.type02~.toolTip {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: absolute;
	bottom: -14px;
	right: 0;
}

/* popup .right */
.popup .right .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.popup .right .middle .nameArea {
	margin-top: 30px;
	margin-bottom: 28px;
}

.popup .right .middle .nameArea.type02 {
	margin-top: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0;
}

.nameArea.type02.editTit input {
	padding-left: 20px;
}


.popup .right .middle .nameArea.type03 {
	margin-top: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 5px;
}

.popup .right .middle .nameArea.editTit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
}

.popup .right .middle .nameArea.editTit h2 {
	width: calc(100% - 31px);
}

.popup .right .middle .nameArea span {
    display: inline-block;
	font-size: 1.875rem;
	line-height: 100%;
	font-family: "SUIT ExtraBold";
	color: #222;
    width: calc(100% - 50px);
}

.popup .right .middle .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.popup .right .middle .row+.row {
	margin-top: 8px;
}

.popup .right .middle .row+.btnArea {
	margin-top: 23px;
}

.popup .right .middle .btnArea {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 5px;
	-moz-column-gap: 5px;
	column-gap: 5px;
	margin-top: 3px;
}

.popup .right .middle .btnArea .btn.edit {
	margin: 0;
}

.popup .mapDescription+.webmapList,
.popup .mapGalleryDetail .webmapList,
.popup .mapDescription+.layerList,
.popup .webmapList .layerList,
.popup .layerList {
	margin-top: 30px;
}

.popup .mapGalleryDetail .left .thumbnail img,
.popup .mapDetail .left .thumbnail img,
.popup .themeMapDetail .left .thumbnail img,
.popup .layerDetail .left .thumbnail img,
.mapGalleryCard .cardItem .top img,
.contentsCard .cardItem .top img {
	object-fit: contain;
	background-color: #fff;

}
.popup .mapGalleryDetail .left .thumbnail.emptyImage,
.popup .mapDetail .left .thumbnail.emptyImage,
.popup .themeMapDetail .left .thumbnail.emptyImage,
.popup .layerDetail .left .thumbnail.emptyImage,
.mapGalleryCard .cardItem .top.emptyImage,
.contentsCard .cardItem .top.emptyImage,
.mapgalleryCardList .cardItem .pictureArea.emptyImage,
.contentsCardList .cardItem .pictureArea.emptyImage,
.myContentsCardList .cardItem .pictureArea.emptyImage,
.organSummury .left .thumbnail.emptyImage,
.mapGalleryDetail .rowForm .rowFormList .rowFormCell .rowFormBody .previewImg.emptyImage
{
	object-fit: contain;
	background: #fff url(../images/common/logo-mapPick.svg) no-repeat center;
}
#header .logoArea .logo .logo.custom.mappick{
	width: unset;
	height: 34px;
	min-width: 120px;
	object-fit: contain;
	background: url(../images/mappickMain/logo-mapPick-header.svg) no-repeat center;
	background-size: contain;
}
.mapgalleryCardList .cardItem .pictureArea.plusMore{
	object-fit: cover;
	background: #fff url(../images/common/btnGalleryplusMore.png) no-repeat center;
}
#sideMenu .head .logo.mappick{
	background: #fff url(../images/common/logo-mapPick.svg) no-repeat center;
	background-size: contain;
}
.userCardItem .topArea .person .emptyImage,
.groupCard .topImgArea .emptyImage,
.currentGroupItem .groupLogo .emptyImage {
	background: #fff url(../images/ico/ico-group-people.png) no-repeat center;
	background-size: contain;
	border-radius: 50%;
	-o-object-fit: none;
	object-fit: unset;
}
.currentGroupItem .groupLogo .emptyImage{
	width: 100%;
	height: 100%;
}
.userCardItem .topArea .person .emptyImage{
	width:80px;
	height:80px;
}
.groupCard .topImgArea .emptyImage{
	width:100px;
	height:100px;
}
.table td .recent{
	background: url(../images/admin/icon/recent.png) no-repeat center;
	background-size: inherit;
	object-fit: unset;
	width: 100%;
	height: 100%;
}
.mapGalleryDetail .rowForm .rowFormList .rowFormCell .rowFormBody .previewImg > img {
	height: 100%
}

.themeMapDetail .thumbnail .imageDeleteBtn,
.mapDetail .thumbnail .imageDeleteBtn,
.layerDetail .thumbnail .imageDeleteBtn,
.groupDetail .imageDeleteBtn {
	position: absolute;
	bottom: 10px;
	right: 60px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.65) url(../images/ico/ico-trash_20x20.svg) no-repeat center;
}

.popup .left .thumbnail .imageDeleteBtn~.imageDeleteBtnToolTip.toolTip,
.mapGalleryDetail .previewImg .imageDeleteBtn~.imageDeleteBtnToolTip.toolTip {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: absolute;
	bottom: -14px;
}

.popup .left .thumbnail .imageDeleteBtn~.imageDeleteBtnToolTip.toolTip {
	right: 55px;
}

.mapGalleryDetail .previewImg .imageDeleteBtn~.imageDeleteBtnToolTip.toolTip {
	left: 5px;
}

.mapGalleryDetail .previewImg {
	position: relative;
}

.groupDetail .imageDeleteBtn:hover {
	background-color: #000;
	transition: background-color 0.5s ease;
}

.mapGalleryDetail .previewImg .imageDeleteBtn {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.65) url(../images/ico/ico-close-27x27.svg) no-repeat center;
}

/* popup .mapDescription */
.popup .mapDescription {
	margin: 5px 0 20px;
	border-radius: 10px;
	padding: 20px 28px;
	background-color: #F2F2F2;
	max-height: 120px;
	overflow-x: hidden;
	overflow-y: auto;
	line-height: 28px;

	white-space: pre-wrap;
	word-break: break-word;
	min-height: 67px;
	font-family: "SUIT";
}

.popup .mapDescription::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.popup .mapDescription::-webkit-scrollbar-thumb {
	background: #c2c2c2;
	border-radius: 5px;
	-webkit-transition: .3s;
	transition: .3s;
}

.popup .mapDescription::-webkit-scrollbar-track {
	background: none;
	border-radius: 5px;
}

.popup .mapDescription>p {
	font-size: 1rem;
	font-family: "SUIT";
	font-weight: 400;
	color: #555;
	letter-spacing: -0.028rem;
	white-space: pre-line;
}

.popup .mapDescription+.table {
	margin-top: 32px;
}

.popup .mapDescription+.btnArea {
	margin-top: 15px;
}

/*지도/테마지도/레이어 제목 수정 css*/
.mapDescription.editTit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.mapDescription.editTit textarea {
	width: 100%;
}

/*지도/테마지도/레이어 설명 수정 css*/
.popup .mapDescription.edit {
	margin-top: unset;
	border-radius: unset;
	padding: unset;
	background-color: unset;
	max-height: unset;
	overflow-x: unset;
	overflow-y: unset;
	line-height: unset;
}

.popup .mapDescription.edit textarea {
	font-family: 'pre Regular';
	width: 100%;
	height: 100px;
}

/* popup sectionName */
.popup .sectionName {
	font-family: "SUIT";
	font-weight: 700;
	color: #333;
}

.popup .sectionName.sm {
	font-size: 1.0625rem;
}

.popup .sectionName.lg {
	font-size: 1.75rem;
}

/* popup sectionBox */
.sectionBox {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 26px 0 18px;
}

.popup .sectionBox .btnArea {
	position: static;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 8px;
	-moz-column-gap: 8px;
	column-gap: 8px;
}

.popup .sectionBox.fs {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.popup .sectionBox.sb {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.popup .sectionBox.dot {
	position: relative;
}

.popup .sectionBox.dot .sectionName {
	padding-left: 12px;
}

.popup .sectionBox.dot .sectionName::before {
	content: '';
	position: absolute;
	left: 0;
	top: 11px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #000;
}

.popup .sectionBox.dot .sectionName.type02 {
	font-family: 'pre Medium';
	color: #555;
}

.sectionBox.type02 {
	-webkit-box-shadow: 0px 3px 10px 2px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 3px 10px 2px rgba(0, 0, 0, 0.16);
	padding: 20px;
	border-radius: 12px;
	border: 1px solid #9FA5B9;
	margin-top: 24px;
	margin-bottom: 24px;
	max-height: 380px;
	overflow-y: auto;
}

.popup .sectionBox.type03 {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 22px;
}

.popup .sectionBox .num.type02 {
	display: inline-block;
	background-color: #fff;
	color: #3E6FEF;
	padding: 0 20px;
	text-align: center;
	width: 65px;
	height: 38px;
	border-radius: 30px;
	font-size: 28px;
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 38px;
	margin-left: 12px;
}

/* popup .setArea */
.popup .setArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	row-gap: 15px;
}

.popup .setArea .group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	row-gap: 8px;
}

.popup .setArea .setLabel {
	font-size: 1rem;
	font-family: "SUIT";
	color: #000;
}

/*맵갤러리/컨텐츠 레이어 목록 레이어 형태 icon*/
.layerList .orange.layerShape {
	width: 50px;
	height: 50px;
}

.layerList .orange.layerShape.dot {
	background: url(../images/ico/ico-layer-dot.png) no-repeat center;
}

.layerList .orange.layerShape.layer-group {
	background: url(../images/ico/ico-layer-group.png) no-repeat center;
}

.layerList .orange.layerShape.line {
	background: url(../images/ico/ico-layer-line.png) no-repeat center;
}

.layerList .orange.layerShape.plane {
	background: url(../images/ico/ico-layer-plane.png) no-repeat center;
}

.layerList .orange.layerShape.wmts {
	background: url(../images/ico/ico-layer-t.png) no-repeat center;
}

.layerList .orange.layerShape.geo-image {
	background: url(../images/widget/ico/ico-layer-g.png) no-repeat center;
}

/* popup .groupDescription */
.popup .groupDescription textarea {
	font-family: 'pre Regular';
	width: 100%;
	height: 100px;
}

.popup .groupDescription textarea::-webkit-input-placeholder {
	font-family: 'pre Regular';
	color: #999;
}

.popup .groupDescription textarea::-moz-placeholder {
	font-family: 'pre Regular';
	color: #999;
}

.popup .groupDescription textarea:-ms-input-placeholder {
	font-family: 'pre Regular';
	color: #999;
}

.popup .groupDescription textarea::-ms-input-placeholder {
	font-family: 'pre Regular';
	color: #999;
}

.popup .groupDescription textarea::placeholder {
	font-family: 'pre Regular';
	color: #999;
}

.popup .groupDescription+.sectionBox {
	margin-top: 20px;
	margin-bottom: 15px;
}

.popup .table+.btnArea {
	margin-top: 24px;
}

/* popup .popTitArea */
.popup .popTitArea {
	position: relative;
	padding-left: 130px;
}

.popup .popTitArea::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 108px;
	height: 95px;
	background: url("../images/common/ico-inquiry.png") no-repeat center;
}

.popup .popTitArea>.title {
	font-size: 2rem;
	font-family: "pre SemiBold";
	color: #000;
	margin-bottom: 5px;
}

.popup .popTitArea>.desc {
	font-size: 1.125rem;
	font-family: "pre Regular";
	color: #333;
}

/* popup .contentsContainer */
.popup .contentsContainer {
	display: block;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0;
}

.popup .contentsContainer .innerContentsArea .formColArea .formColgroup textarea {
	height: 160px;
}

.popup .contentsContainer+.btnArea {
	margin-top: 20px;
}

/* titleArea */
.titleArea {
	text-align: center;
}

.titleArea > .tit {
	position: relative;
	font-size: 1.625rem;
	font-family: "NanumSquareNeo Bold";
	color: #333;
}

.titleArea > .tit::before {
	content: '';
	position: absolute;
	top: -35px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 30px;
	height: 36px;
	background: url("../images/ico/ico-pin.svg") no-repeat center;
}

.headContent .titleArea > .tit::before {
	display: none;
}

.headContent .titleArea > .tit.mappick-login-log-append::before {
	display: inline-block;
	top: -60px;
	width: 154px;
	height: 50px;
	background: url("../images/common/logo-mapPick.svg") no-repeat center;
}

.titleArea .desc {
	margin-top: 8px;
	font-size: 0.9375rem;
	font-family: "SUIT";
	color: #888;
}

.titleArea+.formArea {
	margin-top: 30px;
}

.titleArea .subTit {
	display: block;
	font-family: "SUIT";
	font-size: 1.125rem;
	color: #333333;
	line-height: 1.4375rem;
	margin-top: 16px;
}

.titleArea .subTit+.desc {
	margin-top: 0;
	margin-bottom: 33.8px;
}


/* formArea .inputArea */
.formArea .inputArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	row-gap: 15px;
	position: relative;
}

.formArea .inputArea input {
	width: 100%;
}

.formArea .inputArea input.idInput {
	background: #fff url("../images/ico/ico-input-id.svg") no-repeat 13px center;
	padding-left: 40px;
}

.formArea .inputArea input.pwInput {
	background: #fff url("../images/ico/ico-pw.svg") no-repeat 15px center / 17px;
	padding-left: 40px;
}

.formArea .inputArea+.bottom {
	padding-top: 15px;
}

.formArea .inputArea input.pwInput[disabled="disabled"],
.formArea .inputArea input.idInput[disabled="disabled"] {
	background-color: rgb(232, 240, 254);
}

.loginArea input[type="password"] {
	width: 100%;
	margin-bottom: 5px;
}

.loginArea button.btn-password {
	width: 100%;
}

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

.formArea .tips, .inputContainer .tips {
	margin-top: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 0.85rem;
	font-family: "SUIT";
	color: #777;
}

.formArea .tips::before, .inputContainer .tips::before {
	content: '';
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: center;
}

/* inviteConstituent */
.inviteConstituent .group__row .inputArea {
	position: relative;
}

.inviteConstituent .formArea .tips {
	position: absolute;
    bottom: -25px;
    display: inline-block;
    white-space: nowrap;
}

.inviteConstituent .formArea .tips::before {
	display: inline-block;
    position: relative;
    top: 3px;
}

.formArea .tips.green::before {
	width: 16px;
	height: 16px;
	background-image: url("../images/ico/ico-info-green.svg");
}

.formArea .tips.blue::before {
	width: 16px;
	height: 16px;
	background-image: url("../images/ico/ico-info-blue.svg");
}

.formArea .tips.red::before, .inputContainer .tips.red::before {
	width: 17px;
	height: 15px;
	background-image: url("../images/ico/ico-warning.svg");
}

/* formArea .row */
.formArea .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.formArea .row .formLabel {
	min-width: 57px;
	margin-right: 58px;
	font-size: 1rem;
	font-family: "SUIT";
	color: #000;
}

.formArea .row .formLabel.middleType01 {
	position: relative;
	top: -11px;
}

.formArea .row .inputGroup {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.formArea .row .inputGroup .absBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

.formArea .row .inputGroup.col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.formArea .row .inputBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

.formArea .row .inputBox.last {
	padding-left: 115px;
}

.formArea .row .inputBox.cgType01 {
	-webkit-column-gap: 5px;
	-moz-column-gap: 5px;
	column-gap: 5px;
}

.formArea .row .inputBox.hasTip .abs {
	top: 5px;
}

.inputBox + .inputBox {
	margin-top: 10px;
}

.admin-panel__content .searchArea_input .inputBox + .inputBox {
	margin-top: 0;
}

.formArea .row .tipBox {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.formArea .row .tipBox input {
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
}

.formArea .row input {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.formArea .row +.row {
	margin-top: 36px;
}

.formArea .btnArea.abs {
	right: 5px;
}

.formArea .btnArea.abs2 {
	right: 20px;
}

.formArea+.btnArea {
	padding-top: 32px;
}


/* subSearchArea */
.subSearchArea {
	position: relative;
	z-index: 100;
}

.subSearchArea input {
	min-width: 640px;
	height: 64px;
	border-radius: 50px;
	border: 0;
	padding-left: 40px;
	padding-right: 70px;
	font-size: 1.375rem;
	font-family: "SUIT";
	color: #000;
	background-color: #F0F1F3;
}

.subSearchArea input::-webkit-input-placeholder {
	font-size: 1.375rem;
	font-family: 'pre Medium';
	color: #000;
}

.subSearchArea input::-moz-placeholder {
	font-size: 1.375rem;
	font-family: 'pre Medium';
	color: #000;
}

.subSearchArea input:-ms-input-placeholder {
	font-size: 1.375rem;
	font-family: 'pre Medium';
	color: #000;
}

.subSearchArea input::-ms-input-placeholder {
	font-size: 1.375rem;
	font-family: 'pre Medium';
	color: #000;
}

.subSearchArea input::placeholder {
	font-size: 1.375rem;
	font-family: 'pre Medium';
	color: #000;
}

.subSearchArea .absBox .btnArea.abs {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 8px;
}

/* CARD */
/* mapGallery - line 1931 */
.cardList {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	-webkit-column-gap: 28px;
	-moz-column-gap: 28px;
	column-gap: 28px;
	row-gap: 32px;
}

.cardItem {
	position: relative;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 0 1px #CBCCD3;
	box-shadow: 0 0 0 1px #CBCCD3;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	cursor: pointer;
}

.cardItem .top {
	position: relative;
	padding-top: 63.305%;
	overflow: hidden;
	border-radius: 5px 5px 0 0;
	background-color: #fff;
}

.cardItem .top img {
	position: absolute;
	top: 0;
	border-radius: 5px 5px 0 0;
	width: 100%;
	height: 100%;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.cardItem .top.preview {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #F2F3F5;
}

.cardItem .top.preview img {
	width: 76px;
	height: 57px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.cardItem .body {
	position: relative;
	padding: 35px 20px 30px 20px;
	background-color: #fff;
	border-radius: 0 0 10px 10px;
}

.cardItem .body .category {
	position: absolute;
	top: -28px;
	right: 20px;
	z-index: 20;
}

.cardItem:has(iframe.video) .body {
	padding: 7px 0px 10px 25px;
	font-size: 1.05rem;
    font-family: 'SUIT Bold';
}

.cardItem .middle {
	margin-bottom: 25px;
}

.cardItem .middle .tit {
	font-size: 1.15rem;
	font-family: "SUIT Bold";
	color: #333;
	margin-bottom: 12px;
}

.cardItem .middle .desc {
	font-size: 0.95rem;
	font-family: "SUIT";
	color: #686868;
	height: 20px;
	line-height: 100%;
}

.cardItem .bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	column-gap: 10px;
	justify-content: space-between;
}

.cardItem .bottom .date {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex-shrink: 1 !important;
}

.cardItem .bottom .name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex-shrink: 1 !important;
}

.cardItem .bottom .date,
.cardItem .bottom .name,
.cardItem .bottom .recommend {
	display: inline-block;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 0.85rem;
	color: #787878;
	font-family: "SUIT";
	flex-shrink: 0;
}

.cardItem .bottom .date::before,
.cardItem .bottom .name::before,
.cardItem .bottom .recommend::before {
	content: '';
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	position: relative;
	top: 2px;
	margin-right: 3px;
}

.cardItem .bottom .date::before {
	background-image: url("../images/ico/ico-date.svg");
}

.cardItem .bottom .name::before {
	background-image: url("../images/ico/ico-name-people.svg");
}

.cardItem .bottom .recommend::before {
	background-image: url("../images/ico/ico-ddabong-gray-mini.svg");
}

.cardItem.active::before,
.cardItem.active .dimmedArea {
	opacity: 1;
	visibility: visible;
}

.cardItem.active.map {
	-webkit-box-shadow: 0 0 0 3px #0065EB;
	box-shadow: 0 0 0 3px #0065EB;
}

.cardItem.active.theme {
	-webkit-box-shadow: 0 0 0 3px #1CC6E0;
	box-shadow: 0 0 0 3px #1CC6E0;
}

.cardItem.active .top img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.cardItem::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-box-shadow: 0px 2px 5px rgba(19, 40, 85, 0.2);
	box-shadow: 0px 2px 5px rgba(19, 40, 85, 0.2);
	border-radius: 20px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.cardItem .btnShare {
	position: absolute;
	bottom: 10px;
	right: 14px;
	z-index: 100;
}

.cardItem .btnShare.type02 {
	position: static;
	margin-left: auto;
}

.cardItem.type02 .middle {
	margin-bottom: 15px;
}

.cardItem.type02 .bottom {
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0;
}

.cardItem.type02 .bottom .name {
	margin-left: 32px;
}

/*card에서 이미지 없는 경우, 기본 이미지 적용*/
.mainMapGallery .pictureArea.empty,
.cardList .cardItem .pictureArea.empty {
	width: 100%;
	height: 100%;
	border-radius: 10px 10px 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #F2F3F5 url(../images/ico/ico-image.svg) no-repeat center;
	position: absolute;
	top: 0px;
}

.seeMoreArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 32px;
	padding-bottom: 60px;
}

.seeMoreArea.type02 .btnSeeMore {
	height: 57px;
}

.seeMoreArea.zero {
	margin-top: 0;
	padding-bottom: 0;
}

.seeMoreArea.double {
	padding-bottom: 120px;
}

.category {
	width: 52px;
	height: 52px;
	background-repeat: no-repeat;
	background-position: center;
}

.category.map {
	background-image: url("../images/ico/ico-category-map.svg");
}

.category.theme {
	background-image: url("../images/ico/ico-category-theme.svg");
}

.category.layer {
	background-image: url("../images/ico/ico-category-layer.svg");
}

/* organInfo - 기관정보 */
.organ + .organ {
	margin-top: 60px;
}

.nameArea {
	width: 100%;
	margin: 0 0 25px;
	font-size: 1.375rem;
	line-height: 1.375rem;
	font-family: "NanumSquareNeo Bold";
	color: #484E53;
	position: relative;
	display: inline-block;
}

.nameArea button {
    display: inline-block;
}

.btn.editDetail {
	display: inline-block;
}

.organSummury .organInfo .infoWrap {
	display: block;
	width: calc(100% - 20px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 32px;
	height: 180px;
	gap: 20px;
	position: relative;
	left: -5px;
}

/* organThumbnail */
.organ .organLogo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 20px;
	width: 100%;
}

.organ .organLogo>div {
	display: inline-block;
}

.organ .organLogo .organThumbnail {
	width: 350px;
	height: 240px;
	border: 1px solid #BEC1C9;
	border-radius: 10px;
	margin-right: 45px;
	overflow: hidden;
	background: url(../images/bg/preview_sample_default.png) center center / contain;
}
.organ .organLogo .organThumbnail.emptyImage{
	background: url(../images/bg/preview_sample.png) center center / contain;
	background-repeat: no-repeat;
	background-size: cover;
}
.organThumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.organ .organLogo .organThumbTxt {
	font-size: 1.025rem;
	width: 800px;
	line-height: 180%;
	margin-top: 45px;
}

.organThumbTxt .btnArea {
	margin-top: 15px;
}

.organThumbTxt .btnArea button {
	display: inline-block;
	height: 32px;
	margin-right: 5px;
}

.organSummury .organInfo .infoArea .infoInner p span:nth-child(2) span {
	width: 200px;
}

/* organ - line 2240 */
/* 기관정보 */
/* organSummury */
.organ.organSummury {
	width: 100%;
}

.organ.organSummury:has(.thumbnail) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 50px;
	margin-top: 30px;
}

.organ.organSummury .right{
   width : calc(100% - 560px);
}

/* left - 썸네일 */
.organSummury .left .thumbnail {
	display: inline-block;
	position: relative;
	width: 510px;
	height: 375px;
	border-radius: 10px;
	border: 1.5px solid #BEC1C9;
	background-color: #fff;
	overflow: hidden;
}

.organSummury .left .thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* .right - 기관정보 */
.organSummury .organInfo .infoArea .infoInner p span:first-child {
	margin-bottom: 15px;
	display: inline-block;
}

.organSummury .organInfo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	gap: 5px;
	font-family: "SUIT";
}

.organSummury .organInfo .infoItem {
	line-height: 20px;
}

.organSummury .organInfo .infoItem.half {
	display: inline-block;
}

.organSummury .organInfo .infoItem i {
	color: #787878;
	width: 150px;
	display: inline-block;
	align-items: baseline;
	flex-shrink: 0;
	line-height: 40px;
	position: relative;
	top: -2px;
}

.organSummury .organInfo .infoItem i::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: linear-gradient(90deg, #5B94F8 0%, #5A7BFF 100%);
	display: inline-block;
	position: relative;
	top: -3px;
	margin-right: 10px;
}

.organSummury .organInfo .infoItem p {
	display: inline-block;
}

.organSummury .organInfo .infoItem:last-of-type {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	top: 5px;
}

.organSummury .organInfo .infoItem .inputContainer {
	max-width: 476px;
}

.organSummury .organInfo .infoItem .inputContainer input {
	min-width: auto;
}

.organSummury .organInfo .infoItem p > span::before, .organSummury .organInfo .infoItem .inputContainer::before {
	content: " ";
	width: 2px;
	height: 20px;
	margin-right: 20px;
	position: relative;
	top: 4px;
	display: inline-block;
	background-color: #BBBBBB;
}

.organSummury .organInfoArea .infoItem p > span::before {
	margin-right: 25px;
}

.organSummury .organInfo .infoItem .adminItem span {
	width: 210px;
}

.organSummury .organInfo .infoItem p>span,
.organSummury .right .organInfo .infoItem .adminItem span {
	color: #666666;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-right: 20px;
}

/* organSummury .organInfoArea */
.organSummury .organInfoArea .organInfo {
	gap: 20px;
}

.organSummury .organInfoArea .organInfo .infoItem {
	font-size: 17px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.organSummury .organInfoArea .organInfo .infoItem > p > span > input {
	height: 40px !important;
	min-width: 450px !important;
}

/* infoWrap */
.organSummury .right .infoWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 180px;
	gap: 30px;
	width: 100%;
	margin-top: 50px;
}

.infoWrapBox {
	flex: 1;
	background-color: #F6F6F6;
	border-radius: 25px;
	text-align: center;
	font-size: 65px;
	font-weight: bold;
	font-family: "NanumSquareNeo ExtraBold";
	padding: 30px 0 0;
}

.infoWrapBox:first-child {
	color: #F98E91;
}

.infoWrapBox:nth-child(2) {
	color: #FFD427;
}

.infoWrapBox:last-child {
	color: #5A90FC;
}

.infoWrapBox span {
	font-size: 18px;
	display: block;
	color: #666666;
	padding-top: 10px;
	font-family: "SUIT";
}

/* 기관 설명 */
.organSummury div.organDetail {
	margin: 80px 0 70px;
}

/* detailArea */
.detailArea {
	width: 100%;
	padding: 25px 40px;
	color: #777777;
	background-color: #F6F6F6;
	border-radius: 10px;
	font-size: 1.025rem;
	font-family: "SUIT";
}

/* 사용자 접속 현황 */
.organUserWrap {
	border: 1px solid #C2C2C2;
	border-radius: 20px;
	width: 100%;
	height: 500px;
	padding: 20px 0;
}

.organUserWrap>div {
	width: 100%;
	height: 100%;
	position: relative;
}

/* subscribe */
/* tabCont.subscribe */
.subscribe_inner {
	border-top: 1px solid #D4D9DE;
	padding: 25px 35px;
}

/* .subIng.on */
.subIng.on {
	border: 2px solid #3E63EB;
}

.subIng.on .subscribe_accord_h {
	height: 56px;
	border-bottom: 1px solid #F6F6F6;
}

.subIng.on .subscribe_accord_b {
	display: block;
}

.subIng.on .subscribe_accord_h > .accord_cb span {
	display: block;
	background-color: #3E63EB;
	width: 16px;
	height: 16px;
	margin: 2px;
	border-radius: 50%;
	background-image: url(../images/ico/check-mark_w.png);
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: 3px center;
}

/* subscribe_accord_h */
.subscribe_accord_h {
	position: relative;
	height: 42px;
	cursor: pointer;
	padding-bottom: 10px;
}

.subscribe_accord_h > .accord_cb {
	width: 22px;
	height: 22px;
	appearance: auto;
	top: 9px;
	left: -7px;
	border: 1px solid #A3AABF;
	border-radius: 11px;
}

.subIng .subscribe_accord_h > .accord_cb span {
	display: none;
}

.subscribe_accord_h > div {
	position: absolute;
	left: 40px;
	font-size: 1.02rem;
}

.subscribe_accord_h > div > h5 {
	font-weight: bold;
	margin-bottom: 3px;
	color: #000;
	font-size: 16px;
}

.subscribe_accord_h > div > p {
	color: #707070;
	font-size: 0.925rem;
}

/* .subscribe_accord_b */
.subscribe_accord_b {
	display: none;
	margin-top: 20px;
	padding-left: 40px;
}

.subscribe_accord_b > .accord_head {
	font-size: 0.93rem;
	margin: 0 0 18px 1px;
	color: #707070;
}

.subscribe_accord_b > .accord_head p i {
	margin-bottom: 5px;
	width: 70px;
	display: inline-block;
}

.subscribe_accord_b > .accord_head p span {
	display: inline-block;
	width: 100px;
}

.subscribe_accord_b > .accord_head p span::before {
	content: ":";
	display: inline-block;
	margin: 0 10px;
}

.subscribe_accord_b > .accord_head p em {
	max-width: 150px;
	min-width: 120px;
	display: inline-block;
}

.subscribe_accord_b > .accord_head p em::after {
	content: "+";
	display: inline-block;
	margin: 0 10px;
}

/* 부가서비스 */
/* accord_body */
.accord_body {
	background-color: #F6F6F6;
	padding: 25px 40px 10px;
	border-radius: 10px;
}

.accord_body > div {
	margin: 0 0 8px 0;
}

.accord_body > div > .accord_checkbox {
	appearance: auto;
	width: 20px;
	height: 20px;
	display: inline-block;
	border-radius: 4px;
	position: relative;
	top: -5px;
	left: -2px;
}

.accord_body b {
	display: inline-block;
	position: relative;
	left: 15px;
	top: -4px;
	font-size: 16px;
}

/* accord_numb */
.check_b {
	display: inline-block;
}

.accord_numb {
	display: inline-block;
}

.accord_numb > .accord_numb_l, .accord_numb > .accord_numb_r {
	background-color: #fff;
	width: 40px;
	height: 34px;
	position: relative;
	bottom: 2px;
	font-weight: bold;
	color: #707070;
	font-size: 20px;
}

.accord_numb > .accord_numb_l {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	left: 45px;
	padding-left: 5px;
}

.accord_numb > .accord_numb_r {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	left: -21px;
	padding-right: 5px;
}

.accord_body > div > .accord_numb > input.accord_numb_i {
	height: 34px;
	width: 100px;
	padding-left: 0;
	padding-right: 0;
	position: relative;
	left: 47px;
	border: 1px solid #CBCCD3;
}

.accord_body > div p {
	display: inline-block;
	position: relative;
	top: -2px;
	left: 120px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0;
	min-width: 70px;
	max-width: 200px;
}

/* accord_foot */
.accord_foot {
	background-color: #F2F5F8;
	padding: 5px 35px 15px;
	border-radius: 10px;
	margin-top: 15px;
	color: #707070;
	font-weight: bold;
	font-size: 0.925rem;
	letter-spacing: 0;
}

.accord_foot::before {
	content: "";
	padding: 7px;
	width: 10px;
	height: 10px;
	display: inline-block;
	background-image: url(../images/ico/ico-idea.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	top: 5px;
}

/* subscribe_r */
.subscribe_r > div {
	margin-bottom: 15px;
}

.subscribe_r .subscribe_top {
	background-color: #EEF0F8;
	padding: 35px;
	border-radius: 15px;
}

.subscribe_top strong, .subscribe_middle strong {
	margin-bottom: 20px;
}

.subscribe_r .subscribe_top strong,
.subscribe_r .subscribe_middle strong {
	font-weight: bold;
	font-size: 1.15rem;
	display: block;
	letter-spacing: 0;
}

.subscribe_r .subscribe_top i, .subscribe_r .subscribe_middle i {
	font-size: 0.925rem;
	color: #999;
	margin: 13px 0;
	display: inline-block;
}

.subscribe_middle ul li {
	font-size: 14px;
}

.subscribe_r .subscribe_top p {
	font-size: 16px;
	padding-left: 22px;
	position: relative;
	line-height: 130%;
	color: #707070;
}

.subscribe_r .subscribe_top p:not(:last-child) {
	margin-bottom: 7px;
}


/* 가격 정책 안내표 */
.subscribe_r .subscribe_top .subscribe_info {
	position: relative;
}

.subscribe_r .subscribe_top .subscribe_info::after {
	content: "";
	padding: 1px 11px;
	/* background-color: #fff; */
	width: 22px;
	height: 22px;
	border-radius: 11px;
	background-image: url(../images/ico/ico-question-mark.png);
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 5px;
	cursor: pointer;
}

.subscribe_r > .subscribe_top > .subscribe_info:hover > .subscribe_info_img {
	position: absolute;
	top: 20px;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.16);
	border-radius: 10px;
	background-color: #fff;
	width: 440px;
	height: 345px;
	background-image: url(../images/common/subscribe_info_img.png);
	z-index: 40;
	background-size: contain;
}

.subscribe_r .subscribe_top p span {
	padding: 10px;
	background-image: url(../images/ico/ico-check-mark.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: absolute;
	left: -4px;
	top: -1px;
}

/* subscribe_middle */
.subscribe_middle {
	padding: 35px 35px 45px;
	border-radius: 15px;
	position: relative;
	background-color: #f6f6f6;
}

.subscribe_middle ul li {
	margin-bottom: 3px;
	font-size: 14px;
	color: #777;
}

.subscribe_middle ul li::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #A3AABF;
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top: -2px;
}

.subscribe_middle ul li em {
	width: 124px;
	display: inline-block;
}

.subscribe_middle ul li p {
	text-align: right;
	display: inline-block;
	width: 100px;
	letter-spacing: 0;
}

.subscribe_middle ul li span {
	margin-right: 3px;
}

.subscribe_hr {
	border: 1px solid #ddd;
	display: block;
	width: 100%;
	margin: 22px 0;
}

.sub_m_b {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 250px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 3px;
}

.sub_m_b div {
	justify-content: space-between;
	width: 125px;
}

.sub_m_b div:last-child {
	text-align: end;
}

.subscribe_detail {
	position: absolute;
	left: 50%;
	bottom: -15px;
	background-color: #fff;
	font-size: 1.0rem;
	border: 1px solid #777;
	padding: 11px 30px;
	border-radius: 24px;
	margin-left: -65px;
	font-weight: bold;
	color: #777;
}

/* subscribe_bottom */
.subscribe_bottom {
	font-size: 0.925rem;
	color: #777;
	margin: 35px 0 0 5px
}

.subscribe_bottom ul li {
	margin-bottom: 5px;
	color: #AAAAAA;
	font-size: 14px;
}

.subscribe_bottom ul li::before {
	content: "";
	background-color: #888;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	top: -2px;
	margin-right: 7px;
}

/* contentsContainer */
.contentsContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-column-gap: 50px;
	   -moz-column-gap: 50px;
	        column-gap: 50px;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	position: relative;
}

/* contentsContainer .innerContentsArea */
.contentsContainer .innerContentsArea .cardArea.active .cardList li:nth-child(n+4) {
	display: block;
}

.contentsContainer .innerContentsArea .cardList li:nth-child(n+4) {
	display: none;
}

.contentsContainer .innerContentsArea .cardItem .body {
	padding: 25px 20px;
}

.contentsContainer .innerContentsArea .cardItem .middle {
	margin-bottom: 0;
}

.contentsContainer .innerContentsArea .cardItem .top {
	padding-top: 57.444%;
}


/* 내 정보 관리 */
/* contentsContainer .profileArea */
.contentsContainer .innerContentsArea .profileArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	row-gap: 5px;
}

.contentsContainer .innerContentsArea .profileArea label {
	cursor: pointer;
}

/* contentsContainer .formColArea */
.contentsContainer .innerContentsArea .formColArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin-top: 28px;
	row-gap: 25px;
}

.contentsContainer .innerContentsArea .formColArea + .btnArea {
	margin-top: 24px;
}

.contentsContainer .innerContentsArea .formColgroup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 10px;
	font-family: "SUIT";
}

.contentsContainer .innerContentsArea .formColgroup input {
	width: 100%;
}

.contentsContainer .innerContentsArea .formColgroup .selectArea:has(label) {
	width: 100%;
	row-gap: 10px;
}

.contentsContainer .innerContentsArea .formRowArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 12px;
	   -moz-column-gap: 12px;
	        column-gap: 12px;
}

.contentsContainer .innerContentsArea .formRowArea + .formColArea {
	margin-top: 30px;
}

.contentsContainer .innerContentsArea .formRowgroup {
	width: 100%;
}

.contentsContainer .innerContentsArea .btnArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

/* listArea */
.listArea ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	row-gap: 8px;
}

.listArea ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: "SUIT Bold";
}

.listArea ul li span {
	display: block;
}

.listArea ul li span.close {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	background: url(../images/ico/ico-close-27x27-alram.svg) no-repeat center center / 12px;
	transition: 0.3s;
}

.listArea ul li:hover span.close {
	background: url(../images/ico/ico-close-27x27-black.svg) no-repeat center center / 12px;
}

.listArea ul li .first {
	position: relative;
	min-width: 77.5px;
	font-size: 1rem;
	font-family: "SUIT";
	color: #555;
	padding-left: 12px;
	margin-right: 42px;
}

.listArea ul li .first::before {
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	width: 6px;
	height: 6px;
	background-color: #000;
	border-radius: 50%;
}

.listArea ul li .second {
	font-size: 1rem;
	font-family: "SUIT";
	color: #000;
}

.listArea.type02 ul {
	padding-top: 10px;
	max-height: 155px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #6D7E8E transparent;
	scrollbar-arrow-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-face-color: #6D7E8E;
	scrollbar-shadow-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-base-color: #efefef;
	padding-right: 5px;
	row-gap: 0;
}

.listArea.type02 ul::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.listArea.type02 ul::-webkit-scrollbar-thumb {
	background: #c2c2c2;
	border-radius: 5px;
	-webkit-transition: .3s;
	transition: .3s;
}

.listArea.type02 ul::-webkit-scrollbar-track {
	background: none;
	border-radius: 5px;
}

.listArea.type02 ul li {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 36px;
	border-radius: 5px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	padding: 0 10px 0 12px;
	cursor: pointer;
	gap: 5px;
}

/* myList */
.myList li .listArea.type02 li:hover {
	background-color: #EBF6FF;
}

.listArea.type02 ul li > a {
	font-size: 0.9rem;
	font-family: "SUIT";
	font-weight: 500;
	color: #6D7E8E;
	padding-left: 17px;
	transition: 0.3s;
}

.listArea.type02 ul li:hover > a {
	color: #3E63EB;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.listArea.type02 ul li::before {
	content: '';
	position: absolute;
	left: 17px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #9FA5B9;
}

.listArea.type02 ul li.empty::before {
	display: none;
}

.listArea.type02 ul li:hover::before {
	background-color: #5B94F8;
}

.listArea.type03 ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	row-gap: 10px;
}

.listArea.type03 ul li {
	position: relative;
	font-size: 1rem;
	font-family: "SUIT";
	color: #6D7E8E;
}

.listArea.type03 ul li::before {
	content: '';
	width: 5px;
	height: 5px;
	margin-right: 10px;
	border-radius: 50%;
	background-color: #959CAB;
}

.listArea.type04 ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.listArea.type04 ul li {
	position: relative;
	display: inline-block;
	font-size: 0.9rem;
	line-height: 18px;
	font-family: "SUIT";
	color: #8D91A6;
	padding-left: 11px;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.listArea.type04 ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 6px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: linear-gradient(90deg, #5B94F8 0%, #5A7BFF 100%);
}

/* ql-snow */
.ql-snow * {
	box-sizing: border-box;
}

.ql-snow .ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button:focus,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow.ql-toolbar button:focus,
.ql-snow.ql-toolbar button:hover {
	color: #06c;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
	border-color: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
	display: block;
	margin-top: -1px;
	top: 100%;
	z-index: 1;
}

.ql-toolbar.ql-snow .ql-picker-options {
	border: 1px solid transparent;
	box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
}

.ql-snow .ql-picker-options {
	background-color: #fff;
	display: none;
	min-width: 100%;
	padding: 4px 8px;
	position: absolute;
	white-space: nowrap;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
	color: #ccc;
	z-index: 2;
}

.ql-editor {
	line-height: 1.42;
	height: 100%;
	outline: 0;
	overflow-y: auto;
	padding: 12px 15px;
	tab-size: 4;
	-moz-tab-size: 4;
	text-align: left;
	white-space: pre-wrap;
	word-wrap: break-word;

	min-height: 200px;
	font-size: 16px
}

.ql-editor>* {
	cursor: text;
}

.ql-snow .ql-stroke.ql-thin,
.ql-snow .ql-thin {
	stroke-width: 1px !important
}

.ql-snow .ql-picker.ql-header .ql-picker-item::before,
.ql-snow .ql-picker.ql-header .ql-picker-label::before {
	content: 'Normal';
}

.ql-snow .ql-picker-label::before {
	display: inline-block;
	line-height: 22px;
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
	position: absolute;
	margin-top: -9px;
	right: 0;
	top: 50%;
	width: 18px;
}

.ql-snow .ql-tooltip input[type=text] {
	display: none;
	border: 1px solid #ccc;
	font-size: 13px;
	height: 26px;
	margin: 0;
	padding: 3px 5px;
	width: 170px;
}

.quillWrapper .ql-snow.ql-toolbar {
	padding-top: 8px;
	padding-bottom: 4px;
}

.quillWrapper .ql-snow.ql-toolbar .ql-formats {
	margin-bottom: 10px;
}

.ql-snow .ql-toolbar button svg,
.quillWrapper .ql-snow.ql-toolbar button svg {
	width: 22px;
	height: 22px;
}

.ql-snow .ql-picker.ql-header {
	width: 98px;
	display: inline-block;
}

.quillWrapper .ql-editor ul[data-checked=false]>li::before,
.quillWrapper .ql-editor ul[data-checked=true]>li::before {
	font-size: 1.35em;
	vertical-align: baseline;
	bottom: -.065em;
	font-weight: 900;
	color: #222;
}

.quillWrapper .ql-snow .ql-stroke {
	stroke: rgba(63, 63, 63, .95);
	stroke-linecap: square;
	stroke-linejoin: initial;
	stroke-width: 1.7px;
	fill: none;
}

.quillWrapper .ql-picker-label {
	font-size: 15px;
}

.quillWrapper .ql-snow .ql-active .ql-stroke {
	stroke-width: 2.25px;
}

.quillWrapper .ql-toolbar.ql-snow .ql-formats {
	vertical-align: top;
}

.ql-toolbar.ql-snow {
	border: 1px solid #ccc;
	box-sizing: border-box;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding: 8px;
}

.ql-container.ql-snow {
	border: 1px solid #ccc;
}

.ql-toolbar.ql-snow+.ql-container.ql-snow {
	border-top: 0;
}

.ql-toolbar.ql-snow .ql-formats {
	margin-right: 15px;
}

.ql-picker:not(.ql-background) {
	position: relative;
	top: 2px;
}

.ql-picker.ql-color-picker svg {
	width: 22px !important;
	height: 22px !important;
}

.quillWrapper .imageResizeActive img {
	display: block;
	cursor: pointer;
}

.quillWrapper .imageResizeActive~div svg {
	cursor: pointer;
}

.ql-container {
	box-sizing: border-box;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	height: 100%;
	margin: 0;
	position: relative;
}

.ql-container.ql-disabled .ql-tooltip {
	visibility: hidden;
}

.ql-container.ql-disabled .ql-editor ul[data-checked]>li::before {
	pointer-events: none;
}

.ql-clipboard {
	left: -100000px;
	height: 1px;
	overflow-y: hidden;
	position: absolute;
	top: 50%;
}

.ql-clipboard p {
	margin: 0;
	padding: 0;
}

.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6,
.ql-editor ol,
.ql-editor p,
.ql-editor pre,
.ql-editor ul {
	margin: 0;
	padding: 0;
	counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol,
.ql-editor ul {
	padding-left: 1.5em
}

.ql-editor ol>li,
.ql-editor ul>li {
	list-style-type: none
}

.ql-editor ul>li::before {
	content: '\2022'
}

.ql-editor ul[data-checked=false],
.ql-editor ul[data-checked=true] {
	pointer-events: none
}

.ql-editor ul[data-checked=false]>li *,
.ql-editor ul[data-checked=true]>li * {
	pointer-events: all
}

.ql-editor ul[data-checked=false]>li::before,
.ql-editor ul[data-checked=true]>li::before {
	color: #777;
	cursor: pointer;
	pointer-events: all
}

.ql-editor ul[data-checked=true]>li::before {
	content: '\2611'
}

.ql-editor ul[data-checked=false]>li::before {
	content: '\2610'
}

.ql-editor li::before {
	display: inline-block;
	white-space: nowrap;
	width: 1.2em
}

.ql-editor li:not(.ql-direction-rtl)::before {
	margin-left: -1.5em;
	margin-right: .3em;
	text-align: right
}

.ql-editor li.ql-direction-rtl::before {
	margin-left: .3em;
	margin-right: -1.5em
}

.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
	padding-left: 1.5em
}

.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
	padding-right: 1.5em
}

.ql-editor ol li {
	counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
	counter-increment: list-0
}

.ql-editor ol li:before {
	content: counter(list-0, decimal) '. '
}

.ql-editor ol li.ql-indent-1 {
	counter-increment: list-1
}

.ql-editor ol li.ql-indent-1:before {
	content: counter(list-1, lower-alpha) '. '
}

.ql-editor ol li.ql-indent-1 {
	counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-2 {
	counter-increment: list-2
}

.ql-editor ol li.ql-indent-2:before {
	content: counter(list-2, lower-roman) '. '
}

.ql-editor ol li.ql-indent-2 {
	counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-3 {
	counter-increment: list-3
}

.ql-editor ol li.ql-indent-3:before {
	content: counter(list-3, decimal) '. '
}

.ql-editor ol li.ql-indent-3 {
	counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-4 {
	counter-increment: list-4
}

.ql-editor ol li.ql-indent-4:before {
	content: counter(list-4, lower-alpha) '. '
}

.ql-editor ol li.ql-indent-4 {
	counter-reset: list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-5 {
	counter-increment: list-5
}

.ql-editor ol li.ql-indent-5:before {
	content: counter(list-5, lower-roman) '. '
}

.ql-editor ol li.ql-indent-5 {
	counter-reset: list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-6 {
	counter-increment: list-6
}

.ql-editor ol li.ql-indent-6:before {
	content: counter(list-6, decimal) '. '
}

.ql-editor ol li.ql-indent-6 {
	counter-reset: list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-7 {
	counter-increment: list-7
}

.ql-editor ol li.ql-indent-7:before {
	content: counter(list-7, lower-alpha) '. '
}

.ql-editor ol li.ql-indent-7 {
	counter-reset: list-8 list-9
}

.ql-editor ol li.ql-indent-8 {
	counter-increment: list-8
}

.ql-editor ol li.ql-indent-8:before {
	content: counter(list-8, lower-roman) '. '
}

.ql-editor ol li.ql-indent-8 {
	counter-reset: list-9
}

.ql-editor ol li.ql-indent-9 {
	counter-increment: list-9
}

.ql-editor ol li.ql-indent-9:before {
	content: counter(list-9, decimal) '. '
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
	padding-left: 3em
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
	padding-left: 4.5em
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
	padding-right: 3em
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
	padding-right: 4.5em
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
	padding-left: 6em
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
	padding-left: 7.5em
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
	padding-right: 6em
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
	padding-right: 7.5em
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
	padding-left: 9em
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
	padding-left: 10.5em
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
	padding-right: 9em
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
	padding-right: 10.5em
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
	padding-left: 12em
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
	padding-left: 13.5em
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
	padding-right: 12em
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
	padding-right: 13.5em
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
	padding-left: 15em
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
	padding-left: 16.5em
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
	padding-right: 15em
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
	padding-right: 16.5em
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
	padding-left: 18em
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
	padding-left: 19.5em
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
	padding-right: 18em
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
	padding-right: 19.5em
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
	padding-left: 21em
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
	padding-left: 22.5em
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
	padding-right: 21em
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
	padding-right: 22.5em
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
	padding-left: 24em
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
	padding-left: 25.5em
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
	padding-right: 24em
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
	padding-right: 25.5em
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
	padding-left: 27em
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
	padding-left: 28.5em
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
	padding-right: 27em
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
	padding-right: 28.5em
}

.ql-editor .ql-video {
	display: block;
	max-width: 100%
}

.ql-editor .ql-video.ql-align-center {
	margin: 0 auto
}

.ql-editor .ql-video.ql-align-right {
	margin: 0 0 0 auto
}

/* ql-bg */
.ql-editor .ql-bg-black {
	background-color: #000
}

.ql-editor .ql-bg-red {
	background-color: #e60000
}

.ql-editor .ql-bg-orange {
	background-color: #f90
}

.ql-editor .ql-bg-yellow {
	background-color: #ff0
}

.ql-editor .ql-bg-green {
	background-color: #008a00
}

.ql-editor .ql-bg-blue {
	background-color: #06c
}

.ql-editor .ql-bg-purple {
	background-color: #93f
}

/* ql-color */
.ql-editor .ql-color-white {
	color: #fff
}

.ql-editor .ql-color-red {
	color: #e60000
}

.ql-editor .ql-color-orange {
	color: #f90
}

.ql-editor .ql-color-yellow {
	color: #ff0
}

.ql-editor .ql-color-green {
	color: #008a00
}

.ql-editor .ql-color-blue {
	color: #06c
}

.ql-editor .ql-color-purple {
	color: #93f
}

/* ql-font */
.ql-editor .ql-font-serif {
	font-family: Georgia, Times New Roman, serif
}

.ql-editor .ql-font-monospace {
	font-family: Monaco, Courier New, monospace
}

.ql-editor .ql-size-small {
	font-size: .75em
}

.ql-editor .ql-size-large {
	font-size: 1.5em
}

.ql-editor .ql-size-huge {
	font-size: 2.5em
}

.ql-editor .ql-direction-rtl {
	direction: rtl;
	text-align: inherit
}

.ql-editor .ql-align-center {
	text-align: center
}

.ql-editor .ql-align-justify {
	text-align: justify
}

.ql-editor .ql-align-right {
	text-align: right
}

.ql-editor.ql-blank::before {
	color: rgba(0, 0, 0, .6);
	content: attr(data-placeholder);
	font-style: italic;
	left: 15px;
	pointer-events: none;
	position: absolute;
	right: 15px
}

.ql-snow .ql-toolbar:after,
.ql-snow.ql-toolbar:after {
	clear: both;
	content: '';
	display: table;
}

.ql-snow .ql-toolbar button,
.ql-snow.ql-toolbar button {
	background: 0 0;
	border: none;
	cursor: pointer;
	display: inline-block;
	height: 24px;
	padding: 3px 5px;
	width: 28px;
}

.ql-snow .ql-toolbar button svg,
.ql-snow.ql-toolbar button svg {
	float: left;
	height: 100%
}

.ql-snow .ql-toolbar button svg,
.quillWrapper .ql-snow.ql-toolbar button svg {
	width: 22px;
	height: 22px;
}

.ql-snow .ql-toolbar button:active:hover,
.ql-snow.ql-toolbar button:active:hover {
	outline: 0
}

.ql-snow .ql-toolbar input.ql-image[type=file],
.ql-snow.ql-toolbar input.ql-image[type=file] {
	display: none;
}

/*  community_detail - fileArea */
.fileListArea {
	padding: 12px 20px;
	background-color: #F9F9F9;
}

.fileArea input[type="file"] {
	width: 0;
}

.fileArea label {
	cursor: pointer;
	margin-left: 20px;
}

.fileName {
	margin-right: auto;
	margin-left: 10px;
	font-size: 1rem;
	font-family: 'pre Medium';
	color: #000;
}

.fileList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	row-gap: 10px;
}

.fileList li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 12px;
	-moz-column-gap: 12px;
	column-gap: 12px;
	font-size: 1rem;
	font-family: "SUIT";
	color: #555;
	background-repeat: no-repeat;
	background-image: url(../images/ico/ico-etc.svg);
}

/* fileList icon */
.fileList li .eps {
	padding-left: 30px;
	max-width: 95%;
	line-height: 110%;
}

.fileListArea li .eps {
	max-width: 100% !important;
}

.fileList li.jpg {
	background-image: url("../images/ico/ico-jpg.png");
}

.fileList li.pdf {
	background-image: url("../images/ico/ico-pdf.svg");
}

.fileList li.hwp {
	background-image: url("../images/ico/ico-hwp.svg");
}

.fileList li.ppt {
	background-image: url("../images/ico/ico-ppt.svg");
}

.fileList li.etc {
	background-image: url("../images/ico/ico-etc.svg");
}

.fileList li.docx {
	background-image: url("../images/ico/ico-docx.png");
}

.fileList li.exel {
	background-image: url(../images/ico/ico-exel.png);
}

.fileList li.png {
	background-image: url(../images/ico/ico-png.png);
}

.fileList li.zip {
	background-image: url(../images/ico/ico-zip.png);
}

.answerBodyGroup {
	margin-bottom: 10px;
}

.groupDetail_inner {
	padding: 40px 40px 20px 40px;
}

.groupDetail_inner .admin-panel__content {
	border-radius: 20px 20px 20px 20px;
}



/* tag */
.tag {
	min-width: 47px;
	height: 29px;
	font-size: 1.0625rem;
	font-family: 'pre Medium';
	color: #fff;
	border-radius: 10px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.tag.default {
	background-color: #3E6FEF;
}

.tag.red {
	background-color: #FF6B6B;
}

.tag.red2 {
	background-color: #ffe5e5;
}

.tag.purple {
	background-color: #7478F3;
}

.tag.blue {
	background-color: #539FF5;
}

.tag.blue2 {
	background-color: #DAE4FF;
}

.tag.green {
	background-color: #3ACB91;
}

.tag.orange {
	background-color: #FFEFE6;
}

.tag.green2 {
	background-color: #D6F7EC;
}

.tag.white {
	background-color: #fff;
}

.tag.type02 {
	min-width: 65px;
	height: 38px;
	font-size: 1.75rem;
	font-family: 'pre Medium';
	border-radius: 20px;
	background-color: #E2EBFF;
}

.tag.type03 {
	min-width: 58px;
	height: 30px;
	border-radius: 15px;
	font-size: 1.125rem;
	font-family: 'pre SemiBold';
}

.tag.type04 {
	min-width: 34px;
	height: 25px;
	border-radius: 14px;
	font-size: 1.125rem;
	font-family: 'pre SemiBold';
	color: #3E6FEF;
}

.tag.type05 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 40px;
	height: 20px;
	border-radius: 10px;
	font-size: 0.875rem;
	font-family: 'pre Medium';
	padding: 0 5px;
}

.tag.type06 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: auto;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	font-size: 0.625rem;
	font-family: "SUIT";
    color: #fff;
    background-color: #FF6B6B;
}

.tag.type07 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 71px;
	height: 71px;
	min-width: auto;
	font-size: initial;
	font-family: initial;
	color: initial;
	border-radius: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	gap: 3px;
}

.tag.type07.red {
	background-image: url("../images/ico/ico-eight-path-red.png");
}

.tag.type07.blue {
	background-image: url("../images/ico/ico-eight-path-blue.png");
}

.tag.type07.green {
	background-image: url("../images/ico/ico-eight-path-green.png");
}

.tag.type07.purple {
	background-image: url("../images/ico/ico-eight-purple.png");
}

.tag.type07 span {
	display: block;
}

.tag.type07 .lv {
	font-size: 0.875rem;
	font-family: "NanumSquareNeo";
	color: #fff;
	font-weight: 500;
}

.tag.type07 .n {
	font-size: 1.875rem;
	line-height: 1.875rem;
	font-family: "NanumSquareNeo Bold";
	color: #fff;
	font-weight: 500;
	margin-top: -3px;
}

.tag.type08 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 95px;
	height: 22px;
	border-radius: 11px;
	font-size: 0.9375rem;
	font-family: 'pre SemiBold';
}

.tag.type08.purple {
	color: #563EEF;
	background-color: #DADEFF;
}

.tag.type08.blue {
	color: #3E6FEF;
	background-color: #DAE4FF;
}

.tagGroup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 6px;
	-moz-column-gap: 6px;
	column-gap: 6px;
}

/* community_qa_a (소통공간) - line 4389 */
/* answerArea */
.answerArea {
	padding: 28px 20px 60px 20px;
	border-top: 1px solid #BEBEBE;
	border-bottom: 1px solid #BEBEBE;
	background-color: #F8F9FB;
}

.boardArea+.answerArea {
	margin-top: 40px;
	margin-bottom: 60px;
}

.answerHead {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	row-gap: 12px;
}

.answerHeadGroup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 12px;
	-moz-column-gap: 12px;
	column-gap: 12px;
}

.answerHeadTitle {
	font-size: 1.5625rem;
	font-family: 'pre Medium';
	color: #000;
}

/* answerBody */
.answerBody {
	margin: 25px 0;
}

.answerBodyTxt {
	font-size: 1rem;
	font-family: "pre Regular";
	color: #888;
	line-height: 24px;
}

/* userGuide */
.visualArea>.inner.type02 .subDescArea.type02 {
	text-align: center;
	position: relative;
	z-index: 100;
}

.visualArea > .inner.type02 .subDescArea.type02 p {
	color: #fff;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    font-size: 1.125rem;
	font-weight: 500;
	font-family: "NanumSquareNeo";
}

.visualArea>.inner.type03 .subDescArea {
	text-align: center;
	position: relative;
	z-index: 100;
}

.visualArea>.inner.type03 .subDescArea.type02>p {
    font-size: 1.1875rem;
    font-family: "SUIT";
    color: #585858;
}

#wrap.mp-intro .visualArea>.inner.type03 .subDescArea.type02>p {
	color: #fff;
}

.visualArea>.inner.type03 .subDescArea.type02>p+p {
	margin-top: 4px;
}

#wrap.blueVer .visualArea .subTitleArea {
	margin-bottom: 35px;
	color: #fff;
}

/* introSection01 */
.introSection01 {
	background-color: #fff;
	padding-bottom: 135px;
}

.introSection01 .title::before {
	background-image: url("../images/intro/section1/ico-title.png");
}

.introSection01 .boxArea {
	margin-top: 70px;
}

.introSection01 .boxArea .boxList {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	-webkit-column-gap: 50px;
	-moz-column-gap: 50px;
	column-gap: 50px;
}

.introSection01 .boxArea .boxList li {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	height: 340px;
	padding: 0 28px 72px 28px;
	border-radius: 47px;
	background-color: #F2F5F9;
	text-align: center;
}

.introSection01 .boxArea .boxList li::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 80px;
	height: 80px;
	background-repeat: no-repeat;
	background-position: center;
}

.introSection01 .boxArea .boxList li::after {
	content: '';
	position: absolute;
	right: -35px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: #fff url("../images/intro/section1/ico-box-prev.svg") no-repeat center;
	-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16);
}

.introSection01 .boxArea .boxList li:last-of-type::after {
	display: none;
}

.introSection01 .boxArea .boxList li .boxTitle {
	display: block;
	font-size: 1.25rem;
	font-family: "NanumSquareNeo Bold";
	color: #333;
	margin-bottom: 13px;
}

.introSection01 .boxArea .boxList li .boxDesc {
	height: 63px;
	font-size: 1.12rem;
	font-family: "SUIT";
	color: #484E53;
	white-space: nowrap;
}

.introSection01 .boxArea .boxList li.num01::before {
	background-image: url("../images/intro/section1/ico-box01.png");
}

.introSection01 .boxArea .boxList li.num02::before {
	background-image: url("../images/intro/section1/ico-box02.png");
}

.introSection01 .boxArea .boxList li.num03::before {
	background-image: url("../images/intro/section1/ico-box03.png");
}

.introSection01 .boxArea .boxList li.num04::before {
	background-image: url("../images/intro/section1/ico-box04.png");
}

/* introSection02 */
.introSection02 {
	background-color: #F7F8FA;
	padding-bottom: 82px;
}

.introSection02 .aiArea img {
	width: 505px;
	height: 418px;
}

.introSection02 .title {
	color: #333;
}

.introSection02 .title::before {
	background-image: url("../images/intro/section2/ico-title.png");
}

/* introSection03 */
.introSection03 {
	background-color: #5A7BFF;
	padding-bottom: 116px;
}

.introSection03 .aiArea img {
	width: 500px;
	height: 437px;
}

.introSection03 .title {
	color: #fff;
}

.introSection03 .title::before {
	background-image: url("../images/intro/section3/ico-title.png");
}

.introSection03 .inner .introSectionGroup {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.introSection03 .inner .introSectionGroup .txtList {
	padding-top: 50px;
}

.introSection03 .inner .introSectionGroup .txtList ul li .tit {
	color: #fff;
}

.introSection03 .inner .introSectionGroup .txtList ul li .tit::before {
	background-color: rgba(53, 208, 232, 0.7);
}

.introSection03 .inner .introSectionGroup .txtList ul li .desc {
	color: #f6f6f6;
}

[class*="introSection"] .inner {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

[class*="introSection"] .title {
	position: relative;
	padding-top: 168px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 2.25rem;
	font-family: "NanumSquareNeo Bold";
}

[class*="introSection"] .title::before {
	content: '';
	position: absolute;
	top: 55px;
	width: 101px;
	height: 101px;
	background-repeat: no-repeat;
	background-position: center;
}

[class*="introSection"] .introSectionGroup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 70px;
}

[class*="introSection"] .introSectionGroup .left,
[class*="introSection"] .introSectionGroup .right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

[class*="introSection"] .introSectionGroup .txtList ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	row-gap: 50px;
}

[class*="introSection"] .introSectionGroup .txtList ul li .tit {
	display: inline-block;
	position: relative;
	z-index: 10;
	font-size: 1.625rem;
	font-family: "NanumSquareNeo Bold";
	color: #333;
	margin-bottom: 20px;
}

[class*="introSection"] .introSectionGroup .txtList ul li .tit::before {
	content: '';
	position: absolute;
	left: -9px;
	bottom: -2px;
	z-index: -1;
	width: calc(100% + 20px);
	height: 10px;
	border-radius: 30px;
	background-color: rgba(122, 166, 255, 0.7);
}

[class*="introSection"] .introSectionGroup .txtList ul li .desc {
	font-size: 1.3rem;
	font-family: "SUIT";
	color: #6D7E8E;
}

.introSec01 {
	background-color: #DDEEFF50;
	border-radius: 10px;
	border: 1px solid #9FA5B950;
}

/* mypage mycontent */
.themeMapDetail .tabCont.tabIntab .tabBox,
.mapDetail .tabCont.tabIntab .tabBox,
.layerDetail .tabCont.tabIntab .tabBox {
	margin: 0;
}

.themeMapDetail .tabCont.tabIntab .tabNav,
.mapDetail .tabCont.tabIntab .tabNav,
.layerDetail .tabCont.tabIntab .tabNav {
	position: absolute;
	top: -60px;
	right: 0;
}

.themeMapDetail .tabCont.tabIntab .tabNav,
.mapDetail .tabCont.tabIntab .tabNav,
.layerDetail .tabCont.tabIntab .tabNav {
	position: absolute;
	top: -60px;
	right: 0;
}

.themeMapDetail .tabCont.active,
.mapDetail .tabCont.active,
.layerDetail .tabCont.active {
	display: block;
	position: relative;
}

.themeMapDetail .tabCont,
.mapDetail .tabCont,
.layerDetail .tabCont {
	display: none;
	position: relative;
}

.tabCont.layerTab .tabNav .tabItem.active {
	border-color: #3E63EB !important;
	color: #fff;
}

/*
.themeMapDetail .tabWrap.type03.manyType .tabItem.active button,
.mapDetail .tabWrap.type03.manyType .tabItem.active button,
.layerDetail .tabWrap.type03.manyType .tabItem.active button {
	border-color: #3E63EB !important;
}*/

.tagGroup .tag.type05.colorType {
	cursor: pointer;
}

.popup .layerDetail .left .thumbnail {
	width: unset;
	height: 313px;
}

.popup .themeMapDetail .left .thumbnail,
.popup .mapDetail .left .thumbnail {
	width: unset;
	/* height: 255px; */
}

/* datetimepicker */
.xdsoft_datetimepicker .xdsoft_mounthpicker {
	margin-bottom: 5px;
}

.calendarDiv .selectArea {
	width: 65px;
	height: 30px;
	margin-left: 5px;
	top: 0;
}

.calendarDiv .selectArea select {
	width: 60px;
	height: 30px;
	font-size: 14px;
	background: #fff url(../images/ico/ico-select-arrow-down-25x25.svg) no-repeat center right -3px;
}

.calendarDiv .selectYear select {
	width: 75px;
	height: 30px;
	font-size: 14px;
	background: #fff url(../images/ico/ico-select-arrow-down-25x25.svg) no-repeat center right -3px;
}

/* inviteConstituent */
.inviteConstituent .admin-panel__content {
	padding: 15px !important;
}

body.noAIChat .sb-main.sb-chat {
	display: none !important;
}