@charset "UTF-8";
@import url(toc.css);
@import url(widget.css);
@font-face {
	font-family: 'Noto Sans Thin';
	font-style: normal;
	font-weight: 400;
	src: url(./font/notoSans/eot/NotoSansKR-Thin-Hestia.eot);
	src: url(./font/notoSans/eot/NotoSansKR-Thin-Hestia.eot?#iefix) format("embedded-opentype"), url(./font/notoSans/woff/NotoSansKR-Thin-Hestia.woff) format("woff");
}

@font-face {
	font-family: 'Noto Sans Light';
	font-style: normal;
	font-weight: 400;
	src: url(./font/notoSans/eot/NotoSansKR-Light-Hestia.eot);
	src: url(./font/notoSans/eot/NotoSansKR-Light-Hestia.eot?#iefix) format("embedded-opentype"), url(./font/notoSans/woff/NotoSansKR-Light-Hestia.woff) format("woff");
}

@font-face {
	font-family: 'Noto Sans DemLight';
	font-style: normal;
	font-weight: 400;
	src: url(./font/notoSans/eot/NotoSansKR-DemiLight-Hestia.eot);
	src: url(./font/notoSans/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix) format("embedded-opentype"), url(./font/notoSans/woff/NotoSansKR-DemiLight-Hestia.woff) format("woff");
}

@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 400;
	src: url(./font/notoSans/eot/NotoSansKR-Regular-Hestia.eot);
	src: url(./font/notoSans/eot/NotoSansKR-Regular-Hestia.eot?#iefix) format("embedded-opentype"), url(./font/notoSans/woff/NotoSansKR-Regular-Hestia.woff) format("woff");
}

@font-face {
	font-family: 'Noto Sans Medium';
	font-style: normal;
	font-weight: 400;
	src: url(./font/notoSans/eot/NotoSansKR-Medium-Hestia.eot);
	src: url(./font/notoSans/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format("embedded-opentype"), url(./font/notoSans/woff/NotoSansKR-Medium-Hestia.woff) format("woff");
}

@font-face {
	font-family: 'Pretendard Bold';
	font-weight: 600;
	font-display: swap;
	src: local("Pretendard SemiBold"), url("./font/pretendard/woff2/Pretendard-SemiBold.woff2") format("woff2"), url("./font/pretendard/woff/Pretendard-SemiBold.woff") format("woff");
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local("Pretendard Regular"), url("./font/pretendard/woff2/Pretendard-Regular.woff2") format("woff2"), url("./font/pretendard/woff/Pretendard-Regular.woff") format("woff");
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight:300;
	src: url(./font/pretendard/woff2/Pretendard-Regular.woff2) format('woff2'),
		 url(./font/pretendard/woff/Pretendard-Regular.woff) format("woff");
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight:400;
	src: url(./font/pretendard/woff2/Pretendard-Regular.woff2) format("woff2"),
		 url(./font/pretendard/woff/Pretendard-Medium.woff) format("woff");
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight:500;
	src: url(./font/pretendard/woff2/Pretendard-Bold.woff2) format('woff2'),
		 url(./font/pretendard/woff/Pretendard-Bold.woff) format("woff");
}

/* reset */
/* line 62, scss/common.scss */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, a, button, abbr, address, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, section, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
}

/* line 63, scss/common.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/* HTML5 display-role reset for older browsers */
/* line 64, scss/common.scss */
body, html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

/* line 64, scss/common.scss */
ol, ul {
	list-style: none;
}

/* line 65, scss/common.scss */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* line 66, scss/common.scss */
img {
	border: none;
}

/* line 67, scss/common.scss */
a {
	text-decoration: none;
	color: inherit;
}

/* line 68, scss/common.scss */
address {
	font-style: normal;
}

/* line 69, scss/common.scss */
button {
	display: inline-block;
	border: none;
	background-color: transparent;
	cursor: pointer;
}

/* line 70, scss/common.scss */
input, button, a, select, option {
	font-family: inherit;
	font-size: inherit;
}

/* line 71, scss/common.scss */
input[type="checkbox"] {
	border: none !important;
}

/* for lte IE10 */
/* line 72, scss/common.scss */
input[type="radio"] {
	border: none !important;
}

/* for lte IE10 */
/* line 73, scss/common.scss */
input[type="text"]::-ms-clear {
	display: none;
}

/* line 74, scss/common.scss */
button:focus {
	outline: none;
}

/* line 75, scss/common.scss */
caption, hr {
	display: none;
}

/* line 76, scss/common.scss */
pre {
	word-break: break-all;
	white-space: pre-line;
}

/* line 77, scss/common.scss */
li {
	list-style: none;
}

/* common */
/* line 80, scss/common.scss */
body, html {
	font-family: "Pretendard", "Malgun Gothic", Dotum, sans-serif;
	font-size: 13px;
	color: #333;
	letter-spacing: -0.045em !important;
	overflow-y: hidden;
}

/* line 81, scss/common.scss */
.clearFix:after {
	content: "";
	display: block;
	clear: both;
}

/* line 82, scss/common.scss */
.hidden {
	display: block;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}

/* line 83, scss/common.scss */
.txt-center {
	text-align: center;
}

/* line 84, scss/common.scss */
.txt-left {
	text-align: left;
}

/* line 85, scss/common.scss */
.pos-r {
	position: relative;
}

/* line 86, scss/common.scss */
.va-t {
	vertical-align: top;
}

/* line 87, scss/common.scss */
.fwb {
	font-weight: bold;
}

/* line 88, scss/common.scss */
.ff {
	font-family: 'MalgunGothic';
}

/* line 89, scss/common.scss */
.pd {
	padding: 30px;
}

/* line 90, scss/common.scss */
.mostlyWhite {
	background-color: #f9f9f9;
}

/* line 91, scss/common.scss */
.mostlyWhite02 {
	background-color: #fafafa;
}

/* line 92, scss/common.scss */
strong, b, li, a {
	font-weight: normal;
}

/* Accessibility Navigation */
/* line 95, scss/common.scss */
.accNav {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 500;
	width: 100%;
	height: 0;
}

/* line 96, scss/common.scss */
.accNav a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin-left: -1px;
	margin-bottom: -1px;
	text-align: center;
	color: #fff;
	white-space: nowrap;
	font-size: 0.75em;
}

/* line 97, scss/common.scss */
.accNav a:focus,
.accNav a:hover,
.accNav a:active {
	z-index: 1000;
	width: 100%;
	height: auto;
	padding: 5px 0;
	background: #ffc000;
	color: #4A2713;
	font-weight: 700;
}

/* line 101, scss/common.scss */
#wrap {
	display: flex;
	height: 100%;
	overflow: hidden;
}

/* line 102, scss/common.scss */
.mapContainer {
	position: relative;
	display: flex;
	flex: 1;
	flex-direction: column;
}

/* line 103, scss/common.scss */
.mapArea {
	position: relative;
	display: flex;
	width: 100%;
	flex: 1;
	overflow: hidden;
}

/* line 104, scss/common.scss */
#map {
	position: relative;
	flex: 1;
	height: 100%;
}

/* line 105, scss/common.scss */
#map.resize {
	flex: none;
	width: 50%;
}

/* line 107, scss/common.scss */
#map2 {
	position: relative;
	border-left: 2px solid #fff;
	flex: 1;
}

/* header */
/* line 109, scss/common.scss */
#header {
	z-index: 20;
	width: 64px;
	min-width: 64px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color: #fff;
	box-shadow: 4px 0 5px 0 rgba(0, 0, 0, 0.2);
}

/* line 110, scss/common.scss */
#header .logo {
	text-align: center;
	margin: 10px 0;
}

/* line 113, scss/common.scss */
#header .user {
	position: relative;
	margin-top: auto;
}

/* line 114, scss/common.scss */
#header .user .btnUser {
	width: 100%;
	height: 74px;
	border-radius: 50%;
	color: #333;
	padding-top: 30px;
	font-family: "Pretendard Bold";
	background: url("../images/common/ico-user-type02.png") no-repeat center 15px;
}

/* line 118, scss/common.scss */
#header .new {
	position: absolute;
	left: 37px;
	top: 11px;
	z-index: 10;
	height: 14px;
	line-height: 11px;
	padding: 0 2px;
	font-size: 10px;
	color: #fff;
	font-family: "Pretendard Bold";
	border-radius: 3px;
	background: #f85959;
}

/* line 119, scss/common.scss */
#header .new.type02 {
	border-radius: 50px;
}

/* line 120, scss/common.scss */
#header .new.type02:after {
	bottom: -2px;
}

/* line 123, scss/common.scss */
#header .userPop {
	position: absolute;
	left: 70px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	min-width: 100px;
	word-break: keep-all;
	background: #333;
	border-radius: 3px;
	box-shadow: 0.5px 0.9px 4px 0 rgba(0, 0, 0, 0.27);
}

/* line 124, scss/common.scss */
#header .userPop:before {
	position: absolute;
	left: -1px;
	top: 50%;
	display: block;
	content: '';
	border-left: 5px solid #333;
	transform: rotate(-45deg) translateY(-50%);
	border-right: 5px solid transparent;
	border-top: 5px solid #333;
	border-bottom: 5px solid transparent;
}

/* line 126, scss/common.scss */
#header .userPop .inner {
	padding: 10px 12px;
}

/* line 127, scss/common.scss */
#header .userPop .position {
	display: block;
	color: #ffffff;
	opacity: .4;
	font-family: "Pretendard";
	font-size: 12px;
}

/* line 128, scss/common.scss */
#header .userPop .name {
	display: block;
	margin-bottom: 5px;
	color: #fff;
	font-size: 17px;
	font-family: "Pretendard Bold";
}

/* line 129, scss/common.scss */
#header .userPop .name span {
	font-size: 12px;
	font-weight: normal;
}

/* line 131, scss/common.scss */
#header .userPop ul {
	padding-top: 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.4);
}

/* line 132, scss/common.scss */
#header .userPop ul li {
	position: relative;
	margin-bottom: 5px;
	color: #fff;
	font-size: 13px;
	font-family: "Pretendard";
	font-weight: normal;
}

/* line 133, scss/common.scss */
#header .userPop ul li .new {
	position: absolute;
	left: 0;
	top: 1px;
	z-index: 10;
	width: 16px;
	height: 16px;
	line-height: 16px;
	padding: 0;
	border-radius: 50px;
	margin-right: 4px;
	font-size: 10px;
	text-align: center;
	background: #f85959;
}

/* line 135, scss/common.scss */
#header .userPop ul li:last-of-type {
	margin-bottom: 0;
}

/* line 136, scss/common.scss */
#header .userPop ul li > a {
	display: flex;
	align-items: center;
}

/* line 139, scss/common.scss */
#header .userPop i.ico {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 4px;
}

/* line 140, scss/common.scss */
#header .userPop i.ico.alarm {
	background-image: url("../images/common/ico-user-alarm.png");
}

/* line 141, scss/common.scss */
#header .userPop i.ico.myPage {
	background-image: url("../images/common/ico-user-mypage.png");
}

/* line 142, scss/common.scss */
#header .userPop i.ico.logout {
	background-image: url("../images/common/ico-user-logout.png");
}

/* line 145, scss/common.scss */
#header .lower {
	margin-bottom: 22px;
}

/* line 147, scss/common.scss */
#header .menu li {
	position: relative;
	text-align: center;
	font-family: "Pretendard Bold";
}

/* line 148, scss/common.scss */
#header .menu li > .tool {
	width: 100%;
	height: 74px;
	color: #333;
	background-repeat: no-repeat;
	background-position: center 15px;
}

/* line 149, scss/common.scss */
#header .menu li > .tool span {
	display: block;
	padding-top: 30px;
	letter-spacing: -1px;
}

/* line 153, scss/common.scss */
#header .menu li.webMap:hover > .tool, #header .menu li.webMap.active > .tool {
	background-image: url("../images/header/ico-tool-webmap-active.png");
}

/* line 155, scss/common.scss */
#header .menu li.webMap > .tool {
	background-image: url("../images/header/ico-tool-webmap.png");
}

/* line 158, scss/common.scss */
#header .menu li.webMap .dep2 .tool.type01 {
	background-image: url("../images/header/ico-webmap-01.png");
}

/* line 159, scss/common.scss */
#header .menu li.webMap .dep2 .tool.type01:hover, #header .menu li.webMap .dep2 .tool.type01.active {
	background-image: url("../images/header/ico-webmap-01-active.png");
}

/* line 161, scss/common.scss */
#header .menu li.webMap .dep2 .tool.type02 {
	background-image: url("../images/header/ico-webmap-02.png");
}

/* line 162, scss/common.scss */
#header .menu li.webMap .dep2 .tool.type02:hover, #header .menu li.webMap .dep2 .tool.type02.active {
	background-image: url("../images/header/ico-webmap-02-active.png");
}

/* line 169, scss/common.scss */
#header .menu li.webApp:hover > .tool, #header .menu li.webApp.active > .tool {
	background-image: url("../images/header/ico-web-app_on.png");
}

/* line 171, scss/common.scss */
#header .menu li.webApp > .tool {
	background-image: url("../images/header/ico-web-app.png");
}

/* line 174, scss/common.scss */
#header .menu li.webApp .dep2 .tool.type01 {
	background-image: url("../images/header/ico-add-web-app.png");
}

/* line 175, scss/common.scss */
#header .menu li.webApp .dep2 .tool.type01:hover, #header .menu li.webApp .dep2 .tool.type01.active {
	background-image: url("../images/header/ico-add-web-app_on.png");
}

/* line 177, scss/common.scss */
#header .menu li.webApp .dep2 .tool.type02 {
	background-image: url("../images/header/ico-header-seach.png");
}

/* line 178, scss/common.scss */
#header .menu li.webApp .dep2 .tool.type02:hover, #header .menu li.webApp .dep2 .tool.type02.active {
	background-image: url("../images/header/ico-header-seach_on.png");
}

/* line 185, scss/common.scss */
#header .menu li.workFlow:hover > .tool, #header .menu li.workFlow.active > .tool {
	background-image: url("../images/header/ico-tool-workflow-active.png");
}

/* line 187, scss/common.scss */
#header .menu li.workFlow > .tool {
	background-image: url("../images/header/ico-tool-workflow.png");
}

/* line 190, scss/common.scss */
#header .menu li.workFlow .dep2 .tool.type01 {
	background-image: url("../images/header/ico-workflow-01.png");
}

/* line 191, scss/common.scss */
#header .menu li.workFlow .dep2 .tool.type01:hover, #header .menu li.workFlow .dep2 .tool.type01.active {
	background-image: url("../images/header/ico-workflow-01-active.png");
}

/* line 193, scss/common.scss */
#header .menu li.workFlow .dep2 .tool.type02 {
	background-image: url("../images/header/ico-workflow-02.png");
}

/* line 194, scss/common.scss */
#header .menu li.workFlow .dep2 .tool.type02:hover, #header .menu li.workFlow .dep2 .tool.type02.active {
	background-image: url("../images/header/ico-workflow-02-active.png");
}

/* line 201, scss/common.scss */
#header .menu li.detail:hover > .tool, #header .menu li.detail.active > .tool {
	background-image: url("../images/header/ico-tool-detail_on.png");
}

/* line 202, scss/common.scss */
#header .menu li.detail:hover:after, #header .menu li.detail.active:after {
	display: none;
}

/* line 204, scss/common.scss */
#header .menu li.detail > .tool {
	background-image: url("../images/header/ico-tool-detail.png");
}

/* line 209, scss/common.scss */
#header .menu li.library:hover > .tool, #header .menu li.library.active > .tool {
	background-image: url("../images/header/ico-tool-library-active.png");
}

/* line 210, scss/common.scss */
#header .menu li.library:hover:after, #header .menu li.library.active:after {
	display: none;
}

/* line 212, scss/common.scss */
#header .menu li.library > .tool {
	background-image: url("../images/header/ico-tool-library.png");
}

/* line 217, scss/common.scss */
#header .menu li.play:hover > .tool, #header .menu li.play.active > .tool {
	background-image: url("../images/header/ico-tool-play-active.png");
}

/* line 218, scss/common.scss */
#header .menu li.play:hover:after, #header .menu li.play.active:after {
	display: none;
}

/* line 220, scss/common.scss */
#header .menu li.play > .tool {
	background-image: url("../images/header/ico-tool-play.png");
}

/* line 224, scss/common.scss */
#header .menu li.preview:hover > .tool, #header .menu li.preview.active > .tool {
	background-image: url("../images/header/ico-preview_on.png");
}

/* line 225, scss/common.scss */
#header .menu li.preview:hover:after, #header .menu li.preview.active:after {
	display: none;
}

/* line 227, scss/common.scss */
#header .menu li.preview > .tool {
	background-image: url("../images/header/ico-preview.png");
}

/* line 232, scss/common.scss */
#header .menu li.tocToggle:hover > .tool, #header .menu li.tocToggle.active > .tool {
	background-image: url("../images/header/ico-tool-toc-active.png");
}

/* line 233, scss/common.scss */
#header .menu li.tocToggle:hover:after, #header .menu li.tocToggle.active:after {
	display: none;
}

/* line 235, scss/common.scss */
#header .menu li.tocToggle > .tool {
	background-image: url("../images/header/ico-tool-toc.png");
}

/* line 240, scss/common.scss */
#header .menu li.analysis:hover > .tool, #header .menu li.analysis.active > .tool {
	background-image: url("../images/header/ico-tool-analysis-active.png");
}

/* line 241, scss/common.scss */
#header .menu li.analysis:hover:after, #header .menu li.analysis.active:after {
	display: none;
}

/* line 243, scss/common.scss */
#header .menu li.analysis > .tool {
	background-image: url("../images/header/ico-tool-analysis.png");
}

/* line 248, scss/common.scss */
#header .menu li.share:hover > .tool, #header .menu li.share.active > .tool {
	background-image: url("../images/header/ico-tool-share-active.png");
}

/* line 249, scss/common.scss */
#header .menu li.share:hover:after, #header .menu li.share.active:after {
	display: none;
}

/* line 251, scss/common.scss */
#header .menu li.share > .tool {
	background-image: url("../images/header/ico-tool-share.png");
}

/* line 255, scss/common.scss */
#header .menu li.save:hover > .tool, #header .menu li.save.active > .tool {
	background-image: url("../images/header/ico-tool-save-active.png");
}

/* line 257, scss/common.scss */
#header .menu li.save > .tool {
	background-image: url("../images/header/ico-tool-save.png");
}

/* line 260, scss/common.scss */
#header .menu li.save .dep2 .tool.type01 {
	background-image: url("../images/header/ico-save-01.png");
}

/* line 261, scss/common.scss */
#header .menu li.save .dep2 .tool.type01:hover, #header .menu li.save .dep2 .tool.type01.active {
	background-image: url("../images/header/ico-save-01-active.png");
}

/* line 263, scss/common.scss */
#header .menu li.save .dep2 .tool.type02 {
	background-image: url("../images/header/ico-save-02.png");
	background-position: center 10px;
	line-height: 15px;
}

/* line 264, scss/common.scss */
#header .menu li.save .dep2 .tool.type02 span {
	padding-top: 35px;
}

/* line 265, scss/common.scss */
#header .menu li.save .dep2 .tool.type02:hover, #header .menu li.save .dep2 .tool.type02.active {
	background-image: url("../images/header/ico-save-02-active.png");
}

/* line 272, scss/common.scss */
#header .menu li.info:hover > .tool, #header .menu li.info.active > .tool {
	background-image: url("../images/header/ico-tool-info-active.png");
}

/* line 273, scss/common.scss */
#header .menu li.info:hover:after, #header .menu li.info.active:after {
	display: none;
}

/* line 275, scss/common.scss */
#header .menu li.info > .tool {
	background-image: url("../images/header/ico-tool-info.png");
}

/* line 278, scss/common.scss */
#header .menu li.active > .tool {
	color: #2f5597;
}

/* line 279, scss/common.scss */
#header .menu li.active:after {
	position: absolute;
	right: 2px;
	bottom: 2px;
	display: block;
	content: '';
	border-left: 4px solid transparent;
	border-top: 4px solid transparent;
	border-right: 4px solid #fff;
	border-bottom: 4px solid #fff;
}

/* line 280, scss/common.scss */
#header .menu li.active .dep2 {
	left: 72px;
	visibility: visible;
	opacity: 1;
}

/* line 283, scss/common.scss */
#header .menu li:hover > .tool {
	color: #2f5597;
}

/* line 284, scss/common.scss */
#header .menu li:hover:after {
	position: absolute;
	right: 2px;
	bottom: 2px;
	display: block;
	content: '';
	border-left: 4px solid transparent;
	border-top: 4px solid transparent;
	border-right: 4px solid #fff;
	border-bottom: 4px solid #fff;
}

/* line 286, scss/common.scss */
#header .menu li .dep2 {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	visibility: hidden;
	opacity: 0;
	padding: 0 10px;
	box-shadow: 0.5px 0.9px 4px 0 rgba(0, 0, 0, 0.27);
	border-radius: 3px;
	background-color: #fff;
	word-break: keep-all;
	transition: .4s;
}

/* line 288, scss/common.scss */
#header .menu li .dep2 li:hover, #header .menu li .dep2 li.active {
	background-color: transparent;
}

/* line 289, scss/common.scss */
#header .menu li .dep2 li:hover .tool, #header .menu li .dep2 li.active .tool {
	color: #2f5597;
}

/* line 291, scss/common.scss */
#header .menu li .dep2 li .tool {
	padding: 0 15px;
	color: #2e2e2e;
	background-repeat: no-repeat;
	background-position: center 15px;
}

/* accordion */
/* line 301, scss/common.scss */
.accordion .toolList > li {
	line-height: 58px;
	text-indent: 21px;
	font-family: "Pretendard Bold";
	color: #333;
	font-size: 17px;
}

/* line 302, scss/common.scss */
.accordion .toolList > li > span {
	display: block;
	border-bottom: 1px solid #c9d7f1;
	cursor: pointer;
}

/* line 303, scss/common.scss */
.accordion .toolList > li .handle {
	width: 19px;
	height: 19px;
	margin-right: 7px;
	background: url("../images/toc/ico-handle.png") no-repeat center;
	cursor: pointer;
	opacity: 0;
}

/* line 304, scss/common.scss */
.accordion .toolList > li .btnTip {
	margin: 0 0 0 auto;
	color: #555;
	border-color: #555;
}

/* line 305, scss/common.scss */
.accordion .toolList > li .innerList {
	display: none;
	background: #fff;
	border-bottom: 1px solid #c9d7f1;
}

/* line 306, scss/common.scss */
.accordion .toolList > li .innerList li {
	display: flex;
	align-items: center;
	color: #333;
	text-indent: 46px;
	line-height: 45px;
}

/* line 307, scss/common.scss */
.accordion .toolList > li .innerList li:hover {
	color: #2f5597;
}

/* line 308, scss/common.scss */
.accordion .toolList > li .innerList li:hover .handle {
	opacity: 1;
}

/* line 310, scss/common.scss */
.accordion .toolList > li .innerList li span {
	cursor: pointer;
}

/* line 313, scss/common.scss */
.accordion .toolList > li.hasDep {
	position: relative;
}

/* line 314, scss/common.scss */
.accordion .toolList > li.hasDep:before, .accordion .toolList > li.hasDep:after {
	position: absolute;
	top: 28px;
	display: block;
	width: 12px;
	height: 2px;
	content: '';
	background: #333;
	transition: .4s;
}

/* line 316, scss/common.scss */
.accordion .toolList > li.hasDep:after {
	right: 23px;
	transform: rotate(-45deg);
}

/* line 317, scss/common.scss */
.accordion .toolList > li.hasDep:before {
	right: 31px;
	transform: rotate(45deg);
}

/* line 319, scss/common.scss */
.accordion .toolList > li.hasDep.active:before {
	background: #8da6cf;
	transform: rotate(-45deg);
}

/* line 320, scss/common.scss */
.accordion .toolList > li.hasDep.active:after {
	background: #8da6cf;
	transform: rotate(45deg);
}

/* line 326, scss/common.scss */
.accordion.library dl {
	margin-bottom: 10px;
	font-size: 16px;
	color: #333;
}

/* line 327, scss/common.scss */
.accordion.library dl dt {
	height: 36px;
	line-height: 36px;
	text-indent: 10px;
	font-family: "Pretendard Bold";
	background: #e4edff;
	border-radius: 4px;
}

/* line 328, scss/common.scss */
.accordion.library dl dd {
	position: relative;
	height: 36px;
	line-height: 36px;
	text-indent: 23px;
}

/* line 329, scss/common.scss */
.accordion.library dl dd:before {
	position: absolute;
	left: 10px;
	top: 50%;
	display: block;
	content: '';
	transform: translateY(-50%);
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background: #333;
}

/* line 331, scss/common.scss */
.accordion.library dl:last-of-type {
	margin-bottom: 0;
}

/* tip */
/* line 337, scss/common.scss */
.tip {
	margin-bottom: 30px;
}

/* line 338, scss/common.scss */
.tip.red {
	margin-bottom: 0;
}

/* line 339, scss/common.scss */
.tip.red i {
	margin-top: 10px;
	font-size: 16px;
	color: #e10000;
}

/* line 341, scss/common.scss */
.tip i {
	display: block;
	line-height: 22px;
	font-style: normal;
	font-size: 14px;
	font-family: "Pretendard";
	color: #555;
}

/* section */
/* line 345, scss/common.scss */
.section {
	margin-bottom: 20px;
	border-bottom: 1px solid #e9e9e9;
}

/* line 346, scss/common.scss */
.section.type02 {
	border-bottom: 0;
}

/* line 347, scss/common.scss */
.section.type02 .titSec {
	margin-bottom: 10px;
}

/* line 348, scss/common.scss */
.section.type02 .titSec strong {
	position: relative;
	font-size: 18px;
	color: #2e2e2e;
	text-indent: 10px;
}

/* line 349, scss/common.scss */
.section.type02 .titSec strong:before {
	position: absolute;
	left: 0;
	top: 6px;
	width: 3px;
	height: 14px;
	background: #d6d6d6;
	display: block;
	content: '';
}

/* line 355, scss/common.scss */
.section.type03 .titSec .titNum {
	background: #555;
}

/* line 356, scss/common.scss */
.section.type03 .titSec strong {
	color: #555;
}

/* line 359, scss/common.scss */
.section.noLine {
	padding-bottom: 0;
	border-bottom: 0;
}

/* line 361, scss/common.scss */
.section .titSec {
	display: flex;
	margin-bottom: 10px;
	align-items: center;
}

/* line 362, scss/common.scss */
.section .titSec.at {
	align-items: flex-start;
}

/* line 363, scss/common.scss */
.section .titSec .titNum {
	width: 18px;
	height: 18px;
	line-height: 18px;
	margin-right: 6px;
	margin-top: 2px;
	border-radius: 50px;
	font-size: 13px;
	background: #444;
	color: #fff;
	text-align: center;
}

/* line 365, scss/common.scss */
.section .titSec .btn {
	margin-left: auto;
}

/* line 366, scss/common.scss */
.section .titSec strong {
	color: #333;
	font-family: "Pretendard Bold";
	font-size: 16px;
	letter-spacing: -1px;
}

/* line 368, scss/common.scss */
.section:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* line 369, scss/common.scss */
.section .btn {
	height: 40px;
}

/* line 370, scss/common.scss */
.section .flex {
	display: flex;
	justify-content: space-between;
}

/* line 373, scss/common.scss */
.uploadArea {
	margin-bottom: 30px;
	border: 1px solid #2f5597;
	border-radius: 4px;
}

/* line 374, scss/common.scss */
.uploadArea p {
	position: relative;
	padding: 63px 0;
	text-align: center;
	text-indent: 30px;
	font-size: 22px;
	font-family: "Pretendard Bold";
	color: #2f5597;
}

/* line 375, scss/common.scss */
.uploadArea p:after {
	position: absolute;
	left: 150px;
	top: 50%;
	display: block;
	content: '';
	transform: translateY(-50%);
	width: 63px;
	height: 59px;
	border-radius: 50%;
	background: #fff url("../images/common/ico-upload-plus.png") no-repeat center;
	box-sizing: border-box;
}

/* line 380, scss/common.scss */
.boxWrap {
	background: #f9f9f9;
	border: 1px solid #e9e9e9;
	padding: 8px;
	border-radius: 4px;
}

/* line 381, scss/common.scss */
.boxWrap .radioGroup {
	display: flex;
	justify-content: space-evenly;
	height: 40px;
	line-height: 40px;
}

/* confirmBox */
/* line 387, scss/common.scss */
.confirmBox.invalid input[type="text"] {
	border: 1px solid #e10000;
}

/* line 388, scss/common.scss */
.confirmBox.invalid .colorType {
	display: block;
}

/* line 390, scss/common.scss */
.confirmBox .colorType {
	display: none;
	font-size: 16px;
	font-family: "Pretendard";
}

/* userMenu */
/* line 395, scss/common.scss */
#userMenu {
	position: absolute;
	top: 15px;
	right: 15px;
	display: flex;
	z-index: 20;
}

/* line 396, scss/common.scss */
#userMenu .searchArea {
	position: relative;
	display: flex;
	margin-right: 18px;
}

/* line 397, scss/common.scss */
#userMenu .searchArea select {
	width: 96px;
	height: 38px;
	margin-right: 1px;
	padding-left: 9px;
	text-indent: 0;
	color: #555;
	font-size: 14px;
	border: 0;
	box-shadow: 0.5px 0.9px 4px 0 rgba(0, 0, 0, 0.27);
	border-radius: 3px;
}

/* line 398, scss/common.scss */
#userMenu .searchArea .inputBox {
	position: relative;
	width: 230px;
	box-shadow: 0.5px 0.9px 4px 0 rgba(0, 0, 0, 0.27);
}

/* line 399, scss/common.scss */
#userMenu .searchArea input[type="text"] {
	width: 100%;
	height: 38px;
	border: 0;
	padding: 0 45px 0 15px;
	border-radius: 3px;
}

/* line 400, scss/common.scss */
#userMenu .searchArea .btnSearch {
	position: absolute;
	right: 10px;
	top: 50%;
	width: 21px;
	height: 22px;
	transform: translateY(-50%);
	background: url("../images/common/ico-search.png") no-repeat;
}

/* line 402, scss/common.scss */
#userMenu .userInfo {
	display: flex;
	align-items: center;
}

/* line 403, scss/common.scss */
#userMenu .userInfo .user {
	position: relative;
	margin-right: 7px;
}

/* line 404, scss/common.scss */
#userMenu .userInfo .user .btnUser {
	width: 33px;
	height: 33px;
	border-radius: 50%;
	background: #2F5597 url("../images/common/ico-user.png") no-repeat center;
	box-shadow: 0.5px 0.9px 4px 0 rgba(0, 0, 0, 0.27);
}

/* line 406, scss/common.scss */
#userMenu .userInfo .alarm {
	position: relative;
}

/* line 407, scss/common.scss */
#userMenu .userInfo .alarm .btnAlarm {
	position: relative;
	width: 33px;
	height: 33px;
	border-radius: 50%;
	background: #2F5597 url("../images/common/ico-alarm.png") no-repeat -4px -4px;
	box-shadow: 0.5px 0.9px 4px 0 rgba(0, 0, 0, 0.27);
}

/* line 409, scss/common.scss */
#userMenu .userInfo .alarm .btnAlarm.loading .new {
	display: none;
}

/* line 410, scss/common.scss */
#userMenu .userInfo .alarm .btnAlarmDiv.loading .alarmLoading {
	animation: 2s loading linear infinite;
}

/* line 412, scss/common.scss */
#userMenu .userInfo .alarm .btnAlarmDiv.loading .alarmLoading:before {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	content: '';
	display: block;
	width: 9px;
	height: 13px;
	z-index: 10;
	background: url("../images/common/ico-alarm-loading-2.png") no-repeat center;
	animation: 1s loading2 linear infinite alternate;
}

/* line 418, scss/common.scss */
#userMenu .userInfo .new {
	position: absolute;
	left: 22px;
	top: -3px;
	z-index: 10;
	height: 14px;
	line-height: 11px;
	padding: 0 2px;
	font-size: 10px;
	color: #fff;
	font-family: "Pretendard Bold";
	border-radius: 3px;
	background: #f85959;
}

/* line 419, scss/common.scss */
#userMenu .userInfo .new.type02 {
	border-radius: 50px;
}

/* line 420, scss/common.scss */
#userMenu .userInfo .new.type02:after {
	bottom: -2px;
}

/* line 423, scss/common.scss */
#userMenu .userInfo .userPop {
	display: none;
	position: absolute;
	right: 0;
	top: 43px;
	z-index: 10;
	min-width: 100px;
	word-break: keep-all;
	background: #2f5597;
	border-radius: 3px;
	box-shadow: 0.5px 0.9px 4px 0 rgba(0, 0, 0, 0.27);
}

/* line 424, scss/common.scss */
#userMenu .userInfo .userPop:before {
	position: absolute;
	right: 12px;
	top: -3px;
	display: block;
	content: '';
	border-left: 5px solid #2f5597;
	border-right: 5px solid transparent;
	border-top: 5px solid #2f5597;
	border-bottom: 5px solid transparent;
	transform: rotate(45deg);
}

/* line 425, scss/common.scss */
#userMenu .userInfo .userPop .inner {
	padding: 10px 12px;
}

/* line 426, scss/common.scss */
#userMenu .userInfo .userPop .position {
	display: block;
	color: #ffffff;
	opacity: .4;
	font-family: "Pretendard";
	font-size: 12px;
	font-weight: normal;
}

/* line 427, scss/common.scss */
#userMenu .userInfo .userPop .name {
	display: block;
	margin-bottom: 5px;
	color: #fff;
	font-size: 17px;
	font-family: "Pretendard Bold";
}

/* line 428, scss/common.scss */
#userMenu .userInfo .userPop .name span {
	font-size: 12px;
	font-weight: normal;
}

/* line 430, scss/common.scss */
#userMenu .userInfo .userPop ul {
	padding-top: 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.4);
}

/* line 431, scss/common.scss */
#userMenu .userInfo .userPop ul li {
	position: relative;
	margin-bottom: 5px;
	color: #fff;
	font-size: 13px;
	font-family: "Pretendard";
}

/* line 432, scss/common.scss */
#userMenu .userInfo .userPop ul li .new {
	position: absolute;
	left: 0;
	top: 1px;
	z-index: 10;
	width: 16px;
	height: 16px;
	line-height: 16px;
	padding: 0;
	border-radius: 50px;
	margin-right: 4px;
	font-size: 10px;
	text-align: center;
	background: #f85959;
}

/* line 434, scss/common.scss */
#userMenu .userInfo .userPop ul li:last-of-type {
	margin-bottom: 0;
}

/* line 435, scss/common.scss */
#userMenu .userInfo .userPop ul li > a {
	display: flex;
	align-items: center;
}

/* line 438, scss/common.scss */
#userMenu .userInfo .userPop i.ico {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 4px;
}

/* line 439, scss/common.scss */
#userMenu .userInfo .userPop i.ico.alarm {
	background-image: url("../images/common/ico-user-alarm.png");
}

/* line 440, scss/common.scss */
#userMenu .userInfo .userPop i.ico.myPage {
	background-image: url("../images/common/ico-user-mypage.png");
}

/* line 441, scss/common.scss */
#userMenu .userInfo .userPop i.ico.logout {
	background-image: url("../images/common/ico-user-logout.png");
}

/* line 444, scss/common.scss */
#userMenu .userInfo .alarmPop {
	display: none;
	position: absolute;
	right: 0;
	top: 43px;
	width: 320px;
	box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.2);
}

/* line 445, scss/common.scss */
#userMenu .userInfo .alarmPop .btnPopClose {
	position: absolute;
	right: 11px;
	top: 11px;
	width: 20px;
	height: 20px;
	background: url("../images/common/ico-pop-close.png") no-repeat;
}

/* line 446, scss/common.scss */
#userMenu .userInfo .alarmPop .head {
	height: 44px;
	background: #f85959;
	border-radius: 3px 3px 0 0;
}

/* line 447, scss/common.scss */
#userMenu .userInfo .alarmPop .head .titPop {
	display: block;
	line-height: 44px;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	text-indent: 44px;
	font-family: "Pretendard";
	background: url("../images/common/ico-alarm-head.png") no-repeat 17px center;
}

/* line 450, scss/common.scss */
#userMenu .userInfo .alarmPop .cont {
	background: #f6f6f6;
}

/* line 451, scss/common.scss */
#userMenu .userInfo .alarmPop .cont .inner {
	padding: 24px 23px 15px;
}

/* line 452, scss/common.scss */
#userMenu .userInfo .alarmPop .cont .dayBox {
	position: relative;
	margin-bottom: 26px;
}

/* line 453, scss/common.scss */
#userMenu .userInfo .alarmPop .cont .dayBox:before {
	position: absolute;
	left: 6px;
	top: 17px;
	width: 1px;
	height: calc(100% + 11px);
	display: block;
	content: '';
	border-left: 1px dotted #d2d2d2;
}

/* line 454, scss/common.scss */
#userMenu .userInfo .alarmPop .cont .dayBox .date {
	margin-bottom: 19px;
	text-indent: 21px;
	color: #657389;
	font-size: 14px;
	font-family: "Pretendard Bold";
	background: url("../images/common/ico-alarm-cal.png") no-repeat left center;
}

/* line 455, scss/common.scss */
#userMenu .userInfo .alarmPop .cont .dayBox .date span {
	font-size: 13px;
	font-weight: normal;
}

/* line 456, scss/common.scss */
#userMenu .userInfo .alarmPop .cont .dayBox .date.today {
	color: #f85959;
}

/* line 458, scss/common.scss */
#userMenu .userInfo .alarmPop .cont .dayBox:last-of-type {
	margin-bottom: 15px;
}

/* line 459, scss/common.scss */
#userMenu .userInfo .alarmPop .cont .dayBox:last-of-type:before {
	height: calc(100% - 60px);
}

/* line 463, scss/common.scss */
#userMenu .userInfo .alarmPop .cont .btnArea .btn {
	height: 30px;
	font-size: 14px;
}

/* line 465, scss/common.scss */
#userMenu .userInfo .alarmPop .cont .log {
	position: relative;
	margin-left: 20px;
	margin-bottom: 10px;
	background: #fff;
	border: 1px solid #c0c5cc;
	border-radius: 4px;
}

/* line 466, scss/common.scss */
#userMenu .userInfo .alarmPop .cont .log:before {
	position: absolute;
	left: -8px;
	top: 14px;
	display: block;
	content: '';
	width: 8px;
	height: 9px;
	background: url("../images/common/ico-alarm-before.png") no-repeat;
}

/* line 467, scss/common.scss */
#userMenu .userInfo .alarmPop .cont .log:after {
	position: absolute;
	left: -17px;
	top: 17px;
	display: block;
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 3px;
	border: 1px solid #69778c;
	box-sizing: border-box;
	background: #fff;
}

/* line 468, scss/common.scss */
#userMenu .userInfo .alarmPop .cont .log .btnGroup {
	position: absolute;
	right: 10px;
	top: 10px;
	display: flex;
	justify-content: flex-end;
}

/* line 469, scss/common.scss */
#userMenu .userInfo .alarmPop .cont .log .btnGroup button {
	width: 20px;
	height: 20px;
	background-position: center;
	background-repeat: no-repeat;
}

/* line 470, scss/common.scss */
#userMenu .userInfo .alarmPop .cont .log .btnGroup button.btnLogAdd {
	background-image: url("../images/common/ico-alarm-add.png");
}

/* line 471, scss/common.scss */
#userMenu .userInfo .alarmPop .cont .log .btnGroup button.btnLogRemove {
	margin-left: 5px;
	background-image: url("../images/common/ico-alarm-remove.png");
}

/* line 474, scss/common.scss */
#userMenu .userInfo .alarmPop .cont .log .inner {
	padding: 10px;
}

/* line 475, scss/common.scss */
#userMenu .userInfo .alarmPop .cont .log .inner p {
	display: flex;
	align-items: center;
}

/* line 476, scss/common.scss */
#userMenu .userInfo .alarmPop .cont .log .inner p strong {
	display: inline-block;
	max-width: 150px;
	color: #333333;
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: nowrap;
	font-family: "Pretendard Bold";
}

/* line 477, scss/common.scss */
#userMenu .userInfo .alarmPop .cont .log .inner p .newAlarm {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 4px;
	background: url("../images/common/ico-alarm-new.png") no-repeat;
}

/* line 479, scss/common.scss */
#userMenu .userInfo .alarmPop .cont .log .inner span {
	display: block;
	width: 100%;
	color: #888;
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: nowrap;
}

/* addressSearchWidget */
/* line 488, scss/common.scss */
.addressSearchWidget {
	display: none;
	position: absolute;
	right: 0;
	top: 40px;
	width: 100%;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0.5px 0.9px 4px 0 rgba(0, 0, 0, 0.27);
}

/* line 489, scss/common.scss */
.addressSearchWidget.active {
	display: block;
}

/* line 490, scss/common.scss */
.addressSearchWidget .searchLoading {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.55);
}

/* line 491, scss/common.scss */
.addressSearchWidget .searchLoading .box {
	position: absolute;
	display: flex;
	align-items: center;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

/* line 492, scss/common.scss */
.addressSearchWidget .searchLoading p {
	display: block;
	margin-left: 10px;
	color: #fff;
	font-size: 16px;
	font-family: "Pretendard";
	text-align: center;
}

/* line 493, scss/common.scss */
.addressSearchWidget .searchLoading .loadingImg {
	width: 28px;
	height: 28px;
	margin: 0 auto;
	background: url("../images/common/ico-search-loading.png") no-repeat center;
	background-size: cover;
	animation: loading 7s infinite linear;
}

/* line 496, scss/common.scss */
.addressSearchWidget .head {
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	font-family: "Pretendard";
	word-break: keep-all;
}

/* line 497, scss/common.scss */
.addressSearchWidget .head .inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

/* line 498, scss/common.scss */
.addressSearchWidget .head p {
	flex: 1;
}

/* line 499, scss/common.scss */
.addressSearchWidget .head .btnAddrClose {
	width: 17px;
	height: 17px;
	background: url("../images/common/ico-tr-remove.png") no-repeat center;
}

/* line 501, scss/common.scss */
.addressSearchWidget .inner {
	padding: 10px;
}

/* line 503, scss/common.scss */
.addressSearchWidget .addrList .addrItem {
	padding: 10px 0;
	font-size: 14px;
	font-family: "Pretendard";
	font-weight: normal;
	border-bottom: 1px solid #e9e9e9;
}

/* line 504, scss/common.scss */
.addressSearchWidget .addrList .addrItem .addrTag {
	margin-right: 5px;
}

/* line 505, scss/common.scss */
.addressSearchWidget .addrList .addrItem .roadAddr, .addressSearchWidget .addrList .addrItem .jibunAddr {
	display: flex;
	align-items: center;
}

/* line 506, scss/common.scss */
.addressSearchWidget .addrList .addrItem .roadAddr {
	margin-bottom: 4px;
}

/* line 507, scss/common.scss */
.addressSearchWidget .addrList .addrItem .addrDesc {
	flex: 1;
	word-break: keep-all;
}

/* line 508, scss/common.scss */
.addressSearchWidget .addrList .addrItem:last-of-type {
	margin-bottom: 0;
}

/* line 509, scss/common.scss */
.addressSearchWidget .addrList .addrItem .roadTag, .addressSearchWidget .addrList .addrItem .jibunTag {
	display: inline-block;
	width: 55px;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	font-size: 12px;
}

/* line 510, scss/common.scss */
.addressSearchWidget .addrList .addrItem .roadTag {
	background: #283ebf;
}

/* line 511, scss/common.scss */
.addressSearchWidget .addrList .addrItem .jibunTag {
	background: #00b8a3;
}

/* location */
/* line 518, scss/common.scss */
#location {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 30;
	height: 38px;
	display: flex;
	background: #fff;
	box-shadow: 0.5px 0.9px 4px 0 rgba(0, 0, 0, 0.27);
	border-radius: 3px;
}

/* line 519, scss/common.scss */
#location > ul {
	display: flex;
}

/* line 520, scss/common.scss */
#location > ul > li {
	position: relative;
	line-height: 38px;
	color: #787878;
	font-family: "Pretendard";
	text-align: center;
	font-size: 14px;
}

/* line 521, scss/common.scss */
#location > ul > li > span {
	padding: 0 20px;
	cursor: default;
}

/* line 522, scss/common.scss */
#location > ul > li:after {
	position: absolute;
	right: -13px;
	top: 14px;
	content: '';
	display: block;
	width: 6px;
	height: 9px;
	margin: 0 8px;
	background: url("../images/common/ico-location-arrow.png") no-repeat;
}

/* line 523, scss/common.scss */
#location > ul > li:last-of-type {
	font-family: 'Pretendard Bold';
	color: #333333;
}

/* line 524, scss/common.scss */
#location > ul > li:last-of-type:after {
	display: none;
}

/* line 526, scss/common.scss */
#location > ul > li .dep2 {
	display: none;
	position: absolute;
	left: 0;
	top: 45px;
	z-index: 10;
	background: #fff;
	width: 130px;
	max-height: 300px;
	box-shadow: 0.5px 0.9px 4px 0 rgba(0, 0, 0, 0.27);
	border-radius: 4px;
}

/* line 527, scss/common.scss */
#location > ul > li .dep2.active {
	display: block;
}

/* line 529, scss/common.scss */
#location > ul > li .dep2 ul li {
	text-align: left;
	text-indent: 12px;
	line-height: 25px;
	cursor: default;
	font-weight: normal;
}

/* line 530, scss/common.scss */
#location > ul > li .dep2 ul li:hover {
	background: #e4edff;
}

/* line 538, scss/common.scss */
.sheetArea {
	height: calc(100% - 100px);
	border: 1px solid #707070;
}

/* scaleWidget */
/* line 540, scss/common.scss */
#scaleWidget {
	position: absolute;
	right: 10px;
	bottom: 20px;
	text-align: right;
}

/* line 541, scss/common.scss */
#scaleWidget .inputBox {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 4px;
}

/* line 542, scss/common.scss */
#scaleWidget .inputBox input[type="text"] {
	width: 121px;
	height: 30px;
	margin-right: 4px;
}

/* line 543, scss/common.scss */
#scaleWidget .inputBox .btn {
	width: 61px;
	height: 30px;
	padding: 0;
	justify-content: center;
	background: #c2c2c2;
}

/* line 545, scss/common.scss */
#scaleWidget .flex {
	justify-content: flex-end;
	margin-bottom: 4px;
}

/* line 546, scss/common.scss */
#scaleWidget strong {
	display: block;
	padding: 2px 16px;
	text-align: center;
	color: #444;
	font-size: 15px;
	font-family: "Pretendard";
	background: rgba(255, 255, 255, 0.5);
}

/* line 548, scss/common.scss */
#scaleWidget strong span {
	font-weight: normal;
}

/* line 550, scss/common.scss */
#scaleWidget .scaleBar {
	display: block;
	position: relative;
	width: 110px;
	height: 2px;
	background: #444;
	margin-left: 13px;
}

/* line 551, scss/common.scss */
#scaleWidget .scaleBar span {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 1px;
	height: 14px;
	background: #444;
}

/* line 552, scss/common.scss */
#scaleWidget .scaleBar span:first-of-type {
	left: 0;
}

/* line 553, scss/common.scss */
#scaleWidget .scaleBar span:last-of-type {
	left: auto;
	right: 0;
}

/* line 556, scss/common.scss */
#scaleWidget p {
	position: relative;
	padding: 0 5px;
	color: #444;
	font-size: 12px;
	font-family: "Pretendard";
	background: rgba(255, 255, 255, 0.5);
}

/* line 557, scss/common.scss */
#scaleWidget p:before {
	position: absolute;
	left: -16px;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	display: block;
	width: 12px;
	height: 16px;
	background: url("../images/widget/ico-scale-widget.png") no-repeat center;
}

/* optionTable */
/* line 563, scss/common.scss */
#optionTable {
	position: relative;
	z-index: 100;
	min-width: 776px;
	height: 50%;
	transition: .4s;
	background-color: #fff;
}

/* line 564, scss/common.scss */
#optionTable.middle {
	height: 70%;
}

/* line 565, scss/common.scss */
#optionTable.full {
	height: 100%;
}

/* line 566, scss/common.scss */
#optionTable.hide {
	height: 50px;
}

/* line 567, scss/common.scss */
#optionTable .btn.scale {
	width: 24px;
	height: 24px;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: center;
}

/* line 568, scss/common.scss */
#optionTable .btn.scale.up {
	background-image: url("../images/common/ico-zoom-in.png");
}

/* line 569, scss/common.scss */
#optionTable .btn.scale.down {
	background-image: url("../images/common/ico-zoom-out.png");
}

/* line 571, scss/common.scss */
#optionTable .head {
	display: flex;
	justify-content: space-between;
	height: 46px;
	line-height: 46px;
	background: #2F5597;
}

/* line 572, scss/common.scss */
#optionTable .head .titOpTable {
	margin-left: 20px;
	color: #fff;
	font-family: "Pretendard";
	font-weight: normal;
	font-size: 16px;
}

/* line 573, scss/common.scss */
#optionTable .head .btnOpTableClose {
	margin-left: 20px;
	width: 20px;
	height: 20px;
	background: url("../images/toc/ico-toc-close.png") no-repeat center;
}

/* line 574, scss/common.scss */
#optionTable .head .btnOpTableHide {
	width: 31px;
	height: 16px;
	background: url("../images/common/ico-option-hide.png");
}

/* line 575, scss/common.scss */
#optionTable .head .btnGroup {
	display: flex;
	align-items: center;
	margin-right: 20px;
}

/* line 577, scss/common.scss */
#optionTable .cont {
	transition: .4s;
	height: calc(100% - 46px);
}

/* line 578, scss/common.scss */
#optionTable .cont .inner {
	padding: 20px 20px 10px 20px;
}

/* line 580, scss/common.scss */
#optionTable .cont .inner .pos-r .inList {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	opacity: 0;
	visibility: hidden;
	transition: .4s;
}

/* line 581, scss/common.scss */
#optionTable .cont .inner .pos-r .inList .tagList {
	display: flex;
	align-items: center;
	flex-direction: column;
}

/* line 582, scss/common.scss */
#optionTable .cont .inner .pos-r .inList .tagList a {
	margin-bottom: 5px;
}

/* line 583, scss/common.scss */
#optionTable .cont .inner .pos-r .inList .tagList a:last-of-type {
	margin-bottom: 0;
}

/* line 585, scss/common.scss */
#optionTable .cont .inner .pos-r .inList .tagList .tag {
	margin-right: 0;
}

/* line 589, scss/common.scss */
#optionTable .cont .inner .pos-r.active .inList {
	opacity: 1;
	visibility: visible;
	top: 50px;
}

/* line 593, scss/common.scss */
#optionTable .cont .inner .group .checkbox {
	margin-right: 10px;
}

/* line 594, scss/common.scss */
#optionTable .cont .inner .group .editMode2 {
	display: none;
}

/* line 595, scss/common.scss */
#optionTable .cont .inner .group:after {
	display: none;
}

/* line 597, scss/common.scss */
#optionTable .cont .inner.flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

/* line 598, scss/common.scss */
#optionTable .cont .inner.white {
	height: 100%;
	padding: 0 20px 20px;
}

/* line 600, scss/common.scss */
#optionTable .cont .inner .btnArea .btn {
	margin-right: 5px;
	word-break: keep-all;
}

/* line 602, scss/common.scss */
#optionTable .cont .inner .btnArea:last-of-type .btn {
	border-radius: 50px;
}

/* line 606, scss/common.scss */
#optionTable .cont .inner .btn.btnIconBox {
	width: 40px;
	padding: 0;
	justify-content: center;
	background-repeat: no-repeat;
	background-position: center;
}

/* line 607, scss/common.scss */
#optionTable .cont .inner .btn.btnIconBox.white {
	width: 50px;
	border: 1px solid #f3f3f3;
}

/* line 608, scss/common.scss */
#optionTable .cont .inner .btn.btnIconBox.white:hover {
	background-color: #fff;
	border: 1px solid #333;
}

/* line 610, scss/common.scss */
#optionTable .cont .inner .btn.btnIconBox.grey2 {
	transition: .4s;
}

/* line 611, scss/common.scss */
#optionTable .cont .inner .btn.btnIconBox.grey2:hover {
	border: 1px solid #333;
}

/* line 615, scss/common.scss */
#optionTable .cont .inner .btn:hover .tip {
	display: block;
	z-index: 10;
}

/* line 618, scss/common.scss */
#optionTable .cont .inner .tip {
	position: absolute;
	left: calc(100% - 15px);
	top: -16px;
	line-height: 27px;
	padding: 0 5px;
	margin-bottom: 0;
	display: none;
	background: #e4edff;
	color: #555;
	font-size: 12px;
	border-radius: 5px;
}

/* line 619, scss/common.scss */
#optionTable .cont .inner .tip.lt {
	left: auto;
	right: calc(100% - 15px);
}

/* line 625, scss/common.scss */
#optionTable.hide .head .btnOpTableHide {
	transform: rotate(180deg);
}

/* line 627, scss/common.scss */
#optionTable.hide .cont {
	height: 0;
	overflow: hidden;
}

/* filter */
/* line 632, scss/common.scss */
.filterArea {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

/* line 633, scss/common.scss */
.filterArea .btnArea.chart {
	display: none;
}

/* line 634, scss/common.scss */
.filterArea .filterList {
	display: flex;
}

/* line 635, scss/common.scss */
.filterArea .filterList .filter {
	position: relative;
	padding: 0 40px 0 15px;
	height: 34px;
	line-height: 34px;
	margin-right: 5px;
	border-radius: 50px;
	border: 1px solid #e9e9e9;
	color: #333;
	box-sizing: border-box;
	font-size: 16px;
	font-family: "Pretendard Bold";
}

/* line 637, scss/common.scss */
.filterArea .filterList .filter .btnFilterRemove {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #c1c1c1;
}

/* line 638, scss/common.scss */
.filterArea .filterList .filter .btnFilterRemove:after {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	content: '';
	transform: translate(-50%, -50%);
	width: 8px;
	height: 1px;
	background: #fff;
}

/* line 642, scss/common.scss */
.filterArea .btnFilterReset {
	position: relative;
	border-radius: 50px;
	height: 34px;
}

/* line 643, scss/common.scss */
.filterArea .btnFilterReset:before {
	position: absolute;
	left: -5px;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	content: '';
	width: 1px;
	height: 20px;
	background: #e9e9e9;
}

/* line 647, scss/common.scss */
.searchCont {
	display: flex;
}

/* line 648, scss/common.scss */
.searchCont input[type="text"], .searchCont input[type="number"], .searchCont select, .searchCont .btn {
	height: 40px;
}

/* line 649, scss/common.scss */
.searchCont input[type="text"], .searchCont input[type="number"], .searchCont select {
	border: 1px solid #e9e9e9;
	border-radius: 4px;
	font-family: "Pretendard";
	font-size: 16px;
	color: #555;
}

/* line 650, scss/common.scss */
.searchCont .group {
	position: relative;
	display: flex;
	margin-right: 10px;
	word-break: keep-all;
	align-items: center;
}

/* line 651, scss/common.scss */
.searchCont .group .btn {
	width: 50px;
	padding: 0;
}

/* line 652, scss/common.scss */
.searchCont .group .btnEditMode {
	display: flex;
	align-items: center;
	height: 40px;
	padding: 0 15px;
	margin-left: 20px;
	color: #333;
	font-size: 16px;
	font-family: "Pretendard";
	font-weight: normal;
	border: 1px solid #e9e9e9;
	border-radius: 4px;
}

/* line 653, scss/common.scss */
.searchCont .group .btnEditMode .tog {
	position: relative;
	width: 48px;
	height: 26px;
	margin-left: 10px;
	border-radius: 50px;
	background: #c2c2c2;
	transition: .4s;
}

/* line 654, scss/common.scss */
.searchCont .group .btnEditMode .tog:after {
	position: absolute;
	left: 3px;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	content: '';
	width: 20px;
	height: 20px;
	transition: .4s;
	background: #fff;
	border-radius: 50%;
	box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.5);
}

/* line 658, scss/common.scss */
.searchCont .group .btnEditMode.active .tog {
	background: #5493ff;
}

/* line 659, scss/common.scss */
.searchCont .group .btnEditMode.active .tog:after {
	left: calc(100% - 23px);
}

/* line 663, scss/common.scss */
.searchCont .group:last-of-type {
	margin-right: 0;
}

/* line 664, scss/common.scss */
.searchCont .group:last-of-type:after {
	position: absolute;
	left: -5px;
	top: 50%;
	display: block;
	content: '';
	transform: translateY(-50%);
	width: 1px;
	height: 20px;
	border-left: 1px solid #e9e9e9;
}

/* line 666, scss/common.scss */
.searchCont .group input[type="text"], .searchCont .group input[type="number"], .searchCont .group select, .searchCont .group .btn {
	margin-right: 5px;
}

/* line 667, scss/common.scss */
.searchCont .group input[type="text"]:last-child, .searchCont .group input[type="number"]:last-child, .searchCont .group select:last-child, .searchCont .group .btn:last-child {
	margin-right: 0;
}

/* comboBox */
/* line 673, scss/common.scss */
.comboBox {
	position: relative;
	border-radius: 4px;
	border: 1px solid #e9e9e9;
	font-size: 16px;
	color: #555;
	font-family: "Pretendard";
	font-weight: normal;
	background: #fff url("../images/common/ico-combo-show.png") no-repeat right 10px center;
	box-sizing: border-box;
	height: 30px;
}

/* line 675, scss/common.scss */
.comboBox > span {
	display: flex;
	align-items: center;
	padding: 0 27px 0 10px;
	height: 30px;
}

/* line 676, scss/common.scss */
.comboBox img {
	vertical-align: middle;
}

/* line 677, scss/common.scss */
.comboBox .comboList {
	position: absolute;
	display: none;
	left: 0;
	top: calc(100% + 1px);
	width: 100%;
	border-radius: 4px;
	border: 1px solid #e9e9e9;
	background: #fff;
	box-sizing: border-box;
}

/* line 678, scss/common.scss */
.comboBox .comboList.active {
	display: block;
	z-index: 10;
}

/* line 680, scss/common.scss */
.comboBox .comboList li span {
	display: block;
	cursor: pointer;
	padding: 0 10px;
	word-break: keep-all;
}

/* line 681, scss/common.scss */
.comboBox .comboList li:hover {
	background: #e4edff;
	color: #fff;
}

/* line 684, scss/common.scss */
.comboBox.type02 {
	margin-left: 0;
	background: transparent url("../images/popup/ico-combobox-type02.png") no-repeat right center;
	border: none;
}

/* line 685, scss/common.scss */
.comboBox.type02 > span {
	margin-left: 0px;
	padding-left: 0;
}

/* line 686, scss/common.scss */
.comboBox.type02 .comboList {
	left: 0;
	top: 40px;
	width: auto;
	padding: 5px 0;
	min-width: 100px;
	border: 1px solid #2f5597;
	border-radius: 0;
}

/* line 687, scss/common.scss */
.comboBox.type02 .comboList li {
	font-size: 20px;
	color: #333;
}

/* select */
/* line 694, scss/common.scss */
select {
	appearance: none;
	-webkit-appearance: none;
	background: #fff url("../images/common/ico-select.png") no-repeat right 11px center;
}

/* input */
/* line 697, scss/common.scss */
input[type="text"], input[type="password"], input[type="email"], input[type="number"], select, textarea {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	padding-left: 15px;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #e9e9e9;
	color: #555;
	font-size: 15px;
	font-family: "Pretendard";
	font-weight: normal;
	resize: none;
}

/* line 700, scss/common.scss */
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, select:focus, textarea:focus {
	outline: 0;
}

/* line 701, scss/common.scss */
input[type="text"].blue, input[type="password"].blue, input[type="email"].blue, input[type="number"].blue, select.blue, textarea.blue {
	border: 1px solid #9fbef3;
}

/* line 703, scss/common.scss */
textarea {
	line-height: 25px;
}

/* tab */
/* line 709, scss/common.scss */
.tabContWrap > .tabNav .tabList {
	display: flex;
}

/* line 710, scss/common.scss */
.tabContWrap > .tabNav .tabList li {
	flex: 1;
	text-align: center;
}

/* line 713, scss/common.scss */
.tabContWrap .tabCont {
	display: none;
}

/* line 714, scss/common.scss */
.tabContWrap .tabCont.active {
	display: block;
}

/* line 719, scss/common.scss */
.tabContWrap.type01 > .tabNav .tabList li {
	margin-right: 1px;
	height: 36px;
	line-height: 36px;
	color: #666;
	font-size: 16px;
	font-family: "Pretendard Bold";
	border-radius: 5px 5px 0 0;
	background-color: #eee;
	cursor: pointer;
}

/* line 721, scss/common.scss */
.tabContWrap.type01 > .tabNav .tabList li:last-of-type {
	margin-right: 0;
}

/* line 722, scss/common.scss */
.tabContWrap.type01 > .tabNav .tabList li.active {
	color: #fff;
	background-color: #8FAADC;
}

/* line 726, scss/common.scss */
.tabContWrap.type01 .tabCont {
	border: 1px solid #eee;
	border-top: 0;
}

/* line 727, scss/common.scss */
.tabContWrap.type01 .tabCont .inner {
	padding: 20px;
}

/* line 733, scss/common.scss */
.tabContWrap.type02 > .tabNav .tabList li {
	height: 28px;
	line-height: 28px;
	color: #666;
	font-size: 15px;
	font-family: "Pretendard Bold";
	border-radius: 5px 5px 0 0;
	background-color: #eee;
	cursor: pointer;
}

/* line 735, scss/common.scss */
.tabContWrap.type02 > .tabNav .tabList li.active {
	color: #fff;
	background-color: #8FAADC;
}

/* line 743, scss/common.scss */
.tabContWrap.type03 > .tabNav .tabList li {
	height: 40px;
	line-height: 40px;
	border: 1px solid #e9e9e9;
	border-right: 0;
	border-bottom: 0;
	border-radius: 5px 5px 0 0;
	font-size: 16px;
	cursor: pointer;
	color: #555;
	background-color: #fff;
	font-family: "Pretendard Bold";
}

/* line 745, scss/common.scss */
.tabContWrap.type03 > .tabNav .tabList li .leng {
	font-weight: normal;
}

/* line 746, scss/common.scss */
.tabContWrap.type03 > .tabNav .tabList li .leng .orange {
	color: #ff8a61;
}

/* line 747, scss/common.scss */
.tabContWrap.type03 > .tabNav .tabList li .leng .grey {
	color: #666;
}

/* line 748, scss/common.scss */
.tabContWrap.type03 > .tabNav .tabList li .leng .blue {
	color: #283EBF;
}

/* line 750, scss/common.scss */
.tabContWrap.type03 > .tabNav .tabList li.active {
	border: 1px solid transparent;
	border-radius: 5px 5px 0px 0px;
	border-bottom: 0;
	color: #fff;
	background-color: #2F5597;
}

/* line 751, scss/common.scss */
.tabContWrap.type03 > .tabNav .tabList li.active:last-child {
	border-right: 1px solid #a8a8a8;
}

/* line 753, scss/common.scss */
.tabContWrap.type03 > .tabNav .tabList li:last-child {
	border-right: 1px solid #e9e9e9;
}

/* line 757, scss/common.scss */
.tabContWrap.type03 > .tabCont {
	margin-top: 0 !important;
}

/* line 762, scss/common.scss */
.tabContWrap.type04 > .tabNav .tabList li {
	height: 45px;
	line-height: 42px;
	border-radius: 4px;
	font-size: 17px;
	color: #555;
	margin-right: 1px;
	letter-spacing: -0.77px;
	cursor: pointer;
	background-color: #eeeeee;
	font-family: "Pretendard Bold";
}

/* line 764, scss/common.scss */
.tabContWrap.type04 > .tabNav .tabList li:last-of-type {
	margin-right: 0;
}

/* line 765, scss/common.scss */
.tabContWrap.type04 > .tabNav .tabList li.active {
	color: #ffffff;
	background-color: #444444;
}

/* line 769, scss/common.scss */
.tabContWrap.type04 .tabCont {
	padding-top: 30px;
}

/* line 770, scss/common.scss */
.tabContWrap.type04 .tabCont.t10 {
	padding-top: 10px;
}

/* line 776, scss/common.scss */
.tabContWrap.type05 > .tabNav .tabList li {
	height: 36px;
	line-height: 36px;
	border-radius: 4px;
	font-size: 16px;
	color: #2f5597;
	margin-right: 1px;
	border: 1px solid #2f5597;
	letter-spacing: -0.77px;
	cursor: pointer;
	background-color: #fff;
	font-family: "Pretendard Bold";
}

/* line 778, scss/common.scss */
.tabContWrap.type05 > .tabNav .tabList li:last-of-type {
	margin-right: 0;
}

/* line 779, scss/common.scss */
.tabContWrap.type05 > .tabNav .tabList li.active {
	position: relative;
	color: #ffffff;
	background-color: #2f5597;
}

/* line 780, scss/common.scss */
.tabContWrap.type05 > .tabNav .tabList li.active:after {
/* 	position: absolute;
	left: 50%;
	bottom: -2px;
	display: block;
	content: '';
	transform: rotate(-45deg) translateX(-50%);
	border: 5px solid transparent;
	border-left: 5px solid #2f5597;
	border-bottom: 5px solid #2f5597; 퍼블팀 삭제*/
}

/* line 786, scss/common.scss */
.tabContWrap.type05 .tabCont {
	padding-top: 16px;
}

/* line 791, scss/common.scss */
.tabContWrap.type06 > .tabNav .tabList li {
	height: 31px;
	line-height: 31px;
	border-radius: 4px 4px 0 0;
	font-size: 16px;
	color: #555;
	letter-spacing: -0.77px;
	cursor: pointer;
	font-family: "Pretendard Bold";
}

/* line 793, scss/common.scss */
.tabContWrap.type06 > .tabNav .tabList li.active {
	color: #fff;
	background-color: #333;
}

/* line 797, scss/common.scss */
.tabContWrap.type06 .tabCont {
	padding: 0;
	border: 1px solid #707070;
	background: #fff;
}

/* line 798, scss/common.scss */
.tabContWrap.type06 .tabCont .inner {
	padding: 20px !important;
	background: #fff !important;
}

/* line 805, scss/common.scss */
.tabContWrap.type07 > .tabNav .tabList li {
	margin-right: 1px;
	height: 36px;
	line-height: 36px;
	color: #666;
	font-size: 16px;
	font-family: "Pretendard Bold";
	border-radius: 5px 5px 0 0;
	background-color: #eee;
	cursor: pointer;
}

/* line 807, scss/common.scss */
.tabContWrap.type07 > .tabNav .tabList li:last-of-type {
	margin-right: 0;
}

/* line 808, scss/common.scss */
.tabContWrap.type07 > .tabNav .tabList li.active {
	color: #fff;
	background-color: #2F5597;
}

/* line 812, scss/common.scss */
.tabContWrap.type07 .tabCont {
	margin-top: 20px;
}

/* line 813, scss/common.scss */
.tabContWrap.type07 .tabCont .inner {
	padding: 20px;
}

/* line 818, scss/common.scss */
.tabContWrap.theme01 > .tabNav .tabList {
	display: block;
	padding: 0 5px;
}

/* line 819, scss/common.scss */
.tabContWrap.theme01 > .tabNav .tabList li {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 19px;
	font-size: 16px;
	color: #333;
	letter-spacing: -1px;
}

/* line 820, scss/common.scss */
.tabContWrap.theme01 > .tabNav .tabList li.active {
	position: relative;
	font-family: "Pretendard Bold";
	color: #2f5597;
}

/* line 821, scss/common.scss */
.tabContWrap.theme01 > .tabNav .tabList li.active:after {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	display: block;
	content: '';
	width: 100%;
	height: 4px;
	background: #2f5597;
}

/* line 832, scss/common.scss */
.tabContWrap.theme02 > .tabNav .tabList {
	display: block;
	padding: 0 5px;
}

/* line 833, scss/common.scss */
.tabContWrap.theme02 > .tabNav .tabList:before {
	content: '';
	display: inline-block;
	clear: both;
}

/* line 834, scss/common.scss */
.tabContWrap.theme02 > .tabNav .tabList li {
	float: left;
	margin-right: -1px;
	height: 40px;
	line-height: 40px;
	padding: 0 19px;
	letter-spacing: -1px;
	border: 1px solid #2f5597;
	box-sizing: border-box;
	font-size: 16px;
	font-family: "Pretendard";
	color: #2f5597;
}

/* line 836, scss/common.scss */
.tabContWrap.theme02 > .tabNav .tabList li.active {
	color: #fff;
	font-weight: bold;
	background: #2f5597;
}

/* line 846, scss/common.scss */
.tabContWrap.theme03 > .tabNav .tabList {
	display: block;
	padding: 0 5px;
}

/* line 847, scss/common.scss */
.tabContWrap.theme03 > .tabNav .tabList:before {
	content: '';
	display: inline-block;
	clear: both;
}

/* line 848, scss/common.scss */
.tabContWrap.theme03 > .tabNav .tabList li {
	float: left;
	height: 40px;
	line-height: 40px;
	margin-right: -1px;
	padding: 0 19px;
	letter-spacing: -1px;
	border: 1px solid #2f5597;
	box-sizing: border-box;
	font-size: 16px;
	color: #2f5597;
	border-radius: 15px 15px 0 0;
}

/* line 851, scss/common.scss */
.tabContWrap.theme03 > .tabNav .tabList li.active {
	color: #fff;
	font-family: "Pretendard Bold";
	background: #2f5597;
}

/* context */
/* line 865, scss/common.scss */
.contextArea > .contextNav .contextList li {
	cursor: pointer;
}

/* line 870, scss/common.scss */
.contextArea.theme01 > .contextNav .contextList {
	display: block;
}

/* line 871, scss/common.scss */
.contextArea.theme01 > .contextNav .contextList li {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 19px;
	font-size: 16px;
	color: #333;
	letter-spacing: -1px;
}

/* line 872, scss/common.scss */
.contextArea.theme01 > .contextNav .contextList li.active {
	position: relative;
	font-family: "Pretendard Bold";
	color: #2F5597;
}

/* line 873, scss/common.scss */
.contextArea.theme01 > .contextNav .contextList li.active:after {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	display: block;
	content: '';
	width: 100%;
	height: 4px;
	background: #2F5597;
}

/* line 881, scss/common.scss */
.contextArea.theme02 > .contextNav .contextList {
	display: block;
	padding: 0 5px;
}

/* line 882, scss/common.scss */
.contextArea.theme02 > .contextNav .contextList:before {
	content: '';
	display: inline-block;
	clear: both;
}

/* line 883, scss/common.scss */
.contextArea.theme02 > .contextNav .contextList li {
	float: left;
	margin-right: -1px;
	height: 40px;
	line-height: 40px;
	padding: 0 19px;
	letter-spacing: -1px;
	border: 1px solid #2F5597;
	box-sizing: border-box;
	font-size: 16px;
	color: #2F5597;
}

/* line 885, scss/common.scss */
.contextArea.theme02 > .contextNav .contextList li.active {
	color: #fff;
	font-family: "Pretendard Bold";
	background: #2F5597;
}

/* line 892, scss/common.scss */
.contextArea.theme03 > .contextNav .contextList {
	display: block;
	padding: 0 5px;
}

/* line 893, scss/common.scss */
.contextArea.theme03 > .contextNav .contextList:before {
	content: '';
	display: inline-block;
	clear: both;
}

/* line 894, scss/common.scss */
.contextArea.theme03 > .contextNav .contextList li {
	float: left;
	height: 40px;
	line-height: 40px;
	margin-right: -1px;
	padding: 0 19px;
	letter-spacing: -1px;
	border: 1px solid #2F5597;
	box-sizing: border-box;
	font-size: 16px;
	color: #2F5597;
	border-radius: 15px 15px 0 0;
}

/* line 897, scss/common.scss */
.contextArea.theme03 > .contextNav .contextList li.active {
	color: #fff;
	font-family: "Pretendard Bold";
	background: #2F5597;
}

/* line 903, scss/common.scss */
.contextCont {
	display: none;
	width: 470px;
	height: 100%;
	background: #f6f9fe;
}

/* line 904, scss/common.scss */
.contextCont.active {
	display: block;
}

/* line 905, scss/common.scss */
.contextCont .inner {
	padding: 10px;
}

/* line 906, scss/common.scss */
.contextCont .context {
	padding: 15px;
	background: #fff;
	border: 1px solid #e7e9ee;
	border-radius: 4px;
}

/* line 907, scss/common.scss */
.contextCont .title {
	padding-bottom: 10px;
	font-size: 16px;
	color: #555;
	font-family: "Pretendard Bold";
	border-bottom: 1px solid #eef1f8;
}

/* line 908, scss/common.scss */
.contextCont .desc {
	margin-top: 10px;
	font-size: 16px;
	color: #333;
	word-break: keep-all;
}

/* resultArea */
/* line 914, scss/common.scss */
.resultArea {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

/* line 915, scss/common.scss */
.resultArea dl {
	display: flex;
}

/* line 916, scss/common.scss */
.resultArea dl dt {
	position: relative;
	margin-right: 20px;
}

/* line 917, scss/common.scss */
.resultArea dl dt:after {
	position: absolute;
	right: -10px;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	content: '';
	width: 1px;
	height: 10px;
	background: #e1e1e1;
}

/* line 918, scss/common.scss */
.resultArea dl dt strong {
	color: #555;
	font-size: 16px;
	font-family: "Pretendard";
}

/* line 919, scss/common.scss */
.resultArea dl dt.noCont:after {
	display: none;
}

/* line 921, scss/common.scss */
.resultArea dl dd {
	margin-right: 20px;
}

/* line 922, scss/common.scss */
.resultArea dl dd:last-of-type {
	margin-right: 0;
}

/* line 923, scss/common.scss */
.resultArea dl dd strong {
	color: #555;
	font-size: 16px;
	font-family: "Pretendard";
}

/* line 927, scss/common.scss */
.resultArea .orange {
	color: #ff8a61;
}

/* line 928, scss/common.scss */
.resultArea .blue {
	color: #283ebf;
}

/* card */
/* line 932, scss/common.scss */
.cardList {
	display: flex;
	flex-wrap: wrap;
}

/* line 933, scss/common.scss */
.cardList .card {
	position: relative;
	width: calc(33.3% - 20px);
	margin-right: 27px;
	border-radius: 4px;
	border: 1px solid #dbdbdb;
}

/* line 935, scss/common.scss */
.cardList .card:nth-of-type(3n) {
	margin-right: 0;
}

/* line 936, scss/common.scss */
.cardList .card .btnCardClose {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	width: 50px;
	height: 50px;
	background: rgba(255, 255, 255, 0.5) url("../images/popup/ico-card-close.png") no-repeat center;
}

/* line 937, scss/common.scss */
.cardList .card .imgArea {
	width: 100%;
	height: 290px;
	overflow: hidden;
	transition: .4s;
	background: #fcfcfc;
}

/* line 938, scss/common.scss */
.cardList .card .imgArea img {
	width: 100%;
	transition: .4s;
}

/* line 942, scss/common.scss */
.cardList .card:hover .imgArea img {
	transform: scale(1.1);
}

/* line 945, scss/common.scss */
.cardList .card .btnCardShare {
	position: absolute;
	top: -17px;
	right: 11px;
	width: 35px;
	height: 35px;
	border-radius: 50px;
	transition: .4s;
	background: #5493ff url("../images/popup/ico-share.png") no-repeat center;
}

/* line 947, scss/common.scss */
.cardList .card .btnCardShare:hover {
	background-color: #2f5597;
}

/* line 949, scss/common.scss */
.cardList .card .txtArea {
	position: relative;
	border-top: 1px solid #dbdbdb;
}

/* line 950, scss/common.scss */
.cardList .card .txtArea .inner {
	padding: 20px;
}

/* line 951, scss/common.scss */
.cardList .card .txtArea .titCard {
	display: block;
	color: #222;
	font-family: "Pretendard Bold";
	font-size: 18px;
	margin-bottom: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: nowrap;
}

/* line 952, scss/common.scss */
.cardList .card .txtArea .info {
	display: flex;
	margin-bottom: 10px;
}

/* line 953, scss/common.scss */
.cardList .card .txtArea .info li {
	position: relative;
	margin-right: 10px;
	color: #555;
	font-size: 14px;
	font-family: "Pretendard";
	font-weight: normal;
}

/* line 954, scss/common.scss */
.cardList .card .txtArea .info li:after {
	position: absolute;
	right: -5px;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	content: '';
	width: 1px;
	height: 11px;
	background: #e9e9e9;
}

/* line 955, scss/common.scss */
.cardList .card .txtArea .info li.green {
	color: #008803;
}

/* line 956, scss/common.scss */
.cardList .card .txtArea .info li.blue {
	color: #003bff;
}

/* line 957, scss/common.scss */
.cardList .card .txtArea .info li.grey {
	color: #555555;
}

/* line 958, scss/common.scss */
.cardList .card .txtArea .info li:last-of-type {
	margin-right: 0;
}

/* line 959, scss/common.scss */
.cardList .card .txtArea .info li:last-of-type:after {
	display: none;
}

/* line 963, scss/common.scss */
.cardList .card .txtArea .desc {
	color: #444;
	font-size: 16px;
	font-family: "Pretendard";
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
}

/* line 968, scss/common.scss */
.noImg {
	background: url("../images/popup/bg-no-img.png") no-repeat center 77px;
}

/* line 969, scss/common.scss */
.noImg p {
	padding-top: 170px;
	text-align: center;
	font-size: 20px;
	color: #555;
	font-family: "Pretendard";
}

/* 테이블 */
/* line 973, scss/common.scss */
.table {
	width: 100%;
	border-top: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
}

/* line 978, scss/common.scss */
.table.hover table tbody tr td {
	transition: .4s;
}

/* line 980, scss/common.scss */
.table.hover table tbody tr:hover td {
	background: #f7f9ff;
}

/* line 990, scss/common.scss */
.table.innerTable table tbody tr td {
	padding: 0;
}

/* line 992, scss/common.scss */
.table.innerTable table tbody tr td table td {
	padding: 10px;
}

/* line 993, scss/common.scss */
.table.innerTable table tbody tr td table td .changeWidgetIcon {
	margin: 0;
	padding-top: 10px;
}

/* line 994, scss/common.scss */
.table.innerTable table tbody tr td table td .inner {
	justify-content: flex-end;
}

/* line 1002, scss/common.scss */
.table table {
	width: 100%;
}

/* line 1003, scss/common.scss */
.table table th, .table table td {
	height: 20px;
	color: #555;
	border-bottom: 1px solid #e9e9e9;
	padding: 8px;
	/* input */
}

/* line 1004, scss/common.scss */
.table table th .titSec, .table table td .titSec {
	margin-bottom: 0;
	margin-left: 20px;
}

/* line 1006, scss/common.scss */
.table table th input[type="text"], .table table th input[type="password"], .table table th input[type="email"], .table table th input[type="number"], .table table th select, .table table th textarea, .table table td input[type="text"], .table table td input[type="password"], .table table td input[type="email"], .table table td input[type="number"], .table table td select, .table table td textarea {
	height: 30px;
}

/* line 1011, scss/common.scss */
.table table th {
	background: #f9f9f9;
	font-family: 'Pretendard Bold';
}

/* line 1015, scss/common.scss */
.table table thead tr:first-child th {
	position: sticky;
	top: 0;
	z-index: 10;
	border-bottom: 1px solid #cbcbcb;
}

/* line 1017, scss/common.scss */
.table table thead tr th {
	font-size: 16px;
}

/* line 1022, scss/common.scss */
.table table tbody tr th, .table table tbody tr td {
	font-family: "Pretendard";
}

/* line 1023, scss/common.scss */
.table table tbody tr th {
	font-size: 16px;
	font-family: 'Pretendard Bold';
}

/* line 1024, scss/common.scss */
.table table tbody tr td {
	color: #686868;
	background: #fff;
	font-size: 15px;
}

/* line 1025, scss/common.scss */
.table table tbody tr td .inputBox {
	display: flex;
	height: 30px;
}

/* line 1026, scss/common.scss */
.table table tbody tr td .inputBox input[type="text"] {
	flex: 1;
	margin-right: 10px;
	text-indent: 0;
	padding-left: 0;
	text-align: center;
}

/* line 1027, scss/common.scss */
.table table tbody tr td .inputBox .btn {
	width: 30px;
	height: 30px;
	background: url("../images/common/ico-tr-remove.png") no-repeat center;
	background-size: 14px;
}

/* line 1029, scss/common.scss */
.table table tbody tr td .sub {
	font-size: 14px;
	color: #555;
}

/* line 1030, scss/common.scss */
.table table tbody tr td img {
	vertical-align: middle;
}

/* line 1033, scss/common.scss */
.table table tbody tr:last-child th, .table table tbody tr:last-child td {
	border-bottom: 0;
}

/* line 1037, scss/common.scss */
.table table .variable {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding-left: 0;
	border-radius: 4px;
	background: #fff;
	color: #333333;
	font-family: "Pretendard Bold";
	text-align: center;
	font-size: 16px;
	border: 1px solid #555555;
	text-indent: 0;
}

/* line 1039, scss/common.scss */
.table table .titTable {
	display: inline-block;
	text-indent: 15px;
	font-size: 17px;
	color: #2e2e2e;
	font-family: "Pretendard Bold";
}

/* line 1042, scss/common.scss */
.innerMap {
	padding: 0 5px 0 0;
	display: flex;
	align-items: flex-end;
}

/* line 1043, scss/common.scss */
.innerMap .noImg {
	background: url("../images/popup/bg-no-img-small.png") no-repeat center 25px;
}

/* line 1044, scss/common.scss */
.innerMap .noImg p {
	padding-top: 100px;
	color: #555;
	font-size: 14px;
}

/* line 1046, scss/common.scss */
.innerMap .imgArea {
	position: relative;
	width: 210px;
	height: 140px;
	margin-right: 10px;
	border: 1px solid #dbdbdb;
	background: #fcfcfc;
}

/* line 1047, scss/common.scss */
.innerMap .btnEdit {
	position: absolute;
	right: 10px;
	top: 10px;
}

/* line 1048, scss/common.scss */
.innerMap .editBox {
	left: auto;
	right: -220px;
	top: 10px;
	transform: translate(0);
}

/* line 1050, scss/common.scss */
.btnEdit {
	width: 23px;
	height: 23px;
	background: url("../images/popup/btn-edit.png") no-repeat center;
	vertical-align: middle;
}

/* line 1052, scss/common.scss */
.editBox {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	display: none;
	width: 100%;
	align-items: center;
	background: #fff;
}

/* line 1053, scss/common.scss */
.editBox.active {
	display: flex;
}

/* line 1054, scss/common.scss */
.editBox input[type="text"], .editBox textarea {
	margin-right: 10px;
}

/* line 1055, scss/common.scss */
.editBox .btn {
	height: 23px;
	font-size: 14px;
	padding: 0 10px;
	border-radius: 50px;
	margin-right: 5px;
}

/* line 1056, scss/common.scss */
.editBox .btn:last-of-type {
	margin-right: 0;
}

/* sort */
/* line 1062, scss/common.scss */
.sortList {
	margin: 10px 0 20px;
}

/* line 1063, scss/common.scss */
.sortList .item {
	position: relative;
	display: flex;
	align-items: center;
	height: 56px;
	line-height: 56px;
	padding: 0 10px;
	margin-bottom: 10px;
	background: #fff;
	border: 1px solid #eef1f8;
	border-radius: 4px;
}

/* line 1065, scss/common.scss */
.sortList .item:last-of-type {
	margin-bottom: 0;
}

/* line 1066, scss/common.scss */
.sortList .item .editBox {
	justify-content: center;
}

/* line 1067, scss/common.scss */
.sortList .item .handle {
	width: 18px;
	height: 18px;
	margin-right: 10px;
	background: url("../images/ico/ico-sort.png") no-repeat center;
	cursor: pointer;
}

/* line 1068, scss/common.scss */
.sortList .item strong {
	flex: 1;
	font-size: 16px;
	color: #333;
	font-family: "Pretendard";
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* line 1069, scss/common.scss */
.sortList .item .btnGroup {
	display: flex;
	align-items: center;
}

/* line 1070, scss/common.scss */
.sortList .item .btnGroup .btnSortPop {
	width: 34px;
	height: 30px;
	margin-right: 10px;
	border-radius: 2px;
	background: #8faadc url("../images/toc/ico-group-search.png") no-repeat center;
}

/* line 1071, scss/common.scss */
.sortList .item .btnGroup .btnSortPop:hover {
	background-color: #2f5597;
}

/* line 1073, scss/common.scss */
.sortList .item .btnGroup .btnSortEdit, .sortList .item .btnGroup .btnSortRemove {
	width: 23px;
	height: 23px;
	background-position: center;
	background-repeat: no-repeat;
}

/* line 1074, scss/common.scss */
.sortList .item .btnGroup .btnSortEdit {
	margin-right: 5px;
	background-image: url("../images/ico/ico-sort-edit.png");
}

/* line 1075, scss/common.scss */
.sortList .item .btnGroup .btnSortEdit:hover {
	background-image: url("../images/ico/ico-sort-edit-hover.png");
}

/* line 1077, scss/common.scss */
.sortList .item .btnGroup .btnSortRemove {
	background-image: url("../images/ico/ico-sort-remove.png");
}

/* line 1078, scss/common.scss */
.sortList .item .btnGroup .btnSortRemove:hover {
	background-image: url("../images/ico/ico-sort-remove-hover.png");
}

/* dataArea */
/* line 1085, scss/common.scss */
.dataArea {
	margin-top: 10px;
	border: 1px solid #e9e9e9;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

/* tag */
/* line 1088, scss/common.scss */
.tagList {
	display: flex;
}

/* line 1092, scss/common.scss */
.tag {
	display: block;
	margin-right: 10px;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	color: #fff;
	border-radius: 4px;
	font-size: 15px;
	font-family: "Pretendard";
}

/* line 1093, scss/common.scss */
.tag.blue {
	background: #5c99c2;
}

/* line 1094, scss/common.scss */
.tag.peacock {
	background: #2fb4be;
}

/* line 1095, scss/common.scss */
.tag.green {
	background: #73bc60;
}

.tag.tealblue {
	background: #116C73;
}

/* pagination */
/* line 1098, scss/common.scss */
.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 10px;
	font-size: 16px;
	font-family: "Pretendard";
}

/* line 1099, scss/common.scss */
.pagination button, .pagination a {
	display: inline-block;
	min-width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

/* line 1100, scss/common.scss */
.pagination a {
	color: #333;
}

/* line 1101, scss/common.scss */
.pagination a:hover, .pagination a.active {
	color: #2f5597;
	font-family: "Pretendard Bold";
}

/* line 1103, scss/common.scss */
.pagination .btnPagi {
	background-repeat: no-repeat;
	background-position: center;
}

/* line 1104, scss/common.scss */
.pagination .btnPagi.first {
	background-image: url("../images/common/btn-pagi-first.png");
}

/* line 1105, scss/common.scss */
.pagination .btnPagi.prev {
	background-image: url("../images/common/btn-pagi-prev.png");
}

/* line 1106, scss/common.scss */
.pagination .btnPagi.next {
	background-image: url("../images/common/btn-pagi-next.png");
}

/* line 1107, scss/common.scss */
.pagination .btnPagi.last {
	background-image: url("../images/common/btn-pagi-last.png");
}

/* line 1109, scss/common.scss */
.pagination.sm {
	font-size: 14px;
}

/* line 1110, scss/common.scss */
.pagination.sm button, .pagination.sm a {
	min-width: 20px;
	height: 20px;
	line-height: 20px;
}

/* line 1113, scss/common.scss */
.resizeHandler {
	position: absolute;
	right: -10px;
	top: 50%;
	z-index: 10;
	transform: translateY(-50%);
	width: 20px;
	height: 42px;
	border-radius: 5px;
	transition: .4s;
	background: #fff url("../images/ico/ico-resize.png") no-repeat center;
	border: 1px solid #2f5597;
	box-sizing: border-box;
}

/* line 1115, scss/common.scss */
.resizeHandler:hover {
	background-color: #d7dadf;
}

/* 버튼 */
/* line 1118, scss/common.scss */
.btnArea {
	display: flex;
}

/* line 1119, scss/common.scss */
.btnArea .btn {
	margin-right: 5px;
}

/* line 1120, scss/common.scss */
.btnArea .btn:first-of-type {
	margin-right: 0;
}

/* line 1122, scss/common.scss */
.btnArea.flexRight {
	justify-content: flex-end;
}

/* line 1123, scss/common.scss */
.btnArea.flexRight .btn {
	margin-left: 5px;
}

/* line 1124, scss/common.scss */
.btnArea.flexRight .btn:first-of-type {
	margin-left: 0;
}

/* line 1127, scss/common.scss */
.btnArea.flexCenter {
	justify-content: center;
}

/* line 1128, scss/common.scss */
.btnArea.flex {
	display: flex;
}

/* line 1129, scss/common.scss */
.btnArea.flex.sb {
	justify-content: space-between;
}

/* line 1132, scss/common.scss */
.btn {
	position: relative;
	display: flex;
	align-items: center;
	height: 36px;
	padding: 0 15px;
	border-radius: 4px;
	box-sizing: border-box;
	font-family: "Pretendard";
	font-weight: normal;
	font-size: 14px;
	color: #fff;
	vertical-align: top;
	letter-spacing: 0px;
	transition: .4s;
}

/* line 1134, scss/common.scss */
.btn.white {
	background: #fff;
	color: #555;
	border: 1px solid #e9e9e9;
}

/* line 1135, scss/common.scss */
.btn.white:hover {
	background: #555;
	color: #fff;
	border: 1px solid transparent;
}

/* line 1137, scss/common.scss */
.btn.grey {
	background-color: #888;
}

/* line 1138, scss/common.scss */
.btn.grey2 {
	background-color: #d7dadf;
	color: #333;
}

/* line 1139, scss/common.scss */
.btn.grey2:hover {
	background-color: #bdc1c8;
}

/* line 1140, scss/common.scss */
.btn.grey2.search {
	background-image: url("../images/popup/ico-search2.png");
	background-repeat: no-repeat;
	background-position: center;
}

/* line 1141, scss/common.scss */
.btn.grey2.edit {
	background-image: url("../images/popup/ico-pen.png");
	background-repeat: no-repeat;
	background-position: center;
}

/* line 1142, scss/common.scss */
.btn.grey2.submit {
	background-image: url("../images/popup/ico-check.png");
	background-repeat: no-repeat;
	background-position: center;
}

/* line 1143, scss/common.scss */
.btn.grey2.remove {
	background-image: url("../images/popup/ico-remove.png");
	background-repeat: no-repeat;
	background-position: center;
}

/* line 1145, scss/common.scss */
.btn.btnSwipeEnd {
	border: 1px solid #2f5597;
	background-color: #fff;
	color: #2f5597;
}

/* line 1146, scss/common.scss */
.btn.btnSwipeEnd .ico.finger {
	width: 25px;
	height: 24px;
	background-image: url("../images/ico/ico-finger.png");
	transition: .4s;
}

/* line 1147, scss/common.scss */
.btn.btnSwipeEnd:hover {
	background-color: #d7dadf;
}

/* line 1148, scss/common.scss */
.btn.btnSwipeEnd:hover .ico.finger {
	background-image: url("../images/ico/ico-finger-hover.png");
}

/* line 1151, scss/common.scss */
.btn.lightGrey {
	background: #f9f9f9;
	border: 1px solid #e9e9e9;
	color: #555;
}

/* line 1152, scss/common.scss */
.btn.orange {
	background-color: #ff7200;
}

/* line 1153, scss/common.scss */
.btn.orange:hover {
	background-color: #ff5700;
}

/* line 1155, scss/common.scss */
.btn.black {
	background: #333;
}

/* line 1156, scss/common.scss */
.btn.black2 {
	background: #555;
}

/* line 1157, scss/common.scss */
.btn.blue {
	background-color: #8faadc;
}

/* line 1158, scss/common.scss */
.btn.blue:hover {
	background-color: #6688c6;
}

/* line 1160, scss/common.scss */
.btn.blue2 {
	background-color: #2F5597;
}

/* line 1161, scss/common.scss */
.btn.blue2:hover {
	background-color: #23437b;
}

/* line 1163, scss/common.scss */
.btn.blueLine {
	background-color: #fff;
	color: #2f5597;
	border: 1px solid #2f5597;
}

/* line 1164, scss/common.scss */
.btn.blueLine:hover {
	color: #23437b;
	border: 1px solid #23437b;
}

/* line 1166, scss/common.scss */
.btn.pastelblue {
	background-color: #8FAADC;
}

/* line 1167, scss/common.scss */
.btn.pastelblue:hover {
	background-color: #2F5597;
}

/* line 1169, scss/common.scss */
.btn.green {
	background-color: #1caf82;
}

/* line 1170, scss/common.scss */
.btn.green:hover {
	background-color: #10916a;
}

/* line 1172, scss/common.scss */
.btn.btnInAdd, .btn.btnInRemove, .btn.btnInExcept {
	position: relative;
	width: 40px;
	padding: 0;
	border: 1px solid #e9e9e9;
}

/* line 1173, scss/common.scss */
.btn.btnInAdd:hover, .btn.btnInRemove:hover, .btn.btnInExcept:hover {
	border: 1px solid #333;
}

/* line 1175, scss/common.scss */
.btn.sort {
	height: 32px;
	padding: 0 10px 0 25px;
	color: #555;
	border: 1px solid #555;
	box-sizing: border-box;
	border-radius: 4px;
	background-position: 10px center;
	background-repeat: no-repeat;
	background-color: #fff;
}

/* line 1177, scss/common.scss */
.btn.sort:hover {
	background-color: #e7e7e7;
}

/* line 1178, scss/common.scss */
.btn.sort.up {
	background-image: url("../images/ico/ico-date-upper.png");
}

/* line 1180, scss/common.scss */
.btn.sort.up span:first-of-type {
	display: block;
}

/* line 1181, scss/common.scss */
.btn.sort.up span:last-of-type {
	display: none;
}

/* line 1184, scss/common.scss */
.btn.sort.down {
	background-image: url("../images/ico/ico-date-lower.png");
}

/* line 1186, scss/common.scss */
.btn.sort.down span:first-of-type {
	display: none;
}

/* line 1187, scss/common.scss */
.btn.sort.down span:last-of-type {
	display: block;
}

/* line 1192, scss/common.scss */
.btn.btnInAdd {
	background: #fff url("../images/common/ico-in-add.png") no-repeat center;
	background-size: 16px;
}

/* line 1193, scss/common.scss */
.btn.btnInAdd:hover {
	background: #fff url("../images/common/ico-in-add-hover.png") no-repeat center;
	background-size: 16px;
}

/* line 1196, scss/common.scss */
.btn.btnInRemove {
	background: #fff url("../images/common/ico-in-remove.png") no-repeat center;
}

/* line 1197, scss/common.scss */
.btn.btnInRemove:hover {
	background: #fff url("../images/common/ico-in-remove-hover.png") no-repeat center;
}

/* line 1199, scss/common.scss */
.btn.innerSec {
	height: 30px;
	border: 1px solid #e9e9e9;
	color: #333;
	background: #fff;
}

/* line 1200, scss/common.scss */
.btn.lg {
	padding: 0 30px;
}

/* line 1201, scss/common.scss */
.btn.sm {
	padding: 0 10px;
	letter-spacing: -1.5px;
}

/* line 1202, scss/common.scss */
.btn.btnOptAdd {
	flex: 1;
	background: #fff;
	border: 1px solid #9fbef3;
	color: #2f5597;
}

/* line 1203, scss/common.scss */
.btn.btnIconBox {
	width: 40px;
	padding: 0;
	justify-content: center;
	background-position: center;
	background-repeat: no-repeat;
}

/* line 1204, scss/common.scss */
.btn.btnIconBox.setting {
	background-image: url("../images/ico/ico-op-setting.png");
}

/* line 1205, scss/common.scss */
.btn.btnIconBox.chart {
	background-image: url("../images/ico/ico-op-chart.png");
}

/* line 1206, scss/common.scss */
.btn.btnIconBox.search {
	background-image: url("../images/ico/ico-op-search.png");
}

/* line 1207, scss/common.scss */
.btn.btnIconBox.filterAdd {
	background-image: url("../images/ico/ico-op-filter-add.png");
}

/* line 1208, scss/common.scss */
.btn.btnIconBox.down {
	background-image: url("../images/ico/ico-op-down2.png");
}

/* line 1209, scss/common.scss */
.btn.btnIconBox.filterReset {
	background-image: url("../images/ico/ico-op-filter-reset.png");
}

/* line 1210, scss/common.scss */
.btn.btnIconBox.selectReset {
	background-image: url("../images/ico/ico-op-select-reset.png");
}

/* line 1211, scss/common.scss */
.btn.btnIconBox.edit {
	background-image: url("../images/ico/ico-op-edit.png");
}

/* line 1212, scss/common.scss */
.btn.btnIconBox.submit {
	background-image: url("../images/ico/ico-op-submit.png");
}

/* line 1213, scss/common.scss */
.btn.btnIconBox.remove {
	background-image: url("../images/ico/ico-op-remove.png");
}

/* line 1214, scss/common.scss */
.btn.btnIconBox.save {
	background-image: url("../images/ico/ico-op-save.png");
}

/* line 1215, scss/common.scss */
.btn.btnIconBox.save2 {
	background-image: url("../images/ico/ico-op-save2.png");
}

/* line 1216, scss/common.scss */
.btn.btnIconBox.add {
	background-image: url("../images/ico/ico-op-add.png");
}

/* 버튼 내 아이콘 */
/* line 1221, scss/common.scss */
.icoBox {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	border: 1px solid #e9e9e9;
	border-radius: 4px;
	background: #fff;
}

/* line 1222, scss/common.scss */
i.ico {
	display: block;
	margin-right: 5px;
	background-position: center;
	background-repeat: no-repeat;
	/* 속성테이블 아이콘들 */
}

/* line 1223, scss/common.scss */
i.ico.ico-remove {
	width: 11px;
	height: 12px;
	background-image: url("../images/ico/ico-remove.png");
}

/* line 1224, scss/common.scss */
i.ico.ico-link {
	width: 12px;
	height: 12px;
	margin-top: 2px;
	background-image: url("../images/ico/ico-link.png");
}

/* line 1225, scss/common.scss */
i.ico.ico-down {
	width: 12px;
	height: 14px;
	background-image: url("../images/ico/ico-down.png");
}

/* line 1226, scss/common.scss */
i.ico.ico-link2 {
	width: 12px;
	height: 12px;
	background-image: url("../images/ico/ico-link-02.png");
}

/* line 1227, scss/common.scss */
i.ico.ico-reset {
	width: 12px;
	height: 12px;
	background-image: url("../images/ico/ico-reset.png");
}

/* line 1228, scss/common.scss */
i.ico.ico-view {
	width: 15px;
	height: 15px;
	background-image: url("../images/ico/ico-view.png");
}

/* line 1229, scss/common.scss */
i.ico.ico-view2 {
	width: 15px;
	height: 15px;
	background-image: url("../images/ico/ico-view2.png");
}

/* line 1230, scss/common.scss */
i.ico.ico-setting {
	width: 15px;
	height: 15px;
	background-image: url("../images/ico/ico-setting.png");
}

/* line 1231, scss/common.scss */
i.ico.ico-add {
	position: relative;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #fff url("../images/common/ico-add.png") no-repeat center;
	background-size: 14px;
}

/* line 1232, scss/common.scss */
i.ico.ico-add2 {
	position: relative;
	width: 25px;
	height: 25px;
	background: url("../images/ico/ico-add2.png") no-repeat center;
}

/* line 1233, scss/common.scss */
i.ico.ico-all {
	width: 13px;
	height: 13px;
	margin: 0 auto;
	background-image: url("../images/ico/ico-layer-all.png");
}

/* line 1234, scss/common.scss */
i.ico.ico-line {
	width: 13px;
	height: 13px;
	margin: 0 auto;
	background-image: url("../images/ico/ico-layer-line.png");
}

/* line 1235, scss/common.scss */
i.ico.ico-dot {
	width: 13px;
	height: 13px;
	margin: 0 auto;
	background-image: url("../images/ico/ico-layer-dot.png");
}

/* line 1236, scss/common.scss */
i.ico.ico-plane {
	width: 13px;
	height: 13px;
	margin: 0 auto;
	background-image: url("../images/ico/ico-layer-plane.png");
}

/* line 1237, scss/common.scss */
i.ico.ico-hitmap {
	width: 13px;
	height: 13px;
	margin: 0 auto;
	background-image: url("../images/ico/ico-layer-hitmap.png");
}

/* line 1238, scss/common.scss */
i.ico.ico-location {
	width: 13px;
	height: 15px;
	margin: 0 auto;
	background-image: url("../images/ico/ico-location.png");
}

/* line 1239, scss/common.scss */
i.ico.ico-layerGroup {
	width: 14px;
	height: 13px;
	background-image: url("../images/ico/ico-layer-group.png");
}

/* line 1240, scss/common.scss */
i.ico.ico-svg {
	width: 13px;
	height: 13px;
	margin: 0 auto;
}

/* line 1241, scss/common.scss */
i.ico.ico-svg svg {
	vertical-align: top;
}

/* line 1244, scss/common.scss */
i.ico.ico-g {
	width: 11px;
	height: 18px;
	margin: 0 auto;
	background-image: url("../images/ico/ico-layer-g.png");
}

/* line 1245, scss/common.scss */
i.ico.ico-t {
	width: 9px;
	height: 18px;
	margin: 0 auto;
	background-image: url("../images/ico/ico-layer-t.png");
}

/* line 1246, scss/common.scss */
i.ico.ico-e {
	width: 13px;
	height: 13px;
	margin: 0 auto;
	background-image: url("../images/ico/ico-layer-e.png");
}

/* line 1247, scss/common.scss */
i.ico.ico-web1 {
	width: 13px;
	height: 13px;
	margin: 0 auto;
	background-image: url("../images/ico/ico-layer-web.png");
}

/* line 1248, scss/common.scss */
i.ico.ico-web2 {
	width: 16px;
	height: 15px;
	margin: 0 auto;
	background-image: url("../images/ico/ico-layer-web2.png");
}

/* line 1249, scss/common.scss */
i.ico.rt {
	margin-left: 5px;
	margin-right: 0;
}

/* line 1250, scss/common.scss */
i.ico.md {
	margin: 0;
}

/* line 1252, scss/common.scss */
i.ico.ico-op-down {
	width: 18px;
	height: 21px;
	background-image: url("../images/ico/ico-op-down.png");
}

/* line 1253, scss/common.scss */
i.ico.ico-op-layer {
	width: 26px;
	height: 26px;
	background-image: url("../images/ico/ico-op-layer.png");
}

/* line 1254, scss/common.scss */
i.ico.ico-op-cancel {
	width: 24px;
	height: 21px;
	background-image: url("../images/ico/ico-op-cancel.png");
}

/* line 1255, scss/common.scss */
i.ico.ico-op-setting {
	width: 23px;
	height: 23px;
	background-image: url("../images/ico/ico-op-setting.png");
}

/* line 1256, scss/common.scss */
i.ico.ico-op-chart {
	width: 22px;
	height: 22px;
	background-image: url("../images/ico/ico-op-chart.png");
}

/* line 1257, scss/common.scss */
i.ico.ico-op-search {
	width: 19px;
	height: 18px;
	background-image: url("../images/ico/ico-op-search.png");
}

/* line 1258, scss/common.scss */
i.ico.ico-op-edit {
	width: 18px;
	height: 18px;
	background-image: url("../images/ico/ico-op-edit.png");
}

/* line 1259, scss/common.scss */
i.ico.ico-op-submit {
	width: 20px;
	height: 15px;
	background-image: url("../images/ico/ico-op-submit.png");
}

/* line 1260, scss/common.scss */
i.ico.ico-op-remove {
	width: 16px;
	height: 17px;
	background-image: url("../images/ico/ico-op-remove.png");
}

/* line 1261, scss/common.scss */
i.ico.ico-op-filterAdd {
	width: 22px;
	height: 19px;
	background-image: url("../images/ico/ico-op-filter-add.png");
}

/* line 1262, scss/common.scss */
i.ico.ico-op-down2 {
	width: 18px;
	height: 21px;
	background-image: url("../images/ico/ico-op-down2.png");
}

/* line 1263, scss/common.scss */
i.ico.ico-op-filterReset {
	width: 21px;
	height: 19px;
	background-image: url("../images/ico/ico-op-filter-reset.png");
}

/* line 1264, scss/common.scss */
i.ico.ico-op-selectReset {
	width: 25px;
	height: 18px;
	background-image: url("../images/ico/ico-op-select-reset.png");
}

/* line 1269, scss/common.scss */
.flex {
	position: relative;
	display: flex;
}

/* line 1270, scss/common.scss */
.flex.ac {
	align-items: center;
}

/* line 1271, scss/common.scss */
.flex.ab {
	align-items: flex-end;
}

/* line 1272, scss/common.scss */
.flex.jb {
	justify-content: space-between;
}

/* line 1273, scss/common.scss */
.flex.ja {
	justify-content: space-around;
}

/* line 1275, scss/common.scss */
.unit {
	font-size: 16px;
	font-family: "Pretendard";
	color: #222;
}

/* optList */
/* line 1279, scss/common.scss */
.optList {
	border-bottom: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
}

/* line 1280, scss/common.scss */
.optList .opt {
	font-size: 16px;
	font-family: "Pretendard";
	color: #555;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #e9e9e9;
}

/* line 1281, scss/common.scss */
.optList .opt:last-of-type {
	border-bottom: 0;
}

/* colorType */
/* line 1288, scss/common.scss */
.colorType {
	font-family: "Pretendard Bold";
}

/* line 1289, scss/common.scss */
.colorType.green {
	color: #008803;
}

/* line 1290, scss/common.scss */
.colorType.blue {
	color: #2f5597;
}

/* line 1291, scss/common.scss */
.colorType.red {
	color: #fc3e3e;
}

/* line 1292, scss/common.scss */
.colorType.white {
	color: #fff;
}

/* checkbox */
/* line 1297, scss/common.scss */
.checkbox input[type="checkbox"] {
	display: none;
}

/* line 1299, scss/common.scss */
.checkbox input[type="checkbox"]:checked + label:before {
	background-image: url("../images/common/ico-checkbox.png");
	background-size: 11px 10px;
}

/* line 1302, scss/common.scss */
.checkbox label {
	position: relative;
	display: inline-block;
	min-width: 22px;
	min-height: 22px;
	line-height: 22px;
	text-indent: 30px;
	color: #555;
	font-size: 16px;
	font-family: "Pretendard";
}

/* line 1303, scss/common.scss */
.checkbox label:before {
	position: absolute;
	left: 0;
	top: 50%;
	display: block;
	content: '';
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	border-radius: 2px;
	border: 1px solid #cbced2;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	transition: .4s;
	background-size: 0px 0px;
}

/* line 1307, scss/common.scss */
.checkbox.sm label {
	font-size: 14px;
	letter-spacing: -1px;
}

/* line 1308, scss/common.scss */
.checkbox.sm label:before {
	width: 18px;
	height: 18px;
	box-sizing: border-box;
}

/* radio */
/* line 1317, scss/common.scss */
.radioGroup.col .radio {
	height: 40px;
	line-height: 40px;
}

/* line 1319, scss/common.scss */
.radioGroup.row {
	display: flex;
	justify-content: space-between;
}

/* line 1324, scss/common.scss */
.radio input[type="radio"] {
	display: none;
}

/* line 1326, scss/common.scss */
.radio input[type="radio"]:checked + label:before {
	background-color: #333;
	background-image: url("../images/common/ico-radio-check.png");
}

/* line 1329, scss/common.scss */
.radio label {
	position: relative;
	display: inline-block;
	height: 23px;
	line-height: 23px;
	text-indent: 30px;
	color: #333;
	font-size: 17px;
	font-family: "Pretendard Bold";
}

/* line 1330, scss/common.scss */
.radio label:before {
	position: absolute;
	left: 0;
	top: 50%;
	display: block;
	content: '';
	transform: translateY(-50%);
	width: 19px;
	height: 19px;
	border-radius: 50%;
	border: 1px solid #e9e9e9;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("../images/common/ico-radio.png");
}

/* line 1336, scss/common.scss */
.radio.type02 input[type="radio"]:checked + label:before {
	background: #fff;
}

/* line 1337, scss/common.scss */
.radio.type02 input[type="radio"]:checked + label:after {
	position: absolute;
	left: 3px;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50px;
	background: #333;
}

/* line 1340, scss/common.scss */
.radio.type02 label {
	text-indent: 24px;
	font-size: 16px;
	font-weight: normal;
}

/* line 1341, scss/common.scss */
.radio.type02 label:before {
	width: 14px;
	height: 14px;
	border-radius: 50px;
	border: 1px solid #c2c2c2;
	box-sizing: border-box;
	background: #fff;
}

/* 스크롤테마 */
/* line 1347, scss/common.scss */
.cScroll {
	overflow-y: auto;
	overflow-x: 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-hightlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-base-color: #efefef;  */
}

/* line 1350, scss/common.scss */
.cScroll .innerScroll {
	width: calc(100% + 8px);
}

/* line 1352, scss/common.scss */
.cScroll::-webkit-scrollbar {
	width: 14px;
	height: 14px;
}

/* line 1353, scss/common.scss */
.cScroll::-webkit-scrollbar-button {
	display: none;
}

/* line 1354, scss/common.scss */
.cScroll::-webkit-scrollbar-track {
	background-color: #e9e9e9;
}

/* line 1355, scss/common.scss */
.cScroll::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 5px;
}

/* line 1356, scss/common.scss */
.cScroll::-webkit-scrollbar-thumb:hover {
	background: #b6b6b6;
}

/* line 1357, scss/common.scss */
.cScroll::-webkit-scrollbar-thumb:active {
	background: #808080;
}

/* line 1358, scss/common.scss */
.cScroll.cScrollX {
	overflow-y: hidden;
	overflow-x: scroll;
}

/* line 1359, scss/common.scss */
.cScroll.cScrollX .innerScroll {
	width: auto;
}

/* line 1361, scss/common.scss */
.cScroll.cScrollXY {
	overflow-y: scroll;
	overflow-x: scroll;
}

/* line 1364, scss/common.scss */
.cScroll.thin::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

/* line 1367, scss/common.scss */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* paper */
/* line 1373, scss/common.scss */
.paper {
	position: relative;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	border: 1px solid #e9e9e9;
	border-radius: 4px;
	background: #fff;
}

/* line 1374, scss/common.scss */
.paper:before {
	position: absolute;
	left: -1px;
	top: -1px;
	display: block;
	content: '';
	width: 10px;
	height: 10px;
	background: #fff;
}

/* line 1375, scss/common.scss */
.paper:after {
	position: absolute;
	left: -1px;
	top: -1px;
	display: block;
	content: '';
	border: 5px solid transparent;
	border-bottom: 5px solid #e9e9e9;
	border-right: 5px solid #e9e9e9;
}

/* line 1376, scss/common.scss */
.paper.blue {
	color: #577aff;
}

/* line 1377, scss/common.scss */
.paper.purple {
	color: #8852be;
}

/* line 1378, scss/common.scss */
.paper.green {
	color: #329435;
}

/* line 1379, scss/common.scss */
.paper.orange {
	color: #ff8553;
}

/* line 1381, scss/common.scss */
.transResult {
	background: #ecf1ff;
	border-radius: 10px;
	padding: 17px;
	margin-top: 40px;
}

/* line 1382, scss/common.scss */
.transResult .group {
	margin-bottom: 40px;
}

/* line 1383, scss/common.scss */
.transResult .group:last-of-type {
	margin-bottom: 0;
}

/* line 1385, scss/common.scss */
.transResult .tit {
	display: block;
	margin-bottom: 18px;
	font-size: 16px;
	color: #333;
	font-family: '맑은 고딕';
	font-weight: bold;
}

/* line 1386, scss/common.scss */
.transResult .flex.ac {
	margin-bottom: 6px;
}

/* line 1387, scss/common.scss */
.transResult .tip {
	display: block;
	margin-bottom: 6px;
	color: #333;
	font-family: '맑은 고딕';
	font-size: 12px;
	padding-left: 24px;
}

/* line 1388, scss/common.scss */
.transResult .num {
	width: 18px;
	height: 18px;
	line-height: 18px;
	margin-right: 6px;
	margin-top: 2px;
	border-radius: 50px;
	font-size: 13px;
	background: #444;
	color: #fff;
	text-align: center;
}

/* line 1390, scss/common.scss */
.transResult p {
	color: #333;
	font-family: "Pretendard Bold";
	font-size: 16px;
	letter-spacing: -1px;
}

/* line 1394, scss/common.scss */
.btnTip {
	width: 19px;
	height: 19px;
	margin-left: 15px;
	border-radius: 50px;
	border: 1px solid #143fd2;
	box-sizing: border-box;
	font-size: 16px;
	font-family: 'Noto Sans Medium';
	color: #143fd2;
}

/* line 1395, scss/common.scss */
.btnTip span:not(.hidden) {
	font-size: 16px;
	display: block;
	text-indent: -1px;
	line-height: 7px;
}

/* line 1396, scss/common.scss */
.btnTip.white {
	border-color: #fff;
	color: #fff;
}

/* line 1397, scss/common.scss */
.btnTip + .tipDesc {
	position: absolute;
	left: -10px;
	top: 35px;
	z-index: 100;
	min-width: 240px;
	padding: 15px;
	border-radius: 4px;
	font-size: 16px;
	color: #555;
	font-family: "Pretendard";
	background: #fff;
	box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.16);
}

/* line 1399, scss/common.scss */
.btnTip + .tipDesc:after {
	position: absolute;
	left: 27px;
	top: -6px;
	display: block;
	content: '';
	transform: rotate(45deg);
	border: 7px solid transparent;
	border-top: 7px solid #fff;
	border-left: 7px solid #fff;
}

/* line 1403, scss/common.scss */
.slideTable {
	width: 100%;
}

/* line 1404, scss/common.scss */
.slideTable table {
	width: 100%;
}

/* line 1405, scss/common.scss */
.slideTable table th {
	height: 30px;
	padding-bottom: 10px;
}

/* line 1406, scss/common.scss */
.slideTable table th .balloon {
	position: relative;
	color: #fff;
	background: #474747;
	padding: 0 5px;
}

/* line 1407, scss/common.scss */
.slideTable table th .balloon:after {
	position: absolute;
	left: 50%;
	bottom: -3px;
	display: block;
	content: '';
	border: 3px solid transparent;
	border-left: 3px solid #474747;
	border-bottom: 3px solid #474747;
	transform: translateX(-50%) rotate(-45deg);
}

/* line 1411, scss/common.scss */
.slideTable table td {
	position: relative;
	width: calc(100% / 11);
	height: 16px;
	background-color: #f7f9ff;
}

/* line 1412, scss/common.scss */
.slideTable table td.active {
	background-color: rgba(67, 106, 235, 0.6);
}

/* line 1413, scss/common.scss */
.slideTable table td.active.on {
	background-color: #007aff;
}

/* line 1414, scss/common.scss */
.slideTable table td.active.on:hover {
	background-color: #2f5597;
}

/* line 1416, scss/common.scss */
.slideTable table td:after {
	position: absolute;
	left: 0;
	top: 4px;
	display: block;
	content: '';
	width: 1px;
	height: 8px;
	border-left: 1px solid #aaa;
}

/* line 1418, scss/common.scss */
.slideTable table td:last-of-type:before {
	position: absolute;
	right: 0;
	top: 4px;
	display: block;
	content: '';
	width: 1px;
	height: 8px;
	border-right: 1px solid #aaa;
}

/* line 1424, scss/common.scss */
.filterList.type02 {
	padding: 20px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

/* line 1427, scss/common.scss */
.filterBox {
	position: relative;
	border: 1px solid #e1e1e1;
	padding: 20px 10px;
	border-radius: 4px;
	margin-bottom: 30px;
}

/* line 1428, scss/common.scss */
.filterBox:last-of-type {
	margin-bottom: 0;
}

/* line 1429, scss/common.scss */
.filterBox .choice {
	margin-bottom: 5px;
}

/* line 1430, scss/common.scss */
.filterBox .choice label {
	width: auto;
	margin-right: 10px;
}

/* line 1432, scss/common.scss */
.filterBox .btnBoxClose {
	position: absolute;
	right: -15px;
	top: -15px;
	width: 30px;
	height: 30px;
	border: 1px solid #e1e1e1;
	background: #fff url("../images/popup/ico-card-close.png") no-repeat center;
}

/* TOC 선택 */
/* line 1436, scss/common.scss */
.choice {
	display: flex;
	margin-bottom: 30px;
	flex-wrap: wrap;
}

/* line 1437, scss/common.scss */
.choice.ac {
	align-items: center;
	flex: 1;
}

/* line 1438, scss/common.scss */
.choice.row {
	display: block;
	margin-top: 30px;
}

/* line 1440, scss/common.scss */
.choice.row .btnArea .btn {
	flex: 1;
	margin-right: 5px;
	justify-content: center;
}

/* line 1441, scss/common.scss */
.choice.row .btnArea .btn:last-of-type {
	margin-right: 0;
}

/* line 1445, scss/common.scss */
.choice.ab {
	align-items: flex-end;
}

/* line 1446, scss/common.scss */
.choice:last-of-type {
	margin-bottom: 0;
}

/* line 1447, scss/common.scss */
.choice > label {
	width: 95px;
	line-height: 28px;
	margin-right: 5px;
	text-align: center;
	letter-spacing: -1.2px;
	color: #333;
	font-size: 16px;
	font-family: "Pretendard Bold";
}

/* line 1448, scss/common.scss */
.choice > label.wide {
	letter-spacing: 3px;
}

/* line 1450, scss/common.scss */
.choice .btnBox {
	padding: 15px 20px;
	background: #f9f9f9;
}

/* line 1451, scss/common.scss */
.choice .full {
	width: 100%;
	margin-top: 15px;
}

/* line 1453, scss/common.scss */
.choice .full .choice.type02 label {
	width: 95px;
}

/* line 1456, scss/common.scss */
.choice .pick {
	flex: 1;
}

/* line 1457, scss/common.scss */
.choice .pick > .inner {
	border: 1px solid #e9e9e9;
}

/* line 1458, scss/common.scss */
.choice .pick > span {
	font-family: "Pretendard";
	font-weight: normal;
	font-size: 16px;
	color: #888;
}

/* line 1459, scss/common.scss */
.choice .pick input[type="text"], .choice .pick input[type="number"] {
	width: 100%;
	border: 1px solid #e9e9e9;
	border-radius: 4px;
	height: 28px;
	font-size: 16px;
	color: #888;
	font-family: "Pretendard";
}

/* line 1460, scss/common.scss */
.choice .pick select {
	width: 100%;
	border: 1px solid #e9e9e9;
	border-radius: 4px;
	height: 28px;
	font-size: 15px;
	color: #555;
	font-family: "Pretendard";
}

/* line 1461, scss/common.scss */
.choice .pick .checkbox {
	margin-top: 10px;
	text-align: right;
}

/* line 1462, scss/common.scss */
.choice .pick .checkbox label {
	font-size: 15px;
	color: #555;
	font-family: "Pretendard";
	font-weight: normal;
}

/* line 1464, scss/common.scss */
.choice .pick .list {
	margin-top: 10px;
	border: 1px solid #e9e9e9;
	border-radius: 4px;
}

/* line 1465, scss/common.scss */
.choice .pick .list ul {
	padding: 10px 0;
}

/* line 1466, scss/common.scss */
.choice .pick .list li {
	padding-left: 10px;
	line-height: 24px;
	margin-bottom: 5px;
	font-size: 15px;
	font-family: "Pretendard";
	font-weight: normal;
	color: #555;
}

/* line 1467, scss/common.scss */
.choice .pick .list li.active, .choice .pick .list li:hover {
	color: #333;
}

/* line 1468, scss/common.scss */
.choice .pick .list li:last-of-type {
	margin-bottom: 0;
}

/* line 1471, scss/common.scss */
.choice .pick .tabContWrap {
	margin-top: 10px;
}

/* line 1472, scss/common.scss */
.choice .pick .hitMapGroup {
	width: 228px;
	border: 1px solid #e9e9e9;
	overflow: hidden;
}

/* line 1473, scss/common.scss */
.choice .pick .hitMapGroup > .inner {
	padding: 20px 11px 12px 11px !important;
}

/* line 1474, scss/common.scss */
.choice .pick .hitMapGroup .hitmap {
	position: relative;
	margin-right: 17px;
	margin-bottom: 10px;
	vertical-align: top;
}

/* line 1475, scss/common.scss */
.choice .pick .hitMapGroup .hitmap:nth-of-type(5n) {
	margin-right: 0;
}

/* line 1476, scss/common.scss */
.choice .pick .hitMapGroup .hitmap:nth-last-of-type(-n+5) {
	margin-bottom: 0;
}

/* line 1477, scss/common.scss */
.choice .pick .hitMapGroup .hitmap .btnHitmapClose {
	position: absolute;
	right: -8px;
	top: -8px;
	width: 16px;
	height: 16px;
	background: url("../images/toc/ico-hitmap-close.png") no-repeat center;
}

/* line 1479, scss/common.scss */
.choice .pick .hitMapGroup .btnHitmapAdd {
	position: relative;
	width: 24px;
	height: 24px;
	border: 1px solid #e9e9e9;
	vertical-align: top;
}

/* line 1480, scss/common.scss */
.choice .pick .hitMapGroup .btnHitmapAdd:before {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: block;
	content: '';
	width: 2px;
	height: 16px;
	background: #555;
}

/* line 1481, scss/common.scss */
.choice .pick .hitMapGroup .btnHitmapAdd:after {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: block;
	content: '';
	width: 16px;
	height: 2px;
	background: #555;
}

/* line 1484, scss/common.scss */
.choice .pick .sliderBar {
	position: relative;
	height: 28px;
	flex: 1;
	margin-right: 10px;
}

/* line 1485, scss/common.scss */
.choice .pick .sliderBar:after {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	content: '';
	width: 100%;
	height: 2px;
	background: #e1e1e1;
}

/* line 1486, scss/common.scss */
.choice .pick .sliderBar .dragIcon {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 10;
	transform: translate(-5px, -50%);
	width: 10px;
	height: 10px;
	background: #555;
	border-radius: 50%;
}

/* line 1489, scss/common.scss */
.choice .pick .btnArea .btn {
	height: 36px;
	padding: 0 10px;
}

/* line 1494, scss/common.scss */
.choice.type02 {
	margin-bottom: 10px;
}

/* line 1495, scss/common.scss */
.choice.type02:last-of-type {
	margin-bottom: 0;
}

/* line 1496, scss/common.scss */
.choice.type02 > label {
	width: 45px;
	line-height: 28px;
	margin-right: 10px;
	color: #555;
	text-align: right;
	font-size: 15px;
}

/* line 1498, scss/common.scss */
.choice.type02 .pick select, .choice.type02 .pick .comboBox {
	height: 28px;
	line-height: 28px;
	font-size: 15px;
}

/* line 1499, scss/common.scss */
.choice.type02 .pick input[type="text"], .choice.type02 .pick input[type="number"] {
	height: 28px;
}

/* line 1500, scss/common.scss */
.choice.type02 .pick input[type="number"] {
	width: 49px;
	margin-right: 6px;
}

/* line 1503, scss/common.scss */
.choice .ui-widget.ui-widget-content {
	width: 220px;
	height: 15px;
	margin-top: 13px;
	border-radius: 0;
	background: url("../images/toc/bg-choice-slider.png") no-repeat center;
	border: 0;
}

/* line 1504, scss/common.scss */
.choice .ui-state-default, .choice .ui-widget-content .ui-state-default {
	top: -1px;
	transform: translateX(4.5px);
	width: 9px;
	height: 17px;
	background: #888;
	border-radius: 3px;
	border: 0;
}

/* line 1505, scss/common.scss */
.choice .ui-slider-horizontal .ui-slider-range {
	top: 4px;
	height: 6px;
	background: #888;
	border-radius: 0;
}

/* line 1508, scss/common.scss */
.colorpicker {
	z-index: 10;
}

/* line 1510, scss/common.scss */
.colorpicker input[type="text"], .colorpicker input[type="number"] {
	border: 1px solid transparent;
	height: 11px;
	font-size: 10px;
	color: #898989;
}

/* line 1512, scss/common.scss */
.color {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 10px;
	border: 1px solid #e9e9e9;
	vertical-align: middle;
	box-sizing: border-box;
}

/* line 1513, scss/common.scss */
.color.type02 {
	width: 78px;
	height: 30px;
	border-radius: 4px;
	box-sizing: border-box;
}

/* line 1514, scss/common.scss */
.color .hex {
	font-size: 16px;
	font-family: "Pretendard";
	color: #555;
}

/* line 1515, scss/common.scss */
.color.pattern {
	overflow: hidden;
}

/* line 1516, scss/common.scss */
.color.pattern svg {
	width: 200%;
	height: 200%;
}

/* line 1519, scss/common.scss */
.patternBox {
	position: absolute;
	left: 0;
	top: 28px;
	display: none;
	padding: 5px;
	border: 1px solid #e1e1e1;
	background: #fff;
	z-index: 10;
}

/* line 1520, scss/common.scss */
.patternBox.active {
	display: block;
}

/* line 1521, scss/common.scss */
.patternBox .patternList {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

/* line 1522, scss/common.scss */
.patternBox .patternList .pattern {
	margin: 3px;
}

/* line 1523, scss/common.scss */
.patternBox .patternList .pattern:hover, .patternBox .patternList .pattern.active {
	border: 1px solid #2f5597;
}

/* line 1526, scss/common.scss */
.patternBox .flex {
	display: flex;
	justify-content: space-between;
}

/* line 1527, scss/common.scss */
.patternBox .flex .btn {
	margin: 0;
}

/* line 1532, scss/common.scss */
.swiper-wrapper .swiper-slide {
	width: auto;
}

/* alert */
/* line 1536, scss/common.scss */
.alert {
	position: absolute;
	left: 30%;
	top: 50%;
	z-index: 100;
	width: 506px;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
}

/* line 1537, scss/common.scss */
.alert .btnClose {
	position: absolute;
	right: 10px;
	top: 14px;
	width: 25px;
	height: 25px;
	overflow: hidden;
}

/* line 1538, scss/common.scss */
.alert .btnClose:before, .alert .btnClose:after {
	position: absolute;
	content: '';
	display: block;
	left: 0;
	width: 35px;
	height: 1px;
	background: #fff;
	transform-origin: left center;
}

/* line 1539, scss/common.scss */
.alert .btnClose:before {
	top: 0;
	transform: rotate(45deg);
}

/* line 1540, scss/common.scss */
.alert .btnClose:after {
	bottom: 0;
	transform: rotate(-45deg);
}

/* line 1542, scss/common.scss */
.alert .head {
	height: 50px;
	background: #222;
	color: #fff;
}

/* line 1543, scss/common.scss */
.alert .head strong {
	display: block;
	line-height: 50px;
	font-size: 22px;
	color: #fff;
	font-family: "Pretendard";
	font-weight: normal;
	text-indent: 10px;
}

/* line 1545, scss/common.scss */
.alert .cont {
	padding: 30px 40px 40px;
	background: #fff;
}

/* line 1546, scss/common.scss */
.alert .cont .type {
	width: 47px;
	height: 47px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center;
}

/* line 1547, scss/common.scss */
.alert .cont .type.warning {
	background-image: url("../images/common/ico-type-alert.png");
}

/* line 1548, scss/common.scss */
.alert .cont .type.confirm {
	background-image: url("../images/common/ico-type-confirm.png");
}

/* line 1549, scss/common.scss */
.alert .cont .type.success {
	background-image: url("../images/common/ico-type-success.png");
}

/* line 1551, scss/common.scss */
.alert .cont .titCont {
	display: block;
	margin-top: 10px;
	text-align: center;
	font-size: 22px;
	font-family: "Pretendard Bold";
}

/* line 1552, scss/common.scss */
.alert .cont .desc {
	margin-top: 20px;
	color: #333333;
	font-size: 18px;
	text-align: center;
	font-family: "Pretendard";
}

/* line 1553, scss/common.scss */
.alert .cont .btnArea {
	display: flex;
	justify-content: center;
	margin-top: 29px;
}

/* line 1554, scss/common.scss */
.alert .cont .btnArea .btn {
	height: 45px;
	padding: 0 42px;
	font-size: 19px;
	font-weight: normal;
	margin-right: 6px;
}

/* line 1555, scss/common.scss */
.alert .cont .btnArea .btn:last-of-type {
	margin-right: 0;
}

/* sysMsg */
/* line 1564, scss/common.scss */
.sysMsg {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 110;
	transform: translate(-50%, -50%);
	width: 500px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 21px;
	font-family: "Pretendard Bold";
	background: #222;
	color: #fff;
	border-radius: 4px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	animation: hidden 3s;
	visibility: visible;
	opacity: 1;
}

/* line 1566, scss/common.scss */
.sysMsg.on {
	opacity: 0;
	visibility: hidden;
}

/* 시스템메세지 숨기기 */
@keyframes hidden {
	0% {
		opacity: 1;
		visibility: visible;
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		visibility: hidden;
		display: none;
	}
}

/* popup */
/* line 1578, scss/common.scss */
.popup {
	position: absolute;
	left: 30%;
	top: 50px;
	z-index: 200;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
}

/* line 1579, scss/common.scss */
.popup .head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: linear-gradient(to right, #2F5597, #8FAADC);
}

/* line 1580, scss/common.scss */
.popup .head.grey {
	background: #888;
}

/* line 1581, scss/common.scss */
.popup .head .titPop {
	margin-left: 20px;
	line-height: 46px;
	color: #fff;
	font-size: 16px;
	font-family: "Pretendard";
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* line 1583, scss/common.scss */
.popup .head .btnGroup {
	display: flex;
	align-items: center;
	margin-right: 13px;
}

/* line 1584, scss/common.scss */
.popup .head .btnGroup .btnPopClose {
	width: 20px;
	height: 20px;
	background: url("../images/popup/ico-pop-close.png") no-repeat center;
}

/* line 1585, scss/common.scss */
.popup .head .btnGroup .btnPopSetting {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background: url("../images/popup/ico-lib-setting.png") no-repeat center;
}

/* line 1586, scss/common.scss */
.popup .head .btnGroup .btnPopSizeToggle {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background: url("../images/popup/ico-lib-small.png") no-repeat center;
}

/* line 1587, scss/common.scss */
.popup .head .btnGroup .btnPopRemove {
	width: 20px;
	height: 20px;
	background: url("../images/popup/ico-lib-remove.png") no-repeat center;
}

/* line 1590, scss/common.scss */
.popup .cont {
	background: #fff;
}

/* line 1592, scss/common.scss */
.popup .cont .flex .inner {
	flex: 1;
}

/* line 1594, scss/common.scss */
.popup .cont .inner {
	padding: 20px;
	max-height: 590px !important;
}

/* line 1595, scss/common.scss */
.popup .cont .inner.noPd {
	padding: 0;
	max-height: 650px !important;
}

/* line 1600, scss/common.scss */
.popup.sm .head.grey {
	background: #888;
}

/* line 1601, scss/common.scss */
.popup.sm .head.blue {
	background: linear-gradient(to right, #2F5597, #8FAADC);
}

/* line 1604, scss/common.scss */
.popup.sm .cont .inner {
	padding: 20px;
}

/* line 1607, scss/common.scss */
.popup.poi {
	overflow: visible;
}

/* line 1610, scss/common.scss */
.popup.poi .head {
	height: 40px;
	border-radius: 4px 4px 0 0;
	background: linear-gradient(to right, #2F5597, #8FAADC);
}

/* line 1611, scss/common.scss */
.popup.poi .head .comboBox {
	max-width: 300px;
	height: 40px;
}

/* line 1613, scss/common.scss */
.popup.poi .head .btnGroup .btnPopClose {
	width: 20px;
	height: 20px;
	background-image: url("../images/common/ico-pop-close.png");
}

/* line 1615, scss/common.scss */
.popup.poi .head .titPop {
	display: block;
	height: 40px;
	line-height: 40px;
}

/* line 1617, scss/common.scss */
.popup.poi .cont {
	border-radius: 0 0 4px 4px;
}

/* line 1618, scss/common.scss */
.popup.poi .cont .inner {
	padding: 20px;
}

/* line 1619, scss/common.scss */
.popup.poi .cont .titSec {
	align-items: center;
	justify-content: space-between;
}

/* line 1620, scss/common.scss */
.popup.poi .cont .titSec .btnGroup {
	display: block;
}

/* line 1621, scss/common.scss */
.popup.poi .cont .titSec .btnGroup .btnOptPrev, .popup.poi .cont .titSec .btnGroup .btnOptNext {
	width: 27px;
	height: 27px;
	background-repeat: no-repeat;
	background-position: center;
}

/* line 1622, scss/common.scss */
.popup.poi .cont .titSec .btnGroup .btnOptPrev {
	background-image: url("../images/popup/ico-opt-prev.png");
	margin-right: 4px;
}

/* line 1623, scss/common.scss */
.popup.poi .cont .titSec .btnGroup .btnOptPrev:hover {
	background-image: url("../images/popup/ico-opt-prev-hover.png");
}

/* line 1625, scss/common.scss */
.popup.poi .cont .titSec .btnGroup .btnOptNext {
	background-image: url("../images/popup/ico-opt-next.png");
}

/* line 1626, scss/common.scss */
.popup.poi .cont .titSec .btnGroup .btnOptNext:hover {
	background-image: url("../images/popup/ico-opt-next-hover.png");
}

/* line 1633, scss/common.scss */
.popup.poi .cont .table table tbody th, .popup.poi .cont .table table tbody td {
	height: 25px;
}

/* line 1639, scss/common.scss */
.popup.library {
	width: 350px;
	border-radius: 0;
	box-shadow: none;
	overflow: initial;
}

/* line 1640, scss/common.scss */
.popup.library .popArea {
	box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
}

/* line 1641, scss/common.scss */
.popup.library .nickName {
	min-height: 25px;
	margin-bottom: 4px;
}

/* line 1642, scss/common.scss */
.popup.library .nickName > span {
	display: inline-block;
	max-width: 320px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	font-family: "Pretendard";
	color: #333;
}

/* line 1643, scss/common.scss */
.popup.library .nickName .btnEdit {
	margin-top: -11px;
}

/* line 1646, scss/common.scss */
.popup.library .editBox {
	top: -10px;
	transform: none;
}

/* line 1647, scss/common.scss */
.popup.library .editBox input[type="text"] {
	flex: 1;
	height: 34px;
}

/* line 1650, scss/common.scss */
.popup.library.small .head {
	background: #666;
}

/* line 1652, scss/common.scss */
.popup.library.small .btnGroup .btnPopSizeToggle {
	background: url("../images/popup/ico-lib-large.png") no-repeat center;
}

/* line 1654, scss/common.scss */
.popup.library.small .cont {
	max-height: 0;
}

/* line 1656, scss/common.scss */
.popup.library .head {
	background: linear-gradient(to right, #2F5597, #8FAADC);
	transition: .4s;
}

/* line 1657, scss/common.scss */
.popup.library .head .titPop {
	margin-left: 10px;
	line-height: 44px;
	font-size: 18px;
}

/* line 1659, scss/common.scss */
.popup.library .cont {
	max-height: 650px;
	transition: .4s;
}

/* line 1660, scss/common.scss */
.popup.library .cont .inner {
	padding: 10px;
}

/* searchArea */
/* line 1669, scss/common.scss */
.searchArea .txtArea {
	margin-bottom: 10px;
}

/* line 1670, scss/common.scss */
.searchArea .tit {
	font-size: 20px;
	font-family: "Pretendard Bold";
	color: #333;
}

/* line 1671, scss/common.scss */
.searchArea .desc {
	margin-left: 10px;
	color: #555;
	font-family: "Pretendard";
	font-size: 16px;
}

/* line 1672, scss/common.scss */
.searchArea .inputBox {
	display: flex;
}

/* line 1673, scss/common.scss */
.searchArea .btn {
	margin-left: 10px;
	width: 49px;
	background-image: url("../images/popup/ico-search.png");
	background-repeat: no-repeat;
	background-position: center;
}

/* line 1675, scss/common.scss */
.layerMenu {
	width: 180px;
	display: flex;
	flex-direction: column;
}

/* line 1677, scss/common.scss */
.layerMenu dl.dep {
	max-height: 356px;
}

/* line 1678, scss/common.scss */
.layerMenu dl.filter {
	max-height: 294px;
}

/* line 1679, scss/common.scss */
.layerMenu dl dt {
	height: 42px;
	line-height: 42px;
	text-indent: 24px;
	color: #fff;
	font-size: 16px;
	font-family: "Pretendard Bold";
	background: #8FAADC;
}

/* line 1680, scss/common.scss */
.layerMenu dl dd {
	position: relative;
	background: #eee;
	line-height: 42px;
	font-size: 16px;
	font-family: "Pretendard Bold";
	text-indent: 32px;
	cursor: pointer;
}

/* line 1682, scss/common.scss */
.layerMenu dl dd:before {
	position: absolute;
	left: 20px;
	top: 21px;
	display: block;
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #c5c5c5;
}

/* line 1683, scss/common.scss */
.layerMenu dl dd.active {
	color: #8FAADC;
	background: #fff;
}

/* line 1684, scss/common.scss */
.layerMenu dl dd ul {
	padding-bottom: 14px;
}

/* line 1685, scss/common.scss */
.layerMenu dl dd ul li {
	color: #555;
	font-size: 14px;
	line-height: 30px;
	text-indent: 46px;
}

/* line 1689, scss/common.scss */
.layerMenu dl.filter dd {
	display: flex;
	align-items: center;
	padding-left: 20px;
	text-indent: 0;
}

/* line 1690, scss/common.scss */
.layerMenu dl.filter dd:before {
	display: none;
}

/* line 1691, scss/common.scss */
.layerMenu dl.filter dd i.ico {
	margin: 0 13px 0 0;
}

/* line 1692, scss/common.scss */
.layerMenu dl.filter dd em {
	margin-left: 5px;
	font-style: normal;
	font-size: 12px;
	font-weight: normal;
}

/* fileSelect */
/* line 1699, scss/common.scss */
.fileSelect {
	display: flex;
}

/* line 1700, scss/common.scss */
.fileSelect .fileHidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: circle(100%);
/* 	clip: rect(0, 0, 0, 0); */
	border: 0;
}

/* line 1701, scss/common.scss */
.fileSelect .fileLocal {
	width: 120px;
	height: 30px;
	margin: 0;
	padding: 0;
	color: #555;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	background: #fafafa;
	box-sizing: border-box;
	text-indent: 7px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}

/* line 1703, scss/common.scss */
.fileSelect .fileLocal:focus {
	outline: 0;
}

/* line 1704, scss/common.scss */
.fileSelect .fileLocal::placeholder {
	font-size: 0;
}

/* line 1707, scss/common.scss */
.fileSelect.type02 {
	justify-content: space-between;
}

/* line 1708, scss/common.scss */
.fileSelect.type02 .fileLocal {
	flex: 1;
	height: 40px;
	margin-right: 5px;
}

/* line 1715, scss/common.scss */
#app {
	display: flex;
	flex-direction: column;
	height: 100%;
	flex: 1;
}

/* line 1716, scss/common.scss */
#app > .inner {
	padding: 30px;
	background: #fff;
}

/* line 1717, scss/common.scss */
#app > .inner.type02 {
	display: flex;
	height: calc(100% - 120px);
	padding: 60px;
	background: #fafafa;
}

/* line 1719, scss/common.scss */
#app .tempList {
	display: flex;
	align-items: center;
	flex: 1;
	min-width: 1856px;
}

/* line 1720, scss/common.scss */
#app .tempList .inner {
	display: flex;
	flex-wrap: wrap;
	padding: 0 228px;
}

/* line 1721, scss/common.scss */
#app .tempList .temp {
	width: 440px;
	margin-right: 40px;
	border: 2px solid transparent;
	box-sizing: border-box;
	border-radius: 4px;
	cursor: pointer;
}

/* line 1722, scss/common.scss */
#app .tempList .temp:hover, #app .tempList .temp.active {
	border: 2px solid #333;
}

/* line 1723, scss/common.scss */
#app .tempList .temp .inner {
	padding: 20px;
}

/* line 1724, scss/common.scss */
#app .tempList .temp:nth-of-type(3) {
	margin-right: 0;
}

/* line 1725, scss/common.scss */
#app .tempList .temp .txtBox {
	margin-top: 10px;
}

/* line 1726, scss/common.scss */
#app .tempList .temp .tit {
	font-size: 18px;
	font-family: "Pretendard";
	color: #333;
}

/* line 1727, scss/common.scss */
#app .tempList .temp .desc {
	margin-top: 10px;
	font-size: 16px;
	font-family: "Pretendard";
	color: #333;
	letter-spacing: -1.2px;
}

/* line 1732, scss/common.scss */
.choiceList {
	display: flex;
	justify-content: space-between;
}

/* line 1733, scss/common.scss */
.choiceList.col {
	flex-direction: column;
}

/* line 1734, scss/common.scss */
.choiceList.col .box {
	margin-bottom: 20px;
}

/* line 1735, scss/common.scss */
.choiceList.col .box:last-of-type {
	margin-bottom: 0;
}

/* line 1738, scss/common.scss */
.choiceList .box {
	border: 2px solid #e9e9e9;
	box-sizing: border-box;
	border-radius: 4px;
}

/* line 1739, scss/common.scss */
.choiceList .box:hover, .choiceList .box.active {
	border: 2px solid #333;
}

/* line 1740, scss/common.scss */
.choiceList .box .inner {
	padding: 20px;
	display: flex;
	flex-direction: column;
}

/* line 1741, scss/common.scss */
.choiceList .box strong {
	margin-bottom: 20px;
	font-size: 18px;
	font-family: "Pretendard";
	color: #333;
}

/* line 1744, scss/common.scss */
.btnSwipeEnd {
	position: absolute;
	right: 18px;
	top: 19px;
}

/* line 1745, scss/common.scss */
.sampleFrame {
	display: flex;
	flex-direction: column;
	flex: 1;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

/* line 1747, scss/common.scss */
.sampleFrame .toolGroup {
	margin-left: auto;
}

/* line 1748, scss/common.scss */
.sampleFrame .toolGroup ul {
	display: flex;
}

/* line 1749, scss/common.scss */
.sampleFrame .toolGroup ul li {
	margin-left: 10px;
	margin-bottom: 5px;
}

/* line 1750, scss/common.scss */
.sampleFrame .toolGroup ul li:first-of-type {
	margin-left: 10px;
}

/* line 1751, scss/common.scss */
.sampleFrame .toolGroup ul li > .tool {
	position: relative;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
}

/* line 1754, scss/common.scss */
.sampleFrame .toolGroup ul li > .tool img:first-of-type {
	display: block;
}

/* line 1755, scss/common.scss */
.sampleFrame .toolGroup ul li > .tool img:nth-of-type(2) {
	display: none;
}

/* line 1757, scss/common.scss */
.sampleFrame .toolGroup ul li > .tool span {
	visibility: hidden;
	width: 0;
	height: 0;
}

/* line 1758, scss/common.scss */
.sampleFrame .toolGroup ul li > .tool:hover {
	background-color: #2f5597;
}

/* line 1760, scss/common.scss */
.sampleFrame .toolGroup ul li > .tool:hover img:first-of-type {
	display: none;
}

/* line 1761, scss/common.scss */
.sampleFrame .toolGroup ul li > .tool:hover img:nth-of-type(2) {
	display: block;
}

/* line 1766, scss/common.scss */
.sampleFrame .toolGroup ul li.printWidget > .tool {
	background-image: url("../images/toolbar/ico-tool-print.png");
}

/* line 1768, scss/common.scss */
.sampleFrame .toolGroup ul li.printWidget:hover > .tool {
	background-image: url("../images/toolbar/ico-tool-print-active.png");
}

/* line 1772, scss/common.scss */
.sampleFrame .toolGroup ul li.resetWidget > .tool {
	background-image: url("../images/toolbar/ico-tool-reset.png");
}

/* line 1774, scss/common.scss */
.sampleFrame .toolGroup ul li.resetWidget:hover > .tool {
	background-image: url("../images/toolbar/ico-tool-reset-active.png");
}

/* line 1780, scss/common.scss */
.sampleFrame .toolArea {
	padding: 0 5px;
}

/* line 1781, scss/common.scss */
.sampleFrame .toolArea .btn.tool {
	width: 40px;
	padding: 0;
	background-position: center;
	background-repeat: no-repeat;
}

/* line 1782, scss/common.scss */
.sampleFrame .toolArea .btn.tool.prev {
	background-image: url("../images/webapp/ico-toolarea-prev.png");
}

/* line 1783, scss/common.scss */
.sampleFrame .toolArea .btn.tool.next {
	background-image: url("../images/webapp/ico-toolarea-next.png");
}

/* line 1784, scss/common.scss */
.sampleFrame .toolArea .btn.tool.refresh {
	background-image: url("../images/webapp/ico-toolarea-refresh.png");
}

/* line 1785, scss/common.scss */
.sampleFrame .toolArea .btn.tool.more {
	background-image: url("../images/webapp/ico-toolarea-more.png");
}

/* line 1787, scss/common.scss */
.sampleFrame .toolArea .address {
	flex: 1;
	margin-left: 20px;
	height: 30px;
	border-radius: 50px;
	background: #f9f9f9;
	border: 0;
}

/* line 1789, scss/common.scss */
.sampleFrame > .head, .sampleFrame .tocArea > .head {
	display: flex;
	align-items: center;
	height: 64px;
	padding: 0 13px;
	border-bottom: 1px solid #9e9fae;
	border-top: 1px solid #9e9fae;
	background: #333;
}

/* line 1791, scss/common.scss */
.sampleFrame > .head .mainTit, .sampleFrame .tocArea > .head .mainTit {
	margin-left: 10px;
	color: #fff;
	font-size: 20px;
	font-family: "Pretendard";
	font-weight: normal;
}

/* line 1792, scss/common.scss */
.sampleFrame > .head .subTit, .sampleFrame .tocArea > .head .subTit {
	margin: 0 10px;
	color: #fff;
	font-size: 16px;
	font-family: "Pretendard";
	font-weight: normal;
}

/* line 1795, scss/common.scss */
.sampleFrame > .cont {
	position: relative;
	display: flex;
	flex: 1;
	overflow: hidden;
}

/* line 1796, scss/common.scss */
.sampleFrame > .cont .sectionArea {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	z-index: 10;
	background: #e2ffd2;
}

/* line 1798, scss/common.scss */
.sampleFrame > .cont .sectionArea ul li {
	position: relative;
	width: 12px;
	height: 12px;
	margin-bottom: 10px;
	border-radius: 50%;
	background: #888;
	cursor: pointer;
}

/* line 1799, scss/common.scss */
.sampleFrame > .cont .sectionArea ul li:last-of-type {
	margin-bottom: 0;
}

/* line 1800, scss/common.scss */
.sampleFrame > .cont .sectionArea ul li.active {
	background: #ff3d3d;
}

/* line 1801, scss/common.scss */
.sampleFrame > .cont .sectionArea ul li .tit {
	display: none;
	font-size: 16px;
	font-family: "Pretendard";
	font-weight: normal;
}

/* line 1809, scss/common.scss */
.sampleFrame > .cont .sectionArea.type01 ul li.active:hover .tit {
	color: #2f5597;
	border-color: #2f5597;
}

/* line 1810, scss/common.scss */
.sampleFrame > .cont .sectionArea.type01 ul li.active:hover .tit:before {
	box-shadow: 1px 1px 0 0 #2f5597;
}

.sampleFrame > .cont .sectionArea.theme01 ul li.active:hover .tit {
	color: #2f5597;
	border-color: #2f5597;
}

/* line 1810, scss/common.scss */
.sampleFrame > .cont .sectionArea.theme01 ul li.active:hover .tit:before {
	box-shadow: 1px 1px 0 0 #2f5597;
}

/* line 1815, scss/common.scss */
.sampleFrame > .cont .sectionArea.type01 ul li:hover .tit {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	color: #555;
	border: 1px solid #c2c2c2;
	border-radius: 4px;
	background: #fff;
	word-break: keep-all;
	box-sizing: border-box;
}

.sampleFrame > .cont .sectionArea.theme01 ul li:hover .tit {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	color: #555;
	border: 1px solid #c2c2c2;
	border-radius: 4px;
	background: #fff;
	word-break: keep-all;
	box-sizing: border-box;
}
/* line 1817, scss/common.scss */
.sampleFrame > .cont .sectionArea.type01 ul li:hover .tit:before {
	position: absolute;
	left: -4px;
	top: 50%;
	transform: translateY(-50%) rotate(135deg);
	display: block;
	content: '';
	box-shadow: 1px 1px 0 0 #c2c2c2;
	border: 4px solid #fff;
	border-left: 4px solid transparent;
	border-top: 4px solid transparent;
}

.sampleFrame > .cont .sectionArea.theme01 ul li:hover .tit:before {
	position: absolute;
	left: -4px;
	top: 50%;
	transform: translateY(-50%) rotate(135deg);
	display: block;
	content: '';
	box-shadow: 1px 1px 0 0 #c2c2c2;
	border: 4px solid #fff;
	border-left: 4px solid transparent;
	border-top: 4px solid transparent;
}
/* line 1826, scss/common.scss */
.sampleFrame > .cont .sectionArea.type02 ul li {
	width: 6px;
	border-radius: 0;
}
.sampleFrame > .cont .sectionArea.theme02 ul li {
	width: 6px;
	border-radius: 0;
}

/* line 1830, scss/common.scss */
.sampleFrame > .cont .sectionArea.type02 ul li.active:hover .tit {
	color: #2f5597;
	border-color: #2f5597;
}
.sampleFrame > .cont .sectionArea.theme02 ul li.active:hover .tit {
	color: #2f5597;
	border-color: #2f5597;
}


/* line 1834, scss/common.scss */
.sampleFrame > .cont .sectionArea.type02 ul li:hover .tit {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	color: #555;
	border: 1px solid #c2c2c2;
	background: #fff;
	word-break: keep-all;
	box-sizing: border-box;
}

.sampleFrame > .cont .sectionArea.theme02 ul li:hover .tit {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	color: #555;
	border: 1px solid #c2c2c2;
	background: #fff;
	word-break: keep-all;
	box-sizing: border-box;
}

/* line 1842, scss/common.scss */
.sampleFrame > .cont .sectionArea.type03 ul {
	position: relative;
}

.sampleFrame > .cont .sectionArea.theme03 ul {
	position: relative;
}

/* line 1843, scss/common.scss */
.sampleFrame > .cont .sectionArea.type03 ul li {
	border-radius: 0;
}

.sampleFrame > .cont .sectionArea.theme03 ul li {
	border-radius: 0;
}

/* line 1844, scss/common.scss */
.sampleFrame > .cont .sectionArea.type03 ul li .tit {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.sampleFrame > .cont .sectionArea.theme03 ul li .tit {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}

/* line 1848, scss/common.scss */
.sampleFrame > .cont .sectionArea.type03 ul:hover li .tit {
	display: block;
	height: 22px;
	line-height: 22px;
	word-break: keep-all;
	border: 1px solid #c2c2c2;
	background: #fff;
	padding: 0 20px;
	border-bottom: 0;
	border-top: 0;
}

.sampleFrame > .cont .sectionArea.theme03 ul:hover li .tit {
	display: block;
	height: 22px;
	line-height: 22px;
	word-break: keep-all;
	border: 1px solid #c2c2c2;
	background: #fff;
	padding: 0 20px;
	border-bottom: 0;
	border-top: 0;
}

/* line 1850, scss/common.scss */
.sampleFrame > .cont .sectionArea.type03 ul:hover li:first-of-type .tit {
	border-top: 1px solid #c2c2c2;
}

.sampleFrame > .cont .sectionArea.theme03 ul:hover li:first-of-type .tit {
	border-top: 1px solid #c2c2c2;
}

/* line 1853, scss/common.scss */
.sampleFrame > .cont .sectionArea.type03 ul:hover li:last-of-type .tit {
	border-bottom: 1px solid #c2c2c2;
}

.sampleFrame > .cont .sectionArea.theme03 ul:hover li:last-of-type .tit {
	border-bottom: 1px solid #c2c2c2;
}

/* line 1856, scss/common.scss */
.sampleFrame > .cont .sectionArea.type03 ul:hover li.active .tit {
	color: #2f5597;
}

.sampleFrame > .cont .sectionArea.theme03 ul:hover li.active .tit {
	color: #2f5597;
}

/* line 1863, scss/common.scss */
.sampleFrame > .cont .tocArea {
	position: relative;
	background: #f1f6ff;
}

/* line 1864, scss/common.scss */
.sampleFrame > .cont .tocArea.per {
	width: 470px;
	transition: .4s;
}

/* line 1865, scss/common.scss */
.sampleFrame > .cont .tocArea.per .contextCont {
	width: auto;
}

/* line 1866, scss/common.scss */
.sampleFrame > .cont .tocArea.per .articleArea {
	width: auto;
}

/* line 1867, scss/common.scss */
.sampleFrame > .cont .tocArea.per.per20 {
	width: 20%;
}

/* line 1868, scss/common.scss */
.sampleFrame > .cont .tocArea.per.per30 {
	width: 30%;
}

/* line 1869, scss/common.scss */
.sampleFrame > .cont .tocArea.per.per40 {
	width: 40%;
}

/* line 1870, scss/common.scss */
.sampleFrame > .cont .tocArea.per.per50 {
	width: 50%;
}

/* line 1872, scss/common.scss */
.sampleFrame > .cont .tocArea.per.typeArticle.per20 {
	width: calc(20% - 40px);
}

/* line 1873, scss/common.scss */
.sampleFrame > .cont .tocArea.per.typeArticle.per30 {
	width: calc(30% - 40px);
}

/* line 1874, scss/common.scss */
.sampleFrame > .cont .tocArea.per.typeArticle.per40 {
	width: calc(40% - 40px);
}

/* line 1875, scss/common.scss */
.sampleFrame > .cont .tocArea.per.typeArticle.per50 {
	width: calc(50% - 40px);
}

/* line 1879, scss/common.scss */
.sampleFrame > .cont .contentArea {
	position: relative;
	display: flex;
	flex-direction: column;
	flex: 1;
	background: #f6eded;
	overflow: hidden;
	z-index: 0;
}

/* line 1881, scss/common.scss */
.sampleFrame > .cont .contentArea .toolGroup {
	position: absolute;
	left: 10px;
	top: 10px;
}

/* line 1884, scss/common.scss */
.sampleFrame .foot {
	height: 36px;
	line-height: 36px;
	background: #f5f5f5;
}

/* line 1885, scss/common.scss */
.sampleFrame .foot p {
	text-align: center;
	color: #9e9fae;
	font-size: 14px;
	font-family: "Pretendard";
}

/* tabSec */
/* line 1890, scss/common.scss */
.tabSec {
	margin-top: 10px;
}

/* line 1891, scss/common.scss */
.tabSec:first-of-type {
	margin-top: 0;
}

/* line 1892, scss/common.scss */
.tabSec .titSec {
	display: block;
	margin-bottom: 5px;
	font-size: 16px;
	color: #333;
	font-family: "Pretendard";
}

/* line 1893, scss/common.scss */
.tabSec .comboBox {
	width: 80px;
	height: 30px;
	line-height: 30px;
	background-image: none;
}

/* line 1894, scss/common.scss */
.tabSec .btnPopOpen {
	width: 78px;
	height: 30px;
	box-sizing: border-box;
	border: 1px solid #e9e9e9;
	border-radius: 4px;
	vertical-align: middle;
	margin-right: 10px;
	background: #fff url("../images/common/ico-open-pop.png") no-repeat center;
}

/* line 1898, scss/common.scss */
.widgetFlex {
	display: flex;
	position: absolute;
	top: 0px;
	left: 10px;
	flex-wrap: wrap;
	justify-content: space-between;
}

/* line 1899, scss/common.scss */
.widgetFlex .row {
	display: flex;
}

/* line 1900, scss/common.scss */
.widgetFlex .row:first-of-type {
	justify-content: flex-end;
	width: 100%;
}

/* line 1901, scss/common.scss */
.widgetFlex .row:first-of-type .toolGroup {
	margin-right: 10px;
}

/* line 1904, scss/common.scss */
.widgetFlex #location, .widgetFlex #userMenu {
	position: static !important;
	margin-right: 20px;
	margin-top: 10px;
}

/* line 1905, scss/common.scss */
.widgetFlex #location:last-of-type, .widgetFlex #userMenu:last-of-type {
	margin-right: 0;
	margin-left: 50px;
}

/* mobile 테마 전용 */
.sampleFrame.mobile>.cont .contentArea .widgetFlex #location:last-of-type,
.sampleFrame.mobile>.cont .contentArea .widgetFlex #userMenu:last-of-type {
	margin-left: initial;
}

/* widgetList */
/* line 1909, scss/common.scss */
.widgetList {
	background: #fff;
	border-radius: 4px;
	overflow-x: auto;
}

/* line 1910, scss/common.scss */
.widgetList.type02 {
	overflow-x: visible;
}

/* line 1911, scss/common.scss */
.widgetList.type02 .inner {
	flex-wrap: wrap;
	width: auto !important;
}

/* line 1912, scss/common.scss */
.widgetList.type02 .widgetBox {
	margin-right: 10px;
	margin-left: 0;
}

/* line 1913, scss/common.scss */
.widgetList.type02 .widgetBox:nth-of-type(n+8) {
	margin-top: 10px;
}

/* line 1916, scss/common.scss */
.widgetList .inner {
	display: flex;
	align-items: center;
	padding: 9px !important;
	background: #fff !important;
	overflow-x: auto;
	width: max-content !important;
	width: -moz-max-content;
	height: auto !important;
}

/* line 1918, scss/common.scss */
.widgetBox {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	vertical-align: top;
	width: 56px;
	border: 1px solid #e9e9e9;
	box-sizing: border-box;
	border-radius: 4px;
	background: #fff;
}

/* line 1920, scss/common.scss */
.widgetBox .widget {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 70px;
	color: #2e2e2e;
	font-size: 10px;
	text-align: center;
	font-family: "Pretendard Bold";
	line-height: 14px;
	background-position: center 15px;
	background-repeat: no-repeat;
}

/* line 1922, scss/common.scss */
.widgetBox .widget .imgBox {
	display: flex;
	align-items: center;
	flex: 1;
}

/* line 1923, scss/common.scss */
.widgetBox .widget .txt {
	display: flex;
	align-items: center;
	height: 30px;
}

/* line 1927, scss/common.scss */
.widgetBox .flex {
	display: none;
	position: absolute;
	left: calc(50% - 10px);
	top: -10px;
	z-index: 10;
}

/* line 1928, scss/common.scss */
.widgetBox .flex button {
	width: 20px;
	height: 20px;
	background: #2f5597;
	border-radius: 4px;
	margin-right: 5px;
	background-position: center;
	background-repeat: no-repeat;
}

/* line 1929, scss/common.scss */
.widgetBox .flex button:last-of-type {
	margin-right: 0;
}

/* line 1930, scss/common.scss */
.widgetBox .flex button.btnWidgetRemove {
	background-image: url("../images/widget/ico-widget-in-close.png");
}

/* line 1931, scss/common.scss */
.widgetBox .flex button.btnWidgetEdit {
	background-image: url("../images/widget/ico-widget-in-edit.png");
}

/* line 1932, scss/common.scss */
.widgetBox .flex button.btnWidgetView {
	background-image: url("../images/widget/ico-widget-in-show.png");
}

/* line 1933, scss/common.scss */
.widgetBox .flex button.btnWidgetView:hover, .widgetBox .flex button.btnWidgetView.active {
	background-image: url("../images/widget/ico-widget-in-hide.png");
}

/* line 1937, scss/common.scss */
.widgetBox.fixed {
	background: #e9e9e9;
}

/* line 1938, scss/common.scss */
.widgetBox.fixed:hover {
	border-color: #e9e9e9;
}

/* line 1940, scss/common.scss */
.widgetBox:hover {
	border-color: #2f5597;
}

/* line 1941, scss/common.scss */
.widgetBox:hover .widget {
	color: #2f5597;
}

/* line 1942, scss/common.scss */
.widgetBox:hover .flex {
	display: flex;
}

/* line 1944, scss/common.scss */
.widgetBox:first-of-type {
	margin-left: 0;
}

/* line 1946, scss/common.scss */
.btnWidgetAdd {
	position: relative;
	width: 24px;
	height: 24px;
	margin-left: 10px;
	border-radius: 50%;
	background: #8faadc;
}

/* line 1947, scss/common.scss */
.btnWidgetAdd:after {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: block;
	content: '';
	width: 2px;
	height: 16px;
	background-color: #fff;
}

/* line 1948, scss/common.scss */
.btnWidgetAdd:before {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: block;
	content: '';
	width: 16px;
	height: 2px;
	background-color: #fff;
}

/* line 1950, scss/common.scss */
.changeWidgetIcon {
	margin-bottom: 10px;
}

/* line 1951, scss/common.scss */
.changeWidgetIcon .inner {
	display: flex;
	padding: 0 20px !important;
	align-items: center;
}

/* line 1953, scss/common.scss */
.changeWidgetIcon .widgetBox:hover {
	border-color: #e9e9e9;
}

/* line 1955, scss/common.scss */
.changeWidgetIcon .fileSelect {
	display: flex;
	flex-direction: column;
	width: 150px;
	margin-left: 30px;
}

/* line 1956, scss/common.scss */
.changeWidgetIcon .fileSelect .btnFileSelect {
	margin-bottom: 6px;
	text-align: center;
	background: #555;
	color: #fff;
	border-radius: 4px;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	font-family: "Pretendard";
}

/* line 1957, scss/common.scss */
.changeWidgetIcon .fileSelect .fileLocal {
	width: 100%;
}

/* line 1959, scss/common.scss */
.changeWidgetIcon .chkGroup {
	display: flex;
	margin-top: 15px;
	justify-content: flex-end;
	flex-direction: column;
	align-items: flex-start;
	text-align: right;
	padding: 0 20px !important;
}

/* line 1961, scss/common.scss */
.changeWidgetIcon .chkGroup .checkbox label {
	max-width: 307px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* tabTable */
/* line 1968, scss/common.scss */
.tabTable {
	padding: 10px 20px;
	background: #fff;
	border-radius: 4px;
}

/* line 1969, scss/common.scss */
.tabTable table {
	width: 100%;
}

/* line 1970, scss/common.scss */
.tabTable table th {
	text-align: left;
	height: 40px;
	font-size: 16px;
	font-family: "Pretendard";
	font-weight: normal;
	color: #555;
	letter-spacing: -1.7px;
}

/* line 1971, scss/common.scss */
.tabTable table th.va-t {
	padding-top: 10px;
}

/* line 1972, scss/common.scss */
.tabTable table th label {
	display: block;
	width: 90px;
}

/* line 1974, scss/common.scss */
.tabTable table td {
	height: 40px;
}

/* line 1975, scss/common.scss */
.tabTable table td input[type="text"], .tabTable table td input[type="number"], .tabTable table td select {
	width: 216px;
	height: 30px;
	box-sizing: border-box;
}

/* line 1976, scss/common.scss */
.tabTable table td .fileSelect {
	justify-content: space-between;
}

/* line 1977, scss/common.scss */
.tabTable table td .btnFileSelect {
	border: 1px solid #e9e9e9;
	color: #555;
	font-size: 16px;
	font-family: "Pretendard";
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	border-radius: 4px;
	box-sizing: border-box;
}

/* layoutArea */
/* line 1983, scss/common.scss */
.layoutArea {
	padding: 10px;
	background: #fff;
	border-radius: 4px;
}

/* line 1984, scss/common.scss */
.layoutArea .row {
	display: flex;
	margin-bottom: 10px;
}

/* line 1985, scss/common.scss */
.layoutArea .row:last-of-type {
	margin-bottom: 0;
}

/* line 1987, scss/common.scss */
.layoutArea .layoutBox {
	cursor: pointer;
	border: 2px solid transparent;
	box-sizing: border-box;
	border-radius: 4px;
}

/* line 1988, scss/common.scss */
.layoutArea .layoutBox:hover, .layoutArea .layoutBox.active {
	border: 2px solid #333;
}

/* line 1989, scss/common.scss */
.layoutArea .layoutBox.active {
	position: relative;
}

/* line 1990, scss/common.scss */
.layoutArea .layoutBox.active:after {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	display: block;
	content: '';
	width: 61px;
	height: 61px;
	background: url("../images/webapp/ico-layout-check.png") no-repeat;
}

/* line 1992, scss/common.scss */
.layoutArea .layoutBox img {
	width: 100%;
	height: 100%;
}

/* line 1996, scss/common.scss */
.layoutArea.col2 .row div {
	flex: 1;
	margin-right: 5px;
}

/* line 1997, scss/common.scss */
.layoutArea.col2 .row div:nth-of-type(2n) {
	margin-right: 0;
	margin-left: 5px;
}

/* secInner */
/* line 2004, scss/common.scss */
.secInner {
	margin-top: 30px;
}

/* line 2005, scss/common.scss */
.secInner:first-of-type {
	margin-top: 0;
}

/* line 2006, scss/common.scss */
.secInner input[type="text"] {
	height: 30px;
	margin-right: 5px;
}

/* line 2007, scss/common.scss */
.secInner > label {
	display: block;
	margin-bottom: 10px;
	color: #333;
	font-size: 16px;
	font-family: "Pretendard Bold";
}

/* line 2009, scss/common.scss */
.secInner .fileSelect label {
	border: 1px solid #e9e9e9;
}

/* line 2010, scss/common.scss */
.secInner .fileSelect .btnFileSelect {
	border: 1px solid #e9e9e9;
	color: #555;
	font-size: 16px;
	font-family: "Pretendard";
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	border-radius: 4px;
	box-sizing: border-box;
}

/* line 2015, scss/common.scss */
#dimmed {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1000;
}

/*loadingBox*/
/* line 2017, scss/common.scss */
.loadingBox {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 400px;
	padding: 50px;
	box-shadow: 0.5px 0.9px 4px 0 rgba(0, 0, 0, 0.27);
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 10px;
	z-index: 10000;
}

/* line 2019, scss/common.scss */
.loadingBox strong {
	display: block;
	margin-top: 30px;
	text-align: center;
	font-size: 30px;
	color: #333;
	font-family: "Pretendard";
}

/* line 2020, scss/common.scss */
.loadingBox .loadingArea {
	position: relative;
	margin: 0 auto;
	width: 198px;
	height: 198px;
	background: url("../images/common/bg-loading-rotation.png") no-repeat center;
}

/* line 2021, scss/common.scss */
.loadingBox .loadingArea:after {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	content: 'LOADING';
	color: #00b8a3;
	font-size: 30px;
	font-family: "Pretendard Bold";
}

/* line 2022, scss/common.scss */
.loadingBox .loadingArea:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 198px;
	height: 198px;
	content: '';
	z-index: 10;
	background: url("../images/common/bg-loading.png") no-repeat center;
}

/* line 2023, scss/common.scss */
.loadingBox .loadingArea .quater {
	width: 198px;
	height: 198px;
	animation: 2s loading linear infinite;
	background: url("../images/common/bg-loading-quater.png") no-repeat center;
}

@keyframes loading {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

/* thisAddr */
/* line 2032, scss/common.scss */
.thisAddr {
	position: absolute;
	left: 300px;
	top: 300px;
	border-radius: 4px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
	background: #fff;
}

/* line 2033, scss/common.scss */
.thisAddr .inner {
	padding: 20px;
}

/* line 2034, scss/common.scss */
.thisAddr .addrItem {
	margin-bottom: 10px;
	font-size: 14px;
	font-family: "Pretendard";
	font-weight: normal;
}

/* line 2035, scss/common.scss */
.thisAddr .addrItem .addrTag {
	margin-right: 5px;
}

/* line 2036, scss/common.scss */
.thisAddr .addrItem .roadAddr, .thisAddr .addrItem .jibunAddr {
	display: flex;
	align-items: center;
}

/* line 2037, scss/common.scss */
.thisAddr .addrItem .roadAddr {
	margin-bottom: 4px;
}

/* line 2038, scss/common.scss */
.thisAddr .addrItem .addrDesc {
	flex: 1;
	word-break: keep-all;
}

/* line 2039, scss/common.scss */
.thisAddr .addrItem:last-of-type {
	margin-bottom: 0;
}

/* line 2040, scss/common.scss */
.thisAddr .addrItem .roadTag, .thisAddr .addrItem .jibunTag {
	display: inline-block;
	width: 55px;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	font-size: 12px;
}

/* line 2041, scss/common.scss */
.thisAddr .addrItem .roadTag {
	background: #283ebf;
}

/* line 2042, scss/common.scss */
.thisAddr .addrItem .jibunTag {
	background: #00b8a3;
}

/* line 2044, scss/common.scss */
.thisAddr:after {
	position: absolute;
	display: block;
	content: '';
	bottom: -8px;
	left: 20px;
	border: 8px solid #fff;
	transform: rotate(45deg);
	box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
	border-left: 8px solid transparent;
	border-top: 8px solid transparent;
}

/* thisInput */
/* line 2049, scss/common.scss */
.thisInput {
	position: absolute;
	left: 300px;
	top: 200px;
	display: flex;
	border-radius: 4px;
	overflow: hidden;
}

/* line 2050, scss/common.scss */
.thisInput input[type="text"] {
	width: 150px;
	height: 38px;
}

/* line 2051, scss/common.scss */
.thisInput button {
	width: 85px;
	color: #fff;
	background: #2F5597;
	font-size: 16px;
	font-family: "Pretendard";
	font-weight: normal;
}

/* bookmarkArea */
/* line 2055, scss/common.scss */
.bookmarkArea {
	position: absolute;
	left: 300px;
	top: 600px;
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.16);
}

/* line 2056, scss/common.scss */
.bookmarkArea .inner {
	padding: 20px;
}

/* line 2057, scss/common.scss */
.bookmarkArea .row {
	position: relative;
	margin-bottom: 10px;
}

/* line 2058, scss/common.scss */
.bookmarkArea .row:last-of-type {
	margin-bottom: 0;
}

/* line 2059, scss/common.scss */
.bookmarkArea .row input[type="text"] {
	width: 100%;
	font-size: 14px;
	font-family: "Pretendard";
	color: #333;
}

/* line 2060, scss/common.scss */
.bookmarkArea .row input[type="text"]:disabled {
	background: #fff;
}

/* line 2063, scss/common.scss */
.bookmarkArea .row .flex input[type="text"] {
	width: 200px;
	margin-right: 6px;
}

/* line 2065, scss/common.scss */
.bookmarkArea .row .btnPin {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 30px;
	background: url("../images/common/btn-bookmark-pin.png") no-repeat center;
}

/* timeSlider */
/* line 2070, scss/common.scss */
.timeSlider {
	position: absolute;
	left: 650px;
	top: 67px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.16);
}

/* line 2071, scss/common.scss */
.timeSlider .inner {
	padding: 10px;
}

/* line 2072, scss/common.scss */
.timeSlider .timeBox {
	border: 1px solid #eee;
	border-radius: 4px;
}

/* line 2073, scss/common.scss */
.timeSlider .timeBox .inner {
	padding: 20px;
}

/* line 2074, scss/common.scss */
.timeSlider .timeBox .playerArea {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

/* line 2075, scss/common.scss */
.timeSlider .timeBox .playerArea .playerSlider {
	margin-right: 10px;
	-webkit-appearance: none;
	outline: none;
	width: 100%;
	height: 30px;
	border: 1px solid #e9e9e9;
	border-radius: 4px;
	background: transparent;
}

/* line 2079, scss/common.scss */
.timeSlider .timeBox .playerArea .playerSlider::-webkit-slider-thumb {
	-webkit-appearance: none;
}

/* line 2080, scss/common.scss */
.timeSlider .timeBox .playerArea .playerSlider::-ms-track {
	width: 100%;
	cursor: pointer;
	background: transparent;
	/* border-color: transparent;
	color: transparent; */
}

/* line 2081, scss/common.scss */
.timeSlider .timeBox .playerArea .playerSlider::-webkit-slider-thumb {
	-webkit-appearance: none;
	background: #555;
	cursor: pointer;
	height: 36px;
	width: 12px;
	transform: translateY(6px);
	margin-top: -14px;
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
	border-radius: 3px;
}

/* line 2092, scss/common.scss */
.timeSlider .timeBox .playerArea .btnGroup {
	display: flex;
}

/* line 2093, scss/common.scss */
.timeSlider .timeBox .playerArea .btnGroup button {
	position: relative;
	width: 33px;
	height: 33px;
	border-radius: 50%;
	box-sizing: border-box;
	background-position: center;
	background-repeat: no-repeat;
}

/* line 2094, scss/common.scss */
.timeSlider .timeBox .playerArea .btnGroup .btnTimePlay {
	border: 3px solid #555;
	margin-right: 10px;
	background-image: url("../images/common/ico-player-play.png");
}

/* line 2095, scss/common.scss */
.timeSlider .timeBox .playerArea .btnGroup .btnTimePause {
	border: 3px solid #555;
	margin-right: 10px;
	background-image: url("../images/common/ico-player-pause.png");
}

/* line 2096, scss/common.scss */
.timeSlider .timeBox .playerArea .btnGroup .btnTimeStop {
	border: 3px solid #2F5597;
	background-image: url("../images/common/ico-player-stop.png");
}

/* line 2099, scss/common.scss */
.timeSlider .timeBox .choiceList {
	flex-direction: column;
}

/* line 2100, scss/common.scss */
.timeSlider .timeBox .choiceList .choice {
	align-items: center;
	margin-bottom: 15px;
}

/* line 2101, scss/common.scss */
.timeSlider .timeBox .choiceList .choice > label {
	text-align: left;
}

/* line 2102, scss/common.scss */
.timeSlider .timeBox .choiceList .choice select, .timeSlider .timeBox .choiceList .choice input[type="text"] {
	width: 210px;
}

@keyframes loading {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes loading2 {
	0% {
		background-position: center 3px;
	}
	100% {
		background-position: center -3px;
	}
}

/* 테마타입 */
/* 스토리 테마 */
/* line 2126, scss/common.scss */
.sampleFrame.themeType01.style01 .widgetFlex {
	left: auto;
	right: 10px;
	width: 68%;
}

/* line 2130, scss/common.scss */
.sampleFrame.themeType01.style02 > .cont .toolGroup {
	left: auto;
	right: 10px;
}

/* line 2132, scss/common.scss */
.sampleFrame.themeType01.style02 .widgetFlex {
	left: 10px;
	right: auto;
}

/* line 2133, scss/common.scss */
.sampleFrame.themeType01.style02 #widget {
	right: auto;
	left: 10px;
}

/* line 2134, scss/common.scss */
.sampleFrame.themeType01.style02 #widget .zoomWidget .sliderArea:hover .tooltip {
	left: auto;
	right: -5px;
}

/* line 2136, scss/common.scss */
.sampleFrame.themeType01.style02 #widget .zoomWidget .sliderArea:hover .tooltip li:after {
	right: auto;
	left: -3px;
	border-left: 3px solid #474747;
	border-right: 3px solid transparent;
	transform: translateY(-50%) rotate(45deg);
}

/* line 2137, scss/common.scss */
.sampleFrame.themeType01.style02 #widget .zoomWidget .sliderArea:hover .tooltip li:last-of-type {
	left: 0;
}

/* line 2141, scss/common.scss */
.sampleFrame.themeType01.style02 #widget .dep1 > li:after {
	left: auto;
	right: 1px;
	border-right: 3px solid #e9e9e9;
	border-left: 3px solid transparent;
}

/* line 2143, scss/common.scss */
.sampleFrame.themeType01.style02 #widget .dep1 > li.active .dep2 {
	left: 68px;
}

/* line 2145, scss/common.scss */
.sampleFrame.themeType01.style02 #widget .dep1 > li .dep2 {
	left: 0;
	right: auto;
}

/* line 2149, scss/common.scss */
.sampleFrame.themeType01.style02 .editArea {
	right: 10px;
}

/* line 2151, scss/common.scss */
.sampleFrame.themeType01.style03 {
	flex-direction: row;
	flex-wrap: wrap;
}

/* line 2152, scss/common.scss */
.sampleFrame.themeType01.style03 > .head {
	width: 64px;
	height: calc(100% - 64px);
	padding: 13px 0;
	writing-mode: vertical-lr;
	margin-left: 0;
}

/* line 2153, scss/common.scss */
.sampleFrame.themeType01.style03 > .head .mainTit {
	margin: 10px 0 0 0;
}

/* line 2154, scss/common.scss */
.sampleFrame.themeType01.style03 > .head .subTit {
	margin: 10px 0;
}

/* line 2156, scss/common.scss */
.sampleFrame.themeType01.style03 > .head .flex .btnTip {
	margin-left: 0;
	margin-top: 15px;
}

/* line 2157, scss/common.scss */
.sampleFrame.themeType01.style03 > .head .flex .tipDesc {
	top: 50px;
	left: -8px;
	writing-mode: initial;
}

/* line 2158, scss/common.scss */
.sampleFrame.themeType01.style03 > .head .flex .tipDesc:after {
	left: 10px;
}

/* line 2161, scss/common.scss */
.sampleFrame.themeType01.style03 > .head .toolGroup {
	margin-left: 0;
	margin-top: auto;
}

/* line 2163, scss/common.scss */
.sampleFrame.themeType01.style03 > .head .toolGroup ul li {
	margin-left: 0;
	margin-top: 10px;
}

/* line 2164, scss/common.scss */
.sampleFrame.themeType01.style03 > .head .toolGroup ul li:first-of-type {
	margin-top: 0;
}

/* line 2169, scss/common.scss */
.sampleFrame.themeType01.style03 > .cont {
	height: calc(100% - 36px);
}

/* line 2170, scss/common.scss */
.sampleFrame.themeType01.style03 > .cont .toolGroup {
	left: 10px;
	right: auto;
}

/* line 2172, scss/common.scss */
.sampleFrame.themeType01.style03 .widgetFlex {
	left: auto;
	right: 10px;
}

/* line 2173, scss/common.scss */
.sampleFrame.themeType01.style03 > .foot {
	width: 100%;
}

/* line 2175, scss/common.scss */
.sampleFrame.themeType01.style04 {
	flex-direction: row;
	flex-wrap: wrap;
}

/* line 2176, scss/common.scss */
.sampleFrame.themeType01.style04 > .head {
	width: 64px;
	height: calc(100% - 64px);
	padding: 13px 0;
	writing-mode: vertical-lr;
	margin-left: 0;
}

/* line 2177, scss/common.scss */
.sampleFrame.themeType01.style04 > .head .mainTit {
	margin: 10px 0 0 0;
}

/* line 2178, scss/common.scss */
.sampleFrame.themeType01.style04 > .head .subTit {
	margin: 10px 0;
}

/* line 2181, scss/common.scss */
.sampleFrame.themeType01.style04 > .head .flex .btnTip {
	margin-left: 0;
	margin-top: 15px;
}

/* line 2182, scss/common.scss */
.sampleFrame.themeType01.style04 > .head .flex .tipDesc {
	top: 50px;
	left: -8px;
	writing-mode: initial;
}

/* line 2183, scss/common.scss */
.sampleFrame.themeType01.style04 > .head .flex .tipDesc:after {
	left: 10px;
}

/* line 2186, scss/common.scss */
.sampleFrame.themeType01.style04 > .head .toolGroup {
	margin-left: 0;
	margin-top: auto;
}

/* line 2188, scss/common.scss */
.sampleFrame.themeType01.style04 > .head .toolGroup ul li {
	margin-left: 0;
	margin-top: 10px;
}

/* line 2189, scss/common.scss */
.sampleFrame.themeType01.style04 > .head .toolGroup ul li:first-of-type {
	margin-top: 0;
}

/* line 2194, scss/common.scss */
.sampleFrame.themeType01.style04 > .foot {
	width: 100%;
}

/* line 2196, scss/common.scss */
.sampleFrame.themeType01.style04 > .cont {
	height: calc(100% - 36px);
}

/* line 2197, scss/common.scss */
.sampleFrame.themeType01.style04 > .cont .toolGroup {
	left: auto;
	right: 10px;
}

/* line 2199, scss/common.scss */
.sampleFrame.themeType01.style04 .widgetFlex {
	left: 10px;
	right: auto;
}

/* line 2200, scss/common.scss */
.sampleFrame.themeType01.style04 #widget {
	right: auto;
	left: 10px;
}

/* line 2201, scss/common.scss */
.sampleFrame.themeType01.style04 #widget .zoomWidget .sliderArea:hover .tooltip {
	left: auto;
	right: -5px;
}

/* line 2203, scss/common.scss */
.sampleFrame.themeType01.style04 #widget .zoomWidget .sliderArea:hover .tooltip li:after {
	right: auto;
	left: -3px;
	border-left: 3px solid #474747;
	border-right: 3px solid transparent;
	transform: translateY(-50%) rotate(45deg);
}

/* line 2204, scss/common.scss */
.sampleFrame.themeType01.style04 #widget .zoomWidget .sliderArea:hover .tooltip li:last-of-type {
	left: 0;
}

/* line 2208, scss/common.scss */
.sampleFrame.themeType01.style04 #widget .dep1 > li:after {
	left: auto;
	right: 1px;
	border-right: 3px solid #e9e9e9;
	border-left: 3px solid transparent;
}

/* line 2210, scss/common.scss */
.sampleFrame.themeType01.style04 #widget .dep1 > li.active .dep2 {
	left: 68px;
}

/* line 2212, scss/common.scss */
.sampleFrame.themeType01.style04 #widget .dep1 > li .dep2 {
	left: 0;
	right: auto;
}

/* line 2216, scss/common.scss */
.sampleFrame.themeType01.style04 .editArea {
	right: 10px;
}

/* line 2222, scss/common.scss */
.sampleFrame.themeType02.style01 .widgetFlex {
	left: auto;
	right: 10px;
}

/* line 2226, scss/common.scss */
.sampleFrame.themeType02.style02 > .cont .toolGroup {
	left: auto;
	right: 10px;
}

/* line 2228, scss/common.scss */
.sampleFrame.themeType02.style02 .widgetFlex {
	left: 10px;
	right: auto;
}

/* line 2229, scss/common.scss */
.sampleFrame.themeType02.style02 #widget {
	right: auto;
	left: 10px;
}

/* line 2230, scss/common.scss */
.sampleFrame.themeType02.style02 #widget .zoomWidget .sliderArea:hover .tooltip {
	left: auto;
	right: -5px;
}

/* line 2232, scss/common.scss */
.sampleFrame.themeType02.style02 #widget .zoomWidget .sliderArea:hover .tooltip li:after {
	right: auto;
	left: -3px;
	border-left: 3px solid #474747;
	border-right: 3px solid transparent;
	transform: translateY(-50%) rotate(45deg);
}

/* line 2233, scss/common.scss */
.sampleFrame.themeType02.style02 #widget .zoomWidget .sliderArea:hover .tooltip li:last-of-type {
	left: 0;
}

/* line 2237, scss/common.scss */
.sampleFrame.themeType02.style02 #widget .dep1 > li:after {
	left: auto;
	right: 1px;
	border-right: 3px solid #e9e9e9;
	border-left: 3px solid transparent;
}

/* line 2239, scss/common.scss */
.sampleFrame.themeType02.style02 #widget .dep1 > li.active .dep2 {
	left: 68px;
}

/* line 2241, scss/common.scss */
.sampleFrame.themeType02.style02 #widget .dep1 > li .dep2 {
	left: 0;
	right: auto;
}

/* line 2245, scss/common.scss */
.sampleFrame.themeType02.style02 .editArea {
	right: 10px;
}

/* line 2248, scss/common.scss */
.sampleFrame.themeType02.style03 {
	flex-direction: row;
	flex-wrap: wrap;
}

/* line 2249, scss/common.scss */
.sampleFrame.themeType02.style03 > .head {
	width: 64px;
	height: calc(100% - 64px);
	padding: 13px 0;
	writing-mode: vertical-lr;
	margin-left: 0;
}

/* line 2250, scss/common.scss */
.sampleFrame.themeType02.style03 > .head .mainTit {
	margin: 10px 0 0 0;
}

/* line 2251, scss/common.scss */
.sampleFrame.themeType02.style03 > .head .subTit {
	margin: 10px 0;
}

/* line 2254, scss/common.scss */
.sampleFrame.themeType02.style03 > .head .flex .btnTip {
	margin-left: 0;
	margin-top: 15px;
}

/* line 2255, scss/common.scss */
.sampleFrame.themeType02.style03 > .head .flex .tipDesc {
	top: 50px;
	left: -8px;
	writing-mode: initial;
}

/* line 2256, scss/common.scss */
.sampleFrame.themeType02.style03 > .head .flex .tipDesc:after {
	left: 10px;
}

/* line 2259, scss/common.scss */
.sampleFrame.themeType02.style03 > .head .toolGroup {
	margin-left: 0;
	margin-top: auto;
}

/* line 2261, scss/common.scss */
.sampleFrame.themeType02.style03 > .head .toolGroup ul li {
	margin-left: 0;
	margin-top: 10px;
}

/* line 2262, scss/common.scss */
.sampleFrame.themeType02.style03 > .head .toolGroup ul li:first-of-type {
	margin-top: 0;
}

/* line 2267, scss/common.scss */
.sampleFrame.themeType02.style03 > .cont {
	height: calc(100% - 36px);
}

/* line 2268, scss/common.scss */
.sampleFrame.themeType02.style03 > .cont .toolGroup {
	left: 10px;
	right: auto;
}

/* line 2270, scss/common.scss */
.sampleFrame.themeType02.style03 .widgetFlex {
	left: auto;
	right: 10px;
}

/* line 2271, scss/common.scss */
.sampleFrame.themeType02.style03 > .foot {
	width: 100%;
}

/* line 2273, scss/common.scss */
.sampleFrame.themeType02.style04 {
	flex-direction: row;
	flex-wrap: wrap;
}

/* line 2274, scss/common.scss */
.sampleFrame.themeType02.style04 > .head {
	width: 64px;
	height: calc(100% - 64px);
	padding: 13px 0;
	writing-mode: vertical-lr;
	margin-left: 0;
}

/* line 2275, scss/common.scss */
.sampleFrame.themeType02.style04 > .head .mainTit {
	margin: 10px 0 0 0;
}

/* line 2276, scss/common.scss */
.sampleFrame.themeType02.style04 > .head .subTit {
	margin: 10px 0;
}

/* line 2279, scss/common.scss */
.sampleFrame.themeType02.style04 > .head .flex .btnTip {
	margin-left: 0;
	margin-top: 15px;
}

/* line 2280, scss/common.scss */
.sampleFrame.themeType02.style04 > .head .flex .tipDesc {
	top: 50px;
	left: -8px;
	writing-mode: initial;
}

/* line 2281, scss/common.scss */
.sampleFrame.themeType02.style04 > .head .flex .tipDesc:after {
	left: 10px;
}

/* line 2284, scss/common.scss */
.sampleFrame.themeType02.style04 > .head .toolGroup {
	margin-left: 0;
	margin-top: auto;
}

/* line 2286, scss/common.scss */
.sampleFrame.themeType02.style04 > .head .toolGroup ul li {
	margin-left: 0;
	margin-top: 10px;
}

/* line 2287, scss/common.scss */
.sampleFrame.themeType02.style04 > .head .toolGroup ul li:first-of-type {
	margin-top: 0;
}

/* line 2292, scss/common.scss */
.sampleFrame.themeType02.style04 > .foot {
	width: 100%;
}

/* line 2294, scss/common.scss */
.sampleFrame.themeType02.style04 > .cont {
	height: calc(100% - 36px);
}

/* line 2295, scss/common.scss */
.sampleFrame.themeType02.style04 > .cont .toolGroup {
	left: auto;
	right: 10px;
}

/* line 2297, scss/common.scss */
.sampleFrame.themeType02.style04 .widgetFlex {
	left: 10px;
	right: auto;
}

/* line 2298, scss/common.scss */
.sampleFrame.themeType02.style04 #widget {
	right: auto;
	left: 10px;
}

/* line 2299, scss/common.scss */
.sampleFrame.themeType02.style04 #widget .zoomWidget .sliderArea:hover .tooltip {
	left: auto;
	right: -5px;
}

/* line 2301, scss/common.scss */
.sampleFrame.themeType02.style04 #widget .zoomWidget .sliderArea:hover .tooltip li:after {
	right: auto;
	left: -3px;
	border-left: 3px solid #474747;
	border-right: 3px solid transparent;
	transform: translateY(-50%) rotate(45deg);
}

/* line 2302, scss/common.scss */
.sampleFrame.themeType02.style04 #widget .zoomWidget .sliderArea:hover .tooltip li:last-of-type {
	left: 0;
}

/* line 2306, scss/common.scss */
.sampleFrame.themeType02.style04 #widget .dep1 > li:after {
	left: auto;
	right: 1px;
	border-right: 3px solid #e9e9e9;
	border-left: 3px solid transparent;
}

/* line 2308, scss/common.scss */
.sampleFrame.themeType02.style04 #widget .dep1 > li.active .dep2 {
	left: 68px;
}

/* line 2310, scss/common.scss */
.sampleFrame.themeType02.style04 #widget .dep1 > li .dep2 {
	left: 0;
	right: auto;
}

/* line 2315, scss/common.scss */
.sampleFrame.themeType02.style04 .editArea {
	right: 10px;
}

/* line 2319, scss/common.scss */
.sampleFrame.themeType04.style01 {
	/*기본*/
}

/* line 2323, scss/common.scss */
.sampleFrame.themeType04.style02 > .cont {
	flex-direction: row-reverse;
}

/* line 2326, scss/common.scss */
.sampleFrame.themeType04.style02 > .cont .tocArea #toc, .sampleFrame.themeType04.style02 > .cont .tocArea #analysis, .sampleFrame.themeType04.style02 > .cont .tocArea #detailSetting, .sampleFrame.themeType04.style02 > .cont .tocArea #library {
	flex-direction: row-reverse;
}

/* line 2330, scss/common.scss */
.sampleFrame.themeType04.style02 > .cont .tocArea #toc .toc.hide .head .btnTocHide, .sampleFrame.themeType04.style02 > .cont .tocArea #analysis .toc.hide .head .btnTocHide, .sampleFrame.themeType04.style02 > .cont .tocArea #detailSetting .toc.hide .head .btnTocHide, .sampleFrame.themeType04.style02 > .cont .tocArea #library .toc.hide .head .btnTocHide {
	transform: rotate(0deg);
}

/* line 2334, scss/common.scss */
.sampleFrame.themeType04.style02 > .cont .tocArea #toc .toc .head .btnTocHide, .sampleFrame.themeType04.style02 > .cont .tocArea #analysis .toc .head .btnTocHide, .sampleFrame.themeType04.style02 > .cont .tocArea #detailSetting .toc .head .btnTocHide, .sampleFrame.themeType04.style02 > .cont .tocArea #library .toc .head .btnTocHide {
	transform: rotate(180deg);
}

/* line 2340, scss/common.scss */
.sampleFrame.themeType04.style02 #widget {
	right: auto;
	left: 10px;
}

/* line 2341, scss/common.scss */
.sampleFrame.themeType04.style02 #widget .zoomWidget .sliderArea:hover .tooltip {
	left: auto;
	right: -5px;
}

/* line 2343, scss/common.scss */
.sampleFrame.themeType04.style02 #widget .zoomWidget .sliderArea:hover .tooltip li:after {
	right: auto;
	left: -3px;
	border-left: 3px solid #474747;
	border-right: 3px solid transparent;
	transform: translateY(-50%) rotate(45deg);
}

/* line 2344, scss/common.scss */
.sampleFrame.themeType04.style02 #widget .zoomWidget .sliderArea:hover .tooltip li:last-of-type {
	left: 0;
}

/* line 2348, scss/common.scss */
.sampleFrame.themeType04.style02 #widget .dep1 > li:after {
	left: auto;
	right: 1px;
	border-right: 3px solid #e9e9e9;
	border-left: 3px solid transparent;
}

/* line 2350, scss/common.scss */
.sampleFrame.themeType04.style02 #widget .dep1 > li.active .dep2 {
	left: 68px;
}

/* line 2353, scss/common.scss */
.sampleFrame.themeType04.style02 #widget .dep2 {
	right: auto;
	left: 0;
}

/* line 2354, scss/common.scss */
.sampleFrame.themeType04.style02 #widget .group {
	right: auto;
	left: -50px;
}

/* line 2355, scss/common.scss */
.sampleFrame.themeType04.style02 #widget .group.active {
	left: 0;
}

/* line 2361, scss/common.scss */
.sampleFrame.themeType05.style01 {
	/*기본*/
}

/* line 2365, scss/common.scss */
.sampleFrame.themeType05.style02 > .cont {
	flex-direction: row-reverse;
}

/* line 2369, scss/common.scss */
.sampleFrame.themeType05.style02 > .cont .sectionArea ul li .tit {
	left: auto;
	right: 20px;
}

/* line 2370, scss/common.scss */
.sampleFrame.themeType05.style02 > .cont .sectionArea ul li .tit:before {
	left: auto;
	right: -4px;
	transform: translateY(-50%) rotate(315deg);
}

/* line 2377, scss/common.scss */
.sampleFrame.themeType05.style02 > .cont .tocArea #toc, .sampleFrame.themeType05.style02 > .cont .tocArea #analysis, .sampleFrame.themeType05.style02 > .cont .tocArea #detailSetting, .sampleFrame.themeType05.style02 > .cont .tocArea #library {
	flex-direction: row-reverse;
}

/* line 2381, scss/common.scss */
.sampleFrame.themeType05.style02 > .cont .tocArea #toc .toc.hide .head .btnTocHide, .sampleFrame.themeType05.style02 > .cont .tocArea #analysis .toc.hide .head .btnTocHide, .sampleFrame.themeType05.style02 > .cont .tocArea #detailSetting .toc.hide .head .btnTocHide, .sampleFrame.themeType05.style02 > .cont .tocArea #library .toc.hide .head .btnTocHide {
	transform: rotate(0deg);
}

/* line 2385, scss/common.scss */
.sampleFrame.themeType05.style02 > .cont .tocArea #toc .toc .head .btnTocHide, .sampleFrame.themeType05.style02 > .cont .tocArea #analysis .toc .head .btnTocHide, .sampleFrame.themeType05.style02 > .cont .tocArea #detailSetting .toc .head .btnTocHide, .sampleFrame.themeType05.style02 > .cont .tocArea #library .toc .head .btnTocHide {
	transform: rotate(180deg);
}

/* line 2391, scss/common.scss */
.sampleFrame.themeType05.style02 #widget {
	right: auto;
	left: 10px;
}

/* line 2392, scss/common.scss */
.sampleFrame.themeType05.style02 #widget .zoomWidget .sliderArea:hover .tooltip {
	left: auto;
	right: -5px;
}

/* line 2394, scss/common.scss */
.sampleFrame.themeType05.style02 #widget .zoomWidget .sliderArea:hover .tooltip li:after {
	right: auto;
	left: -3px;
	border-left: 3px solid #474747;
	border-right: 3px solid transparent;
	transform: translateY(-50%) rotate(45deg);
}

/* line 2395, scss/common.scss */
.sampleFrame.themeType05.style02 #widget .zoomWidget .sliderArea:hover .tooltip li:last-of-type {
	left: 0;
}

/* line 2399, scss/common.scss */
.sampleFrame.themeType05.style02 #widget .dep1 > li:after {
	left: auto;
	right: 1px;
	border-right: 3px solid #e9e9e9;
	border-left: 3px solid transparent;
}

/* line 2401, scss/common.scss */
.sampleFrame.themeType05.style02 #widget .dep1 > li.active .dep2 {
	left: 68px;
}

/* line 2404, scss/common.scss */
.sampleFrame.themeType05.style02 #widget .dep2 {
	right: auto;
	left: 0;
}

/* line 2405, scss/common.scss */
.sampleFrame.themeType05.style02 #widget .group {
	right: auto;
	left: -50px;
}

/* line 2406, scss/common.scss */
.sampleFrame.themeType05.style02 #widget .group.active {
	left: 0;
}

/* line 2412, scss/common.scss */
.editArea {
	position: absolute;
	right: 100px;
	top: 65px;
	z-index: 10;
	width: 470px;
	background: #f1f6ff;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
	border-radius: 4px;
	overflow: hidden;
}

/* line 2414, scss/common.scss */
.editArea.active .editor {
	display: block;
}

/* line 2416, scss/common.scss */
.editArea.active .btnGroup .btnEditHide {
	transform: rotate(180deg);
}

/* line 2420, scss/common.scss */
.editArea .head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #666;
}

/* line 2421, scss/common.scss */
.editArea .head.blue {
	background: #5779FF;
}

/* line 2422, scss/common.scss */
.editArea .head.grey {
	background: #888;
}

/* line 2423, scss/common.scss */
.editArea .head .tit {
	margin-left: 20px;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	font-family: "Pretendard";
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* line 2425, scss/common.scss */
.editArea .head .btnGroup {
	display: flex;
	align-items: center;
	margin-right: 13px;
}

/* line 2426, scss/common.scss */
.editArea .head .btnGroup .btnEditClose {
	width: 24px;
	height: 24px;
	margin-left: 30px;
	background: url("../images/popup/ico-pop-close.png") no-repeat center;
}

/* line 2427, scss/common.scss */
.editArea .head .btnGroup .btnEditHide {
	width: 40px;
	height: 22px;
	background: url("../images/common/ico-option-hide.png") no-repeat center;
}

/* line 2430, scss/common.scss */
.editArea .cont {
	background: #fff;
}

/* line 2431, scss/common.scss */
.editArea .cont .inner {
	padding: 10px;
}

/* line 2433, scss/common.scss */
.editArea .editor {
	display: none;
	width: 100%;
	margin-top: 20px;
	border: 1px solid #e1e1e1;
}

/* line 2434, scss/common.scss */
.editArea .editor:first-of-type {
	display: block;
	margin-top: 0;
}

/* line 2437, scss/common.scss */
.articleArea {
	display: flex;
	width: 470px;
	height: 100%;
	background: #f6f9fe;
}

/* line 2438, scss/common.scss */
.articleArea .articleList {
	position: relative;
	overflow-y: scroll;
	padding: 10px;
}

/* line 2439, scss/common.scss */
.articleArea .articleList .context {
	margin-bottom: 10px;
	position: relative;
	border: 1px solid #e7e9ee;
	border-radius: 4px;
	padding: 15px;
	opacity: 0.5;
	background: #fff;
}

/* line 2440, scss/common.scss */
.articleArea .articleList .context:first-child {
	margin-top: 0;
}

/* line 2441, scss/common.scss */
.articleArea .articleList .context .title {
	padding-bottom: 10px;
	font-size: 16px;
	color: #a9a9a9;
	font-family: "Pretendard Bold";
	border-bottom: 1px solid #eef1f8;
}

/* line 2442, scss/common.scss */
.articleArea .articleList .context .desc {
	margin-top: 10px;
	font-size: 16px;
	color: #b7b7b7;
	font-family: "Pretendard";
	word-break: keep-all;
}

/* line 2443, scss/common.scss */
.articleArea .articleList .context.current {
	opacity: 1;
}

/* line 2445, scss/common.scss */
.articleArea .articleList .context.current .title {
	color: #555;
}

/* line 2446, scss/common.scss */
.articleArea .articleList .context.current .desc {
	color: #333;
}

/* line 2452, scss/common.scss */
.smallToc {
	position: absolute;
	left: 10px;
	top: 60px;
}

/* line 2453, scss/common.scss */
.smallToc .btnSmallToc {
	position: relative;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	background: #fff url("../images/toc/ico-small-toc-show.png") no-repeat center;
	box-shadow: 0.5px 0.9px 4px 0 rgba(0, 0, 0, 0.27);
}

/* line 2455, scss/common.scss */
.smallToc .btnSmallToc.active {
	background: #fff url("../images/toc/ico-small-toc-hide.png") no-repeat center;
}

/* line 2457, scss/common.scss */
.smallToc .btnSmallToc.active + .layerList {
	max-height: 1000px;
}

/* line 2460, scss/common.scss */
.smallToc .layerList {
	position: absolute;
	left: 45px;
	top: 0;
	width: 270px;
	max-height: 0;
	overflow-y: hidden;
	transition: .4s;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0.5px 0.9px 4px 0 rgba(0, 0, 0, 0.27);
}

/* line 2461, scss/common.scss */
.smallToc .layerList .layerBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 38px;
	line-height: 38px;
	border-bottom: 1px solid #eef1f8;
	padding: 0 10px;
	transition: .3s;
}

/* line 2462, scss/common.scss */
.smallToc .layerList .layerBox:first-of-type {
	border-top: 1px solid #eef1f8;
}

/* line 2463, scss/common.scss */
.smallToc .layerList .layerBox .tit {
	display: flex;
	align-items: center;
	font-size: 14px;
	font-family: 'Pretendard';
	font-weight: normal;
	color: #333;
}

/* line 2464, scss/common.scss */
.smallToc .layerList .layerBox .tit .ico {
	margin: 0 8px 0 0;
}

/* line 2466, scss/common.scss */
.smallToc .layerList .layerBox .btnGroup {
	display: flex;
	align-items: center;
}

/* line 2467, scss/common.scss */
.smallToc .layerList .layerBox .btnGroup .btnLayerView {
	width: 27px;
	height: 27px;
	background: url("../images/toc/ico-view.png") no-repeat center;
}

/* line 2468, scss/common.scss */
.smallToc .layerList .layerBox .btnGroup .btnLayerView:hover, .smallToc .layerList .layerBox .btnGroup .btnLayerView.active {
	background: url("../images/toc/ico-view-hover.png") no-repeat center;
}

/* line 2471, scss/common.scss */
.smallToc .layerList .layerBox:hover {
	background: #f6f9fe;
}

/* 10.07 스와이프*/
/* line 2479, scss/common.scss */
.swiperControl_SwiperControlContent .flex {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e9e9e9;
}

/* line 2480, scss/common.scss */
.swiperControl_SwiperControlContent .flex label {
	position: relative;
	font-size: 18px;
	color: #2e2e2e;
	text-indent: 10px;
	font-family: "Pretendard Bold";
	margin-right: 20px;
}

/* line 2481, scss/common.scss */
.swiperControl_SwiperControlContent .flex label:before {
	position: absolute;
	left: 0;
	top: 6px;
	width: 3px;
	height: 14px;
	background: #d6d6d6;
	display: block;
	content: '';
}

/* line 2483, scss/common.scss */
.swiperControl_SwiperControlContent .flex input[type="number"] {
	width: 40px;
	height: 28px;
	padding: 0;
	text-align: center;
}

/* line 2485, scss/common.scss */
.swiperControl_SwiperControlContent .swiperControl_swiperBar {
	margin-right: 10px;
	flex: 1;
	-webkit-appearance: none;
	outline: none;
	height: 2px;
	border-radius: 4px;
	background: #e1e1e1;
}

/* line 2488, scss/common.scss */
.swiperControl_SwiperControlContent .swiperControl_swiperBar::-webkit-slider-thumb {
	-webkit-appearance: none;
}

/* line 2489, scss/common.scss */
.swiperControl_SwiperControlContent .swiperControl_swiperBar::-ms-track {
	width: 100%;
	cursor: pointer;
	background: transparent;
	/* border-color: transparent;
	color: transparent; */
}

/* line 2490, scss/common.scss */
.swiperControl_SwiperControlContent .swiperControl_swiperBar::-webkit-slider-thumb {
	-webkit-appearance: none;
	background: #555;
	cursor: pointer;
	height: 10px;
	width: 10px;
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
	border-radius: 50%;
}

/* line 2501, scss/common.scss */
.swiperControl_headerDiv {
	display: flex;
}

/* line 2502, scss/common.scss */
.swiperControl_headerDiv > div {
	flex: 1;
	margin-right: 20px;
}

/* line 2503, scss/common.scss */
.swiperControl_headerDiv > div > div > span {
	display: block;
	font-size: 16px;
	font-family: '맑은 고딕';
	font-weight: bold;
	margin-bottom: 10px;
	color: #555;
}

/* line 2504, scss/common.scss */
.swiperControl_headerDiv > div:last-of-type {
	margin-right: 0;
}

/* line 2505, scss/common.scss */
.swiperControl_headerDiv > div select {
	width: 100%;
}

/* line 2508, scss/common.scss */
.swiperControl_footerDiv {
	display: flex;
	justify-content: flex-end;
	margin-top: 20px;
}

/* line 2509, scss/common.scss */
.swiperControl_footerDiv button {
	width: 67px;
	height: 40px;
	color: #fff;
	font-size: 14px;
	font-family: 'Pretendard';
	transition: .4s;
	border-radius: 4px;
	margin-right: 5px;
}

/* line 2510, scss/common.scss */
.swiperControl_footerDiv button:last-of-type {
	margin-right: 0;
}

/* line 2511, scss/common.scss */
.swiperControl_footerDiv button.swiperControl_createBtn {
	background-color: #2f5597;
}

/* line 2512, scss/common.scss */
.swiperControl_footerDiv button.swiperControl_createBtn:hover {
	background-color: #23437b;
}

/* line 2514, scss/common.scss */
.swiperControl_footerDiv button.swiperControl_deleteBtn {
	background-color: #555;
}

/* line 2515, scss/common.scss */
.swiperControl_footerDiv button.swiperControl_deleteBtn:hover {
	background-color: #333;
}

/* 230823 위젯탭 개선 (위젯 추가한 순서대로 번호메길 때 필요한 css) */
span.numberTag {
	width: 20px;
    height: 20px;
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 50%;
    background-color: #436aeb;
    color: #fff;
    font-size: 13px;
    font-family: "Pretendard";
    text-align: center;
}