@charset "UTF-8";
@import url(main.css);
@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: 'NanumSquareB';
	font-style: normal;
	font-weight: 400;
	src: url(./font/NanumSquare/eot/NanumSquareB.eot);
	src: url(./font/NanumSquare/eot/NanumSquareB.eot?#iefix) format("embedded-opentype"), url(./font/NanumSquare/woff/NanumSquareB.woff) format("woff");
}

/* reset */
/* line 44, 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 45, scss/common.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 60, scss/common.scss */
strong {
	font-weight: normal;
}

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

/* default */
/* line 64, scss/common.scss */
body, html {
	font-family: 'Noto Sans DemLight', "맑은 고딕", "Malgun Gothic", Dotum, sans-serif;
	font-size: 13px;
	color: #333;
	letter-spacing: -0.045em !important;
}

/* line 65, scss/common.scss */
body {
	background: url(../../images/main/main-bg.png) center top/cover;
	background-attachment: fixed;
	overflow: hidden !important;
}

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

/* line 67, 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 68, scss/common.scss */
.txt-center {
	text-align: center;
}

/* line 69, scss/common.scss */
.pos-r {
	position: relative;
	z-index: 15;
}

/* line 70, scss/common.scss */
.pos-a {
	position: absolute;
}

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

/* line 72, scss/common.scss */
.inner {
	width: 1280px;
	margin: 0 auto;
}

/* line 73, scss/common.scss */
.left {
	float: left;
}

/* line 74, scss/common.scss */
.right {
	float: right;
}

/* line 75, scss/common.scss */
.txtRight {
	text-align: right;
}

/* line 76, scss/common.scss */
.txtBlue {
	color: #2853d5;
}

/* line 77, scss/common.scss */
.txtRed {
	color: #f24c4c;
}

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

/* line 79, scss/common.scss */
#wrap {
	min-width: 1280px;
	height: 100%;
}

/* line 80, scss/common.scss */
#wrap.moduMain {
	position: relative;
	height: auto;
	background: #fff;
}

/* line 81, scss/common.scss */
#wrap.moduMain:after {
	position: absolute;
	left: 0;
	top: 625px;
	z-index: 10;
	display: block;
	content: '';
	width: 100%;
	height: 500px;
	background: #eff1f5;
}

/* line 82, scss/common.scss */
#wrap.moduMain #header {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 83, scss/common.scss */
#wrap.moduMain #container {
	padding-left: 0;
	padding-right: 0;
	background: none;
}

/* line 84, scss/common.scss */
#wrap.moduMain #content {
	z-index: 20;
	width: 1280px;
	background: none;
	padding: 0 0 100px 15px;
}

/* 인풋 셀렉트박스 input select */
/* line 89, scss/common.scss */
select {
	font-size: 14px;
	font-family: "맑은 고딕";
	color: #585858;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0 10px;
}

/* line 96, scss/common.scss */
select {
	display: inline-block;
	width: 100%;
	height: 38px;
	border: 1px solid #cdd2d9;
	box-sizing: border-box;
	font-size: 14px;
	font-family: "맑은 고딕";
	background: #fff url("../../images/input/ico-selectArrow.png") no-repeat right 13px center;
	appearance: none;
	/* 기본 스타일 없애기 */
	-ms-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
}

/* line 105, scss/common.scss */
select::-ms-expand {
	display: none;
}

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

/* line 109, 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 110, 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;
}

/* header & gnb */
/* line 116, scss/common.scss */
#header {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 75px;
	min-width: 1280px;
	transition: all 0.5s;
}

/* line 119, scss/common.scss */
#header:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #236cfe;
	opacity: 0.1;
}

/* line 121, scss/common.scss */
#header.active {
	background: #1d3080;
}

/* line 122, scss/common.scss */
#header h1 {
	position: absolute;
	top: 16px;
	left: 50px;
	z-index: 20;
}

/* line 123, scss/common.scss */
#header.active .bgMenu {
	border-top: 1px solid #283e8c;
}

/* line 124, scss/common.scss */
#header .bgMenu {
	display: none;
	position: absolute;
	top: 96px;
	width: 100%;
	height: 62px;
	background: #1d3080;
	z-index: 10;
}

/* line 126, scss/common.scss */
#header.install .inner {
	height: auto;
}

/* line 127, scss/common.scss */
#header.install h1 {
	left: 70px;
	top: 66px;
}

/*

#header .bgMenu{display:none;position:absolute;top:96px;width:100%;height:62px;background: #1d3080;z-index:10;}

#header.fixed{border-bottom:1px solid #dbdbdb;box-shadow:0 0 5px #aaa;background:#fff;}
#header.fixed .gnb a{color:#454545;}

#header.active{background: #1d3080;}
#header h1{position: absolute;top:16px;left:50px;z-index:20;}
#header.active .bgMenu{border-top:1px solid #283e8c;}
#header .bgMenu{display:none;position:absolute;top:96px;width:100%;height:62px;background: #1d3080;z-index:10;}
#header.install{
  .inner{height:auto;}
  h1{left:70px;top:66px;}
}

/* gnb 1뎁스 */
/* line 146, scss/common.scss */
#header .inner {
	height: 75px;
}

/* line 147, scss/common.scss */
#header .gnb {
	width: 100%;
	padding-top: 5px;
	font-size: 18px;
	text-align: center;
}

/* line 148, scss/common.scss */
#header .gnb a {
	color: #fff;
	transition: all ease 0.2s 0s;
}

/* line 149, scss/common.scss */
#header .gnb > ul > li {
	display: inline-block;
	width: 122px;
	height: 70px;
	line-height: 80px;
	text-align: center;
	font-size: 17px;
	font-family: "Noto Sans Medium";
}

/* line 150, scss/common.scss */
#header .gnb > ul > li:hover a {
	color: #3ed9c5;
}

/* line 151, scss/common.scss */
#header .gnb > ul > li.active:after,
#header .gnb > ul > li:focus:after {
	content: "";
	display: block;
	width: 80px;
	height: 3px;
	margin: -19px auto 0;
	background: #ff900c;
	animation-name: menuBar;
	animation-duration: 0.1s;
	animation-timing-function: ease-in-out;
}

@keyframes opacity01 {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0.3;
	}
}

@keyframes opacity02 {
	0% {
		opacity: 0.3;
	}
	100% {
		opacity: 1;
	}
}

@keyframes movedown {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(3px);
	}
}

@keyframes sizeCon {
	0% {
		background-position: center top;
		background-size: 3300px 690px;
	}
	100% {
		background-position: center top;
		background-size: 3000px 625px;
	}
}

@keyframes sizeCon2 {
	0% {
		background-position: center top;
		background-size: 2950px 206px;
	}
	100% {
		background-position: center top;
		background-size: 2700px 100%;
	}
}

@keyframes sizeCon3 {
	0% {
		background-position: left top;
		background-size: 2950px 206px;
	}
	100% {
		background-position: left top;
		background-size: 2700px 100%;
	}
}

/* 검색영역 */
/* line 186, scss/common.scss */
.searchArea {
	position: relative;
	padding-top: 75px;
	width: 100%;
	height: 122px;
	min-width: 1320px;
}

/* line 187, scss/common.scss */
.searchArea .bgGroup {
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/* line 188, scss/common.scss */
.searchArea .slick-slide:nth-child(1) .item {
	background: url("../../images/common/bg-header-01.png") no-repeat;
	background-size: cover;
}

/* line 189, scss/common.scss */
.searchArea .slick-slide:nth-child(2) .item {
	background: url("../../images/common/bg-header-02.png") no-repeat;
	background-size: cover;
}

/* line 190, scss/common.scss */
.searchArea .slick-slide:nth-child(3) .item {
	background: url("../../images/common/bg-header-03.png") no-repeat;
	background-size: cover;
}

/* line 191, scss/common.scss */
.searchArea .item {
	width: 100%;
	height: 197px;
}

/* line 192, scss/common.scss */
.searchArea.gogaekJiwon {
	background: url("../../images/common/bg-gogaekjiwon.png") no-repeat center top;
	animation: 15s sizeCon2;
	background-size: 2700px 100%;
}

/* line 193, scss/common.scss */
.searchArea.tongyedream {
	background: url("../../images/common/bg-tonggye.png") no-repeat left top;
	animation: 15s sizeCon3;
	background-size: 2700px 100%;
}

/* line 194, scss/common.scss */
.searchArea.moduDream {
	background: url("../../images/common/bg-modumain.png") no-repeat center top;
	animation: 15s sizeCon;
	background-size: 3000px 625px;
}

/* line 195, scss/common.scss */
.searchArea.mapGallery, .searchArea.mapGallery2 {
	background: url("../../images/common/bg-mapGallery.png") no-repeat center top;
	animation: 15s sizeCon2;
	background-size: 2700px 100%;
}

/* line 196, scss/common.scss */
.searchArea.userinfomation {
	background: url("../../images/common/bg-signup.png") no-repeat center top;
	animation: 15s sizeCon2;
	background-size: 2700px 100%;
}

/* line 197, scss/common.scss */
.searchArea.moduMain {
	position: relative;
	height: 550px;
	background: url("../../images/common/bg-modumain.png") center top;
	animation: 15s sizeCon;
	background-size: 3000px 625px;
}

/* line 199, scss/common.scss */
.searchArea.moduMain .outerBg {
	background: none;
}

/* line 201, scss/common.scss */
.searchArea .outerBg {
	width: 100%;
	height: 100%;
}

/* line 203, scss/common.scss */
.searchArea .outerBg .inner h3.titMain, .searchArea .outerBg .inner .searchInput {
	width: 100%;
}

/* line 204, scss/common.scss */
.searchArea .outerBg .inner h3.titMain {
	position: relative;
}

/* line 205, scss/common.scss */
.searchArea .outerBg .inner .innerSearch {
	text-align: center;
}

/* line 206, scss/common.scss */
.searchArea .outerBg .inner .innerSearch .searchInput {
	float: none;
	width: auto;
}

/* line 213, scss/common.scss */
.searchArea .outerBg .inner .innerSearch .searchInput .selectBox {
	display: inline-block;
	border-radius: 5px;
}

/* line 215, scss/common.scss */
.searchArea h3.titMain {
	padding-top: 37px;
	color: #fff;
	font-family: "Noto Sans";
	font-size: 24px;
	text-align: center;
}

/* line 216, scss/common.scss */
.searchArea h3.titMain.small {
	font-size: 20px;
	padding-top: 0;
}

/* line 217, scss/common.scss */
.searchArea h3.titMain.small.search {
	padding-top: 37px;
}

/* line 218, scss/common.scss */
.searchArea .inner {
	position: relative;
}

/* line 220, scss/common.scss */
.searchArea .inner:after {
	content: "";
	display: block;
	clear: both;
}

/* line 222, scss/common.scss */
.searchArea .searchBar {
	margin-top: 44px;
}

/* line 223, scss/common.scss */
.searchArea .searchInput {
	vertical-align: top;
	text-align: center;
}

/* line 224, scss/common.scss */
.searchArea .searchInput select {
	width: 151px;
	height: 47px;
	vertical-align: top;
	border-radius: 5px;
}

/* line 226, scss/common.scss */
.searchArea .searchWrap {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

/* line 227, scss/common.scss */
.searchArea .searchWrap input[type="text"] {
	width: 415px;
	height: 47px;
	margin-left: 8px;
	font-size: 15px;
	font-family: "맑은 고딕";
	font-weight: bold;
	border-radius: 5px;
}

/* line 228, scss/common.scss */
.searchArea .searchWrap .btnSearch {
	position: absolute;
	right: 12px;
	top: 6px;
	width: 36px;
	height: 36px;
	background: url("../../images/common/btn-search.png") no-repeat;
}

/* line 229, scss/common.scss */
.searchArea .searchWrap .btnSearch:hover {
	background: url("../../images/common/btn-search-hover.png") no-repeat;
}

/* line 232, scss/common.scss */
.searchArea .innerSearch {
	position: relative;
	margin-top: 7px;
}

/* line 233, scss/common.scss */
.searchArea .innerSearch h3.titMain {
	text-align: left;
	text-indent: 216px;
	width: 1035px;
	float: right;
}

/* line 234, scss/common.scss */
.searchArea .innerSearch .searchWord {
	position: absolute;
	left: 766px;
	top: 7px;
}

/* line 235, scss/common.scss */
.searchArea .innerSearch .searchWord .btnSearchWord {
	width: 81px;
	height: 25px;
	margin-left: 4px;
	color: #97b9de;
	font-size: 12px;
	border-radius: 18px;
	background: #113259;
	opacity: 0.52;
}

/* line 236, scss/common.scss */
.searchArea .innerSearch .searchWord .btnSearchWord:hover, .searchArea .innerSearch .searchWord .btnSearchWord.active {
	color: #333333;
	font-weight: bold;
	background: #ffffff;
	opacity: 1;
}

/* line 239, scss/common.scss */
.searchArea .innerSearch .searchInput {
	display: inline-block;
	margin-left: 10px;
}

/* line 240, scss/common.scss */
.searchArea .innerSearch .searchInput .selectBox {
	position: relative;
	width: 255px;
	height: 45px;
	border-radius: 0 5px 5px 0;
	margin-left: -2px;
	color: #454545;
	font-family: 'Noto Sans';
	font-size: 15px;
	background: #fff;
	border: 1px solid #dee1e7;
	border-left: 0;
}

/* line 242, scss/common.scss */
.searchArea .innerSearch .searchInput .selectBox b {
	color: #222222;
	margin-right: 17px;
	font-size: 18px;
	font-weight: bold;
	font-family: '맑은 고딕';
}

/* line 243, scss/common.scss */
.searchArea .innerSearch .searchInput .selectBox > a {
	position: relative;
	display: block;
	width: 240px;
	line-height: 45px;
	text-align: left;
	text-indent: 17px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* line 244, scss/common.scss */
.searchArea .innerSearch .searchInput .selectBox > a:after {
	position: absolute;
	right: 0px;
	top: 20px;
	display: block;
	content: '';
	width: 14px;
	height: 8px;
	background: url("../../images/common/btn-depthOpen.png");
}

/* line 246, scss/common.scss */
.searchArea .innerSearch .searchInput .selectBox dl {
	position: absolute;
	left: 0;
	top: 55px;
	z-index: 50;
	display: none;
	width: calc(100% - 20px);
	padding: 10px;
	text-indent: 7px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 5px #aaa;
	text-align: left;
}

/* line 248, scss/common.scss */
.searchArea .innerSearch .searchInput .selectBox dl dt {
	color: #000000;
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	font-family: '맑은 고딕';
	border-bottom: 1px solid #e8e8e8;
}

/* line 249, scss/common.scss */
.searchArea .innerSearch .searchInput .selectBox dl dt:before {
	display: inline-block;
	content: '';
	width: 6px;
	height: 6px;
	margin: 0 7px 2px 0;
	background: #3673e2;
	border-radius: 10px;
}

/* line 251, scss/common.scss */
.searchArea .innerSearch .searchInput .selectBox dl dd > a {
	display: block;
	line-height: 35px;
	width: 214px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* line 255, scss/common.scss */
.searchArea .innerSearch input[type="text"] {
	width: 508px;
	margin-left: 0;
	padding-right: 50px;
	border-radius: 5px;
}

/* line 256, scss/common.scss */
.searchArea .innerSearch input[type="text"]::placeholder {
	color: #999999;
	font-size: 13px;
	font-family: '맑은 고딕';
	font-weight: normal;
	letter-spacing: -0.6px;
}

/* line 258, scss/common.scss */
.searchArea .innerSearch .btnSearch {
	right: 12px;
}

/* line 259, scss/common.scss */
.searchArea .innerSearch .btnSearch.dataSet {
	right: 50px;
}

/* line 261, scss/common.scss */
.searchArea .innerSearch .btnFilterOpen {
	position: absolute;
	right: 10px;
	top: 6px;
	width: 36px;
	height: 36px;
	background: url("../../images/common/btn-search-filter.png");
}

/* line 262, scss/common.scss */
.searchArea .innerSearch .btnFilterOpen:hover {
	background: url("../../images/common/btn-search-filter-hover.png");
}

/* line 263, scss/common.scss */
.searchArea .innerSearch .btnFilterOpen:hover .tooltip {
	display: block;
}

/* line 265, scss/common.scss */
.searchArea .innerSearch .btnFilterOpen .tooltip {
	left: -7px;
	top: -23px;
}

/* line 270, scss/common.scss */
.searchArea.integrated .outerBg:after, .searchArea.integrated .item .outerBg:after {
	display: none;
}

/* line 271, scss/common.scss */
.searchArea.integrated .outerBg .innerSearch, .searchArea.integrated .item .outerBg .innerSearch {
	width: 100%;
}

/* line 272, scss/common.scss */
.searchArea.integrated .outerBg h3, .searchArea.integrated .item .outerBg h3 {
	text-align: center;
}

/* line 273, scss/common.scss */
.searchArea.integrated .outerBg .inner, .searchArea.integrated .item .outerBg .inner {
	position: relative;
}

/* line 274, scss/common.scss */
.searchArea.integrated .outerBg .inner .titMain, .searchArea.integrated .item .outerBg .inner .titMain {
	width: 100%;
	float: none;
	text-indent: 0;
}

/* line 275, scss/common.scss */
.searchArea.integrated .outerBg .inner .selectBox, .searchArea.integrated .item .outerBg .inner .selectBox {
	width: 234px;
}

/* line 276, scss/common.scss */
.searchArea.integrated .outerBg .inner .selectBox > a, .searchArea.integrated .item .outerBg .inner .selectBox > a {
	width: 210px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* line 278, scss/common.scss */
.searchArea.integrated .outerBg .inner input[type="text"], .searchArea.integrated .item .outerBg .inner input[type="text"] {
	width: 454px;
	padding-right: 50px;
}

/* line 283, scss/common.scss */
.searchArea.noInput {
	height: 95px;
}

/* line 285, scss/common.scss */
.searchArea.noInput h3.titMain {
	padding-top: 17px;
}

/* line 286, scss/common.scss */
.searchArea.noInput .item {
	height: 170px;
}

/* line 287, scss/common.scss */
.searchArea.noInput.mapGallery2 {
	height: 11px;
}

/* line 290, scss/common.scss */
.btnDataView {
	display: block;
	margin: 10px auto 25px;
	width: 197px;
	height: 48px;
	line-height: 47px;
	border-radius: 24px;
	text-align: center;
	background: #223848;
	font-size: 15px;
	font-family: "맑은 고딕";
	color: #b3bfc8;
}

/* line 292, scss/common.scss */
.btnDataView:before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 12px;
	margin-right: 10px;
	background: url("../../images/ico/ico-modoo-menu.png") no-repeat;
}

/* line 293, scss/common.scss */
.btnDataView:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 12px;
	margin-left: 10px;
	background: url("../../images/ico/ico-modoo-arrow.png") no-repeat;
}

/* line 294, scss/common.scss */
.btnDataView:hover {
	background: #13232f;
	transition: 0.25s;
}

/* line 296, scss/common.scss */
.btnDataView:hover:after {
	background: url("../../images/ico/ico-modoo-arrow-hover.png") no-repeat;
}

/* line 300, scss/common.scss */
.cyan {
	color: #6AC7DB;
}

/* line 301, scss/common.scss */
.green {
	color: #39C79A;
}

/* line 302, scss/common.scss */
.purple {
	color: #A1A4B9;
}

/* line 303, scss/common.scss */
.blue {
	color: #85A4FF;
}

/* line 306, scss/common.scss */
.searchArea .box {
	display: none;
	position: absolute;
	top: 217px;
	right: 0;
	height: 40px;
	z-index: 10;
}

/* line 307, scss/common.scss */
.searchArea.integrated .box {
	top: 234px;
}

/* line 308, scss/common.scss */
.searchArea .box > div {
	float: left;
	height: 40px;
	font-family: "맑은 고딕";
}

/* line 309, scss/common.scss */
.searchArea .box > div.btnHome {
	width: 24px;
	height: 100%;
}

/* line 310, scss/common.scss */
.searchArea .box > div.btnHome a {
	display: block;
	height: 100%;
	background: url("../../images/common/ico-home.png") no-repeat center center;
}

/* line 311, scss/common.scss */
.searchArea .box > div.menuName {
	text-align: center;
	padding-left: 30px;
	background: url("../../images/common/bg-breadc.png") no-repeat 12px center;
}

/* line 312, scss/common.scss */
.searchArea .box > div.menuName a {
	display: block;
	height: 100%;
	line-height: 41px;
	color: #888888;
}

/* line 313, scss/common.scss */
.searchArea .box > div.menuName:nth-child(2) {
	opacity: 0.6;
}

/* line 314, scss/common.scss */
.searchArea .box > div.menuName:last-child a {
	color: #333333;
	font-weight: bold;
}

/* line 316, scss/common.scss */
.breadcrumb {
	position: absolute;
	top: 39px;
	right: 0;
	text-align: right;
}

/* line 319, scss/common.scss */
.breadcrumb > div {
	display: inline-block;
	height: 20px;
	font-family: "맑은 고딕";
	font-size: 12px;
	vertical-align: middle;
}

/* line 320, scss/common.scss */
.breadcrumb > div.btnHome {
	width: 24px;
	height: 20px;
	margin-top: -2px;
}

/* line 321, scss/common.scss */
.breadcrumb > div.btnHome a {
	display: block;
	height: 100%;
	background: url("../../images/common/ico-home.png") no-repeat center center;
}

/* line 322, scss/common.scss */
.breadcrumb > div.menuName {
	text-align: center;
	padding-left: 15px;
	background: url("../../images/common/bg-breadc.png") no-repeat 2px center;
}

/* line 323, scss/common.scss */
.breadcrumb > div.menuName a {
	display: block;
	height: 100%;
	line-height: 20px;
	color: #888888;
}

/* line 324, scss/common.scss */
.breadcrumb > div.menuName:nth-child(2) {
	opacity: 0.6;
}

/* line 325, scss/common.scss */
.breadcrumb > div.menuName:last-child a {
	color: #333333;
	font-weight: bold;
}

/* 스토리맵 리스트 */
/* line 328, scss/common.scss */
.listMeta {
	position: relative;
	padding: 8px 0;
	margin-top: 28px;
}

/* line 330, scss/common.scss */
.listMeta .total {
	font-size: 14px;
	color: #585858;
	font-family: "맑은 고딕";
	font-weight: bold;
	line-height: 24px;
}

/* line 332, scss/common.scss */
.listMeta .total > p {
	display: inline-block;
	margin-left: 7px;
	padding: 0 10px;
	background: #e8effc;
	height: 26px;
	border-radius: 13px;
	color: #333333;
}

/* line 334, scss/common.scss */
.listMeta .total > p span {
	font-weight: bold;
	color: #2853d5;
}

/* line 337, scss/common.scss */
.listMeta .btnImg {
	position: absolute;
	top: 0;
	right: 0;
}

/* line 339, scss/common.scss */
.listMeta .btnImg .btnStoryMap {
	display: inline-block;
	border: 1px solid #cbced1;
	padding: 0 10px 0 34px;
	height: 35px;
	border-radius: 3px;
	line-height: 33px;
	font-size: 13px;
	color: #585858;
	font-family: "맑은 고딕";
	background: #fff url("../../images/btn/ico-folder.png") no-repeat 12px center;
	box-sizing: border-box;
	font-weight: normal;
}

/* line 342, scss/common.scss */
.listMeta .btnImg .btnStoryMap:hover {
	border: 1px solid #4067de;
	background: #fff url("../../images/btn/ico-folder-hover.png") no-repeat 12px center;
	color: #2a58d0;
}

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

/* line 347, scss/common.scss */
.imgList {
	padding-top: 15px;
	border-top: 1px solid #777777;
}

/* line 349, scss/common.scss */
.imgList > ul > li {
	position: relative;
	border-bottom: 1px solid #e5e5e5;
	/*&:hover:before{content: "";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;border:2px solid #3d6ce2;box-sizing: border-box;box-shadow:0px 0px 5px #d3d4d5;transition: all ease 0.2s 0s;}*/
}

/* line 352, scss/common.scss */
.imgList > ul > li .boxWrap {
	padding: 20px 26px;
	border: 2px solid #fff;
}

/* line 354, scss/common.scss */
.imgList > ul > li .boxWrap:after {
	content: "";
	display: block;
	clear: both;
}

/* line 356, scss/common.scss */
.imgList > ul > li .boxWrap:hover {
	border: 2px solid #3d6ce2;
	box-shadow: 0 0 5px #3673e2;
}

/* line 359, scss/common.scss */
.imgList .articleInfo .img {
	overflow: hidden;
	float: left;
	height: 146px;
	border: 1px solid #c7c7c7;
	border-radius: 3px;
	box-sizing: border-box;
}

/* line 361, scss/common.scss */
.imgList .articleInfo .img img {
	width: 100%;
	height: auto;
}

/* line 362, scss/common.scss */
.imgList .articleInfo .img a {
	display: block;
	width: 100%;
	height: 100%;
}

/* line 364, scss/common.scss */
.imgList .articleInfo .desc {
	float: left;
	margin-left: 25px;
	padding: 15px 0 0;
}

/* line 366, scss/common.scss */
.imgList .articleInfo .desc .title {
	font-size: 20px;
	color: #222;
	font-family: "Noto Sans Medium";
}

/* line 367, scss/common.scss */
.imgList .articleInfo .desc .meta {
	margin-top: 25px;
}

/* line 369, scss/common.scss */
.imgList .articleInfo .desc .meta li {
	display: inline-block;
	font-family: "맑은 고딕";
	font-size: 15px;
	color: #585858;
}

/* line 371, scss/common.scss */
.imgList .articleInfo .desc .meta li:before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 15px;
	margin: -3px 5px 0;
	vertical-align: middle;
	background: #cdcdcd;
}

/* line 372, scss/common.scss */
.imgList .articleInfo .desc .meta li:first-child:before {
	display: none;
}

/* line 375, scss/common.scss */
.imgList .articleInfo .desc .hit {
	display: inline-block;
	margin: 13px 0 0 -10px;
	padding: 0 15px;
	height: 26px;
	line-height: 25px;
	background: #ebf2fc;
	font-size: 12px;
	color: #2a58d0;
	font-family: "맑은 고딕";
	font-weight: bold;
	border-radius: 13px;
}

/* line 377, scss/common.scss */
.imgList .articleInfo .desc .hit span {
	margin-right: 3px;
	font-size: 13px;
	color: #585858;
}

/* line 381, scss/common.scss */
.imgList .imgBtnArea {
	position: absolute;
	top: 70px;
	right: 24px;
}

/* line 383, scss/common.scss */
.imgList .imgBtnArea .btn {
	display: inline-block;
	height: 35px;
	margin-left: 3px;
	padding: 0 25px;
	line-height: 33px;
	color: #fff;
	font-size: 14px;
	border-radius: 3px;
}

/* line 385, scss/common.scss */
.imgList .imgBtnArea .btn.lightGray {
	background: #a1a6b4;
}

/* line 386, scss/common.scss */
.imgList .imgBtnArea .btn.emerald {
	background: #23bbbf;
}

/* line 388, scss/common.scss */
.imgList .imgBtnArea .btnPdf {
	display: inline-block;
	height: 35px;
	margin-left: 3px;
	padding: 0 10px 0 30px;
	line-height: 33px;
	color: #fff;
	font-size: 14px;
	background: #336bf2 url("../../images/btn/ico-pdf.png") no-repeat 8px center;
	text-align: center;
}

/* 스토리맵 팝업 */
/* line 393, scss/common.scss */
.popMakeStory {
	z-index: 60;
	width: 484px;
	border-radius: 3px;
	top: 100px;
	left: 50%;
	background: #fff url("../../images/storymap/bg-storymapPop.png") no-repeat left top;
	padding: 40px 25px 20px 137px;
}

/* line 396, scss/common.scss */
.popMakeStory .titPop {
	position: absolute;
	top: 20px;
	left: 25px;
	display: inline-block;
	height: 41px;
	padding: 0 20px 0 45px;
	border-radius: 20px;
	font-size: 18px;
	color: #fff;
	font-family: "Noto Sans Medium";
	line-height: 40px;
	font-weight: normal;
	background: #386ce8 url("../../images/popup/ico-storymap.png") no-repeat 15px center;
}

/* line 400, scss/common.scss */
.popMakeStory .titPop + .row {
	margin-top: 2px;
}

/* line 402, scss/common.scss */
.popMakeStory .titStep {
	position: relative;
	margin-left: -39px;
	line-height: 20px;
	color: #454545;
	font-size: 17px;
	font-family: "Noto Sans";
}

/* line 404, scss/common.scss */
.popMakeStory .titStep span {
	position: relative;
	z-index: 2;
}

/* line 405, scss/common.scss */
.popMakeStory .titStep .small {
	margin-left: 5px;
	font-size: 12px;
	color: #2a6ade;
}

/* line 406, scss/common.scss */
.popMakeStory .titStep .middle {
	margin: 0 9px 0 3px;
	font-size: 16px;
	color: #2a6ade;
}

/* line 407, scss/common.scss */
.popMakeStory .titStep:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: -5px;
	left: -5px;
	width: 33px;
	height: 33px;
	background: #fff;
	border-radius: 50%;
}

/* line 409, scss/common.scss */
.popMakeStory .row {
	margin-top: 16px;
	padding-left: 25px;
}

/* line 411, scss/common.scss */
.popMakeStory .thumbList {
	margin-top: 5px;
	padding: 15px 0;
	background: #f4f5f8;
	text-align: center;
}

/* line 413, scss/common.scss */
.popMakeStory .thumbList li {
	position: relative;
	display: inline-block;
	margin: 0 3px;
	padding: 9px 9px 8px;
	background: #fff;
	border: 1px solid #dee1e7;
	border-radius: 3px;
	cursor: pointer;
}

/* line 415, scss/common.scss */
.popMakeStory .thumbList li span {
	display: block;
	margin-top: 5px;
	color: #888;
}

/* line 416, scss/common.scss */
.popMakeStory .thumbList li.active {
	padding: 8px 8px 7px;
	border: 2px solid #376fee;
}

/* line 418, scss/common.scss */
.popMakeStory .thumbList li.active span {
	color: #333333;
}

/* line 419, scss/common.scss */
.popMakeStory .thumbList li.active:before {
	content: "";
	display: block;
	position: absolute;
	top: -8px;
	right: -8px;
	width: 22px;
	height: 22px;
	background: url("../../images/storymap/ico-check.png") no-repeat;
}

/* line 421, scss/common.scss */
.popMakeStory .thumbList li .img {
	width: 78px;
	height: 52px;
	border-radius: 3px;
}

/* line 423, scss/common.scss */
.popMakeStory .thumbList li .img.blue {
	background: #376fee;
}

/* line 424, scss/common.scss */
.popMakeStory .thumbList li .img.skyBlue {
	background: #11aee3;
}

/* line 425, scss/common.scss */
.popMakeStory .thumbList li .img.green {
	background: #26caa5;
}

/* line 426, scss/common.scss */
.popMakeStory .thumbList li .img.purple {
	background: #888eff;
}

/* line 430, scss/common.scss */
.popMakeStory .inputTxtArea {
	position: relative;
	margin-top: 5px;
	padding: 13px 17px;
	background: #f4f5f8;
	border-radius: 3px;
}

/* line 432, scss/common.scss */
.popMakeStory .inputTxtArea .inputTxt {
	margin-top: 10px;
}

/* line 434, scss/common.scss */
.popMakeStory .inputTxtArea .inputTxt label {
	display: block;
	font-size: 13px;
	color: #686868;
	font-family: "Noto Sans";
}

/* line 435, scss/common.scss */
.popMakeStory .inputTxtArea .inputTxt input[type="text"] {
	display: block;
	margin-top: 5px;
	width: 100%;
	height: 34px;
	border: 1px solid #d3d7dd;
	box-sizing: border-box;
}

/* line 436, scss/common.scss */
.popMakeStory .inputTxtArea .inputTxt:first-child {
	margin-top: 0;
}

/* line 438, scss/common.scss */
.popMakeStory .inputTxtArea .txtHelp {
	position: absolute;
	top: 16px;
	right: 13px;
	color: #8d9ab0;
	font-size: 11px;
	font-family: "맑은 고딕";
}

/* line 440, scss/common.scss */
.popMakeStory .btnPopArea {
	margin-top: 16px;
	text-align: center;
}

/* line 442, scss/common.scss */
.popMakeStory .btnPopArea .btn {
	display: inline-block;
	width: 81px;
	height: 35px;
	margin: 0 2px;
	color: #fff;
	font-size: 14px;
	font-family: "맑은 고딕";
}

/* line 444, scss/common.scss */
.popMakeStory .btnPopArea .btn.lightGray {
	background: #a1a6b4;
}

/* line 445, scss/common.scss */
.popMakeStory .btnPopArea .btn.blue {
	background: #336bf2;
}

/* line 448, scss/common.scss */
.popMakeStory .btnStoryClose {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	background: url("../../images/popup/btn-popClose.png") no-repeat;
}

/* line 450, scss/common.scss */
.popMakeStory .btnStoryClose:hover {
	background: url("../../images/popup/btn-popClose-hover.png") no-repeat;
}

/* line 453, scss/common.scss */
.btnMove {
	width: 44px;
	height: 22px;
	color: #fff;
	background: #3270ef;
	border-radius: 50px;
	font-size: 12px;
	font-weight: normal;
}

/* line 454, scss/common.scss */
.btnMove:hover {
	background: #1e5bd7;
}

@keyframes showing {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* line 462, scss/common.scss */
#dimmed {
	position: fixed;
	z-index: 60;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
}

/* line 463, scss/common.scss */
.loadingBg {
	position: fixed;
	z-index: 60;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* line 464, scss/common.scss */
.loadingBg .loading {
	position: absolute;
	left: calc(50% - 64px);
	top: calc(50% - 64px);
	width: 148px;
	padding-top: 94px;
	padding-bottom: 30px;
	color: #fff;
	font-size: 16px;
	font-family: 'Noto Sans Medium';
	background: rgba(0, 0, 0, 0.4) url("../../images/common/loading80px.gif");
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 50%;
	text-align: center;
}

/* line 467, scss/common.scss */
.sysLoading {
	position: fixed;
	z-index: 60;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
}

/* line 468, scss/common.scss */
.sysLoading .progressWrap {
	position: absolute;
	left: 50%;
	top: 38%;
	z-index: 70;
	width: 255px;
	height: 42px;
	padding: 0 20px;
	border-radius: 50px;
	transform: translateX(-50%);
	background: linear-gradient(to right, #2293e4, #2760e1);
	box-shadow: 2px 3px 3px #333;
}

/* line 470, scss/common.scss */
.sysLoading .progressWrap .progressGroup {
	position: relative;
	width: 100%;
}

/* line 471, scss/common.scss */
.sysLoading .progressWrap .progressBg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 14px;
	background: #194097;
	border-radius: 50px;
}

/* line 472, scss/common.scss */
.sysLoading .progressWrap .progressBar {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	height: 14px;
	background: #fff;
	border-radius: 50px;
}

/* line 473, scss/common.scss */
.sysLoading .progressWrap .textWrap {
	position: absolute;
	left: 50%;
	top: 60px;
	color: #fff;
	transform: translateX(-50%);
	text-align: center;
	color: #fff;
}

/* line 474, scss/common.scss */
.sysLoading .progressWrap .textWrap strong {
	font-size: 18px;
	font-weight: normal;
	font-family: 'Noto Sans Medium';
}

/* line 475, scss/common.scss */
.sysLoading .progressWrap .textWrap p {
	font-size: 14px;
	font-weight: bold;
	font-family: '맑은 고딕';
}

/* line 477, scss/common.scss */
.sysLoading .progressWrap .btnLoadingClose {
	position: absolute;
	left: 50%;
	top: 115px;
	width: 58px;
	height: 58px;
	background: url("../../images/common/btn-loading-close.png");
	transform: translateX(-50%);
}

/* systemPop2 */
/* line 482, scss/common.scss */
#divpop {
	position: absolute;
	left: 0px;
	top: 90px;
	width: 100%;
	z-index: 200;
	justify-content: center;
}

/** systemPop2 **/
/* gnb util 메뉴 */
/* line 490, scss/common.scss */
#header .util {
	position: absolute;
	top: 5px;
	right: 50px;
	z-index: 20;
	height: 79px;
	line-height: 79px;
	font-size: 14px;
	font-family: "맑은 고딕", "Malgun Gothic", Dotum, sans-serif;
}

/* line 491, scss/common.scss */
#header .util a, #header .util button {
	position: relative;
	display: inline-block;
	height: 29px;
	margin-left: 5px;
	line-height: 27px;
	text-align: center;
}

/* line 493, scss/common.scss */
#header .util a:hover .btnname, #header .util button:hover .btnname {
	display: block;
}

/* line 495, scss/common.scss */
#header .util .memName {
	display: inline-block;
	height: 26px;
	line-height: 25px;
	padding: 0 10px 0 27px;
	border-radius: 15px;
	color: #333333;
	font-family: "맑은 고딕";
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	background: #fff url("../../images/common/ico-member-blue.png") no-repeat 10px center;
}

/* line 498, scss/common.scss */
#header .util .member {
	height: 31px;
	margin-left: 11px;
	vertical-align: middle;
}

/* line 499, scss/common.scss */
#header .util .member.off {
	width: 40px;
	background: url("../../images/main/ico-member-on.png") no-repeat;
}

/* line 500, scss/common.scss */
#header .util .member.on {
	position: relative;
	display: inline-block;
	width: 50px;
	background: url("../../images/common/ico-member-ing.png") no-repeat;
	cursor: pointer;
}

/* line 501, scss/common.scss */
#header .util .member.on .userInfo {
	position: absolute;
	display: none;
	left: -141px;
	top: 30px;
	width: 154px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 4px #888;
	padding: 10px;
	text-align: left;
}

/* line 502, scss/common.scss */
#header .util .member.on .userInfo li {
	height: 38px;
	line-height: 38px;
	padding: 4px 5px 4px 27px;
	font-family: '맑은 고딕';
	font-size: 13px;
	color: #585858;
}

/* line 503, scss/common.scss */
#header .util .member.on .userInfo li b {
	font-size: 14px;
}

/* line 504, scss/common.scss */
#header .util .member.on .userInfo li:hover {
	color: #2a58d0;
}

/* line 505, scss/common.scss */
#header .util .member.on .userInfo li > a {
	text-align: left;
}

/* line 507, scss/common.scss */
#header .util .member.on .userInfo .infoName {
	height: auto;
	background: url("../../images/common/ico-username.png") no-repeat 5px 5px;
	padding: 4px 5px 4px 27px;
}

/* line 508, scss/common.scss */
#header .util .member.on .userInfo .infoName a {
	height: auto;
	word-break: keep-all;
}

/* line 509, scss/common.scss */
#header .util .member.on .userInfo .infoName:hover {
	background: url("../../images/common/ico-username-hover.png") no-repeat 5px 5px;
}

/* line 511, scss/common.scss */
#header .util .member.on .userInfo .infoMypage {
	background: url("../../images/common/ico-mypage.png") no-repeat 5px 10px;
	padding: 4px 5px 4px 30px;
}

/* line 512, scss/common.scss */
#header .util .member.on .userInfo .infoMypage:hover {
	background: url("../../images/common/ico-mypage-hover.png") no-repeat 5px 10px;
}

/* line 549, scss/common.scss */
#header .util .member.on .userInfo .infoUsermng{
	background: url("../../images/common/ico-usermng.png") no-repeat 5px 10px;
	padding: 4px 5px 4px 30px;
}

/* line 550, scss/common.scss */
#header .util .member.on .userInfo .infoUsermng:hover {
	background: url("../../images/common/ico-usermng-hover.png") no-repeat 5px 10px;
}

/*--------------------------------------*/
/* line 549, scss/common.scss */
#header .util .member.on .userInfo .adressPage {
	background: url("../../images/common/ico-address.png") no-repeat 5px 10px;
	padding: 4px 5px 4px 30px;
}

/* line 550, scss/common.scss */
#header .util .member.on .userInfo .adressPage:hover {
	background: url("../../images/common/ico-address-hover.png") no-repeat 5px 10px;
}

/* line 549, scss/common.scss */
#header .util .member.on .userInfo .mapManager {
	background: url("../../images/common/ico-mapmanager.png") no-repeat 5px 10px;
	padding: 4px 5px 4px 30px;
}

/* line 550, scss/common.scss */
#header .util .member.on .userInfo .mapManager:hover {
	background: url("../../images/common/ico-mapmanager-hover.png") no-repeat 5px 10px;
}

/* line 549, scss/common.scss */
#header .util .member.on .userInfo .mapGallary {
	background: url("../../images/common/ico-mapgallay.png") no-repeat 5px 10px;
	padding: 4px 5px 4px 30px;
}

/* line 550, scss/common.scss */
#header .util .member.on .userInfo .mapGallary:hover {
	background: url("../../images/common/ico-mapgallay-hover.png") no-repeat 5px 10px;
}

/* line 549, scss/common.scss */
#header .util .member.on .userInfo .myData {
	background: url("../../images/common/ico-mydata.png") no-repeat 5px 10px;
	padding: 4px 5px 4px 30px;
}

/* line 550, scss/common.scss */
#header .util .member.on .userInfo .myData:hover {
	background: url("../../images/common/ico-mydata-hover.png") no-repeat 5px 10px;
}
/*--------------------------------------*/

/* line 514, scss/common.scss */
#header .util .member.on .userInfo .logOut {
	background: url("../../images/common/ico-logout.png") no-repeat 5px 10px;
	padding: 4px 5px 4px 30px;
}

/* line 515, scss/common.scss */
#header .util .member.on .userInfo .logOut:hover {
	background: url("../../images/common/ico-logout-hover.png") no-repeat 5px 10px;
}

/* line 519, scss/common.scss */
#header .util .member.on:hover .userInfo {
	display: block;
}

/* line 522, scss/common.scss */
#header .util .memberJoin {
	width: 23px;
	height: 24px;
	margin-left: 9px;
	vertical-align: middle;
	background: url("../../images/common/ico-member-add.png") no-repeat;
}

/* line 523, scss/common.scss */
#header .util .btnSitemap {
	vertical-align: middle;
	display: inline-block;
	margin-left: 8px;
	width: 20px;
	height: 18px;
	background: url("../../images/common/ico-menu.png") no-repeat;
}

/* line 524, scss/common.scss */
#header .util .btnSearchOpen {
	vertical-align: middle;
	display: inline-block;
	width: 21px;
	height: 24px;
	background: url("../../images/common/ico-searchTop.png") no-repeat;
}

/* line 525, scss/common.scss */
#header .util .btnSystem {
	vertical-align: middle;
	display: inline-block;
	width: 22px;
	height: 24px;
	background: url("../../images/common/ico-systemDown.png") no-repeat;
}

/* line 526, scss/common.scss */
#header .util .btnname {
	display: none;
	position: absolute;
	bottom: -25px;
	left: 50%;
	z-index: 5;
	background: #333333;
	width: auto;
	height: 22px;
	line-height: 22px;
	padding: 0 9px;
	color: #fff;
	font-size: 10px;
	white-space: nowrap;
	border-radius: 3px;
	transform: translate(-50%, 0);
}

/* line 530, scss/common.scss */
#header .util .btnname:before {
	content: "";
	position: absolute;
	top: -4px;
	left: 50%;
	margin-left: -3px;
	display: block;
	width: 6px;
	height: 4px;
	background: url("../../images/map/bg-arrowUp.png") no-repeat;
}

/*
#header.fixed .util .btnSearchOpen{vertical-align:middle;display: inline-block;width:21px;height:24px;background: url("../../images/common/ico-searchTop-fixed.png") no-repeat;}
#header.fixed .util .btnSitemap{vertical-align:middle;display: inline-block;margin-left:8px;width:20px;height:18px;background: url("../../images/common/ico-menu-fixed.png") no-repeat;}
#header.fixed .util .member.off{width:40px;background: url("../../images/common/ico-member-fixed-on.png") no-repeat;}
#header.fixed .util .member.on{width:31px;background: url("../../images/common/ico-member-fixed-off.png") no-repeat;}
#header.fixed .util .memberJoin{width:30px;height:24px;margin-left:9px;vertical-align: middle;background: url("../../images/common/ico-member-fixed-add.png") no-repeat;}
#header.fixed .util .memName{background:#e8effc url('../../images/common/ico-member-blue.png') no-repeat 10px center;}
*/

/* 알림 */
#header .util .alarm_wrap{
	display:inline-block;
	position:relative;
	vertical-align: middle;
}
#header .util .alarm_wrap .btn_alarm{
	display: flex;
	position:relative;
}
#header .util .alarm_wrap .btnAlarmOpen{
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url("../../images/renewal/common/btn_alarm.png") no-repeat 0 0;
	line-height:22px;
}
#header .util .alarm_wrap .alarm_num{
	display: inline-block;
	position:absolute;
	top:-7px;
	right:-7px;
	z-index:10;
	width:17px;
	height:17px;
	background:#ef3f4f;
	border-radius:7px;
	font-size:11px;
	line-height: 16px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
}
.ly_alarm{
	display:none;
	position:absolute;
	top:40px;
	right:-100px;
	width:620px;
	padding:16px 0;
	background:#ffffff;
	border-radius:5px;
}
.ly_alarm:before{
	display:block;
	content:'';
	position:absolute;
	top:-17px;
	right:95px;
	z-index:-1;
	width:36px;
	height:30px;
	background:url("../../images/renewal/common/ico_alarm_arrow.png") no-repeat 0 0;
	transform:lotate(90deg);
}
.ly_alarm .ly_header{
	display:flex;
	justify-content: flex-start;
	align-items:center;
	position:relative;
	padding:0 16px;
}
.ly_alarm .ly_header .ly_title{
	font-size:18px;
	line-height:20px;
	color:#000000;
}
.ly_alarm .btnAlarmRefresh{
	display:block;
	width:20px;
	height:20px !important;
	margin-left:8px !important;
	background:url("../../images/renewal/common/btn_refresh.png") no-repeat 0 0;
}
.ly_alarm .btnAlarmClose{
	display:block;
	position:absolute !important;
	top:0;
	right:10px;
	width:15px;
	height:15px !important;
	margin-left:0;
	background:url("../../images/renewal/common/btn_alarm_close.png") no-repeat 0 0;
}
.ly_alarm .alarm_contents{
	padding-top:17px;
}
.ly_alarm .alarm_list{
	overflow:hidden;
	overflow-y:auto;
	max-height:500px;
}
.ly_alarm .alarm_list::-webkit-scrollbar{
	width:5px;
}
.ly_alarm .alarm_list::-webkit-scrollbar-thumb{
	background:#707070;
	border-radius:3px;
}
.ly_alarm .alarm_list::-webkit-scrollbar-track{
	background:#ffffff;
}

.ly_alarm .alarm_item:first-child{
	border-bottom: unset;
}
.ly_alarm .alarm_item{
	line-height:0;
	border-bottom:1px solid #dfe2eb;
}
.ly_alarm .link{
	display:block;
	position:relative !important;
	width:100%;
	height:auto !important;
	margin-left:0 !important;
	padding:7px 0 !important;
	text-align:left !important;
}
.ly_alarm .link:hover{
	background:#f1f5ff;
}
.ly_alarm .alarm_cnt{
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
	padding:0 16px 0 40px;
	font-size:18px;
	line-height: 20px;
	color:#000000;
	cursor:pointer;
}
.ly_alarm .alarm_cnt:before{
	display:block;
	content:'';
	position:absolute;
	top:10px;
	left:16px;
	width:20px;
	height:20px;
	background:url("../../images/renewal/common/ico_alarm_item.png") no-repeat 0 0;
}
.ly_alarm .alarm_item .alarm_detail{
	padding: 8px 16px 0 40px;
	display : none;
}
.ly_alarm .alarm_item.active .alarm_detail{
	padding: 8px 16px 0 40px;
	display : block;
}
.ly_alarm .alarm_detail div{
	font-size: 16px;
	line-height: 21px;
	color: black;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #ddd;
}
.ly_alarm .alarm_info{
	display:flex;
	justify-content: space-between;
	lign-items:center;
	padding: 15px 16px 15px 40px;
}
.ly_alarm .alarm_info .date{
	display:flex;
	justify-content:flex-start;
	lign-items:top;
	font-size:18px;
	line-height: 14px;
	color:#828282;
}
.ly_alarm .alarm_info .date.new:after{
	display:inline-block;
	content:'';
	position: relative;
    top:3px;
    left:3px;
	width:4px;
	height:4px;
	background:#ff8000;
	border-radius:150%;
	vertical-align:top;
}
.ly_alarm .alarm_info .actionBtn{
	width:38px;
	height:18px;
	background:#eff0f3;
	border-radius:5px;
	font-size:18px;
	line-height:16px;
	color:#333333;
	text-align:center;
	padding: 5px;
	font-weight: bold;
	border-radius: 10px;
	border: 1px solid #888;
}
.ly_alarm .alarm_info .more{
	width:38px;
	height:18px;
	background:#eff0f3;
	border-radius:5px;
	font-size:10px;
	line-height:16px;
	color:#333333;
	text-align:center;
}

/* 검색창 */
/* line 542, scss/common.scss */
#header .searchContain {
	display: none;
	width: 100%;
	padding-bottom: 30px;
	background: #183886;
}

/* line 543, scss/common.scss */
#header .searchContain .inner {
	position: relative;
	height: auto;
}

/* line 544, scss/common.scss */
#header .searchContain .inner .btnSearchClose {
	position: absolute;
	right: 220px;
	top: 40px;
	width: 54px;
	height: 54px;
	background: url("../../images/common/btn-search-close.png") no-repeat;
}

/* line 545, scss/common.scss */
#header .searchContain .inner .inputArea {
	position: relative;
	width: 700px;
	margin: 0 auto;
	padding-top: 40px;
}

/* line 546, scss/common.scss */
#header .searchContain .inner .inputArea input[type="text"] {
	height: 54px;
	padding-right: 50px;
	font-size: 17px;
}

/* line 547, scss/common.scss */
#header .searchContain .inner .inputArea .btnSearch {
	position: absolute;
	right: 20px;
	top: 52px;
	width: 27px;
	height: 28px;
	background: url("../../images/common/btn-search-large.png") no-repeat;
}

/* line 548, scss/common.scss */
#header .searchContain .inner .inputArea .searchWordWrap {
	margin-top: 15px;
}

/* line 549, scss/common.scss */
#header .searchContain .inner .inputArea .searchWordWrap dt {
	float: left;
	display: inline-block;
	height: 34px;
	line-height: 34px;
	padding: 0 24px;
	color: #fff;
	border-radius: 50px;
	background: #2863eb;
	font-size: 14px;
	font-weight: bold;
	font-family: '맑은 고딕';
}

/* line 551, scss/common.scss */
#header .searchContain .inner .inputArea .searchWordWrap dd {
	float: left;
	margin-right: 18px;
	margin-bottom: 10px;
}

/* line 552, scss/common.scss */
#header .searchContain .inner .inputArea .searchWordWrap dd > a {
	display: block;
	height: 34px;
	line-height: 34px;
	padding: 0 24px;
	color: #bfc8e0;
	color: #eaf0ff;
	font-size: 15px;
	font-family: '맑은 고딕';
	font-weight: normal;
}

/* local navigtion */
/* line 560, scss/common.scss */
#lnb {
	position: relative;
	float: left;
	width: 205px;
	height: 100%;
	box-sizing: border-box;
}

/* line 561, scss/common.scss */
#lnb .localName {
	position: relative;
	height: 110px;
	background: #2553b0;
	background-size: cover;
}

/* line 562, scss/common.scss */
#lnb .localName span {
	position: absolute;
	top: 65px;
	right: 22px;
	font-family: 'Noto Sans Medium';
	font-size: 24px;
	color: #fff;
}

/* line 564, scss/common.scss */
#lnb .localName span::before {
	content: "";
	position: absolute;
	top: -7px;
	right: 0;
	display: block;
	width: 23px;
	height: 6px;
	background: #3ed9c5;
	border-radius: 3px;
}

/* line 566, scss/common.scss */
#lnb .lnbMenu {
	border-bottom: 1px solid #e5e5e5;
	box-sizing: border-box;
}

/* line 567, scss/common.scss */
#lnb .lnbMenu > li {
	line-height: 55px;
	text-indent: 15px;
	color: #686868;
	font-size: 16px;
	border-top: 1px solid #e5e5e5;
	font-family: "Noto Sans";
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid transparent;
	background: url("../../images/lnb/ico-arrow-right.png") no-repeat 180px 23px;
}

/* line 572, scss/common.scss */
#lnb .lnbMenu > li:hover,
#lnb .lnbMenu > li.active {
	border: 1px solid #4e93f0;
	background: #4e93f0 url("../../images/lnb/ico-arrow-right-active.png") no-repeat 180px 23px;
}

/* line 576, scss/common.scss */
#lnb .lnbMenu > li:hover > a,
#lnb .lnbMenu > li.active > a {
	color: #fff;
}

/* line 578, scss/common.scss */
#lnb .lnbMenu > li.innerMenu {
	background: url("../../images/lnb/ico-plus.png") no-repeat 175px 22px;
}

/* line 579, scss/common.scss */
#lnb .lnbMenu > li > a {
	display: block;
}

/* line 580, scss/common.scss */
#lnb .lnbMenu > li.innerMenu:hover {
	background: #4e93f0 url("../../images/lnb/ico-plus-hover.png") no-repeat 175px 22px;
	border: 1px solid #4e93f0;
}

/* line 581, scss/common.scss */
#lnb .lnbMenu > li.innerMenu.active {
	background: #4e93f0 url("../../images/lnb/ico-minus.png") no-repeat 175px 29px;
	border: 1px solid #4e93f0;
}

/* line 582, scss/common.scss */
#lnb .lnbMenu > li.innerMenu .depth2 {
	display: none;
	padding: 11px 0;
	color: #585858;
	font-size: 14px;
	font-family: "맑은 고딕";
	background: #fff;
}

/* line 583, scss/common.scss */
#lnb .lnbMenu > li.innerMenu.active .depth2 {
	display: block;
	background: #f9f9f9;
}

/* line 584, scss/common.scss */
#lnb .lnbMenu > li.innerMenu.active .depth2 > li > a {
	color: #585858;
}

/* line 586, scss/common.scss */
#lnb .lnbMenu > li.innerMenu .depth2 > li {
	position: relative;
	line-height: 30px;
	text-indent: 29px;
}

/* line 587, scss/common.scss */
#lnb .lnbMenu > li.innerMenu .depth2 > li:before {
	position: absolute;
	left: 20px;
	top: 15px;
	display: inline-block;
	content: '';
	width: 4px;
	height: 1px;
	background: #585858;
}

/* line 588, scss/common.scss */
#lnb .lnbMenu > li.innerMenu .depth2 > li:hover > a,
#lnb .lnbMenu > li.innerMenu .depth2 > li.active > a {
	color: #2860e0;
	font-weight: bold;
}

/* line 590, scss/common.scss */
#lnb .lnbMenu div {
	padding: 15px 0;
	background: #f4f6f8;
	font-size: 14px;
	color: #757575;
	line-height: 30px;
	border-top: 1px solid #e5e5e5;
	font-family: "맑은 고딕";
}

/* line 591, scss/common.scss */
#lnb .lnbMenu div li:hover,
#lnb .lnbMenu div li.active {
	color: #294fc3;
	font-weight: bold;
}

/* line 593, scss/common.scss */
#lnb .lnbMenu div li:before {
	content: "";
	display: inline-block;
	width: 3px;
	height: 3px;
	margin: -3px 7px 0 0;
	background-radius: 50%;
	vertical-align: middle;
	background: #7b7d86;
}

/* container */
/* line 596, scss/common.scss */
#container {
	position: relative;
	clear: both;
	width: 1280px;
	min-height: calc(100% - 139px);
	margin: -11px auto 0;
	padding: 11px 20px 0;
	background: #fff;
}

/* line 598, scss/common.scss */
#container.integrated {
	width: calc(100% - 100px);
}

/* line 599, scss/common.scss */
#container.wide {
	width: 100%;
	height: 100%;
	padding: 0 0 100px 0;
}

/* line 601, scss/common.scss */
#container.wide #content {
	width: calc(100% - 40px);
	padding: 20px;
}

/* line 602, scss/common.scss */
#container.wide .cont {
	height: 100%;
}

/* line 603, scss/common.scss */
#container.wide .tabContWrap {
	height: 100%;
}

/* line 605, scss/common.scss */
#container.download {
	width: 100%;
	padding: 0;
	height: calc(100% + 11px);
	min-height: 0;
	overflow: hidden;
}

/* line 606, scss/common.scss */
#container.download #content {
	float: none;
	width: 100%;
	height: 100%;
	padding: 0;
	min-height: 0;
}

/* line 607, scss/common.scss */
#container.download #content video {
	z-index: 0;
}

/* line 608, scss/common.scss */
#container.download #content .overlay {
	z-index: 10;
}

/* line 609, scss/common.scss */
#container.download #content .headingMsg {
	z-index: 20;
}

/* line 612, scss/common.scss */
#container.install {
	width: 100%;
	height: 100%;
	padding: 0;
}

/* line 616, scss/common.scss */
.descDown {
	position: absolute;
	left: 50%;
	top: 570px;
	z-index: 30;
	transform: translateX(-50%);
	color: #fff;
	text-align: center;
}

/* line 617, scss/common.scss */
.descDown strong {
	display: block;
	margin-bottom: 20px;
	font-size: 42px;
}

/* line 618, scss/common.scss */
.descDown p {
	font-size: 36px;
}

/* line 619, scss/common.scss */
.descDown p span {
	font-size: 30px;
}

/* line 623, scss/common.scss */
.icoDownArrow {
	position: absolute;
	left: 150px;
	bottom: 100px;
	z-index: 30;
}

/* line 625, scss/common.scss */
#container:after {
	content: "";
	display: block;
	clear: both;
}

/* Content */
/* line 627, scss/common.scss */
#content {
	position: relative;
	float: left;
	width: 1035px;
	min-height: 650px;
	margin: 0 0 0 0;
	padding: 26px 0 100px 40px;
	background: #fff;
	/* 오류페이지 */
}

/* line 628, scss/common.scss */
#content .divide {
	margin-bottom: 30px;
}

/* line 629, scss/common.scss */
#content .divide .left {
	width: 822px;
}

/* line 630, scss/common.scss */
#content .divide .right {
	width: 191px;
}

/* line 633, scss/common.scss */
#content.pageError {
	width: 100%;
	padding: 142px 0 0 0;
	text-align: center;
}

/* line 634, scss/common.scss */
#content.pageError .middle {
	display: inline-block;
}

/* line 635, scss/common.scss */
#content.pageError .errorWrap {
	background: url("../../images/common/ico-page-error.png") no-repeat left top;
}

/* line 636, scss/common.scss */
#content.pageError .errorWrap .errorMsg {
	padding: 50px 0 29px 323px;
	text-align: left;
}

/* line 637, scss/common.scss */
#content.pageError .errorWrap .errorMsg strong {
	color: #222;
	font-size: 22px;
	font-family: 'Noto Sans Medium';
	font-weight: normal;
}

/* line 638, scss/common.scss */
#content.pageError .errorWrap .errorMsg p {
	margin: 4px 0 22px;
	color: #555;
	font-size: 14px;
	font-family: '맑은 고딕';
	font-weight: normal;
}

/* line 639, scss/common.scss */
#content.pageError .errorWrap .errorMsg .pageReturn {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 14px;
	box-shadow: 0 3px 4px #999;
	background: #3c5ed2;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	font-family: '맑은 고딕';
	font-weight: normal;
}

/* line 644, scss/common.scss */
#content.pageInstall {
	width: 1280px;
	padding: 137px 0 0 0;
	text-align: center;
	float: none;
	margin: 0 auto;
}

/* line 645, scss/common.scss */
#content.pageInstall .middle {
	display: inline-block;
	padding: 100px 95px;
	border: 1px solid #d8d8d8;
	border-radius: 4px;
}

/* line 646, scss/common.scss */
#content.pageInstall .installWrap {
	padding-top: 100px;
	background: url("../../images/common/ico-install.png") no-repeat center top;
}

/* line 647, scss/common.scss */
#content.pageInstall .installBox {
	margin-top: 10px;
	padding: 35px 165px 30px;
	background: #f4f5f8;
	border-radius: 4px;
}

/* line 648, scss/common.scss */
#content.pageInstall strong {
	color: #333333;
	font-size: 24px;
	font-family: 'Noto Sans Medium';
	font-weight: normal;
}

/* line 649, scss/common.scss */
#content.pageInstall .blue {
	color: #2853d5;
}

/* line 650, scss/common.scss */
#content.pageInstall p {
	color: #686868;
	font-size: 15px;
	font-family: 'Noto Sans';
}

/* line 651, scss/common.scss */
#content.pageInstall .btnArea {
	margin: 27px 0 0;
}

/* line 652, scss/common.scss */
#content.pageInstall .btnArea button {
	height: 48px;
	padding: 0 75px;
	font-size: 15px;
}

/* line 656, scss/common.scss */
.subFunc {
	position: absolute;
	top: 0;
	right: 0;
}

/* line 658, scss/common.scss */
.subFunc .btnShare, .subFunc .btnprint {
	position: relative;
	display: inline-block;
	width: 34px;
	height: 34px;
	margin-left: 8px;
	vertical-align: top;
}

/* line 660, scss/common.scss */
.subFunc .btnShare:before, .subFunc .btnprint:before {
	content: "";
	position: absolute;
	top: 10px;
	left: -13px;
	display: inline-block;
	width: 1px;
	height: 15px;
	background: #dcdcdc;
	vertical-align: middle;
}

/* line 661, scss/common.scss */
.subFunc .btnShare:first-child:before, .subFunc .btnprint:first-child:before {
	display: none;
}

/* line 663, scss/common.scss */
.subFunc .btnShare {
	margin-right: 8px;
	background: url("../../images/common/ico-subFunc01.png") no-repeat;
}

/* line 664, scss/common.scss */
.subFunc .btnShare:hover {
	background: url("../../images/common/ico-subFunc01-hover.png") no-repeat;
}

/* line 666, scss/common.scss */
.subFunc .btnprint {
	background: url("../../images/common/ico-subFunc02.png") no-repeat;
}

/* line 667, scss/common.scss */
.subFunc .btnprint:hover {
	background: url("../../images/common/ico-subFunc02-hover.png") no-repeat;
}

/* Footer */
/* line 672, scss/common.scss */
#footer {
	clear: both;
	width: 100%;
	padding: 17px 0 30px;
	background: #4b535f;
}

/* line 673, scss/common.scss */
#footer:after {
	content: "";
	display: block;
	clear: both;
}

/* line 674, scss/common.scss */
#footer address {
	display: inline-block;
	margin-right: 20px;
}

/* line 675, scss/common.scss */
#footer a {
	margin-right: 20px;
}

/* line 676, scss/common.scss */
#footer .logo {
	float: left;
	margin-right: 57px;
}

/* line 677, scss/common.scss */
#footer .logo + div {
	float: left;
	padding: 6px 0 0;
	color: #7f8389;
}

/* line 678, scss/common.scss */
#footer .copyright {
	margin-top: 5px;
}

/* Common */
/* line 682, scss/common.scss */
h3.titPage {
	position: relative;
	margin-bottom: 28px;
	padding: 0 0 9px 0;
	color: #333;
	font-size: 24px;
	font-family: "Noto Sans Medium";
	border-bottom: 1px solid #e9e9e9;
}

/* h4 소제목 */
/* line 685, scss/common.scss */
h4.titSub {
	position: relative;
	margin-bottom: 8px;
	font-size: 20px;
	color: #222;
	font-weight: normal;
	font-family: "Noto Sans Medium";
	text-indent: 28px;
}

/* line 686, scss/common.scss */
h4.titSub i {
	margin-left: 10px;
	color: #9ba0aa;
	font-size: 12px;
	font-family: "맑은 고딕";
	font-style: normal;
}

/* line 687, scss/common.scss */
h4.titSub:before {
	position: absolute;
	left: 0;
	top: 13px;
	content: "";
	display: inline-block;
	width: 21px;
	height: 8px;
	margin: -5px 5px 0 0;
	background: url("../../images/bullet/bullet-circle-type2.png");
	vertical-align: middle;
}

/* line 689, scss/common.scss */
.titleArea {
	position: relative;
}

/* line 690, scss/common.scss */
.titleArea.mTop {
	margin-top: 80px;
}

/* line 691, scss/common.scss */
.titleArea.type02 {
	padding: 0px 15px;
}

/* line 695, scss/common.scss */
.titleArea h4.titSub {
	float: left;
	padding-left: 5px;
	font-weight: normal;
}

/* line 696, scss/common.scss */
.titleArea h4.titSub::before {
	margin: -5px 8px 0 0;
}

/* line 697, scss/common.scss */
.titleArea h4.titSub strong {
	color: #4067de;
}

/* line 698, scss/common.scss */
.titleArea .titMeta {
	float: left;
	line-height: 30px;
	color: #585858;
	font-size: 14px;
	font-weight: bold;
	font-family: "맑은 고딕", "Malgun Gothic", Dotum, sans-serif;
}

/* line 699, scss/common.scss */
.titleArea .titMeta.titSub {
	position: relative;
	font-size: 18px;
	color: #222;
	font-family: "Noto Sans Medium";
	text-indent: 28px;
	font-weight: normal;
}

/* line 700, scss/common.scss */
.titleArea .titMeta.titSub:before {
	position: absolute;
	left: 0;
	top: 13px;
	content: "";
	display: inline-block;
	width: 21px;
	height: 8px;
	margin: -5px 5px 0 0;
	background: url("../../images/bullet/bullet-circle-type2.png");
	vertical-align: middle;
}

/* line 702, scss/common.scss */
.titleArea .meta {
	float: left;
	height: 26px;
	margin: 2px 0 0 10px;
	padding: 0 5px;
	background: #ebf0fc;
	border-radius: 13px;
	line-height: 26px;
	font-family: "맑은 고딕", "Malgun Gothic", Dotum, sans-serif;
}

/* line 703, scss/common.scss */
.titleArea .meta.white {
	background: none;
}

/* line 704, scss/common.scss */
.titleArea .meta .col {
	position: relative;
	display: inline-block;
	padding: 0 6px;
	font-size: 14px;
	color: #2853d5;
	text-align: center;
	font-weight: bold;
	line-height: 25px;
}

/* line 705, scss/common.scss */
.titleArea .meta .col.red {
	color: #ed485b;
}

/* line 706, scss/common.scss */
.titleArea .meta .col:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	display: block;
	width: 1px;
	height: 11px;
	background: #adb1bb;
}

/* line 707, scss/common.scss */
.titleArea .meta .col:first-child:before {
	display: none;
}

/* line 708, scss/common.scss */
.titleArea .meta .col span {
	float: left;
	margin-right: 3px;
	font-size: 13px;
	color: #333333;
}

/* line 709, scss/common.scss */
.titleArea .meta .col em {
	float: left;
	margin-right: 3px;
	font-style: normal;
}

/* line 710, scss/common.scss */
.titleArea .dday {
	position: absolute;
	right: 0;
	bottom: 0;
}

/* line 711, scss/common.scss */
.titleArea + .table {
	margin-top: 5px;
}

/* line 712, scss/common.scss */
.titleArea + .searchBox {
	margin-top: 9px;
}

/* line 713, scss/common.scss */
.titleArea + .mScrollxy {
	margin-top: 9px;
}

/* line 714, scss/common.scss */
.titleArea .btnArea.fitType {
	margin: 0;
}

/* 스크롤 커스텀 */
/* line 719, scss/common.scss */
.table.mScroll {
	height: 162px;
	background: #fbfcff;
}

/* line 720, scss/common.scss */
.table.mScroll table tbody td {
	background: #fff;
}

/* line 721, scss/common.scss */
.table.mScroll table tbody tr:last-child td {
	border-bottom: 1px solid #dbdbdb;
}

/* line 722, scss/common.scss */
.mScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 8px;
	background: #99a0a6;
}

/* line 723, scss/common.scss */
.mScroll .mCSB_scrollTools .mCSB_draggerRail {
	background: none;
}

/* line 724, scss/common.scss */
.mScroll .mCSB_inside > .mCSB_container {
	margin-right: 0;
}

/* line 725, scss/common.scss */
.mScroll .mCSB_scrollTools {
	width: 8px;
}

/* line 726, scss/common.scss */
.mScrollx .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	height: 8px;
	background: #99a0a6;
}

/* line 727, scss/common.scss */
.mScrollx .mCSB_scrollTools .mCSB_draggerRail {
	background: none;
}

/* line 728, scss/common.scss */
.mScrollx .mCSB_scrollTools .mCSB_draggerContainer {
	top: -10px;
}

/* 테이블 스티키 */
/* line 732, scss/common.scss */
.table.mScroll table thead th {
	position: sticky;
	top: 0;
}

/* line 733, scss/common.scss */
.table.mScroll table thead tr:nth-child(2) th {
	top: 40px;
	border-top: 1px solid #dbdbdb;
}

/* line 734, scss/common.scss */
.mScrollxy .table table thead th {
	position: sticky;
	top: 0;
}

/* line 735, scss/common.scss */
.mScrollxy .table table thead tr:nth-child(2) th {
	top: 40px;
	border-top: 1px solid #dbdbdb;
}

/* line 736, scss/common.scss */
.mCSB_container {
	overflow: initial;
}

/* line 738, scss/common.scss */
.mScrollxy .mCSB_container_wrapper {
	margin-right: 0;
	margin-bottom: 0px;
}

/* line 739, scss/common.scss */
.mScrollxy .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	width: auto;
}

/* line 740, scss/common.scss */
.mScrollxy .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	height: 8px;
}

/* line 741, scss/common.scss */
.mScrollxy .mCSB_container_wrapper > .mCSB_container {
	padding-right: 0;
	padding-bottom: 0;
}

/* line 742, scss/common.scss */
.mScrollxy .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 8px;
	background: #99a0a6;
}

/* line 743, scss/common.scss */
.mScrollxy .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: auto;
	height: 8px;
	margin: 0 auto;
	background: #99a0a6;
}

/* line 744, scss/common.scss */
.mScrollxy .mCSB_scrollTools .mCSB_draggerRail {
	background: none;
}

/* line 746, scss/common.scss */
.mScrollxy.borderTop {
	border-top: 1px solid #888ea0;
}

/* line 747, scss/common.scss */
.mScrollxy.borderBottom {
	border-bottom: 1px solid #dbdbdb;
}

/* line 748, scss/common.scss */
.mScrollxy.borderTop .table {
	border-top: 0;
}

/* titleArea 우측에 내용 있을시 */
/* line 751, scss/common.scss */
.titleGroup {
	border-bottom: 1px solid #9298a5;
	padding-bottom: 10px;
}

/* line 752, scss/common.scss */
.titleGroup .left {
	padding-left: 16px;
}

/* line 753, scss/common.scss */
.titleGroup .right {
	padding-right: 6px;
}

/* line 754, scss/common.scss */
.titleGroup i {
	margin-top: 10px;
	color: #9ba0aa;
	font-size: 12px;
	font-family: "맑은 고딕";
	font-style: normal;
}

/* searchBox */
/* line 759, scss/common.scss */
.searchBox {
	position: relative;
	padding: 21px 0;
	background: #f3f4f5;
	border-radius: 5px;
}

/* line 760, scss/common.scss */
.searchBox.type02 {
	margin-top: 70px;
	padding: 21px 30px;
}

/* line 761, scss/common.scss */
.searchBox.type02 label {
	text-align: left;
	width: auto;
	padding-right: 65px;
}

/* line 764, scss/common.scss */
.searchBox label, .searchBox .label {
	float: left;
	width: 115px;
	height: 38px;
	line-height: 38px;
	text-align: right;
	padding-right: 8px;
	font-size: 14px;
	color: #585858;
	font-family: "맑은 고딕";
	font-weight: bold;
}

/* line 765, scss/common.scss */
.searchBox input[type="text"] {
	float: left;
	width: 500px;
	height: 38px;
	padding: 0 10px;
	box-sizing: border-box;
	border: 1px solid #cdd2d9;
	font-size: 14px;
	color: #454545;
	font-family: "맑은 고딕";
}

/* line 766, scss/common.scss */
.searchBox input[type="text"]::placeholder {
	color: #888888;
}

/* line 767, scss/common.scss */
.searchBox select {
	float: left;
	width: 500px;
	color: #454545;
	font-family: "맑은 고딕";
}

/* line 768, scss/common.scss */
.searchBox select + input[type="text"] {
	margin-left: 10px;
}

/* line 769, scss/common.scss */
.searchBox .btnSearch {
	text-align: center;
}

/* line 770, scss/common.scss */
.searchBox .btnSearch button {
	display: inline-block;
	width: 77px;
	height: 38px;
	color: #fff;
	background: #5b5b5b;
	border: 1px solid #5b5b5b;
	font-size: 14px;
	border-radius: 3px;
	font-family: "맑은 고딕";
}

/* line 771, scss/common.scss */
.searchBox .btnSearch button:hover {
	background: #363636;
	border: 1px solid #363636;
	transition: all ease 0.2s 0s;
}

/* line 772, scss/common.scss */
.searchBox .btnSearch.fixed {
	position: absolute;
	top: 21px;
	right: 48px;
}

/* line 773, scss/common.scss */
.searchBox .btnSearch.fixed.type02 {
	right: 36px;
}

/* line 777, scss/common.scss */
.searchBox + .titleArea {
	margin-top: 25px;
}

/* line 778, scss/common.scss */
.searchBox.type2 {
	z-index: 10;
	float: right;
	padding: 0;
	background: none;
}

/* line 779, scss/common.scss */
.searchBox.type2.gallery {
	right: 80px;
}

/* line 780, scss/common.scss */
.searchBox.type2.gallery .col {
	position: relative;
	margin-right: 10px;
}

/* line 781, scss/common.scss */
.searchBox.type2.gallery .btnSearch {
	position: absolute;
	right: 12px;
	top: 5px;
	width: 21px;
	height: 22px;
	background: url("../../images/common/btn-search-small.png") no-repeat;
}

/* line 783, scss/common.scss */
.searchBox.type2 .hidden {
	float: none;
	width: 0;
	height: 0;
}

/* line 784, scss/common.scss */
.searchBox.type2 select, .searchBox.type2 input[type="text"] {
	height: 33px;
	border-radius: 0;
}

/* line 785, scss/common.scss */
.searchBox.type2 select + input[type="text"] {
	margin-left: 5px;
}

/* line 786, scss/common.scss */
.searchBox.type2 .btnSearch {
	position: static;
	display: inline-block;
}

/* line 787, scss/common.scss */
.searchBox.type2 .btnSearch button {
	float: left;
	width: 50px;
	height: 33px;
	border-radius: 0;
}

/* line 789, scss/common.scss */
.searchBox.type2 .col {
	float: left;
}

/* line 790, scss/common.scss */
.searchBox.type2 .col label {
	width: auto;
	height: 33px;
	line-height: 33px;
	margin-left: 10px;
}

/* line 794, scss/common.scss */
.searchCondition {
	position: relative;
	display: none;
	width: 100%;
	height: 1px;
	background: #e2e2e2;
	margin: 30px 0;
}

/* line 795, scss/common.scss */
.searchCondition.active {
	display: block;
}

/* line 796, scss/common.scss */
.searchCondition .btnCondition {
	position: absolute;
	left: calc(50% - 75px);
	top: -18px;
	width: 150px;
	height: 36px;
	color: #b9bcc1;
	font-size: 14px;
	font-weight: bold;
	background: #fff;
	border: 1px solid #b9bcc1;
	border-radius: 50px;
	text-indent: -20px;
}

/* line 798, scss/common.scss */
.searchCondition .btnCondition:after {
	position: absolute;
	right: 30px;
	top: 14px;
	display: block;
	width: 12px;
	height: 7px;
	content: '';
	background: url("../../images/btn/btn-search-list.png");
}

/* line 799, scss/common.scss */
.searchCondition .btnCondition:hover {
	color: #2853d5;
	border: 1px solid #376fee;
}

/* line 800, scss/common.scss */
.searchCondition .btnCondition:hover:after {
	background: url("../../images/btn/btn-search-list-hover.png");
}

/* line 804, scss/common.scss */
.searchBox.type3 {
	padding: 21px 41px 21px 41px;
	margin-bottom: 40px;
}

/* line 805, scss/common.scss */
.searchBox.type3 .col {
	float: left;
}

/* line 806, scss/common.scss */
.searchBox.type3 .col input[type="text"], .searchBox.type3 .col label {
	display: block;
	float: none;
	width: 202px;
	text-align: left;
}

/* line 807, scss/common.scss */
.searchBox.type3 .col label, .searchBox.type3 .col .label {
	height: auto;
	line-height: inherit;
	font-size: 13px;
	font-family: 'Noto Sans DemLight';
	font-weight: normal;
}

/* line 809, scss/common.scss */
.searchBox.type3 .row {
	width: 860px;
}

/* line 810, scss/common.scss */
.searchBox.type3 .row:first-child {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e8e8e8;
}

/* line 811, scss/common.scss */
.searchBox.type3 .row.col3 > .col {
	width: 33.33%;
}

/* line 812, scss/common.scss */
.searchBox.type3 .row.col3 > .col input[type="text"], .searchBox.type3 .row.col3 > .col label {
	width: 277px;
}

/* line 813, scss/common.scss */
.searchBox.type3 .row.col3 > .col:nth-child(2) input[type="text"], .searchBox.type3 .row.col3 > .col:nth-child(2) label {
	margin-left: 5px;
}

/* line 814, scss/common.scss */
.searchBox.type3 .row.col3 > .col:last-child input[type="text"], .searchBox.type3 .row.col3 > .col:last-child label {
	margin-left: 10px;
}

/* line 816, scss/common.scss */
.searchBox.type3 .row.col4 > .col {
	width: 25%;
}

/* line 817, scss/common.scss */
.searchBox.type3 .row.col4 > .col:nth-child(2) input[type="text"], .searchBox.type3 .row.col4 > .col:nth-child(2) label {
	margin-left: 3px;
}

/* line 818, scss/common.scss */
.searchBox.type3 .row.col4 > .col:nth-child(3) input[type="text"], .searchBox.type3 .row.col4 > .col:nth-child(3) label {
	margin-left: 6px;
}

/* line 819, scss/common.scss */
.searchBox.type3 .row.col4 > .col:last-child input[type="text"], .searchBox.type3 .row.col4 > .col:last-child label {
	margin-left: 10px;
}

/* line 822, scss/common.scss */
.searchBox.type3 .btnSearch.fixed {
	position: absolute;
	top: auto;
	bottom: 20px;
	right: 29px;
}

/* line 825, scss/common.scss */
.searchBox.type4 {
	padding: 21px 30px;
	margin-bottom: 40px;
}

/* line 826, scss/common.scss */
.searchBox.type4 .col {
	float: left;
	margin-right: 15px;
}

/* line 827, scss/common.scss */
.searchBox.type4 .col.dateType > label {
	margin-left: 28px;
}

/* line 828, scss/common.scss */
.searchBox.type4 .col span {
	float: left;
	line-height: 38px;
	margin: 0 5px;
}

/* line 829, scss/common.scss */
.searchBox.type4 .col .checkbox {
	float: left;
	margin-right: 4px;
}

/* line 830, scss/common.scss */
.searchBox.type4 .col .checkbox label {
	width: 22px;
	height: 22px;
	padding: 0;
	margin-top: 6px;
}

/* line 832, scss/common.scss */
.searchBox.type4 .col input[type="text"], .searchBox.type4 .col label {
	display: block;
	float: none;
	width: auto;
	text-align: left;
}

/* line 833, scss/common.scss */
.searchBox.type4 .col input[type="text"].cal, .searchBox.type4 .col label.cal {
	float: left;
	background: #fff url("../../images/input/ico-cal.png") no-repeat 90% center;
}

/* line 834, scss/common.scss */
.searchBox.type4 .col input[type="text"].cal:focus, .searchBox.type4 .col label.cal:focus {
	background: #fff url("../../images/input/ico-cal-active.png") no-repeat 90% center;
}

/* line 836, scss/common.scss */
.searchBox.type4 .col label, .searchBox.type4 .col .label {
	margin-bottom: 4px;
	height: auto;
	line-height: inherit;
	font-size: 13px;
	font-family: 'Noto Sans DemLight';
	font-weight: normal;
}

/* line 838, scss/common.scss */
.searchBox.type4 .row {
	width: 860px;
}

/* line 839, scss/common.scss */
.searchBox.type4 .row:after {
	content: "";
	display: block;
	clear: both;
}

/* line 840, scss/common.scss */
.searchBox.type4 .row:first-child {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e8e8e8;
}

/* line 842, scss/common.scss */
.searchBox.type4 .btnSearch.fixed {
	position: absolute;
	top: auto;
	bottom: 20px;
	right: 29px;
}

/* line 845, scss/common.scss */
.searchBox.lowMb {
	margin-bottom: 20px;
}

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

/* line 850, scss/common.scss */
.checkbox label {
	display: inline-block;
	height: 22px;
	padding-left: 22px;
	text-indent: 3px;
	margin: 0 auto;
	background: url("../../images/input/bg-checkbox.png") no-repeat;
	transition: 0.25s;
}

/* line 851, scss/common.scss */
.checkbox input[type="checkbox"]:checked + label {
	background: url("../../images/input/bg-checkbox-active.png") no-repeat;
}

/* line 853, scss/common.scss */
.checkbox.type2 label {
	height: 27px;
	padding-left: 27px;
	background: url("../../images/input/bg-checkbox-type2.png") no-repeat;
}

/* line 854, scss/common.scss */
.checkbox.type2 input[type="checkbox"]:checked + label {
	background: url("../../images/input/bg-checkbox-type2-active.png") no-repeat;
}

/* line 857, scss/common.scss */
.checkbox.type3 label {
	height: 20px;
	padding-left: 20px;
	background: url("../../images/input/bg-checkbox-type3.png") no-repeat;
}

/* line 858, scss/common.scss */
.checkbox.type3 input[type="checkbox"]:checked + label {
	background: url("../../images/input/bg-checkbox-type3-active.png") no-repeat;
}

/* line 861, scss/common.scss */
.checkbox.disable label {
	background: url("../../images/input/bg-checkbox-disable.png") no-repeat;
}

/* line 862, scss/common.scss */
.checkbox.disable input[type="checkbox"]:checked + label {
	background: url("../../images/input/bg-checkbox-disable.png") no-repeat;
}

/* line 866, scss/common.scss */
.radioGroup .radio {
	margin-right: 10px;
}

/* line 868, scss/common.scss */
.radio {
	display: inline-block;
}

/* line 870, scss/common.scss */
.radio input + label {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
	text-indent: 3px;
	background: url("../../images/input/bg-radio.png") no-repeat;
}

/* line 871, scss/common.scss */
.radio input:checked + label {
	color: #585858;
	font-weight: bold;
	background: url("../../images/input/bg-radio-active.png") no-repeat;
}

/* line 873, scss/common.scss */
.radio.type2 input + label {
	background: url("../../images/input/bg-radio-type2.png") no-repeat;
}

/* line 874, scss/common.scss */
.radio.type2 input:checked + label {
	color: #585858;
	font-weight: bold;
	background: url("../../images/input/bg-radio-active.png") no-repeat;
}

/* input */
/* line 879, scss/common.scss */
input[type="text"], input[type="password"], input[type="number"], textarea {
	width: 100%;
	height: 35px;
	padding: 0 0 0 10px;
	color: #585858;
	font-size: 13px;
	font-family: "맑은 고딕";
	border: 1px solid #dee1e7;
	border-radius: 2px;
	box-sizing: border-box;
}

/* line 881, scss/common.scss */
input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="number"]::placeholder, textarea::placeholder {
	color: #a1a0a0;
}

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

/* line 884, scss/common.scss */
textarea {
	resize: none;
	overflow: hidden;
	padding: 6px 0;
}

/* 테이블 */
/* line 887, scss/common.scss */
.table {
	border-top: 1px solid #888ea0;
	border-bottom: 1px solid #dbdbdb;
}

/* line 888, scss/common.scss */
.table.cart {
	border-bottom: 0;
}

/* line 890, scss/common.scss */
.table.cart table button {
	width: 100%;
	height: 30px;
}

/* line 892, scss/common.scss */
.table.cart table .btnTBShow.active {
	background: #5f636d;
}

/* line 894, scss/common.scss */
.table.cart table .btnRound {
	position: relative;
	display: none;
	border-radius: 50px;
}

/* line 895, scss/common.scss */
.table.cart table .btnRound.active {
	display: block;
}

/* line 896, scss/common.scss */
.table.cart table .btnRound:after {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	content: '';
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #fff;
}

/* line 897, scss/common.scss */
.table.cart table .btnRound.greenType {
	text-align: left;
}

/* line 898, scss/common.scss */
.table.cart table .btnRound.greenType span {
	display: inline-block;
	text-indent: 35px;
}

/* line 899, scss/common.scss */
.table.cart table .btnRound.greenType:after {
	left: 4px;
}

/* line 901, scss/common.scss */
.table.cart table .btnRound.blueType {
	text-align: left;
}

/* line 902, scss/common.scss */
.table.cart table .btnRound.blueType span {
	display: inline-block;
	text-indent: 15px;
}

/* line 903, scss/common.scss */
.table.cart table .btnRound.blueType:after {
	right: 4px;
}

/* line 906, scss/common.scss */
.table.cart table tbody tr td.innerTB {
	position: relative;
	padding: 15px 20px 15px 100px;
	background: #f6f9ff;
}

/* line 907, scss/common.scss */
.table.cart table tbody tr td.innerTB:before {
	position: absolute;
	display: block;
	left: 23px;
	top: 0;
	content: '';
	width: 1px;
	height: 68px;
	border-left: 1px dashed #cfd0d2;
}

/* line 908, scss/common.scss */
.table.cart table tbody tr td.innerTB table td {
	background: #fff;
}

/* line 909, scss/common.scss */
.table.cart table tbody tr td.innerTB .mScroll .mCSB_outside + .mCSB_scrollTools, .table.cart table tbody tr td.innerTB .imgDesc .mCSB_outside + .mCSB_scrollTools {
	top: 40px;
}

/* line 910, scss/common.scss */
.table.cart table tbody tr td.innerTB .table {
	position: relative;
}

/* line 911, scss/common.scss */
.table.cart table tbody tr td.innerTB .table:before {
	position: absolute;
	display: block;
	left: -76px;
	top: 17px;
	width: 76px;
	height: 1px;
	border-top: 1px dashed #cfd0d2;
	content: '';
}

/* line 914, scss/common.scss */
.table.cart table tr.tgTB {
	display: none;
}

/* line 915, scss/common.scss */
.table.cart table tr.tgTB i {
	float: right;
	font-style: normal;
	font-size: 12px;
	color: #888;
	margin-top: 10px;
}

/* line 917, scss/common.scss */
.table.cart table tbody tr:last-child th, .table.cart table tr:last-child td {
	border-bottom: 1px solid #dbdbdb;
}

/* line 920, scss/common.scss */
.table.cart table:first-child thead tr {
	display: table-row;
}

/* line 922, scss/common.scss */
.table.cart table thead tr {
	display: none;
}

/* line 926, scss/common.scss */
.table.h48 td, .table.h48 th {
	height: 36px;
}

/* line 927, scss/common.scss */
.table.space-between {
	margin-top: 30px;
}

/* line 928, scss/common.scss */
.table table {
	width: 100%;
	font-family: "맑은 고딕";
	font-size: 14px;
}

/* line 929, scss/common.scss */
.table table th, .table table td {
	height: 30px;
	padding: 5px 10px;
	font-family: '맑은 고딕';
}

/* line 930, scss/common.scss */
.table table th {
	background: #f5f6f7;
	border-left: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #686868;
}

/* line 931, scss/common.scss */
.table table td {
	border-left: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	color: #454545;
}

/* line 932, scss/common.scss */
.table table td.txtLeft {
	padding: 5px 20px;
	text-align: left;
}

/* line 933, scss/common.scss */
.table table th.txtLeft {
	padding: 5px 20px;
	text-align: left;
}

/* line 934, scss/common.scss */
.table table td.noResult {
	color: #848484;
	background: #f4f5f8;
}

/* line 935, scss/common.scss */
.table table th, .table table td {
	text-align: center;
}

/* line 936, scss/common.scss */
.table table th:first-child,
.table table td:first-child {
	border-left: 0;
}

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

/* line 940, scss/common.scss */
.table table select {
	float: left;
	width: 300px;
	height: 38px;
	box-sizing: border-box;
	border: 1px solid #cdd2d9;
}

/* line 941, scss/common.scss */
.table table select.w100 {
	width: 100%;
}

/* line 942, scss/common.scss */
.table table select.w30 {
	width: 160px;
	margin-right: 10px;
}

/* line 943, scss/common.scss */
.table table select.w30:last-child {
	margin-right: 0;
}

/* line 946, scss/common.scss */
.table table input[type="text"],
.table table input[type="password"],
.table table input[type="number"] {
	float: left;
	width: 300px;
	height: 38px;
	box-sizing: border-box;
	border: 1px solid #cdd2d9;
}

/* line 950, scss/common.scss */
.table table td.phone {
	text-align: justify;
}

/* line 951, scss/common.scss */
.table table td.phone select, .table table td.phone input {
	width: 100px;
	height: 30px;
	margin-right: 5px;
}

/* line 953, scss/common.scss */
.table table td .red, .table table td .blue {
	font-weight: bold;
}

/* line 954, scss/common.scss */
.table table td .red {
	color: #ed485b;
}

/* line 955, scss/common.scss */
.table table td .blue {
	color: #2853d5;
}

/* line 957, scss/common.scss */
.table.hover table tr:hover td {
	background: #f3f6fc;
}

/* line 958, scss/common.scss */
.table + .tab, .table + .tabContWarp {
	margin-top: 30px;
}

/* line 959, scss/common.scss */
.table.txtLeft th, .table.txtLeft td {
	text-align: left;
	padding: 5px 20px 5px 40px;
}

/* line 960, scss/common.scss */
.table + .table {
	margin-top: 15px;
}

/* line 961, scss/common.scss */
.table + .pageBtn {
	margin-top: 22px;
}

/* line 962, scss/common.scss */
.redDot {
	display: inline-block;
	margin: 0 10px 3px -10px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #f84646;
	vertical-align: middle;
}

/* 게시판 상세 테이블 */
/* line 964, scss/common.scss */
.table .boardtitle {
	height: 50px;
	font-size: 22px;
	color: #222222;
	font-family: "Noto Sans Medium";
	border-bottom: 0;
	vertical-align: bottom;
}

/* line 965, scss/common.scss */
.table .boardMeta {
	font-size: 14px;
}

/* line 966, scss/common.scss */
.table .boardMeta .left {
	float: left;
}

/* line 967, scss/common.scss */
.table .boardMeta .left dd {
	margin-right: 30px;
}

/* line 968, scss/common.scss */
.table .boardMeta .right {
	float: right;
}

/* line 969, scss/common.scss */
.table .boardMeta .right dt {
	margin-left: 18px;
}

/* line 971, scss/common.scss */
.table .boardMeta dt {
	float: left;
	color: #888;
}

/* line 972, scss/common.scss */
.table .boardMeta dt:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 8px;
	margin: -3px 8px 0 8px;
	background: #dbdbdb;
	vertical-align: middle;
}

/* line 973, scss/common.scss */
.table .boardMeta dd {
	float: left;
	color: #888;
}

/* line 974, scss/common.scss */
.table td.boardFile {
	padding: 13px 20px;
	background: #f9f9f9;
}

/* line 975, scss/common.scss */
.table .boardFile .fileLabel {
	float: left;
	display: block;
	color: #686868;
}

/* line 976, scss/common.scss */
.table .boardFile .fileLabel:before {
	content: "";
	display: inline-block;
	width: 27px;
	height: 27px;
	margin: -3px 5px 0 0;
	background: url("../../images/board/ico-addFile.png") no-repeat;
	vertical-align: middle;
}

/* line 977, scss/common.scss */
.table .boardFile .fileLabel:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 11px;
	margin: 0 7px 0 13px;
	background: #cbcbcb;
	vertical-align: middle;
}

/* line 978, scss/common.scss */
.table .boardFile ul {
	float: left;
	display: block;
}

/* line 979, scss/common.scss */
.table .boardFile li {
	height: 26px;
	margin-top: 8px;
	font-size: 14px;
	color: #2b6fd5;
	text-decoration: underline;
}

/* line 980, scss/common.scss */
.table .boardFile li:first-child {
	margin-top: 0;
}

/* line 981, scss/common.scss */
.table .boardFile li:before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: -4px 8px 0 0;
	border-radius: 50%;
	vertical-align: middle;
	box-shadow: 3px 3px 3px #d3d4d5;
}

/* line 982, scss/common.scss */
.table .boardFile li.hwp:before {
	background: url("../../images/board/ico-file-hwp.png") no-repeat;
}

/* line 983, scss/common.scss */
.table .boardFile li.pdf:before {
	background: url("../../images/board/ico-file-pdf.png") no-repeat;
}

/* line 984, scss/common.scss */
.table .boardFile li.jpg:before {
	background: url("../../images/board/ico-file-jpg.png") no-repeat;
}

/* line 985, scss/common.scss */
.table .boardFile li.png:before {
	background: url("../../images/board/ico-file-png.png") no-repeat;
}

/* line 986, scss/common.scss */
.table .boardFile li.bmp:before {
	background: url("../../images/board/ico-file-bmp.png") no-repeat;
}

/* line 987, scss/common.scss */
.table .boardFile li.txt:before {
	background: url("../../images/board/ico-file-txt.png") no-repeat;
}

/* line 988, scss/common.scss */
.table .boardFile li.pdf:before {
	background: url("../../images/board/ico-file-pdf.png") no-repeat;
}

/* line 989, scss/common.scss */
.table .boardFile li.zip:before {
	background: url("../../images/board/ico-file-zip.png") no-repeat;
}

/* line 990, scss/common.scss */
.table .boardFile li.ppt:before {
	background: url("../../images/board/ico-file-ppt.png") no-repeat;
}

/* line 991, scss/common.scss */
.table .boardFile li.xlx:before {
	background: url("../../images/board/ico-file-xlx.png") no-repeat;
}

/* line 992, scss/common.scss */
.table .boardFile .icoDownload {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-left: 8px;
	vertical-align: middle;
	background: url("../../images/board/btn-download.png") no-repeat;
}

/* line 993, scss/common.scss */
.table .boardFile .icoDownload:hover {
	background: url("../../images/board/btn-download-hover.png") no-repeat;
	transition: all ease 0.1s 0s;
}

/* line 994, scss/common.scss */
.table td.boardArticle {
	padding: 21px 20px;
	font-size: 14px;
	color: #585858;
	line-height: 26px;
}

/* line 995, scss/common.scss */
.table .empty {
	padding: 15px 0;
}

/* line 996, scss/common.scss */
.table textarea {
	padding: 6px;
}

/* line 997, scss/common.scss */
.table .btnDownload, .table .btnReturn, .table .btnCancel {
	display: inline-block;
	height: 26px;
	padding: 0 6px;
	font-family: "맑은 고딕";
	font-weight: normal;
}

/* line 998, scss/common.scss */
.table .btnDownload, .table .btnReturn {
	border: 1px solid #cdd2d9;
	color: #585858;
	background: #fff;
	color: #585858;
}

/* line 1000, scss/common.scss */
.table .btnDownload:hover, .table .btnReturn:hover {
	color: #2853d5;
	border: 1px solid #376fee;
}

/* line 1002, scss/common.scss */
.table .btnDownload span:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 12px;
	margin-right: 3px;
	background: url("../../images/btn/ico-download.png");
}

/* line 1003, scss/common.scss */
.table .btnDownload:hover span:before {
	background: url("../../images/btn/ico-download-hover.png");
}

/* line 1004, scss/common.scss */
.table .btnReturn span:before {
	content: "";
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-right: 4px;
	background: url("../../images/btn/ico-return.png");
}

/* line 1005, scss/common.scss */
.table .btnReturn:hover span:before {
	background: url("../../images/btn/ico-return-hover.png");
}

/* line 1006, scss/common.scss */
.table .btnCancel {
	background: #aaacaf;
}

/* line 1007, scss/common.scss */
.table .btnCancel:hover {
	background: #376fee;
}

/* 페이지네이션 및 버튼 래퍼 */
/* line 1010, scss/common.scss */
.pageBtn {
	position: relative;
}

/* line 1012, scss/common.scss */
.pageBtn:before {
	content: "";
	display: block;
	clear: both;
}

/* 파일 링크 확장자 */
/* line 1016, scss/common.scss */
a.fileLink {
	color: #2853d5;
}

/* line 1017, scss/common.scss */
a.fileLink:hover {
	text-decoration: underline;
}

/* line 1019, scss/common.scss */
a.fileLink:before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: -4px 8px 0 0;
	border-radius: 50%;
	vertical-align: middle;
	box-shadow: 3px 3px 3px #d3d4d5;
}

/* line 1021, scss/common.scss */
a.fileLink.hwp:before {
	background: url("../../images/board/ico-file-hwp.png") no-repeat;
}

/* line 1022, scss/common.scss */
a.fileLink.pdf:before {
	background: url("../../images/board/ico-file-pdf.png") no-repeat;
}

/* line 1023, scss/common.scss */
a.fileLink.jpg:before {
	background: url("../../images/board/ico-file-jpg.png") no-repeat;
}

/* line 1024, scss/common.scss */
a.fileLink.png:before {
	background: url("../../images/board/ico-file-png.png") no-repeat;
}

/* line 1025, scss/common.scss */
a.fileLink.bmp:before {
	background: url("../../images/board/ico-file-bmp.png") no-repeat;
}

/* line 1026, scss/common.scss */
a.fileLink.txt:before {
	background: url("../../images/board/ico-file-txt.png") no-repeat;
}

/* line 1027, scss/common.scss */
a.fileLink.pdf:before {
	background: url("../../images/board/ico-file-pdf.png") no-repeat;
}

/* line 1028, scss/common.scss */
a.fileLink.zip:before {
	background: url("../../images/board/ico-file-zip.png") no-repeat;
}

/* line 1029, scss/common.scss */
a.fileLink.ppt:before {
	background: url("../../images/board/ico-file-ppt.png") no-repeat;
}

/* line 1030, scss/common.scss */
a.fileLink.xlx:before {
	background: url("../../images/board/ico-file-xlx.png") no-repeat;
}

/* 테이블내 버튼  & 텍스트 컬러 */
/* line 1033, scss/common.scss */
.btnFile {
	display: inline-block;
	width: 27px;
	height: 27px;
	background: url("../../images/btn/btn-file.png") no-repeat;
	vertical-align: middle;
}

/* line 1034, scss/common.scss */
.btnFile:hover {
	background: url("../../images/btn/btn-file-active.png") no-repeat;
}

/* line 1035, scss/common.scss */
.lightGray {
	color: #888;
}

/* line 1037, scss/common.scss */
.mapThumb {
	width: 100%;
	border: 1px solid #dee1e7;
}

/* 스크롤 내비게이션 */
/* line 1041, scss/common.scss */
.scrollContWrap {
	width: 100%;
}

/* line 1043, scss/common.scss */
.scrollContWrap .scrollNav .scrollList {
	width: 100%;
}

/* line 1044, scss/common.scss */
.scrollContWrap .scrollNav .scrollList > li {
	float: left;
	text-align: center;
	color: #333333;
	font-size: 16px;
	font-family: "Noto Sans";
	border: 1px solid #d8d8d8;
	border-right: 0;
	box-sizing: border-box;
	transition: 0.15s;
}

/* line 1046, scss/common.scss */
.scrollContWrap .scrollNav .scrollList > li:last-child {
	border-right: 1px solid #d8d8d8;
}

/* line 1047, scss/common.scss */
.scrollContWrap .scrollNav .scrollList > li.active, .scrollContWrap .scrollNav .scrollList > li:hover {
	color: #fff;
	background: #3d6ce2;
	border: 1px solid #3d6ce2;
}

/* line 1048, scss/common.scss */
.scrollContWrap .scrollNav .scrollList > li > a {
	display: block;
	height: 54px;
	line-height: 54px;
}

/* line 1050, scss/common.scss */
.scrollContWrap .scrollNav .scrollList.col2 > li {
	width: 50%;
}

/* line 1051, scss/common.scss */
.scrollContWrap .scrollNav .scrollList.col3 > li {
	width: 33.3%;
}

/* line 1052, scss/common.scss */
.scrollContWrap .scrollNav .scrollList.col4 > li {
	width: 25%;
}

/* line 1053, scss/common.scss */
.scrollContWrap .scrollNav .scrollList.col5 > li {
	width: 20%;
}

/* line 1056, scss/common.scss */
.scrollContWrap .scrollCont {
	padding-top: 40px;
}

/* line 1057, scss/common.scss */
.scrollContWrap .scrollCont section.pdTop {
	padding-top: 35px;
}

/* line 1058, scss/common.scss */
.scrollContWrap .scrollCont section.pdTop .mCSB_outside + .mCSB_scrollTools {
	right: -10px;
	top: 48px;
}

/* line 1063, scss/common.scss */
.scrollContWrap.type3 .scrollNav .scrollList {
	width: 100%;
}

/* line 1064, scss/common.scss */
.scrollContWrap.type3 .scrollNav .scrollList > li {
	position: relative;
	font-size: 17px;
	border: 1px solid #dee1e7;
	border-right: 0;
	border-left: 0;
	border-radius: 0;
	transition: none;
}

/* line 1065, scss/common.scss */
.scrollContWrap.type3 .scrollNav .scrollList > li:after {
	position: absolute;
	right: -1px;
	top: 12px;
	display: block;
	content: '';
	width: 1px;
	height: 21px;
	background: #c1c1c1;
}

/* line 1066, scss/common.scss */
.scrollContWrap.type3 .scrollNav .scrollList > li:first-child {
	border-radius: 4px 0 0 4px;
	border-left: 1px solid #dee1e7;
}

/* line 1067, scss/common.scss */
.scrollContWrap.type3 .scrollNav .scrollList > li:last-child {
	border-radius: 0 4px 4px 0;
	border-right: 1px solid #dee1e7;
}

/* line 1068, scss/common.scss */
.scrollContWrap.type3 .scrollNav .scrollList > li:last-child:after {
	display: none;
}

/* line 1070, scss/common.scss */
.scrollContWrap.type3 .scrollNav .scrollList > li:hover, .scrollContWrap.type3 .scrollNav .scrollList > li.active {
	border-radius: 4px;
	border: 1px solid transparent;
	margin-top: -2px;
}

/* line 1071, scss/common.scss */
.scrollContWrap.type3 .scrollNav .scrollList > li:hover:after, .scrollContWrap.type3 .scrollNav .scrollList > li.active:after {
	display: none;
}

/* line 1072, scss/common.scss */
.scrollContWrap.type3 .scrollNav .scrollList > li:hover > a, .scrollContWrap.type3 .scrollNav .scrollList > li.active > a {
	height: 54px;
	line-height: 54px;
}

/* line 1073, scss/common.scss */
.scrollContWrap.type3 .scrollNav .scrollList > li:hover > a .blue, .scrollContWrap.type3 .scrollNav .scrollList > li.active > a .blue {
	color: #3ed9c5;
}

/* line 1076, scss/common.scss */
.scrollContWrap.type3 .scrollNav .scrollList > li > a {
	height: 50px;
	line-height: 50px;
}

/* line 1077, scss/common.scss */
.scrollContWrap.type3 .scrollNav .scrollList > li > a .blue {
	color: #2853d5;
	font-family: '맑은 고딕';
	font-weight: bold;
}

/* 탭메뉴 */
/* line 1087, scss/common.scss */
.tabContWrap {
	width: 100%;
}

/* line 1089, scss/common.scss */
.tabContWrap.fix .tabNav {
	position: sticky;
	top: 75px;
	z-index: 10;
}

/* line 1092, scss/common.scss */
.tabContWrap .tabNav .tabList {
	width: 100%;
}

/* line 1093, scss/common.scss */
.tabContWrap .tabNav .tabList > li {
	float: left;
	text-align: center;
	color: #333333;
	font-size: 16px;
	font-family: "Noto Sans";
	border: 1px solid transparent;
	border-right: 0;
	box-sizing: border-box;
	transition: 0.15s;
}

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

/* line 1096, scss/common.scss */
.tabContWrap .tabNav .tabList > li.active, .tabContWrap .tabNav .tabList > li:hover {
	color: #fff;
	background: #3d6ce2;
	border: 1px solid #3d6ce2;
}

/* line 1097, scss/common.scss */
.tabContWrap .tabNav .tabList > li > a {
	display: block;
	height: 54px;
	line-height: 54px;
}

/* line 1099, scss/common.scss */
.tabContWrap .tabNav .tabList.col2 > li {
	width: 50%;
}

/* line 1100, scss/common.scss */
.tabContWrap .tabNav .tabList.col3 > li {
	width: 33.3%;
}

/* line 1101, scss/common.scss */
.tabContWrap .tabNav .tabList.col4 > li {
	width: 25%;
}

/* line 1102, scss/common.scss */
.tabContWrap .tabNav .tabList.col5 > li {
	width: 20%;
}

/* line 1105, scss/common.scss */
.tabContWrap .tabCont {
	display: none;
	padding-top: 40px;
}

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

/* line 1107, scss/common.scss */
.tabContWrap .tabCont section.pdTop {
	padding-top: 35px;
}

/* line 1108, scss/common.scss */
.tabContWrap .tabCont section.pdTop .mCSB_outside + .mCSB_scrollTools {
	right: -10px;
	top: 48px;
}

/* line 1112, scss/common.scss */
.tabContWrap.type2 .tabNav {
	border-bottom: 1px solid #e0e0e0;
}

/* line 1113, scss/common.scss */
.tabContWrap.type2 .tabNav .tabList {
	width: 1000px;
	margin: 0 auto;
}

/* line 1114, scss/common.scss */
.tabContWrap.type2 .tabNav .tabList > li {
	position: relative;
	font-size: 17px;
	border: 0;
}

/* line 1115, scss/common.scss */
.tabContWrap.type2 .tabNav .tabList > li.active, .tabContWrap.type2 .tabNav .tabList > li:hover {
	color: #2a58d0;
	font-family: "Noto Sans Medium";
	background: none;
}

/* line 1116, scss/common.scss */
.tabContWrap.type2 .tabNav .tabList > li.active:after, .tabContWrap.type2 .tabNav .tabList > li:hover:after {
	position: absolute;
	display: block;
	content: '';
	left: calc(50% - 60px);
	bottom: -2px;
	width: 120px;
	height: 5px;
	background: #3d6ce2;
}

/* line 1121, scss/common.scss */
.tabContWrap.type2 .tabCont {
	padding-top: 19px;
}

/* line 1123, scss/common.scss */
.tabContWrap.type2.contManage .tabNav {
	text-align: center;
}

/* line 1124, scss/common.scss */
.tabContWrap.type2.contManage .tabNav .tabList {
	display: inline-block;
	width: auto;
}

/* line 1125, scss/common.scss */
.tabContWrap.type2.contManage .tabNav .tabList > li {
	width: 146px;
	margin: 0 56px;
}

/* line 1126, scss/common.scss */
.tabContWrap.type2.contManage .tabNav .tabList > li:hover:after, .tabContWrap.type2.contManage .tabNav .tabList > li.active:after {
	width: 100%;
	left: 0;
	bottom: -4px;
}

/* line 1127, scss/common.scss */
.tabContWrap.type2.contManage .tabNav .tabList > li .blue {
	color: #2853d5;
	font-size: 16px;
	font-weight: bold;
	font-family: "맑은 고딕";
}

/* line 1135, scss/common.scss */
.tabContWrap.type3 .tabNav .tabList {
	width: 100%;
}

/* line 1136, scss/common.scss */
.tabContWrap.type3 .tabNav .tabList > li {
	position: relative;
	font-size: 17px;
	border: 1px solid #dee1e7;
	border-right: 0;
	border-left: 0;
	border-radius: 0;
	transition: none;
	background: #f4f5f8;
}

/* line 1137, scss/common.scss */
.tabContWrap.type3 .tabNav .tabList > li:after {
	position: absolute;
	right: -1px;
	top: 12px;
	z-index: 10;
	display: block;
	content: '';
	width: 1px;
	height: 21px;
	background: #c1c1c1;
}

/* line 1138, scss/common.scss */
.tabContWrap.type3 .tabNav .tabList > li:first-child {
	border-radius: 4px 0 0 4px;
	border-left: 1px solid #dee1e7;
}

/* line 1139, scss/common.scss */
.tabContWrap.type3 .tabNav .tabList > li:last-child {
	border-radius: 0 4px 4px 0;
	border-right: 1px solid #dee1e7;
}

/* line 1140, scss/common.scss */
.tabContWrap.type3 .tabNav .tabList > li:last-child:after {
	display: none;
}

/* line 1142, scss/common.scss */
.tabContWrap.type3 .tabNav .tabList > li:hover, .tabContWrap.type3 .tabNav .tabList > li.active {
	z-index: 20;
	border-radius: 4px;
	border: 1px solid transparent;
	margin-top: -2px;
	box-shadow: 0 0 3px #777;
	background: #3d6ce2;
}

/* line 1143, scss/common.scss */
.tabContWrap.type3 .tabNav .tabList > li:hover:after, .tabContWrap.type3 .tabNav .tabList > li.active:after {
	display: none;
}

/* line 1144, scss/common.scss */
.tabContWrap.type3 .tabNav .tabList > li:hover > a, .tabContWrap.type3 .tabNav .tabList > li.active > a {
	height: 54px;
	line-height: 54px;
}

/* line 1145, scss/common.scss */
.tabContWrap.type3 .tabNav .tabList > li:hover > a .blue, .tabContWrap.type3 .tabNav .tabList > li.active > a .blue {
	color: #3ed9c5;
}

/* line 1148, scss/common.scss */
.tabContWrap.type3 .tabNav .tabList > li > a {
	height: 50px;
	line-height: 50px;
}

/* line 1149, scss/common.scss */
.tabContWrap.type3 .tabNav .tabList > li > a .blue {
	color: #2853d5;
	font-family: '맑은 고딕';
	font-weight: bold;
}

/* line 1158, scss/common.scss */
.tabContWrap.type4 .tabNav .tabList li {
	margin: 0 3px;
	padding: 0 20px;
	border-radius: 50px;
	font-size: 13px;
	font-family: '맑은 고딕';
	background: #ebecf0;
	color: #686868;
}

/* line 1159, scss/common.scss */
.tabContWrap.type4 .tabNav .tabList li:hover, .tabContWrap.type4 .tabNav .tabList li.active {
	background: #3d6ce2;
	color: #fff;
}

/* line 1160, scss/common.scss */
.tabContWrap.type4 .tabNav .tabList li.active {
	font-weight: bold;
}

/* line 1161, scss/common.scss */
.tabContWrap.type4 .tabNav .tabList li a {
	height: 30px;
	line-height: 30px;
}

/* line 1165, scss/common.scss */
.tabContWrap.type4 .tabCont {
	padding-top: 10px;
}

/* line 1168, scss/common.scss */
.toggleStyleWrap {
	position: relative;
}

/* line 1170, scss/common.scss */
.toggleStyleWrap .titleArea {
	padding-bottom: 10px;
	border-bottom: 1px solid #777777;
}

/* line 1171, scss/common.scss */
.toggleStyleWrap .titleArea > div {
	float: left;
	margin-left: 22px;
}

/* line 1172, scss/common.scss */
.toggleStyleWrap .titleArea > div:first-child {
	margin-left: 0;
}

/* line 1173, scss/common.scss */
.toggleStyleWrap .titleArea > div:first-child:before {
	display: none;
}

/* line 1175, scss/common.scss */
.toggleStyleWrap .titleArea > div:before {
	position: absolute;
	left: -12px;
	top: 9px;
	display: block;
	content: '';
	width: 1px;
	height: 13px;
	background: #b9bcc5;
}

/* line 1179, scss/common.scss */
.toggleStyleWrap .toggleStyle {
	position: absolute;
	right: 0;
	top: 0;
}

/* line 1180, scss/common.scss */
.toggleStyleWrap .toggleStyle button {
	float: left;
	width: 41px;
	height: 32px;
	border: 1px solid #dcdcdc;
	background-repeat: no-repeat;
	background-position: center;
	border-right: 0;
}

/* line 1181, scss/common.scss */
.toggleStyleWrap .toggleStyle button:first-child {
	border-radius: 3px 0 0 3px;
}

/* line 1182, scss/common.scss */
.toggleStyleWrap .toggleStyle button:last-child {
	border-right: 1px solid #dcdcdc;
	border-radius: 0 3px 3px 0;
}

/* line 1183, scss/common.scss */
.toggleStyleWrap .toggleStyle button:hover, .toggleStyleWrap .toggleStyle button.active {
	border: 1px solid #3d6ce2;
	background-color: #3d6ce2;
}

/* line 1184, scss/common.scss */
.toggleStyleWrap .toggleStyle button.graph {
	background-image: url("../../images/btn/btn-toggle-graph.png");
}

/* line 1185, scss/common.scss */
.toggleStyleWrap .toggleStyle button.graph:hover, .toggleStyleWrap .toggleStyle button.graph.active {
	background-image: url("../../images/btn/btn-toggle-graph-hover.png");
}

/* line 1187, scss/common.scss */
.toggleStyleWrap .toggleStyle button.list {
	background-image: url("../../images/btn/btn-toggle-list.png");
}

/* line 1188, scss/common.scss */
.toggleStyleWrap .toggleStyle button.list:hover, .toggleStyleWrap .toggleStyle button.list.active {
	background-image: url("../../images/btn/btn-toggle-list-hover.png");
}

/* line 1190, scss/common.scss */
.toggleStyleWrap .toggleStyle button.gallery {
	background-image: url("../../images/btn/btn-toggle-gallery.png");
}

/* line 1191, scss/common.scss */
.toggleStyleWrap .toggleStyle button.gallery:hover, .toggleStyleWrap .toggleStyle button.gallery.active {
	background-image: url("../../images/btn/btn-toggle-gallery-hover.png");
}

/* line 1195, scss/common.scss */
.toggleStyleWrap .contStyle {
	display: none;
	padding-top: 30px;
}

/* line 1196, scss/common.scss */
.toggleStyleWrap .contStyle.noPd {
	padding-top: 0;
}

/* line 1197, scss/common.scss */
.toggleStyleWrap .contStyle.active {
	display: block;
}

/* 페이지네이션 */
/* line 1202, scss/common.scss */
.pagination {
	margin-top: 29px;
	text-align: center;
	font-size: 15px;
}

/* line 1203, scss/common.scss */
.pagination button, .pagination a {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: 0 5px;
	text-align: center;
	line-height: 31px;
	color: #686868;
	vertical-align: top;
}

/* line 1204, scss/common.scss */
.pagination .btnFirst {
	background: url("../../images/common/btn-pageFirst.png") no-repeat center center;
}

/* line 1205, scss/common.scss */
.pagination .btnPrev {
	background: url("../../images/common/btn-pagePrev.png") no-repeat center center;
}

/* line 1206, scss/common.scss */
.pagination .btnNext {
	background: url("../../images/common/btn-pageNext.png") no-repeat center center;
}

/* line 1207, scss/common.scss */
.pagination .btnLast {
	background: url("../../images/common/btn-pageLast.png") no-repeat center center;
}

/* line 1208, scss/common.scss */
.pagination .btnFirst,
.pagination .btnPrev,
.pagination .btnNext,
.pagination .btnLast {
	width: 20px;
}

/* line 1212, scss/common.scss */
.pagination .btnPrev {
	margin-right: 8px;
}

/* line 1214, scss/common.scss */
.pagination .btnNext {
	margin-left: 8px;
}

/* line 1215, scss/common.scss */
.pagination a:hover, .pagination a.active {
	background: #4067de;
	color: #fff;
	border-radius: 50%;
}

/* line 1216, scss/common.scss */
.pagination + .btnArea {
	position: absolute;
	top: -4px;
	right: 0;
	margin-top: 0;
}

/* btnArea 버튼 레이아웃 */
/* line 1219, scss/common.scss */
.btnArea {
	margin-top: 18px;
	text-align: center;
}

/* line 1220, scss/common.scss */
.btnArea.txtRight {
	text-align: right;
}

/* line 1221, scss/common.scss */
.btnArea.report {
	margin-top: 0;
}

/* line 1222, scss/common.scss */
.btnArea.fitType {
	margin: 5px 0 10px;
}

/* line 1224, scss/common.scss */
.btnArea.fitType button.default {
	width: 70px;
	height: 35px !important;
	line-height: 34px;
}

/* line 1226, scss/common.scss */
.btnArea .allView {
	display: inline-block;
	min-width: 174px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	text-indent: 30px;
	border-radius: 30px;
	font-family: "Noto Sans";
	background: #376fee url("../../images/ico/ico-list02.svg") no-repeat 35px center;
}

/* line 1230, scss/common.scss */
.btnArea .allView:hover {
	background: #2359d0 url("../../images/ico/ico-list02.svg") no-repeat 35px center;
	transition: all ease 0.1s 0s;
}

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

/* line 1237, scss/common.scss */
.btnArea .btnList {
	display: inline-block;
	width: 90px;
	height: 40px;
	line-height: 39px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-indent: 15px;
	border-radius: 3px;
	font-family: "맑은 고딕";
	background: #376fee url("../../images/board/ico-list.png") no-repeat 18px center;
}

/* line 1243, scss/common.scss */
.btnArea .btnList:hover {
	background: #2359d0 url("../../images/board/ico-list.png") no-repeat 18px center;
	transition: all ease 0.1s 0s;
}

/* line 1244, scss/common.scss */
.btnArea.login button {
	width: 166px;
	height: 50px;
	font-size: 15px;
}

/* line 1245, scss/common.scss */
.ctlBoard {
	margin-top: 24px;
	text-align: left;
}

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

/* line 1247, scss/common.scss */
.ctlBoard .left {
	float: left;
}

/* line 1248, scss/common.scss */
.ctlBoard .btnPrev, .btnArea .ctlBoard .btnNext {
	color: #686868;
	font-size: 14px;
}

/* line 1249, scss/common.scss */
.ctlBoard .btnPrev {
	color: #686868;
	margin-right: 20px;
	padding-left: 25px;
	background: url("../../images/board/btn-prev.png") no-repeat left center;
}

/* line 1250, scss/common.scss */
.ctlBoard .btnNext {
	color: #686868;
	padding-right: 25px;
	background: url("../../images/board/btn-next.png") no-repeat right center;
}

/* line 1251, scss/common.scss */
.ctlBoard .btnPrev:hover {
	color: #376fee;
	font-family: "Noto Sans";
	margin-right: 20px;
	padding-left: 25px;
	background: url("../../images/board/btn-prev-hover.png") no-repeat left center;
	transition: all ease 0.1s 0s;
}

/* line 1252, scss/common.scss */
.ctlBoard .btnNext:hover {
	color: #376fee;
	font-family: "Noto Sans";
	padding-right: 25px;
	background: url("../../images/board/btn-next-hover.png") no-repeat right center;
	transition: all ease 0.1s 0s;
}

/* line 1253, scss/common.scss */
.ctlBoard + .btnArea {
	margin-top: -29px;
}

/* 버튼색 */
/* line 1256, scss/common.scss */
.button {
	line-height: 39px;
	vertical-align: top;
}

/* line 1257, scss/common.scss */
button, .button {
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	font-family: "맑은 고딕";
	border-radius: 2px;
	transition: 0.25s;
	text-align: center;
}

/* line 1260, scss/common.scss */
button.whiteType, .button.whiteType {
	border: 1px solid #4067de;
	color: #4067de;
	background: #fff;
}

/* line 1261, scss/common.scss */
button.greyType, .button.greyType {
	background: #bcbfc5;
}

/* line 1262, scss/common.scss */
button.greyType:hover, .button.greyType:hover {
	background: #5f636d;
}

/* line 1263, scss/common.scss */
button.greyType:active, .button.greyType:active {
	opacity: 0.75;
}

/* line 1265, scss/common.scss */
button.greyType2, .button.greyType2 {
	background: #5b5b5b;
}

/* line 1266, scss/common.scss */
button.greyType2:hover, .button.greyType2:hover {
	background: #363636;
}

/* line 1267, scss/common.scss */
button.greyType2:active, .button.greyType2:active {
	opacity: 0.75;
}

/* line 1269, scss/common.scss */
button.greenType, .button.greenType {
	background: #30bbbe;
}

/* line 1270, scss/common.scss */
button.greenType:hover, .button.greenType:hover {
	background: #1698a4;
}

/* line 1271, scss/common.scss */
button.greenType:active, .button.greenType:active {
	opacity: 0.75;
}

/* line 1273, scss/common.scss */
button.lightGreenType, .button.lightGreenType {
	background: #34c7b7;
}

/* line 1274, scss/common.scss */
button.lightGreenType:hover, .button.lightGreenType:hover {
	background: #149ea3;
}

/* line 1275, scss/common.scss */
button.lightGreenType:active, .button.lightGreenType:active {
	opacity: 0.75;
}

/* line 1277, scss/common.scss */
button.lightGreyType, .button.lightGreyType {
	background: #afb2b8;
}

/* line 1278, scss/common.scss */
button.lightGreyType:hover, .button.lightGreyType:hover {
	background: #8c8f96;
}

/* line 1279, scss/common.scss */
button.lightGreyType:active, .button.lightGreyType:active {
	opacity: 0.75;
}

/* line 1281, scss/common.scss */
button.blueType, .button.blueType {
	background: #3673e2;
}

/* line 1282, scss/common.scss */
button.blueType:hover, .button.blueType:hover {
	background: #2359d0;
}

/* line 1283, scss/common.scss */
button.blueType:active, .button.blueType:active {
	opacity: 0.75;
}

/* line 1285, scss/common.scss */
button.default, .button.default {
	width: 80px;
	height: 40px !important;
	border-radius: 3px;
}

/* line 1286, scss/common.scss */
button.addressSave, .button.addressSave {
	width: auto;
	padding: 0 20px;
}

/* line 1287, scss/common.scss */
button.memAdd, button.memRemove, .button.memAdd, .button.memRemove {
	height: 40px;
	padding: 0 20px;
}

/* line 1288, scss/common.scss */
button.space-between, .button.space-between {
	margin: 0 3px;
}

/* 통합검색 */
/* line 1291, scss/common.scss */
#content.integrated {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0 0 100px;
	background: #fff;
}

/* line 1292, scss/common.scss */
#content.integrated .tabContWrap.type3 .tabNav {
	width: 100%;
	margin-top: 19px;
}

/* line 1293, scss/common.scss */
#content.integrated .tabContWrap.type3 .tabNav .tabList {
	display: flex;
	align-items: stretch;
}

/* line 1294, scss/common.scss */
#content.integrated .tabContWrap.type3 .tabNav .tabList > li {
	float: none;
	flex: 100%;
}

/* line 1297, scss/common.scss */
#content.integrated .titleArea {
	margin-bottom: 10px;
}

/* line 1298, scss/common.scss */
#content.integrated .titleArea .titMeta {
	color: #222222;
	font-size: 21px;
	font-family: 'Noto Sans Medium';
	font-weight: normal;
}

/* line 1299, scss/common.scss */
#content.integrated .titleArea .meta {
	height: 32px;
}

/* line 1300, scss/common.scss */
#content.integrated .titleArea .meta .col {
	line-height: 32px;
	color: #376fee;
	font-size: 21px;
	font-family: 'Noto Sans Medium';
	font-weight: normal;
}

/* line 1303, scss/common.scss */
#content.integrated .btnListMore {
	text-align: center;
	margin-top: 27px;
	margin-bottom: 37px;
}

/* line 1304, scss/common.scss */
#content.integrated .btnListMore button {
	position: relative;
	width: 147px;
	height: 40px;
	color: #585858;
	font-size: 14px;
	font-weight: bold;
	font-family: '맑은 고딕';
	border: 1px solid #c6c9cc;
	border-radius: 50px;
	text-indent: -20px;
	background: url("../../images/ico/ico-scroll-02.png") no-repeat right 29px top 16px;
}

/* line 1306, scss/common.scss */
#content.integrated .btnListMore button:hover {
	color: #fff;
	background: #376fee url("../../images/ico/ico-searchMore-hover.png") no-repeat right 29px top 16px;
}

/* line 1313, scss/common.scss */
.searchTotal {
	padding: 60px 0 30px;
	text-align: center;
	color: #585858;
	font-weight: normal;
	font-family: "Noto Sans Medium";
	font-size: 22px;
}

/* line 1314, scss/common.scss */
.searchTotal strong {
	color: #2a58d0;
	font-size: 24px;
}

/* line 1315, scss/common.scss */
.searchTotal.noResult {
	padding: 40px 0 10px;
	background: url("../../images/ico/ico-no-result.png") no-repeat center 10px;
}

/* line 1316, scss/common.scss */
.searchTotal.noResult p {
	margin-top: 70px;
	color: #787878;
	font-size: 18px;
}

/* line 1320, scss/common.scss */
.searchBoxList {
	border-top: 1px solid #777777;
}

/* line 1321, scss/common.scss */
.searchBoxList .box {
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	box-sizing: content-box;
}

/* line 1322, scss/common.scss */
.searchBoxList .box:hover {
	background: #f3f6fc;
}

/* line 1323, scss/common.scss */
.searchBoxList .box .boxWrap {
	padding: 25px 22px;
	border-bottom: 1px solid transparent;
	box-sizing: content-box;
}

/* line 1324, scss/common.scss */
.searchBoxList .box .boxWrap .row {
	margin-bottom: 25px;
}

/* line 1325, scss/common.scss */
.searchBoxList .box .boxWrap .row:after {
	content: '';
	display: block;
	clear: both;
}

/* line 1326, scss/common.scss */
.searchBoxList .box .boxWrap .row:last-child {
	margin: 0;
}

/* line 1327, scss/common.scss */
.searchBoxList .box .boxWrap .row p {
	float: left;
	max-width: calc(100% - 200px);
	color: #686868;
	font-size: 14px;
	font-family: '맑은 고딕';
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* line 1328, scss/common.scss */
.searchBoxList .box .boxWrap .row i {
	float: right;
	margin-left: 20px;
}

/* line 1329, scss/common.scss */
.searchBoxList .box .boxWrap .row .recommendArea {
	padding: 0;
}

/* line 1330, scss/common.scss */
.searchBoxList .box .boxWrap .row .red {
	color: #f45458;
}

/* line 1331, scss/common.scss */
.searchBoxList .box .boxWrap .row > .row {
	position: relative;
	margin: 0 0 0 20px;
	line-height: 25px;
	font-weight: bold;
}

/* line 1332, scss/common.scss */
.searchBoxList .box .boxWrap .row > .row:before {
	position: absolute;
	right: -11px;
	top: 5px;
	display: block;
	width: 1px;
	height: 16px;
	background: #686868;
}

/* line 1333, scss/common.scss */
.searchBoxList .box .boxWrap .row > .row:last-child:before {
	display: none;
}

/* line 1336, scss/common.scss */
.searchBoxList .box .boxWrap .row .tagList .tagGroup {
	display: inline-block;
	margin-right: 20px;
}

/* line 1337, scss/common.scss */
.searchBoxList .box .boxWrap .row .tagList .tag {
	display: inline-block;
	padding: 0 8px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	font-size: 11px;
	font-family: '맑은 고딕';
	border-radius: 20px;
	background: #376fee;
	box-sizing: border-box;
}

/* line 1339, scss/common.scss */
.searchBoxList .box .boxWrap .row .tagList .tag.greenType {
	background: #30bbbe;
}

/* line 1340, scss/common.scss */
.searchBoxList .box .boxWrap .row .tagList .tag.greyType {
	background: #a0a7b4;
}

/* line 1341, scss/common.scss */
.searchBoxList .box .boxWrap .row .tagList .tag.blackType {
	background: #444444;
}

/* line 1342, scss/common.scss */
.searchBoxList .box .boxWrap .row .tagList .tag.redType {
	background: #f46969;
}

/* line 1343, scss/common.scss */
.searchBoxList .box .boxWrap .row .tagList .tag.greenLine {
	color: #0e98a4;
	background: #fff;
	border: 1px solid #27b9bc;
}

/* line 1344, scss/common.scss */
.searchBoxList .box .boxWrap .row .tagList .tag.blueLine {
	color: #3d6ce2;
	background: #fff;
	border: 1px solid #6a91f5;
}

/* line 1345, scss/common.scss */
.searchBoxList .box .boxWrap .row .tagList .tag.purpleType {
	color: #897cf0;
	background: #efefff;
	font-weight: bold;
}

/* line 1347, scss/common.scss */
.searchBoxList .box .boxWrap .row .tagList i {
	margin-top: 2px;
	margin-left: 10px;
	font-size: 12px;
	color: #686868;
	font-family: '맑은 고딕';
}

/* line 1350, scss/common.scss */
.searchBoxList .box .boxWrap strong {
	float: left;
	max-width: calc(100% - 600px);
	margin-right: 17px;
	color: #222;
	font-size: 18px;
	font-family: 'Noto Sans Medium';
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* line 1351, scss/common.scss */
.searchBoxList .box .boxWrap i {
	margin-left: 10px;
	color: #888888;
	font-size: 15px;
	font-family: '맑은 고딕';
	font-style: normal;
}

/* line 1354, scss/common.scss */
.searchBoxList .box .searchLocal {
	float: left;
	margin-top: 5px;
	color: #686868;
	font-size: 14px;
	font-family: '맑은 고딕';
}

/* line 1355, scss/common.scss */
.searchBoxList .box .searchLocal > div {
	display: inline-block;
}

/* line 1356, scss/common.scss */
.searchBoxList .box .searchLocal .btnHome {
	width: 12px;
	height: 11px;
	margin: 3px 5px 0 0;
	vertical-align: top;
	background: url("../../images/common/ico-searchList-home.png") no-repeat;
}

/* line 1357, scss/common.scss */
.searchBoxList .box .searchLocal .menuName {
	padding-left: 14px;
	background: url("../../images/common/ico-searchList-next.png") no-repeat left center;
}

/* 모두드림 */
/* 메인*/
/* line 1366, scss/common.scss */
.cont > h4 {
	display: block;
	color: #222222;
	font-size: 23px;
	font-family: 'Noto Sans Medium';
	margin-bottom: 10px;
}

/* line 1367, scss/common.scss */
.cont > h4.titSub {
	font-size: 20px;
}

/* line 1368, scss/common.scss */
.cont > h4.daas {
	position: relative;
	margin-top: 172px;
	text-indent: 127px;
	color: #000000;
	font-size: 25px;
	font-family: 'Noto Sans DemLight';
}

/* line 1369, scss/common.scss */
.cont > h4.daas span {
	font-family: 'Noto Sans Medium';
}

/* line 1370, scss/common.scss */
.cont > h4.daas:before {
	position: absolute;
	left: 0;
	top: -58px;
	display: block;
	content: '';
	width: 164px;
	height: 132px;
	background: url("../../images/lnb/img-boy-6.png") no-repeat center top;
}

/* line 1372, scss/common.scss */
.cont > h4.daas:after {
	position: absolute;
	left: 403px;
	top: -5px;
	display: block;
	content: '';
	width: 15px;
	height: 22px;
	background: url("../../images/ico/ico-daas.png") no-repeat center top;
}

/* line 1376, scss/common.scss */
.cont .dataTop {
	width: max-content;
	margin-bottom: 55px;
	padding-top: 25px;
}

/* line 1378, scss/common.scss */
.cont .dataTop .box {
	position: relative;
	width: 406px;
	height: 110px;
	float: left;
	margin-left: 18px;
	background: #fff;
	box-shadow: 0 2px 3px #ccc;
	border-radius: 5px;
}

/* line 1380, scss/common.scss */
.cont .dataTop .box .dataName {
	position: absolute;
	top: 10px;
	left: 15px;
	font-size: 16px;
	color: #fff;
	display: block;
	padding-left: 40px;
	height: 34px;
	line-height: 33px;
}

/* line 1381, scss/common.scss */
.cont .dataTop .box .dataNum {
	position: absolute;
	bottom: 20px;
	right: 25px;
	color: #fff;
}

/* line 1383, scss/common.scss */
.cont .dataTop .box .dataNum p {
	font-size: 28px;
	font-family: "Noto Sans Medium";
	display: inline-block;
}

/* line 1384, scss/common.scss */
.cont .dataTop .box .dataNum span {
	margin-left: 5px;
	font-size: 15px;
	display: inline-block;
}

/* line 1386, scss/common.scss */
.cont .dataTop .box.type01 {
	background: url("../../images/ico/bg-dataMain01.png") no-repeat;
}

/* line 1388, scss/common.scss */
.cont .dataTop .box.type01 .dataName {
	background: url("../../images/ico/ico-graph-st6.png") no-repeat;
}

/* line 1390, scss/common.scss */
.cont .dataTop .box.type02 {
	background: url("../../images/ico/bg-dataMain02.png") no-repeat;
}

/* line 1392, scss/common.scss */
.cont .dataTop .box.type02 .dataName {
	background: url("../../images/ico/ico-graph-st7.png") no-repeat;
}

/* line 1394, scss/common.scss */
.cont .dataTop .box.type03 {
	background: url("../../images/ico/bg-dataMain03.png") no-repeat;
}

/* line 1396, scss/common.scss */
.cont .dataTop .box.type03 .dataName {
	background: url("../../images/ico/ico-graph-st8.png") no-repeat;
}

/* line 1399, scss/common.scss */
.cont .dataTop .box:first-child {
	margin-left: 0;
}

/* line 1402, scss/common.scss */
.cont .download.left {
	width: 280px;
	height: 100%;
	border-radius: 5px 0 0 5px;
	background: #3673e2 url("../../images/common/bg-download.png") no-repeat left bottom;
}

/* line 1403, scss/common.scss */
.cont .download.left .txtArea {
	position: relative;
	height: 100%;
}

/* line 1404, scss/common.scss */
.cont .download.left .txtArea strong {
	display: inline-block;
	margin-bottom: 12px;
	padding: 20px 20px 0 20px;
	color: #fff;
	font-size: 22px;
	font-family: 'Noto Sans Medium';
}

/* line 1405, scss/common.scss */
.cont .download.left .txtArea strong .icoDownload {
	display: inline-block;
	width: 26px;
	height: 19px;
	margin-left: 6px;
	background: url("../../images/ico/ico-download.png");
}

/* line 1407, scss/common.scss */
.cont .download.left .txtArea p {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 13px;
	margin-left: 20px;
	color: #fff;
	font-size: 13px;
	font-family: '맑은 고딕';
	background: #2556c2;
	border-radius: 25px;
}

/* line 1408, scss/common.scss */
.cont .download.left .txtArea p.today {
	position: absolute;
	bottom: 30px;
	left: 30px;
	margin-left: 0;
}

/* line 1410, scss/common.scss */
.cont .download.left .txtArea .countNum {
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: #fedb17;
	font-size: 48px;
	font-family: 'Noto Sans Medium';
}

/* line 1413, scss/common.scss */
.cont .graphArea.right {
	float: left;
	width: 975px;
	height: 100%;
	margin-bottom: 0;
	border: 0;
	border-radius: 0 5px 5px 0;
	background: #fff;
}

/* line 1414, scss/common.scss */
.cont .graphArea.right .innerPd {
	padding: 10px;
}

/* line 1415, scss/common.scss */
.cont .graphArea.right .innerPd img {
	width: auto;
	height: auto;
}

/* line 1419, scss/common.scss */
.cont .daasContent {
	width: 1255px;
	padding: 27px 0;
	background: #acb3be;
	text-align: center;
	border-radius: 4px;
}

/* line 1420, scss/common.scss */
.cont .daasContent > li {
	display: inline-block;
	margin: 0 12px;
	color: #585858;
	font-size: 16px;
	font-family: "Noto Sans";
	text-align: center;
	background: #fff;
	border-radius: 5px;
}

/* line 1423, scss/common.scss */
.cont .daasContent > li:nth-child(1) a:before {
	display: inline-block;
	content: '';
	width: 19px;
	height: 18px;
	vertical-align: bottom;
	padding-bottom: 17px;
	padding-right: 5px;
	background: url("../../images/ico/ico-daas-01.png") no-repeat;
}

/* line 1425, scss/common.scss */
.cont .daasContent > li:nth-child(1) a:hover:before {
	background: url("../../images/ico/ico-daas-01-hover.png") no-repeat;
}

/* line 1428, scss/common.scss */
.cont .daasContent > li:nth-child(2) a:before {
	display: inline-block;
	content: '';
	width: 15px;
	height: 17px;
	vertical-align: bottom;
	padding-bottom: 16px;
	padding-right: 5px;
	background: url("../../images/ico/ico-daas-02.png") no-repeat;
}

/* line 1430, scss/common.scss */
.cont .daasContent > li:nth-child(2) a:hover:before {
	background: url("../../images/ico/ico-daas-02-hover.png") no-repeat;
}

/* line 1433, scss/common.scss */
.cont .daasContent > li:nth-child(3) a:before {
	display: inline-block;
	content: '';
	width: 20px;
	height: 17px;
	vertical-align: bottom;
	padding-bottom: 16px;
	padding-right: 5px;
	background: url("../../images/ico/ico-daas-03.png") no-repeat;
}

/* line 1435, scss/common.scss */
.cont .daasContent > li:nth-child(3) a:hover:before {
	background: url("../../images/ico/ico-daas-03-hover.png") no-repeat;
}

/* line 1437, scss/common.scss */
.cont .daasContent > li > a {
	display: inline-block;
	width: 370px;
	height: 52px;
	line-height: 52px;
}

/* line 1438, scss/common.scss */
.cont .daasContent > li:hover {
	color: #2b50bc;
	box-shadow: 0 0 5px #777;
	transition: all 0.3s;
}

/* line 1444, scss/common.scss */
.cont.innerTab .tabContWrap .tabNav .tabList > li {
	width: 50%;
}

/* line 1447, scss/common.scss */
.cont.innerTab .ansArea {
	display: none;
	padding: 20px 25px;
	background: #f6f6f7;
}

/* line 1448, scss/common.scss */
.cont.innerTab .ansArea p {
	display: inline-block;
	width: 920px;
	color: #686868;
	font-family: '맑은 고딕';
	vertical-align: top;
}

/* line 1449, scss/common.scss */
.cont.innerTab .ansArea .reply {
	position: relative;
	margin-left: 20px;
}

/* line 1450, scss/common.scss */
.cont.innerTab .ansArea .reply:before {
	position: absolute;
	left: -15px;
	top: 0;
	display: block;
	content: '';
	width: 11px;
	height: 11px;
	border-left: 1px solid #acacac;
	border-bottom: 1px solid #acacac;
}

/* line 1454, scss/common.scss */
.cont.innerTab .replyBox.active .innerReply, .cont.innerTab .replyBox.active .ansArea {
	display: block;
}

/* line 1456, scss/common.scss */
.cont.innerTab .innerReply {
	position: relative;
	display: none;
}

/* line 1457, scss/common.scss */
.cont.innerTab .commentBox .commentWrap {
	margin-bottom: 30px;
}

/* line 1458, scss/common.scss */
.cont.innerTab .replyList {
	padding-top: 0;
	margin-top: 12px;
}

/* line 1459, scss/common.scss */
.cont.innerTab .btnArea {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
}

/* line 1461, scss/common.scss */
.cont.innerTab .btnArea .myErrChk {
	display: inline-block;
}

/* line 1463, scss/common.scss */
.cont.innerTab .btnArea .myErrChk .checkbox label {
	width: auto;
	padding: 0 10px 0 35px;
	border: 1px solid #cbced2;
	border-radius: 3px;
	height: 32px;
	line-height: 31px;
	color: #686868;
	font-family: '맑은 고딕';
	font-weight: bold;
	background-position: 8px 5px;
	box-sizing: border-box;
}

/* line 1466, scss/common.scss */
.cont.innerTab .btnArea .myErrChk .checkbox:hover label {
	border: 1px solid #376fee;
	color: #2a58d0;
}

/* line 1468, scss/common.scss */
.cont.innerTab .btnArea .myErrChk .checkbox input[type="checkbox"]:checked + label {
	border: 1px solid #376fee;
	color: #2a58d0;
}

/* line 1471, scss/common.scss */
.cont.innerTab .btnArea button {
	color: #686868;
	font-weight: normal;
	border: 1px solid #cbced2;
	border-radius: 3px;
	background-repeat: no-repeat;
	text-align: left;
}

/* line 1472, scss/common.scss */
.cont.innerTab .btnArea button:hover {
	color: #2853d5;
	border: 1px solid #376fee;
}

/* line 1473, scss/common.scss */
.cont.innerTab .btnArea button.btnEnter {
	width: 68px;
	background-image: url("../../images/btn/ico-e-eval.png");
	background-position: 11px center;
	text-indent: 31px;
}

/* line 1474, scss/common.scss */
.cont.innerTab .btnArea button.btnEnter:hover {
	background-image: url("../../images/btn/ico-e-eval-hover.png");
}

/* line 1476, scss/common.scss */
.cont.innerTab .btnArea button.btnMyError {
	width: 149px;
	background-image: url("../../images/btn/ico-e-caution.png");
	background-position: 8px center;
	text-indent: 27px;
}

/* line 1477, scss/common.scss */
.cont.innerTab .btnArea button.btnMyError:hover {
	background-image: url("../../images/btn/ico-e-caution-hover.png");
}

/* line 1482, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .replyFileList {
	padding: 10px;
	margin: 10px 0 23px;
	border: 1px solid #e5e5e5;
}

/* line 1483, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .replyFileList a {
	position: relative;
	display: block;
	height: 24px;
	line-height: 24px;
	margin: 6px 0;
	padding-left: 30px;
	color: #2853d5;
	font-family: '맑은 고딕';
}

/* line 1484, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .replyFileList a:hover {
	text-decoration: underline;
}

/* line 1485, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .replyFileList a:before {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: '';
	width: 24px;
	height: 24px;
}

/* line 1486, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .replyFileList a.hwp:before {
	background: url("../../images/board/ico-file-hwp.png") no-repeat;
}

/* line 1487, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .replyFileList a.pdf:before {
	background: url("../../images/board/ico-file-pdf.png") no-repeat;
}

/* line 1488, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .replyFileList a.jpg:before {
	background: url("../../images/board/ico-file-jpg.png") no-repeat;
}

/* line 1489, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .replyFileList a.png:before {
	background: url("../../images/board/ico-file-png.png") no-repeat;
}

/* line 1490, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .replyFileList a.bmp:before {
	background: url("../../images/board/ico-file-bmp.png") no-repeat;
}

/* line 1491, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .replyFileList a.txt:before {
	background: url("../../images/board/ico-file-txt.png") no-repeat;
}

/* line 1492, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .replyFileList a.doc:before {
	background: url("../../images/board/ico-file-doc.png") no-repeat;
}

/* line 1493, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .replyFileList a.zip:before {
	background: url("../../images/board/ico-file-zip.png") no-repeat;
}

/* line 1494, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .replyFileList a.ppt:before {
	background: url("../../images/board/ico-file-ppt.png") no-repeat;
}

/* line 1495, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .replyFileList a.xlx:before {
	background: url("../../images/board/ico-file-xlx.png") no-repeat;
}

/* line 1499, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .row .btnArea {
	left: 0;
	top: auto;
	bottom: -35px;
	text-align: left;
}

/* line 1500, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .row button.btnFileSelect {
	width: 74px;
	height: 26px;
	text-indent: 20px;
	font-size: 12px;
	background: url("../../images/btn/ico-download.png") no-repeat 5px center;
}

/* line 1501, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .row button.btnFileSelect:hover {
	background: url("../../images/btn/ico-download-hover.png") no-repeat 5px center;
}

/* line 1503, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .row .btnGroup {
	position: absolute;
	right: 0;
	bottom: -36px;
	top: auto;
}

/* line 1504, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .row .btnGroup button {
	width: 37px;
	height: 37px;
}

/* line 1505, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .row .btnGroup button.btnListEdit {
	width: 28px;
	height: 27px;
	background: url("../../images/btn/btn-list-edit.png");
}

/* line 1506, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .row .btnGroup button.btnListEdit:hover {
	background: url("../../images/btn/btn-list-edit-hover.png");
}

/* line 1507, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .row .btnGroup button.btnListEdit.type2 {
	background: url("../../images/btn/btn-list-edit2.png");
}

/* line 1509, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .row .btnGroup button.btnListEdit.type2:hover {
	background: url("../../images/btn/btn-list-edit2-hover.png");
}

/* line 1512, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .row .btnGroup button.btnListRemove {
	width: 28px;
	height: 27px;
	background: url("../../images/btn/btn-list-remove.png");
}

/* line 1513, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .row .btnGroup button.btnListRemove.type2 {
	background: url("../../images/btn/btn-list-remove2.png");
}

/* line 1515, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .row .btnGroup button.btnListRemove.type2:hover {
	background: url("../../images/btn/btn-list-remove2-hover.png");
}

/* line 1517, scss/common.scss */
.cont.innerTab .replyBox .replyWrap .row .btnGroup button.btnListRemove:hover {
	background: url("../../images/btn/btn-list-remove-hover.png");
}

/* line 1524, scss/common.scss */
.cont .promoGroup {
	width: 100%;
	padding: 28px 0 0;
	border-top: 1px solid #888ea0;
	border-bottom: 1px solid #dbdbdb;
}

/* line 1525, scss/common.scss */
.cont .promoGroup .box {
	width: 25%;
	margin-bottom: 40px;
	float: left;
}

/* line 1526, scss/common.scss */
.cont .promoGroup .box .boxWrap {
	padding: 0 12px;
}

/* line 1527, scss/common.scss */
.cont .promoGroup .box .boxWrap .innerBox {
	border: 1px solid #cbcdd1;
	border-radius: 4px;
	box-sizing: border-box;
	max-height: 294px;
}

/* line 1528, scss/common.scss */
.cont .promoGroup .box .boxWrap .thumbArea {
	position: relative;
	width: 100%;
	height: 224px;
}

/* line 1529, scss/common.scss */
.cont .promoGroup .box .boxWrap .thumbArea .util {
	position: absolute;
	right: 10px;
	bottom: 10px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

/* line 1532, scss/common.scss */
.cont .promoGroup .box .boxWrap .thumbArea .util a {
	width: 20px;
	height: 20px;
	background-size: cover;
	transition: 0.3s;
}

/* line 1533, scss/common.scss */
.cont .promoGroup .box .boxWrap .thumbArea .util a.play {
	background: url("../../images/ico/ico_playGray.svg") no-repeat;
}

/* line 1534, scss/common.scss */
.cont .promoGroup .box .boxWrap .thumbArea .util a.down {
	background: url("../../images/ico/ico_downloadGray.svg") no-repeat;
}

/* line 1535, scss/common.scss */
.cont .promoGroup .box .boxWrap .thumbArea .util a.manual {
	background: url("../../images/ico/ico_manualGray.svg") no-repeat;
}

/* line 1536, scss/common.scss */
.cont .promoGroup .box .boxWrap .thumbArea .util a.hwp {
	background: url("../../images/ico/ico_hwpGray.svg") no-repeat;
}

/* line 1537, scss/common.scss */
.cont .promoGroup .box .boxWrap .thumbArea .util a.ppt {
	background: url("../../images/ico/ico_pptGray.svg") no-repeat;
}

/* line 1539, scss/common.scss */
.cont .promoGroup .box .boxWrap .thumbArea .util a:hover.play {
	background: url("../../images/ico/ico_playBlue.svg") no-repeat;
}

/* line 1540, scss/common.scss */
.cont .promoGroup .box .boxWrap .thumbArea .util a:hover.down {
	background: url("../../images/ico/ico_downloadBlue.svg") no-repeat;
}

/* line 1541, scss/common.scss */
.cont .promoGroup .box .boxWrap .thumbArea .util a:hover.manual {
	background: url("../../images/ico/ico_manualBlue.svg") no-repeat;
}

/* line 1542, scss/common.scss */
.cont .promoGroup .box .boxWrap .thumbArea .util a:hover.hwp {
	background: url("../../images/ico/ico_hwpBlue.svg") no-repeat;
}

/* line 1543, scss/common.scss */
.cont .promoGroup .box .boxWrap .thumbArea .util a:hover.ppt {
	background: url("../../images/ico/ico_pptBlue.svg") no-repeat;
}

/* line 1545, scss/common.scss */
.cont .promoGroup .box .boxWrap .thumbArea .util a:not(:first-child) {
	margin-left: 6px;
}

/* line 1549, scss/common.scss */
.cont .promoGroup .box .boxWrap .textArea {
	position: relative;
	padding: 12px 10px;
}

/* line 1550, scss/common.scss */
.cont .promoGroup .box .boxWrap .textArea strong {
	display: block;
	width: 182px;
	font-family: 'Noto Sans Medium';
	font-size: 15px;
	white-space: normal;
	line-height: 1.5;
	height: 3em;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* line 1553, scss/common.scss */
.cont .promoGroup .box .boxWrap .btnPromoDown {
	position: absolute;
	right: 10px;
	top: 11px;
	width: 25px;
	height: 25px;
	background: url("../../images/btn/btn-promo-down.png");
}

/* line 1554, scss/common.scss */
.cont .promoGroup .box .boxWrap .btnPromoDown:hover {
	background: url("../../images/btn/btn-promo-down-hover.png");
}

/* line 1557, scss/common.scss */
.cont .promoGroup .box .boxWrap:hover .innerBox {
	border: 2px solid #3673e2;
	box-shadow: 0 0 4px #888;
}

/* line 1561, scss/common.scss */
.cont .promoGroup.type02 {
	border-top: none;
	border-bottom: none;
	padding-top: 15px;
}

/* line 1563, scss/common.scss */
.cont .promoGroup.type02 .box {
	margin-bottom: 20px;
}

/* line 1565, scss/common.scss */
.cont .promoGroup.type02 .box .boxWrap .innerBox {
	max-height: 236px;
	overflow: hidden;
	transition: 0.3s;
}

/* line 1566, scss/common.scss */
.cont .promoGroup.type02 .box .boxWrap .innerBox .thumbArea {
	height: 179px;
}

/* line 1571, scss/common.scss */
.cont .promoGroup.type02 .box .boxWrap .innerBox .textArea {
	padding: 5px 10px;
}

/* line 1572, scss/common.scss */
.cont .promoGroup.type02 .box .boxWrap .innerBox .textArea strong {
	width: 100%;
}

/* line 1576, scss/common.scss */
.cont .promoGroup.type02 .box .boxWrap:hover .innerBox {
	border: 1px solid #3673e2;
	box-shadow: 0px 2px 7px #3673E2;
}

/*데이터 평가*/
/* line 1588, scss/common.scss */
.starBox {
	padding: 30px 0;
	border-top: 1px solid #777777;
	border-bottom: 1px solid #dee1e7;
}

/* line 1589, scss/common.scss */
.starBox .left:first-child {
	width: 280px;
	padding-top: 30px;
	margin: 0 auto;
	text-align: center;
	border-right: 1px solid #d6d9de;
}

/* line 1590, scss/common.scss */
.starBox .left:first-child .star.large {
	margin: 0 0 3px 0;
}

/* line 1591, scss/common.scss */
.starBox .left:first-child > p {
	color: #585858;
	font-size: 20px;
	font-family: 'Noto Sans';
}

/* line 1592, scss/common.scss */
.starBox .left:first-child > p .starPoint {
	color: #111111;
	font-size: 25px;
	font-family: 'Noto Sans Medium';
}

/* line 1594, scss/common.scss */
.starBox .left:first-child .btnArea {
	position: relative;
	margin-bottom: 20px;
}

/* line 1595, scss/common.scss */
.starBox .left:first-child .btnArea .btnEdit {
	width: 150px;
	height: 36px;
	border-radius: 5px;
	font-size: 15px;
	text-indent: 10px;
	background-image: url("../../images/btn/btn-edit.png");
	background-repeat: no-repeat;
	background-position: 30px center;
}

/* line 1597, scss/common.scss */
.starBox .left:first-child .btnArea .tooltip {
	position: absolute;
	left: 60px;
	top: 50px;
	width: 236px;
	height: 25px;
	line-height: 25px;
	border-radius: 50px;
	color: #fff;
	font-size: 12px;
	background: #3d3d3d;
	text-align: left;
}

/* line 1598, scss/common.scss */
.starBox .left:first-child .btnArea .tooltip .redDot {
	margin: 0 8px 1px;
}

/* line 1599, scss/common.scss */
.starBox .left:first-child .btnArea .tooltip:after {
	display: block;
	position: absolute;
	left: 10px;
	top: -10px;
	content: '';
	width: 14px;
	height: 10px;
	background: url("../../images/ico/ico-tooltip-triangle.png");
}

/* line 1603, scss/common.scss */
.starBox .left:last-child {
	padding: 4px 37px 0 30px;
}

/* line 1604, scss/common.scss */
.starBox .left:last-child .row {
	margin-bottom: 11px;
}

/* line 1605, scss/common.scss */
.starBox .left:last-child .progressGroup {
	width: 592px;
	height: 12px;
}

/* line 1606, scss/common.scss */
.starBox .left:last-child .evalGrey {
	display: inline-block;
	width: 71px;
	height: 24px;
	line-height: 24px;
	margin-right: 15px;
	border-radius: 50px;
	color: #585858;
	font-size: 12px;
	font-weight: bold;
	font-family: '맑은 고딕';
	background: #efefef;
	text-align: center;
}

/* 오류 등록*/
/* line 1613, scss/common.scss */
#content.errNew .meaning {
	border: 1px solid #cdd2d9;
}

/* line 1614, scss/common.scss */
#content.errNew .meaning p {
	color: #a8a8a8;
	padding: 10px 12px;
	text-align: left;
}

/* line 1616, scss/common.scss */
#content.errNew .commentBox {
	width: 100%;
	margin-top: 17px;
	margin-bottom: 30px;
	background: #f4f5f8;
	border: 1px solid #dbdbdb;
}

/* line 1617, scss/common.scss */
#content.errNew .commentBox .commentWrap {
	padding: 20px 15px;
	margin-bottom: 0;
	border-bottom: 1px solid #dbdbdb;
}

/* line 1618, scss/common.scss */
#content.errNew .commentBox .commentWrap textarea {
	height: 77px;
	padding: 14px;
}

/* line 1621, scss/common.scss */
#content.errNew .commentBox .commentSubmit {
	background: #fff;
}

/* line 1622, scss/common.scss */
#content.errNew .commentBox .commentSubmit .commentLength {
	float: left;
	height: 42px;
	line-height: 42px;
	text-indent: 20px;
	color: #999999;
	font-size: 12px;
	font-weight: normal;
	font-family: '맑은 고딕';
}

/* line 1623, scss/common.scss */
#content.errNew .commentBox .commentSubmit .btnSubmit {
	float: right;
	width: 120px;
	height: 42px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	font-family: "맑은 고딕";
	text-align: left;
	text-indent: 47px;
	background: #376fee url("../../images/btn/btn-reply.png") no-repeat 23px center;
}

/* line 1627, scss/common.scss */
#content.errNew .table table td input[type="text"] {
	width: 100%;
	height: 30px;
}

/* line 1629, scss/common.scss */
#content.errNew .replyBox .replyWrap {
	padding: 15px 10px;
}

/* line 1630, scss/common.scss */
#content.errNew .replyBox .replyWrap .tag {
	position: relative;
}

/* line 1631, scss/common.scss */
#content.errNew .replyBox .replyWrap .tag.ans {
	background: #30bbbe;
}

/* line 1633, scss/common.scss */
#content.errNew .replyBox .replyWrap .userName {
	color: #454545;
	font-weight: bold;
	vertical-align: text-bottom;
}

/* line 1634, scss/common.scss */
#content.errNew .replyBox .replyWrap .bar {
	margin-left: 5px;
}

/* line 1635, scss/common.scss */
#content.errNew .replyBox .replyWrap .comment {
	margin-top: 13px;
	color: #585858;
	font-size: 14px;
	font-family: '맑은 고딕';
}

/* line 1636, scss/common.scss */
#content.errNew .replyBox .replyWrap .btnGroup {
	top: 10px;
	right: 2px;
}

/* line 1640, scss/common.scss */
#content.errNew .replyBox.re-reply .replyWrap .textArea {
	padding-left: 25px;
}

/* line 1641, scss/common.scss */
#content.errNew .replyBox.re-reply .replyWrap .textArea .tag:before {
	position: absolute;
	left: -17px;
	top: 7px;
	content: '';
	display: block;
	width: 9px;
	height: 9px;
	background: url("../../images/ico/ico-re-reply.png");
}

/* line 1645, scss/common.scss */
#content.errNew .replyBox.re-re-reply .replyWrap .textArea {
	padding-left: 44px;
}

/* line 1646, scss/common.scss */
#content.errNew .replyBox.re-re-reply .replyWrap .textArea .tag:before {
	position: absolute;
	left: -17px;
	top: 7px;
	content: '';
	display: block;
	width: 9px;
	height: 9px;
	background: url("../../images/ico/ico-re-reply.png");
}

/* line 1651, scss/common.scss */
#content.errNew .btnArea button {
	width: 110px;
	height: 44px;
}

/*데이터셋*/
/* line 1656, scss/common.scss */
#content.dataSet .searchTotal {
	font-size: 23px;
	font-family: 'Noto Sans';
	padding: 30px 70px;
}

/* line 1657, scss/common.scss */
#content.dataSet .searchTotal strong {
	font-size: 23px;
	color: #222;
	font-family: "Noto Sans Medium";
}

/* line 1658, scss/common.scss */
#content.dataSet .searchTotal strong .blue {
	color: #2a58d0;
}

/* line 1660, scss/common.scss */
#content.dataSet .searchTotal.noResult {
	padding: 10px 70px 17px;
}

/* line 1664, scss/common.scss */
#content.dataSet .searchRelated {
	width: 100%;
}

/* line 1665, scss/common.scss */
#content.dataSet .searchRelated .boxWrap {
	padding: 20px 15px 10px;
}

/* line 1666, scss/common.scss */
#content.dataSet .searchRelated .boxWrap strong {
	float: left;
	margin-right: 15px;
	color: #454545;
	font-size: 14px;
	font-family: 'Noto Sans Medium';
}

/* line 1668, scss/common.scss */
#content.dataSet .searchRelated .wordType {
	margin-bottom: 12px;
	background: #f1f2f4;
	border-radius: 3px;
}

/* line 1669, scss/common.scss */
#content.dataSet .searchRelated .wordType .searchList {
	float: left;
	width: 880px;
	margin-top: 2px;
}

/* line 1670, scss/common.scss */
#content.dataSet .searchRelated .wordType .searchList > li {
	float: left;
	color: #2860e0;
	font-family: '맑은 고딕';
	font-weight: bold;
	margin: 0 13px 10px;
}

/* line 1673, scss/common.scss */
#content.dataSet .searchRelated .chartType {
	position: relative;
	border: 1px solid #dfdfdf;
	border-radius: 3px;
}

/* line 1674, scss/common.scss */
#content.dataSet .searchRelated .chartType .boxWrap {
	padding: 20px 0 0;
}

/* line 1675, scss/common.scss */
#content.dataSet .searchRelated .chartType .boxWrap > strong {
	width: 100%;
	margin-bottom: 17px;
	padding: 0 15px;
}

/* line 1677, scss/common.scss */
#content.dataSet .searchRelated .chartType .tabContWrap {
	display: none;
}

/* line 1678, scss/common.scss */
#content.dataSet .searchRelated .chartType .tabContWrap.active {
	display: block;
}

/* line 1679, scss/common.scss */
#content.dataSet .searchRelated .chartType .tabContWrap .tabNav {
	float: left;
	width: 163px;
}

/* line 1680, scss/common.scss */
#content.dataSet .searchRelated .chartType .tabContWrap .tabNav .tabList {
	width: 100%;
	border-top: 1px solid #e9e9e9;
}

/* line 1681, scss/common.scss */
#content.dataSet .searchRelated .chartType .tabContWrap .tabNav .tabList > li {
	float: none;
	border: 0;
	background: #f4f5f8;
	border-bottom: 1px solid #fff;
	font-size: 15px;
	color: #585858;
}

/* line 1682, scss/common.scss */
#content.dataSet .searchRelated .chartType .tabContWrap .tabNav .tabList > li:last-child {
	border-bottom: 0;
}

/* line 1683, scss/common.scss */
#content.dataSet .searchRelated .chartType .tabContWrap .tabNav .tabList > li.active, #content.dataSet .searchRelated .chartType .tabContWrap .tabNav .tabList > li:hover {
	background: #3673e2;
	color: #fff;
}

/* line 1687, scss/common.scss */
#content.dataSet .searchRelated .chartType .tabContWrap .tabCont {
	float: right;
	width: calc(100% - 163px);
	padding: 0;
	border-top: 1px solid #e9e9e9;
}

/* line 1688, scss/common.scss */
#content.dataSet .searchRelated .chartType .tabContWrap .chartArea {
	padding: 9px;
}

/* line 1690, scss/common.scss */
#content.dataSet .searchRelated .chartType .btnChartOpen, #content.dataSet .searchRelated .chartType .btnChartClose {
	position: absolute;
	right: 18px;
	top: 14px;
	display: none;
	width: 28px;
	height: 28px;
}

/* line 1691, scss/common.scss */
#content.dataSet .searchRelated .chartType .btnChartOpen.active, #content.dataSet .searchRelated .chartType .btnChartClose.active {
	display: block;
}

/* line 1692, scss/common.scss */
#content.dataSet .searchRelated .chartType .btnChartOpen:hover, #content.dataSet .searchRelated .chartType .btnChartClose:hover {
	box-shadow: 2px 2px 2px #ccc;
	border-radius: 50px;
}

/* line 1694, scss/common.scss */
#content.dataSet .searchRelated .chartType .btnChartOpen {
	background: url("../../images/btn/btn-chart-open.png");
}

/* line 1695, scss/common.scss */
#content.dataSet .searchRelated .chartType .btnChartOpen:hover {
	background: url("../../images/btn/btn-chart-open-hover.png");
}

/* line 1697, scss/common.scss */
#content.dataSet .searchRelated .chartType .btnChartClose {
	background: url("../../images/btn/btn-chart-close.png");
}

/* line 1698, scss/common.scss */
#content.dataSet .searchRelated .chartType .btnChartClose:hover {
	background: url("../../images/btn/btn-chart-close-hover.png");
}

/* line 1702, scss/common.scss */
#content.dataSet .searchFilter {
	position: absolute;
	z-index: 100;
	left: 47px;
	top: -28px;
	width: 1032px;
	margin-bottom: 60px;
	border: 1px solid #dfdfdf;
	border-radius: 3px;
	background: #fff;
	border: 2px solid #3673e2;
}

/* line 1704, scss/common.scss */
#content.dataSet .searchFilter .boxWrap {
	position: relative;
	padding: 20px 15px;
}

/* line 1705, scss/common.scss */
#content.dataSet .searchFilter .boxWrap strong {
	color: #454545;
	font-size: 17px;
	font-family: 'Noto Sans Medium';
}

/* line 1706, scss/common.scss */
#content.dataSet .searchFilter .boxWrap .btnFilterReset {
	position: absolute;
	right: 70px;
	top: 16px;
	width: 73px;
	height: 26px;
	color: #787878;
	border-radius: 50px;
	text-indent: 20px;
	background: url("../../images/btn/btn-filter-reset.png") no-repeat 8px center;
}

/* line 1708, scss/common.scss */
#content.dataSet .searchFilter .boxWrap .btnFilterReset:hover {
	color: #222222;
	background: #f1f2f4 url("../../images/btn/btn-filter-reset-hover.png") no-repeat 8px center;
}

/* line 1711, scss/common.scss */
#content.dataSet .searchFilter .btnFilterClose {
	position: absolute;
	right: 30px;
	top: 13px;
	width: 34px;
	height: 34px;
	background-repeat: no-repeat;
}

/* line 1712, scss/common.scss */
#content.dataSet .searchFilter .btnFilterClose.active {
	display: inline-block;
}

/* line 1714, scss/common.scss */
#content.dataSet .searchFilter .btnFilterClose {
	background-image: url("../../images/btn/btn-filter-close.png");
}

/* line 1716, scss/common.scss */
#content.dataSet .titleGroup {
	border-bottom: 0;
}

/* line 1720, scss/common.scss */
#content.dataSet .titFilter {
	margin-top: 7px;
}

/* line 1721, scss/common.scss */
#content.dataSet .titFilter > li {
	float: left;
	width: 23.2%;
	margin-right: 2%;
	text-align: center;
	background: #d2d5d9;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
}

/* line 1722, scss/common.scss */
#content.dataSet .titFilter > li:last-child {
	margin-right: 0;
}

/* line 1723, scss/common.scss */
#content.dataSet .titFilter > li > a {
	display: block;
	height: 37px;
	line-height: 37px;
	color: #585858;
	font-size: 14px;
	font-family: '맑은 고딕';
	font-weight: bold;
}

/* line 1724, scss/common.scss */
#content.dataSet .titFilter > li > a:hover {
	color: #222;
}

/* line 1726, scss/common.scss */
#content.dataSet .titFilter > li .innerFilter {
	width: 100%;
	height: 154px;
	padding: 7px 0;
	background: #fff;
	text-align: left;
	border-top: 1px solid #e4e4e4;
}

/* line 1727, scss/common.scss */
#content.dataSet .titFilter > li .innerFilter.active {
	display: block;
}

/* line 1728, scss/common.scss */
#content.dataSet .titFilter > li .innerFilter .mCSB_outside + .mCSB_scrollTools {
	right: -8px;
}

/* line 1729, scss/common.scss */
#content.dataSet .titFilter > li .innerFilter li {
	padding: 7px 14px;
}

/* line 1730, scss/common.scss */
#content.dataSet .titFilter > li .innerFilter li .checkbox {
	width: auto;
}

/* line 1731, scss/common.scss */
#content.dataSet .titFilter > li .innerFilter li .checkbox label {
	display: inline-block;
	width: auto;
	color: #454545;
	font-size: 13px;
	font-family: '맑은 고딕';
}

/* line 1737, scss/common.scss */
#content.dataSet .selectFilter.active {
	display: block;
}

/* line 1738, scss/common.scss */
#content.dataSet .selectFilter .boxWrap {
	border-top: 1px solid #e5e5e5;
	background: #f4f5f8;
}

/* line 1739, scss/common.scss */
#content.dataSet .selectFilter .boxWrap strong {
	float: left;
	font-size: 16px;
}

/* line 1740, scss/common.scss */
#content.dataSet .selectFilter .boxWrap .filterList {
	float: left;
	width: 880px;
}

/* line 1741, scss/common.scss */
#content.dataSet .selectFilter .boxWrap .filterList li {
	float: left;
	color: #2860e0;
	font-size: 13px;
	font-family: '맑은 고딕';
	font-weight: bold;
}

/* line 1742, scss/common.scss */
#content.dataSet .selectFilter .boxWrap .filterList li a {
	display: inline-block;
	margin: 3px 0 7px 27px;
	padding-right: 20px;
	background: url("../../images/btn/btn-filter-remove.png") no-repeat right center;
}

/* line 1749, scss/common.scss */
#content.dataSet .titleGroup .right button {
	margin-right: 12px;
	color: #909090;
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
}

/* line 1750, scss/common.scss */
#content.dataSet .titleGroup .right button:hover {
	color: #454545;
	font-weight: bold;
}

/* line 1751, scss/common.scss */
#content.dataSet .titleGroup .right button.btnAscending {
	background-image: url("../../images/btn/btn-ascending.png");
}

/* line 1752, scss/common.scss */
#content.dataSet .titleGroup .right button.btnAscending:hover {
	background-image: url("../../images/btn/btn-ascending-hover.png");
}

/* line 1754, scss/common.scss */
#content.dataSet .titleGroup .right button.btnDescending {
	background-image: url("../../images/btn/btn-descending.png");
}

/* line 1755, scss/common.scss */
#content.dataSet .titleGroup .right button.btnDescending:hover {
	background-image: url("../../images/btn/btn-descending-hover.png");
}

/* line 1758, scss/common.scss */
#content.dataSet .titleGroup .right select {
	display: inline-block;
	width: 97px;
	height: 30px;
}

/* line 1761, scss/common.scss */
#content.dataSet .tabNav {
	margin-top: -41px;
}

/* line 1762, scss/common.scss */
#content.dataSet .listWrap {
	padding: 0;
}

/* line 1763, scss/common.scss */
#content.dataSet .listWrap .listBox {
	padding: 0;
}

/* line 1764, scss/common.scss */
#content.dataSet .listWrap .listBox .textArea {
	width: 100%;
}

/* line 1765, scss/common.scss */
#content.dataSet .listWrap .listBox .recommendArea {
	right: 14px;
}

/*데이터 담기*/
/* line 1772, scss/common.scss */
#content.dataCart i.right {
	margin-top: 7px;
	font-style: normal;
	color: #929aab;
	font-family: '맑은 고딕';
	font-size: 12px;
}

/* line 1774, scss/common.scss */
#content.dataCart .btnArea button {
	width: 110px;
	height: 44px;
}

/* line 1777, scss/common.scss */
#content.dataCart .table.mScroll .mCSB_outside + .mCSB_scrollTools {
	right: -4px;
	top: 40px;
}

/* line 1780, scss/common.scss */
.btnAllView {
	width: 150px;
	height: 38px;
	border-radius: 4px;
	border: 1px solid #cbced2;
	color: #585858;
	font-size: 14px;
	font-weight: bold;
	font-family: '맑은 고딕';
	text-align: left;
	text-indent: 10px;
	background: url("../../images/btn/btn-allview.png") no-repeat right 10px center;
}

/* line 1782, scss/common.scss */
.btnAllView:hover {
	color: #2a5fd9;
	border: 1px solid #376fee;
}

/* line 1783, scss/common.scss */
.btnAllView .red {
	display: inline-block;
	margin-top: -4px;
	text-indent: 0;
	font-size: 17px;
	color: #ed485b;
}

/* line 1785, scss/common.scss */
.btnReport {
	width: 111px;
	height: 38px;
	border-radius: 4px;
	border: 1px solid #cbced2;
	color: #585858;
	font-size: 14px;
	font-weight: bold;
	font-family: '맑은 고딕';
	text-align: left;
	text-indent: 43px;
	background: url("../../images/btn/btn-report.png") no-repeat 20px center;
}

/* line 1787, scss/common.scss */
.btnReport:hover {
	color: #2a5fd9;
	border: 1px solid #376fee;
}

/* line 1789, scss/common.scss */
.progressGroup {
	position: relative;
	display: inline-block;
}

/* line 1790, scss/common.scss */
.progressGroup .progressBg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #eaecef;
	border-radius: 50px;
}

/* line 1791, scss/common.scss */
.progressGroup .progressPercent {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-radius: 50px;
}

/* line 1792, scss/common.scss */
.progressGroup .progressPercent.eval5 {
	background: #5a8dff;
}

/* line 1793, scss/common.scss */
.progressGroup .progressPercent.eval4 {
	background: #6fbcff;
}

/* line 1794, scss/common.scss */
.progressGroup .progressPercent.eval3 {
	background: #61ddcd;
}

/* line 1795, scss/common.scss */
.progressGroup .progressPercent.eval2 {
	background: #8c94f8;
}

/* line 1796, scss/common.scss */
.progressGroup .progressPercent.eval1 {
	background: #c48afa;
}

/*리스트 상단*/
/* line 1802, scss/common.scss */
.dataInformation {
	width: 100%;
	background: #3673e2;
	border-radius: 5px;
}

/* line 1803, scss/common.scss */
.dataInformation .dataWrap {
	padding: 24px 28px;
}

/* line 1804, scss/common.scss */
.dataInformation .dataWrap > h4 {
	position: relative;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 10px;
	color: #fff;
	font-size: 22px;
	text-indent: 40px;
	font-family: 'Noto Sans Medium';
	font-weight: normal;
}

/* line 1805, scss/common.scss */
.dataInformation .dataWrap > h4:before {
	position: absolute;
	left: 0;
	top: 10px;
	display: block;
	content: '';
	width: 24px;
	height: 18px;
	background: url("../../images/bullet/bullet-dataInformation.png");
}

/* line 1808, scss/common.scss */
.dataInformation .dataWrap i {
	display: inline-block;
	padding: 5px 14px;
	color: #caddff;
	font-size: 13px;
	text-indent: 14px;
	vertical-align: text-bottom;
	font-family: '맑은 고딕';
	border-radius: 50px;
	font-style: normal;
	background: #215dc9 url("../../images/ico/ico-clock.png") no-repeat 9px center;
}

/* line 1812, scss/common.scss */
.dataInformation .dataContWrap {
	width: 100%;
}

/* line 1813, scss/common.scss */
.dataInformation .dataContWrap .dataCont {
	float: left;
	width: 194px;
	background: #fff;
	border-radius: 5px;
	margin-right: 14px;
}

/* line 1814, scss/common.scss */
.dataInformation .dataContWrap .dataCont:last-child {
	margin-right: 0;
}

/* line 1815, scss/common.scss */
.dataInformation .dataContWrap .dataCont .box {
	position: relative;
	padding: 20px;
}

/* line 1816, scss/common.scss */
.dataInformation .dataContWrap .dataCont .box strong {
	color: #111111;
	font-size: 16px;
	font-family: 'Noto Sans Medium';
}

/* line 1817, scss/common.scss */
.dataInformation .dataContWrap .dataCont .box img {
	position: absolute;
	right: 18px;
	top: 20px;
}

/* line 1818, scss/common.scss */
.dataInformation .dataContWrap .dataCont .box p {
	margin-top: 10px;
	color: #868686;
	font-size: 15px;
	font-family: 'Noto Sans Medium';
	text-align: right;
}

/* line 1819, scss/common.scss */
.dataInformation .dataContWrap .dataCont .box p:last-child {
	margin-top: 0;
}

/* line 1820, scss/common.scss */
.dataInformation .dataContWrap .dataCont .box p .counting {
	font-size: 20px;
	color: #000000;
	font-family: 'Noto Sans Medium';
}

/* line 1821, scss/common.scss */
.dataInformation .dataContWrap .dataCont .box p .counting.blue {
	color: #1b59c8;
	font-size: 25px;
}

/* line 1822, scss/common.scss */
.dataInformation .dataContWrap .dataCont .box p .counting.green {
	color: #1ba0ba;
	font-size: 25px;
}

/* line 1823, scss/common.scss */
.dataInformation .dataContWrap .dataCont .box p .counting.purple {
	color: #4325a4;
	font-size: 25px;
}

/* line 1827, scss/common.scss */
.dataInformation .dataContWrap .dataCont.total {
	width: 355px;
}

/* line 1828, scss/common.scss */
.dataInformation .dataContWrap .dataCont.total .box {
	padding-bottom: 12px;
}

/* line 1829, scss/common.scss */
.dataInformation .dataContWrap .dataCont.total ul > li {
	float: left;
	width: 25%;
	text-align: center;
}

/* line 1830, scss/common.scss */
.dataInformation .dataContWrap .dataCont.total ul > li b, .dataInformation .dataContWrap .dataCont.total ul > li span {
	display: block;
}

/* line 1831, scss/common.scss */
.dataInformation .dataContWrap .dataCont.total ul > li b {
	margin-bottom: 5px;
	font-size: 15px;
	color: #454545;
	font-family: 'Noto Sans Medium';
}

/* line 1832, scss/common.scss */
.dataInformation .dataContWrap .dataCont.total ul > li .count {
	font-size: 23px;
	color: #454545;
	font-family: "Noto Sans Medium";
}

/* line 1833, scss/common.scss */
.dataInformation .dataContWrap .dataCont.total ul > li .percent {
	width: 50px;
	height: 20px;
	line-height: 20px;
	margin: 5px auto 11px;
	color: #fff;
	font-size: 14px;
	font-family: '맑은 고딕';
	font-weight: bold;
	border-radius: 50px;
	background: #a5aab3;
}

/* line 1835, scss/common.scss */
.dataInformation .dataContWrap .dataCont.total ul > li .progressBar {
	position: relative;
	width: 50px;
	height: 8px;
	margin: 0 auto;
	border-radius: 50px;
	background: #dfe3e6;
}

/* line 1836, scss/common.scss */
.dataInformation .dataContWrap .dataCont.total ul > li .progressBar .progress {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-radius: 50px;
	background: #a5aab3;
}

/* line 1839, scss/common.scss */
.dataInformation .dataContWrap .dataCont.total ul > li.purple .count {
	color: #434fe5;
}

/* line 1840, scss/common.scss */
.dataInformation .dataContWrap .dataCont.total ul > li.purple .percent, .dataInformation .dataContWrap .dataCont.total ul > li.purple .progressBar .progress {
	background: #7688f7;
}

/* line 1843, scss/common.scss */
.dataInformation .dataContWrap .dataCont.total ul > li.green .count {
	color: #27a985;
}

/* line 1844, scss/common.scss */
.dataInformation .dataContWrap .dataCont.total ul > li.green .percent, .dataInformation .dataContWrap .dataCont.total ul > li.green .progressBar .progress {
	background: #5fceaf;
}

/* line 1847, scss/common.scss */
.dataInformation .dataContWrap .dataCont.total ul > li.blue .count {
	color: #1376d3;
}

/* line 1848, scss/common.scss */
.dataInformation .dataContWrap .dataCont.total ul > li.blue .percent, .dataInformation .dataContWrap .dataCont.total ul > li.blue .progressBar .progress {
	background: #5498f4;
}

/* line 1857, scss/common.scss */
.cont.list .toggleStyleWrap .toggleStyle {
	top: -42px;
}

/* line 1858, scss/common.scss */
.cont.list .toggleStyleWrap .contStyle {
	padding-top: 0;
}

/* line 1864, scss/common.scss */
.infoArea {
	background: #f3f5f8;
	border-radius: 5px;
}

/* line 1865, scss/common.scss */
.infoArea .infoWrap {
	padding: 25px 23px;
}

/* line 1866, scss/common.scss */
.infoArea .infoWrap strong {
	display: inline-block;
	margin-bottom: 10px;
	color: #111;
	font-size: 19px;
	font-family: 'Noto Sans Medium';
}

/* line 1867, scss/common.scss */
.infoArea .infoWrap i {
	margin-left: 10px;
	color: #767b85;
	font-size: 13px;
	font-family: '맑은 고딕';
	font-style: normal;
}

/* line 1868, scss/common.scss */
.infoArea .infoWrap i .blue {
	color: #205ecf;
	font-weight: bold;
}

/* line 1870, scss/common.scss */
.infoArea .infoWrap .left {
	width: 655px;
}

/* line 1871, scss/common.scss */
.infoArea .infoWrap .right {
	width: 322px;
}

/* line 1872, scss/common.scss */
.infoArea .infoWrap .right .graphArea {
	height: 692px;
	margin-top: 32px;
	background: #fff;
}

/* line 1876, scss/common.scss */
.infoArea .infoWrap .box strong {
	display: block;
	margin-bottom: 8px;
	color: #333333;
	font-size: 16px;
	font-family: 'Noto Sans Medium';
	text-indent: 0;
}

/* line 1877, scss/common.scss */
.infoArea .infoWrap .box .graphArea {
	border: 0;
}

/* line 1879, scss/common.scss */
.infoArea .infoWrap .box.col4 .graphArea {
	margin-bottom: 0;
	height: 305px;
	background: #fff;
}

/* line 1882, scss/common.scss */
.infoArea .infoWrap .box.col3 .graphArea {
	height: 289px;
	background: #fff;
}

/* line 1884, scss/common.scss */
.infoArea .infoWrap .box.col {
	float: left;
	width: 32%;
	padding-right: 2%;
}

/* line 1885, scss/common.scss */
.infoArea .infoWrap .box.col:first-child .graphArea {
	background: #fff;
}

/* line 1886, scss/common.scss */
.infoArea .infoWrap .box.col:nth-child(2) .graphArea {
	background: #fff;
}

/* line 1887, scss/common.scss */
.infoArea .infoWrap .box.col:last-child {
	padding-right: 0;
}

/* line 1888, scss/common.scss */
.infoArea .infoWrap .box.col:last-child .graphArea {
	background: #fff;
}

/* line 1890, scss/common.scss */
.infoArea .infoWrap .box.col .graphArea {
	height: 278px;
}

/* line 1895, scss/common.scss */
.listWrap {
	padding: 24px 0;
	background: #fff;
}

/* line 1897, scss/common.scss */
.listWrap.dataSet .date {
	display: inline-block;
	margin-left: 13px;
	color: #999999;
	font-size: 14px;
	font-family: '맑은 고딕';
}

/* line 1899, scss/common.scss */
.listWrap.noPd {
	padding-top: 12px;
}

/* line 1900, scss/common.scss */
.listWrap.noPd .listBox {
	padding: 0;
}

/* line 1902, scss/common.scss */
.listWrap .listBox {
	padding: 0 14px;
}

/* line 1903, scss/common.scss */
.listWrap .listBox:first-child .boxWrap {
	border-top: 1px solid #777777;
}

/* line 1904, scss/common.scss */
.listWrap .listBox .boxWrap {
	position: relative;
	padding: 24px 14px;
	border-bottom: 1px solid #e5e5e5;
}

/* line 1905, scss/common.scss */
.listWrap .listBox .boxWrap:after {
	clear: both;
	display: block;
	content: '';
}

/* line 1906, scss/common.scss */
.listWrap .listBox .boxWrap:hover {
	background: #f3f6fc;
}

/* line 1908, scss/common.scss */
.listWrap .listBox .left {
	width: 44px;
	margin-top: 4px;
}

/* line 1909, scss/common.scss */
.listWrap .listBox .textArea {
	float: left;
}

/* line 1910, scss/common.scss */
.listWrap .listBox .textArea .tag {
	margin-right: 5px;
}

/* line 1911, scss/common.scss */
.listWrap .listBox .textArea strong {
	font-size: 17px;
	display: block;
	color: #222;
	font-family: 'Noto Sans Medium';
	margin: 0 0 13px;
	width: 520px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* line 1915, scss/common.scss */
.listWrap .listBox .textArea p {
	display: block;
	width: 520px;
	font-size: 14px;
	font-family: '맑은 고딕';
	line-height: 25px;
}

/* line 1917, scss/common.scss */
.listWrap .listBox .recommendArea {
	position: absolute;
	right: 30px;
	bottom: 24px;
}

/* line 1918, scss/common.scss */
.listWrap .listBox .recommendArea .icoGroup {
	padding-bottom: 0;
}

/* line 1920, scss/common.scss */
.listWrap .listBox .recommendArea .infoGroup b {
	margin-right: 15px;
	color: #828282;
	font-family: '맑은 고딕';
	font-weight: normal;
}

/* line 1921, scss/common.scss */
.listWrap .listBox .recommendArea .infoGroup b:last-child {
	margin-right: 0;
}

/* line 1928, scss/common.scss */
span.bullet {
	display: inline-block;
	width: 28px;
	height: 28px;
	margin-right: 5px;
	vertical-align: top;
}

/* line 1929, scss/common.scss */
span.bullet.polygon {
	background: url("../../images/bullet/bullet-polygon.png");
}

/* line 1930, scss/common.scss */
span.bullet.dot {
	background: url("../../images/bullet/bullet-dot.png");
}

/* line 1931, scss/common.scss */
span.bullet.line {
	background: url("../../images/bullet/bullet-line.png");
}

/* line 1932, scss/common.scss */
span.bullet.text {
	background: url("../../images/bullet/bullet-text.png");
}

/* line 1937, scss/common.scss */
.dataStatus.col3 .box {
	width: 406px;
}

/* line 1939, scss/common.scss */
.dataStatus .box {
	float: left;
	width: 300px;
	margin-right: 15px;
	border: 1px solid #e5e5e5;
	background: #fff;
	box-shadow: 0 0 5px #ccc;
}

/* line 1940, scss/common.scss */
.dataStatus .box:last-child {
	margin-right: 0;
}

/* line 1941, scss/common.scss */
.dataStatus .box .txtCenter {
	text-align: center;
}

/* line 1942, scss/common.scss */
.dataStatus .box .boxWrap {
	position: relative;
	padding: 22px 30px;
}

/* line 1943, scss/common.scss */
.dataStatus .box .boxWrap strong {
	display: block;
	color: #333333;
	font-size: 18px;
	font-family: 'Noto Sans Medium';
}

/* line 1944, scss/common.scss */
.dataStatus .box .boxWrap strong i {
	color: #888888;
	font-size: 12px;
	font-family: '맑은 고딕';
	font-style: normal;
}

/* line 1946, scss/common.scss */
.dataStatus .box .boxWrap .btnMore {
	position: absolute;
	right: 13px;
	top: 24px;
	width: 34px;
	height: 34px;
	background: url("../../images/btn/btn-more.png");
}

/* line 1947, scss/common.scss */
.dataStatus .box .boxWrap .btnMore:hover {
	background: url("../../images/btn/btn-more-hover.png");
}

/* line 1949, scss/common.scss */
.dataStatus .box .boxWrap .titleArea {
	display: inline-block;
	margin: 22px 5px 8px 5px;
}

/* line 1950, scss/common.scss */
.dataStatus .box .boxWrap .statusTotal {
	width: 100%;
	height: 44px;
	line-height: 44px;
	margin-bottom: 24px;
	background: #3673e2;
	border-radius: 5px;
}

/* line 1951, scss/common.scss */
.dataStatus .box .boxWrap .statusTotal p {
	color: #fff;
	font-size: 16px;
	font-family: 'Noto Sans Medium';
	text-align: center;
}

/* line 1952, scss/common.scss */
.dataStatus .box .boxWrap .statusTotal p span {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding: 0 8px;
	margin-right: 5px;
	font-size: 11px;
	font-family: 'Noto Sans';
	background: #1e3e99;
	border-radius: 20px;
	vertical-align: top;
	margin-top: 12px;
}

/* line 1956, scss/common.scss */
.dataStatus .box .boxWrap .graphArea {
	height: 220px;
	margin-bottom: 0;
	border: 0;
}

/* line 1960, scss/common.scss */
.dataStatus.col1 .titDataCollection {
	display: block;
	height: 34px;
	margin-top: 37px;
	line-height: 33px;
	padding-left: 40px;
	font-size: 18px;
	color: #222222;
	font-family: "Noto Sans Medium";
	background: url("../../images/ico/ico-graph-st5.png") no-repeat;
}

/* line 1962, scss/common.scss */
.dataStatus.col1 .titDataCollection + .box {
	margin-top: 12px;
	min-height: 208px;
}

/* line 1964, scss/common.scss */
.dataStatus.col1 .box {
	width: 1255px;
}

/* 상세설명 */
/* line 1970, scss/common.scss */
.expBox {
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	background: #eef3fa;
}

/* line 1971, scss/common.scss */
.expBox .expWrap {
	padding: 24px 28px;
	background: url("../../images/ico/ico-exp-filedata.png") no-repeat 28px 24px;
}

/* line 1972, scss/common.scss */
.expBox strong {
	margin-left: 68px;
	color: #222;
	font-size: 19px;
	font-family: "Noto Sans Medium";
}

/* line 1973, scss/common.scss */
.expBox p {
	margin-left: 68px;
	margin-top: 6px;
	color: #686868;
	font-size: 14px;
	font-family: "맑은 고딕";
}

/* line 1974, scss/common.scss */
.expBox .btnBookmark {
	position: absolute;
	right: 17px;
	top: 25px;
	width: 77px;
	height: 28px;
	color: #585858;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	text-indent: 23px;
	background: #fff url("../../images/btn/btn-bookmark.png") no-repeat 6px center;
	border: 1px solid #d6d9de;
}

/* line 1976, scss/common.scss */
.expBox .btnBookmark:hover, .expBox .btnBookmark:active {
	border: 1px solid #4067de;
	color: #4067de;
	font-weight: bold;
	background: #fff url("../../images/btn/btn-bookmark-hover.png") no-repeat 6px center;
}

/* line 1979, scss/common.scss */
.btnBookmarkLarge {
	position: absolute;
	right: 0;
	top: 0px;
	width: 34px;
	height: 34px;
	background: url("../../images/btn/btn-bookmark-large.png");
}

/* 우측메뉴(aside) */
/* line 1981, scss/common.scss */
aside {
	background: #f4f5f8;
}

/* line 1982, scss/common.scss */
aside dl {
	padding: 6px 9px;
	margin-bottom: 2px;
}

/* line 1983, scss/common.scss */
aside dl dt {
	height: 48px;
	line-height: 48px;
	color: #333333;
	font-size: 18px;
	font-family: "Noto Sans Medium";
	box-sizing: border-box;
	text-indent: 7px;
}

/* line 1985, scss/common.scss */
aside dl dd {
	position: relative;
	width: 100%;
	height: 38px;
	margin-top: 6px;
	color: #787878;
	font-size: 14px;
	font-family: "맑은 고딕";
	box-sizing: border-box;
	transition: 0.25s;
}

/* line 1987, scss/common.scss */
aside dl dd.apply {
	height: auto;
}

/* line 1988, scss/common.scss */
aside dl dd.btnGroup {
	height: auto;
}

/* line 1989, scss/common.scss */
aside dl dd .typeSelect {
	display: inline-block;
	width: 100%;
}

/* line 1990, scss/common.scss */
aside dl dd .typeSelect .radioGroup {
	display: none;
	text-align: left;
	border: 1px solid #cdd2d9;
	border-top: 0;
}

/* line 1991, scss/common.scss */
aside dl dd .typeSelect .radioGroup .radio {
	display: inline-block;
	height: 38px;
	margin-left: 8px;
	line-height: 38px;
}

/* line 1993, scss/common.scss */
aside dl dd .typeSelect .radioGroup .radio label {
	display: block;
	width: auto;
	height: 38px;
	color: #777777;
	font-weight: bold;
	font-size: 13px;
	line-height: 38px;
	padding-left: 22px;
	background-position: left center;
}

/* line 1994, scss/common.scss */
aside dl dd .typeSelect .radioGroup .radio input[type='radio']:checked + label {
	color: #454545;
}

/* line 1998, scss/common.scss */
aside dl dd select {
	padding: 0 15px;
}

/* line 1999, scss/common.scss */
aside dl dd .innerDepth {
	display: block;
}

/* line 2000, scss/common.scss */
aside dl dd .innerDepth p {
	position: relative;
	line-height: 20px;
	margin-bottom: 4px;
	padding: 0 6px;
	color: #686868;
	font-size: 13px;
	font-weight: bold;
}

/* line 2001, scss/common.scss */
aside dl dd .innerDepth p:after {
	position: absolute;
	left: 12px;
	top: 8px;
	display: block;
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 50px;
	background: #a6abb0;
}

/* line 2002, scss/common.scss */
aside dl dd .innerDepth p.local {
	width: 125px;
	line-height: inherit;
	margin: 20px auto 11px;
	padding: 15px 15px 10px;
	text-indent: 0;
	color: #3f3f3f;
	font-size: 14px;
	border-radius: 5px;
	background: #fff;
}

/* line 2004, scss/common.scss */
aside dl dd .innerDepth p.local:after {
	display: none;
}

/* line 2005, scss/common.scss */
aside dl dd .innerDepth p.local:before {
	position: absolute;
	left: calc(50% - 17px);
	top: -17px;
	display: block;
	width: 35px;
	height: 35px;
	content: '';
	background: #fff url("../../images/common/ico-local.png") no-repeat 11px center;
	border-radius: 50px;
}

/* line 2008, scss/common.scss */
aside dl dd .innerDepth p > span {
	display: inline-block;
	padding: 0 9px;
	height: 19px;
	margin-left: 6px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border-radius: 19px;
	text-align: center;
	text-indent: 0;
}

/* line 2010, scss/common.scss */
aside dl dd .innerDepth p > span.blue {
	background: #3673e2;
}

/* line 2011, scss/common.scss */
aside dl dd .innerDepth p > span.grey {
	background: #a6abb0;
}

/* line 2012, scss/common.scss */
aside dl dd .innerDepth p > span.red {
	background: #f4697a;
}

/* line 2016, scss/common.scss */
aside dl dd .btnClose {
	position: absolute;
	right: 8px;
	top: 10px;
	display: none;
	width: 21px;
	height: 21px;
	margin-top: 0;
	background: url("../../images/btn/btn-close-type2.png");
}

/* line 2017, scss/common.scss */
aside dl dd .btnClose:hover {
	background: url("../../images/btn/btn-close-hover.png");
}

/* line 2019, scss/common.scss */
aside dl dd > a {
	position: relative;
	line-height: 38px;
}

/* line 2020, scss/common.scss */
aside dl dd > a:after {
	position: absolute;
	left: 134px;
	top: 6px;
	display: block;
	content: '';
	width: 14px;
	height: 8px;
	background: url("../../images/common/btn-depthOpen.png");
}

/* line 2023, scss/common.scss */
aside dl dd div.landPop {
	position: relative;
	height: auto;
	padding: 9px 0;
	margin-top: 10px;
	color: #333333;
	font-weight: bold;
	background: #e7e9ed;
	text-indent: 15px;
	border: 1px solid #dbdfe5;
}

/* line 2024, scss/common.scss */
aside dl dd div.landPop:first-child {
	margin-top: 0;
}

/* line 2025, scss/common.scss */
aside dl dd div.landPop .innerDepth {
	display: block;
}

/* line 2026, scss/common.scss */
aside dl dd div.landPop .btnClose {
	display: block;
}

/* line 2027, scss/common.scss */
aside dl dd div.landPop > a {
	display: block;
	padding: 0 15px;
	text-indent: 0;
	width: 130px;
}

/* line 2028, scss/common.scss */
aside dl dd div.landPop > a:after {
	display: none;
}

/* line 2030, scss/common.scss */
aside dl dd .mCSB_outside + .mCSB_scrollTools {
	right: -10px;
}

/* line 2033, scss/common.scss */
aside button {
	width: 100%;
	height: 36px;
	margin-top: 6px;
	box-sizing: border-box;
	border-radius: 0;
}

/* line 2034, scss/common.scss */
aside button .red {
	color: #ef3f3f;
	font-size: 15px;
	font-weight: bold;
}

/* line 2037, scss/common.scss */
.btnMoreInfo {
	display: block;
	width: 120px;
	height: 36px;
	margin: 9px auto;
	font-size: 14px;
	color: #686868;
	font-weight: bold;
	border-radius: 50px;
	background: #f4f5f8 url("../../images/btn/btn-list-down-type2.png") no-repeat right 25px center;
	text-align: left;
	text-indent: 30px;
}

/* line 2039, scss/common.scss */
.btnMoreInfo:hover {
	color: #2f6bd9;
	background: #f4f5f8 url("../../images/btn/btn-list-down-type2-hover.png") no-repeat right 25px center;
}

/* line 2040, scss/common.scss */
.btnMoreInfo.up {
	background: #f4f5f8 url("../../images/btn/btn-list-up-type2.png") no-repeat right 25px center;
}

/* line 2041, scss/common.scss */
.btnMoreInfo.up:hover {
	color: #2f6bd9;
	background: #f4f5f8 url("../../images/btn/btn-list-up-type2-hover.png") no-repeat right 25px center;
}

/* 목록보기 */
/* line 2046, scss/common.scss */
.listLink {
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}

/* line 2047, scss/common.scss */
.listLink > a {
	display: inline-block;
	padding: 0 23px 0 50px;
	height: 48px;
	line-height: 48px;
	border-radius: 50px;
	color: #686868;
	font-size: 15px;
	font-family: '맑은 고딕';
	font-weight: bold;
	background: #fff url("../../images/ico/ico-list.png") no-repeat 22px center;
	border: 1px solid #d2d2d2;
	box-shadow: 0 2px 3px #ccc;
	transition: .2s;
}

/* line 2049, scss/common.scss */
.listLink > a:hover {
	color: #fff;
	background: #376fee url("../../images/ico/ico-list-hover.png") no-repeat 22px center;
	border: 1px solid transparent;
}

/* 즐겨찾기 */
/* line 2054, scss/common.scss */
.bookmark {
	display: none;
	position: absolute;
	top: 0px;
	left: 1330px;
	z-index: 10;
	width: 205px;
	border-radius: 5px;
	box-shadow: 0 0 4px #ccc;
	background: #fff;
}

/* line 2055, scss/common.scss */
.bookmark .btnClose {
	position: absolute;
	right: -10px;
	top: -10px;
	z-index: 10;
	width: 35px;
	height: 35px;
	background: url("../../images/btn/btn-close-bookmark.png");
}

/* line 2056, scss/common.scss */
.bookmark .mCSB_outside + .mCSB_scrollTools {
	right: 0;
}

/* line 2057, scss/common.scss */
.bookmark .bookmarkList {
	height: 170px;
	padding: 10px 0;
}

/* line 2058, scss/common.scss */
.bookmark .titBookmark {
	position: relative;
	padding: 12px 12px 8px;
	color: #333333;
	font-size: 18px;
	font-family: 'Noto Sans';
	text-indent: 37px;
}

/* line 2059, scss/common.scss */
.bookmark .titBookmark:before {
	position: absolute;
	left: 12px;
	top: 12px;
	display: inline-block;
	content: '';
	width: 28px;
	height: 28px;
	background: url("../../images/ico/ico-bookmark-active.png");
}

/* line 2061, scss/common.scss */
.bookmark .section {
	padding: 0 9px;
	margin-bottom: 10px;
	color: #585858;
	font-size: 12px;
	font-family: '맑은 고딕';
}

/* line 2062, scss/common.scss */
.bookmark .section .bookmarkWrap {
	position: relative;
	height: 34px;
	border-radius: 50px;
	background: #f1f2f5;
}

/* line 2063, scss/common.scss */
.bookmark .section .bookmarkWrap a {
	display: inline-block;
	width: 152px;
	height: 34px;
	line-height: 34px;
	text-indent: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* line 2064, scss/common.scss */
.bookmark .section .bookmarkWrap .btnRemove {
	position: absolute;
	right: 10px;
	top: 7px;
	width: 21px;
	height: 21px;
	background: url("../../images/btn/btn-close.png");
}

/* line 2065, scss/common.scss */
.bookmark .section .bookmarkWrap .btnRemove:hover {
	background: url("../../images/btn/btn-close-hover.png");
}

/* line 2067, scss/common.scss */
.bookmark .section .bookmarkWrap p {
	color: #999999;
	font-size: 12px;
	line-height: 34px;
	text-align: center;
}

/* 배너 */
/* line 2072, scss/common.scss */
.banner {
	width: 205px;
	height: 70px;
	margin-top: 16px;
	border-radius: 4px;
	background: #e3edff url("../../images/lnb/bg-mydata.png") no-repeat right -13px top -30px;
}

/* line 2073, scss/common.scss */
.banner a {
	display: block;
	padding: 12px;
}

/* line 2074, scss/common.scss */
.banner .textArea {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}

/* line 2075, scss/common.scss */
.banner strong {
	display: block;
	color: #1f4083;
	font-size: 18px;
	font-family: 'Noto Sans Medium';
	font-weight: normal;
}

/* line 2076, scss/common.scss */
.banner .blue {
	width: 54px;
	display: block;
	margin-top: 3px;
	border-radius: 50px;
	color: #fff;
	background: #3673e2;
	font-family: '맑은 고딕';
	font-size: 11px;
	text-align: center;
}

/* line 2077, scss/common.scss */
.banner .bulletImg {
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url("../../images/lnb/ico-mydata.png") no-repeat;
}

/* line 2079, scss/common.scss */
.banner.type2 {
	background: #e8ecf8 url("../../images/lnb/bg-mydata-type2.png") no-repeat right -78px top -50px;
}

/* line 2080, scss/common.scss */
.banner.type2 strong {
	color: #253f92;
}

/* line 2081, scss/common.scss */
.banner.type2 .blue {
	background: #3a5fd1;
}

/* line 2082, scss/common.scss */
.banner.type2 .bulletImg {
	background: url("../../images/lnb/ico-mydata-type2.png") no-repeat;
}

/* 통계드림 */
/* line 2088, scss/common.scss */
.cont {
	margin-bottom: 40px;
}

/* line 2090, scss/common.scss */
.cont.error .btnArea {
	text-align: right;
}

/* line 2091, scss/common.scss */
.cont.error .btnArea button {
	width: 100px;
	height: 44px;
}

/* line 2094, scss/common.scss */
.cont .btnArea {
	margin-top: 13px;
}

/* line 2095, scss/common.scss */
.cont .btnArea.noMg {
	margin-top: 0;
}

/* line 2096, scss/common.scss */
.cont .btnArea.pos-a {
	right: 0;
	top: 0;
	margin-top: 0;
}

/* line 2097, scss/common.scss */
.cont .btnArea button {
	height: 32px;
	background-repeat: no-repeat;
}

/* line 2098, scss/common.scss */
.cont .btnArea button.error {
	width: 87px;
	background-image: url("../../images/btn/btn-error.png");
	background-position: 7px center;
	text-indent: 20px;
}

/* line 2099, scss/common.scss */
.cont .btnArea button.subject {
	width: 82px;
	background-image: url("../../images/btn/btn-subject.png");
	background-position: 11px center;
	text-indent: 18px;
}

/* line 2100, scss/common.scss */
.cont .btnArea button.list {
	width: 90px;
	height: 40px;
	font-size: 15px;
	background-image: url("../../images/btn/btn-list.png");
	background-position: 18px center;
	text-indent: 18px;
}

/* line 2102, scss/common.scss */
.cont .btnArea button.btnNewJidodream {
	width: 139px;
	height: 34px;
	border-radius: 4px;
	background-image: url("../../images/btn/btn-jidodream.png");
	text-align: left;
	background-position: 10px center;
	text-indent: 30px;
}

/* line 2106, scss/common.scss */
.cont .searchBox label {
	width: 90px;
}

/* line 2107, scss/common.scss */
.cont .mScrollxy .mCSB_scrollTools_vertical {
	top: 40px;
}

/* line 2108, scss/common.scss */
.cont .mScrollxy .mCSB_outside + .mCSB_scrollTools {
	right: -12px;
}

/* line 2109, scss/common.scss */
.cont .mScrollxy .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: -8px;
}

/* line 2111, scss/common.scss */
.cont .graphArea {
	height: auto;
}

/* line 2112, scss/common.scss */
.cont .graphArea img {
	width: 100%;
	height: 100%;
	padding: 0;
}

/* line 2115, scss/common.scss */
.cont .radioGroup {
	margin-top: 9px;
}

/* line 2116, scss/common.scss */
.cont .radioGroup label {
	display: inline-block;
	float: left;
	width: auto;
	height: 24px;
	line-height: 24px;
	padding-left: 28px;
	margin: 0 15px;
	font-size: 13px;
	font-family: '맑은 고딕';
	font-weight: bold;
}

/* line 2120, scss/common.scss */
.cont .commentGroup textarea {
	float: left;
	width: calc(100% - 80px);
	padding: 15px;
	height: 78px;
}

/* line 2121, scss/common.scss */
.cont .commentGroup button {
	float: left;
	width: 80px;
	height: 78px;
}

/* line 2123, scss/common.scss */
.cont .sub {
	width: calc(100% - 80px);
}

/* line 2124, scss/common.scss */
.cont .sub i {
	color: #878d9c;
	font-style: normal;
	font-family: '맑은 고딕';
}

/* line 2125, scss/common.scss */
.cont .sub i.right {
	margin-top: 5px;
	color: #888888;
}

/* line 2126, scss/common.scss */
.cont .sub i.right .blue {
	color: #376fee;
	font-weight: bold;
}

/* line 2130, scss/common.scss */
.cont.type02 {
	margin-top: 30px;
}

/* line 2137, scss/common.scss */
.commentBox .commentWrap {
	position: relative;
	padding: 26px 26px 32px;
	margin-bottom: 22px;
	background: #f4f5f8;
	border: 1px solid #e5e5e5;
}

/* line 2138, scss/common.scss */
.commentBox .commentWrap .radioGroup {
	margin-top: -6px;
}

/* line 2139, scss/common.scss */
.commentBox .commentWrap .date {
	float: right;
	display: inline-block;
	color: #999999;
	font-size: 14px;
	font-family: '맑은 고딕';
}

/* line 2140, scss/common.scss */
.commentBox .commentWrap .confirm {
	display: inline-block;
	float: left;
	width: 100%;
	border-top: 1px solid #e5e5e5;
}

/* line 2141, scss/common.scss */
.commentBox .commentWrap .confirm p {
	padding: 15px;
	font-size: 15px;
	font-family: 'Noto Sans';
}

/* line 2143, scss/common.scss */
.commentBox .commentWrap .starPoint {
	margin-left: 8px;
	color: #222222;
	font-size: 20px;
	font-family: 'Noto Sans Medium';
}

/* line 2144, scss/common.scss */
.commentBox .commentWrap .btnGroup {
	position: absolute;
	right: 30px;
	top: 88px;
}

/* line 2145, scss/common.scss */
.commentBox .commentWrap .btnGroup button {
	width: 37px;
	height: 37px;
}

/* line 2146, scss/common.scss */
.commentBox .commentWrap .btnGroup button.btnListEdit {
	width: 28px;
	height: 27px;
	background: url("../../images/btn/btn-list-edit.png");
}

/* line 2147, scss/common.scss */
.commentBox .commentWrap .btnGroup button.btnListEdit:hover {
	background: url("../../images/btn/btn-list-edit-hover.png");
}

/* line 2148, scss/common.scss */
.commentBox .commentWrap .btnGroup button.btnListEdit.type2 {
	background: url("../../images/btn/btn-list-edit2.png");
}

/* line 2150, scss/common.scss */
.commentBox .commentWrap .btnGroup button.btnListEdit.type2:hover {
	background: url("../../images/btn/btn-list-edit2-hover.png");
}

/* line 2153, scss/common.scss */
.commentBox .commentWrap .btnGroup button.btnListRemove {
	width: 28px;
	height: 27px;
	background: url("../../images/btn/btn-list-remove.png");
}

/* line 2154, scss/common.scss */
.commentBox .commentWrap .btnGroup button.btnListRemove.type2 {
	background: url("../../images/btn/btn-list-remove2.png");
}

/* line 2156, scss/common.scss */
.commentBox .commentWrap .btnGroup button.btnListRemove.type2:hover {
	background: url("../../images/btn/btn-list-remove2-hover.png");
}

/* line 2158, scss/common.scss */
.commentBox .commentWrap .btnGroup button.btnListRemove:hover {
	background: url("../../images/btn/btn-list-remove-hover.png");
}

/* line 2163, scss/common.scss */
.commentBox strong {
	float: left;
	height: 42px;
	line-height: 42px;
	margin: 0 0 10px;
	padding-left: 56px;
	font-size: 17px;
	font-family: 'Noto Sans';
	font-weight: normal;
	background: url("../../images/ico/ico-comment.png") no-repeat 9px center;
}

/* line 2165, scss/common.scss */
.commentBox .btnArea {
	text-align: right;
}

/* line 2166, scss/common.scss */
.commentBox .btnArea button {
	width: 110px;
	height: 44px;
}

/* line 2167, scss/common.scss */
.commentBox .btnArea button:last-child {
	width: 100px;
}

/* line 2170, scss/common.scss */
.commentBox .sub {
	width: calc(100% - 80px);
}

/* line 2171, scss/common.scss */
.commentBox .sub i {
	color: #878d9c;
	font-style: normal;
	font-family: '맑은 고딕';
}

/* line 2172, scss/common.scss */
.commentBox .sub i.right {
	margin-top: 5px;
	color: #888888;
}

/* line 2173, scss/common.scss */
.commentBox .sub i.right .blue {
	color: #376fee;
	font-weight: bold;
}

/* line 2179, scss/common.scss */
.replyList {
	margin-top: 21px;
	margin-bottom: 17px;
	padding-top: 15px;
	border-top: 1px solid #888ea0;
}

/* line 2180, scss/common.scss */
.replyList .replyBox {
	margin-bottom: 11px;
	border: 1px solid #dbdbdb;
}

/* line 2181, scss/common.scss */
.replyList .replyBox.active {
	border: 1px solid #376fee;
	box-shadow: 0 0 3px #376fee;
}

/* line 2182, scss/common.scss */
.replyList .replyBox .replyWrap {
	position: relative;
	padding: 20px 25px;
}

/* line 2183, scss/common.scss */
.replyList .replyBox .replyWrap .row:first-child {
	margin-bottom: 12px;
}

/* line 2184, scss/common.scss */
.replyList .replyBox .replyWrap .eval {
	display: inline-block;
	width: 64px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	font-size: 11px;
	font-family: '맑은 고딕';
	border-radius: 30px;
}

/* line 2186, scss/common.scss */
.replyList .replyBox .replyWrap .eval.eval0 {
	background: #a5aab3;
}

/* line 2187, scss/common.scss */
.replyList .replyBox .replyWrap .eval.eval1 {
	background: #ba7cf3;
}

/* line 2188, scss/common.scss */
.replyList .replyBox .replyWrap .eval.eval2 {
	background: #7972f7;
}

/* line 2189, scss/common.scss */
.replyList .replyBox .replyWrap .eval.eval3 {
	background: #41c9b7;
}

/* line 2190, scss/common.scss */
.replyList .replyBox .replyWrap .eval.eval4 {
	background: #42a4f7;
}

/* line 2191, scss/common.scss */
.replyList .replyBox .replyWrap .eval.eval5 {
	background: #376fee;
}

/* line 2193, scss/common.scss */
.replyList .replyBox .replyWrap .userName {
	display: inline-block;
	margin-left: 10px;
	color: #585858;
	font-size: 14px;
	font-family: '맑은 고딕';
	font-weight: bold;
}

/* line 2194, scss/common.scss */
.replyList .replyBox .replyWrap .date, .replyList .replyBox .replyWrap .time {
	display: inline-block;
	color: #999999;
	font-size: 14px;
	font-family: '맑은 고딕';
}

/* line 2195, scss/common.scss */
.replyList .replyBox .replyWrap .time {
	margin-left: 10px;
}

/* line 2196, scss/common.scss */
.replyList .replyBox .replyWrap .strong {
	display: block;
	margin-bottom: 2px;
	font-size: 18px;
	font-family: "Noto Sans";
}

/* line 2197, scss/common.scss */
.replyList .replyBox .replyWrap .titReply {
	width: 100%;
	font-size: 15px;
	font-family: 'Noto Sans';
	overflow: hidden;
	color: #585858;
}

/* line 2199, scss/common.scss */
.replyList .replyBox .replyWrap .titReply.js-toggle {
	display: none;
}

/* line 2200, scss/common.scss */
.replyList .replyBox .replyWrap .titReply.active {
	height: auto;
	overflow: auto;
}

/* line 2202, scss/common.scss */
.replyList .replyBox .replyWrap .btnGroup {
	position: absolute;
	right: 20px;
	top: 17px;
}

/* line 2203, scss/common.scss */
.replyList .replyBox .replyWrap .btnGroup button {
	width: 37px;
	height: 37px;
}

/* line 2204, scss/common.scss */
.replyList .replyBox .replyWrap .btnGroup button.btnListUp {
	display: none;
	background: url("../../images/btn/btn-list-up-type3.png");
}

/* line 2205, scss/common.scss */
.replyList .replyBox .replyWrap .btnGroup button.btnListUp:hover {
	background: url("../../images/btn/btn-list-up-hover.png");
}

/* line 2207, scss/common.scss */
.replyList .replyBox .replyWrap .btnGroup button.btnListDown {
	background: url("../../images/btn/btn-list-down-type3.png");
}

/* line 2208, scss/common.scss */
.replyList .replyBox .replyWrap .btnGroup button.btnListDown:hover {
	background: url("../../images/btn/btn-list-down-hover.png");
}

/* line 2210, scss/common.scss */
.replyList .replyBox .replyWrap .btnGroup button.btnListEdit {
	width: 28px;
	height: 27px;
	background: url("../../images/btn/btn-list-edit.png");
}

/* line 2211, scss/common.scss */
.replyList .replyBox .replyWrap .btnGroup button.btnListEdit:hover {
	background: url("../../images/btn/btn-list-edit-hover.png");
}

/* line 2213, scss/common.scss */
.replyList .replyBox .replyWrap .btnGroup button.btnListRemove {
	width: 28px;
	height: 27px;
	background: url("../../images/btn/btn-list-remove.png");
}

/* line 2214, scss/common.scss */
.replyList .replyBox .replyWrap .btnGroup button.btnListRemove:hover {
	background: url("../../images/btn/btn-list-remove-hover.png");
}

/* line 2220, scss/common.scss */
.replyList .starPoint {
	font-size: 18px;
	font-family: 'Noto Sans Medium';
	margin-left: 6px;
}

/* line 2222, scss/common.scss */
.replyList.pop .replyBox {
	margin: 0;
	border-left: 0;
	border-right: 0;
	border-top: 0;
}

/* line 2225, scss/common.scss */
.replyList.report .replyBox {
	cursor: pointer;
}

/* line 2228, scss/common.scss */
.replyList.report .replyBox.active .replyWrap .row {
	display: block;
}

/* line 2231, scss/common.scss */
.replyList.report .replyBox .replyWrap {
	padding: 0;
}

/* line 2232, scss/common.scss */
.replyList.report .replyBox .replyWrap .row {
	display: none;
	margin-bottom: 0;
}

/* line 2233, scss/common.scss */
.replyList.report .replyBox .replyWrap .row:first-child {
	display: block;
	padding: 28px 18px;
}

/* line 2234, scss/common.scss */
.replyList.report .replyBox .replyWrap .row:nth-child(2) {
	padding: 0 20px;
	background: #f6f6f7;
	border-top: 1px solid #e5e7ec;
}

/* line 2235, scss/common.scss */
.replyList.report .replyBox .replyWrap .row:nth-child(2) p {
	padding: 28px 0;
	border-bottom: 1px solid #e5e7ec;
}

/* line 2237, scss/common.scss */
.replyList.report .replyBox .replyWrap .row:nth-child(3) {
	padding: 28px 20px;
	background: #f6f6f7;
}

/* line 2239, scss/common.scss */
.replyList.report .replyBox .replyWrap .titReply {
	width: 780px;
}

/* line 2240, scss/common.scss */
.replyList.report .replyBox .replyWrap .userName {
	width: 71px;
	font-size: 13px;
	font-weight: normal;
}

/* line 2241, scss/common.scss */
.replyList.report .replyBox .replyWrap .date, .replyList.report .replyBox .replyWrap .time {
	font-size: 13px;
}

/* line 2242, scss/common.scss */
.replyList.report .replyBox .replyWrap .reply {
	color: #686868;
	font-size: 13px;
	font-family: '맑은 고딕';
	font-weight: normal;
}

/* line 2243, scss/common.scss */
.replyList.report .replyBox .replyWrap .reply.re-reply {
	float: left;
	width: 930px;
	margin-left: 10px;
	line-height: 1.7;
}

/* line 2245, scss/common.scss */
.replyList.report .replyBox .replyWrap .hasReply {
	padding: 2px 7px;
	margin-left: 10px;
	color: #ffffff;
	font-size: 11px;
	background: #376fee;
	border-radius: 50px;
	font-family: '맑은 고딕';
}

/* line 2246, scss/common.scss */
.replyList.report .replyBox .replyWrap .answer {
	position: relative;
	float: left;
	padding: 2px 7px;
	margin-left: 15px;
	color: #ffffff;
	font-size: 11px;
	background: #376fee;
	border-radius: 50px;
	font-family: '맑은 고딕';
}

/* line 2247, scss/common.scss */
.replyList.report .replyBox .replyWrap .answer:before {
	position: absolute;
	left: -15px;
	top: 0;
	content: '';
	display: block;
	width: 11px;
	height: 11px;
	background: url("../../images/ico/ico-re-reply-before.png");
}

/* line 2253, scss/common.scss */
.replyList .empty {
	padding-bottom: 15px;
	text-align: center;
	font-family: "맑은 고딕";
	font-size: 14px;
	border-bottom: 1px solid #dbdbdb;
}

/* line 2257, scss/common.scss */
.bar {
	display: inline-block;
	margin: 0 15px;
	color: #999999;
	font-size: 14px;
	font-family: '맑은 고딕';
}

/* line 2258, scss/common.scss */
.mapGroup {
	margin-bottom: 32px;
}

/* line 2259, scss/common.scss */
.mapGroup .box {
	position: relative;
	overflow: hidden;
	float: left;
	width: 236px;
	margin-right: 25px;
	margin-bottom: 32px;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	box-sizing: content-box;
	box-shadow: 0 0 3px #aaa;
}

/* line 2261, scss/common.scss */
.mapGroup .box .borderBox {
	border-radius: 5px;
}

/* line 2263, scss/common.scss */
.mapGroup .box button.btnMapRemove {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 40;
	width: 21px;
	height: 21px;
	background: url("../../images/btn/btn-map-remove.png");
}

/* line 2264, scss/common.scss */
.mapGroup .box button.btnMapRemove:hover {
	background: url("../../images/btn/btn-map-remove-hover.png");
}

/* line 2266, scss/common.scss */
.mapGroup .box:hover, .mapGroup .box.active {
	width: 234px;
	box-shadow: 0 0 5px #3673e2;
	border: 1px solid #3673e2;
}

/* line 2268, scss/common.scss */
.mapGroup .box:hover .borderBox, .mapGroup .box.active .borderBox {
	border-radius: 5px;
	border: 0;
}

/* line 2270, scss/common.scss */
.mapGroup .box .recommendArea {
	text-align: center;
}

/* line 2271, scss/common.scss */
.mapGroup .box .recommendArea .recommend {
	display: inline-block;
	margin: 0 10px;
}

/* line 2273, scss/common.scss */
.mapGroup .box .boxWrap {
	padding: 20px 10px 10px;
}

/* line 2274, scss/common.scss */
.mapGroup .box:nth-child(4n) {
	margin-right: 0;
}

/* line 2275, scss/common.scss */
.mapGroup .box .thumbArea {
	width: 100%;
	height: 185px;
}

/* line 2276, scss/common.scss */
.mapGroup .box .thumbArea img {
	width: 100%;
	height: 100%;
}

/* line 2278, scss/common.scss */
.mapGroup .box .textArea {
	border-bottom: 1px solid #dfdfdf;
}

/* line 2279, scss/common.scss */
.mapGroup .box .textArea .tag {
	float: left;
}

/* line 2280, scss/common.scss */
.mapGroup .box .textArea .date {
	float: right;
}

/* line 2281, scss/common.scss */
.mapGroup .box .textArea strong {
	display: block;
	margin: 12px 0 15px;
	color: #222222;
	font-size: 18px;
	font-family: 'Noto Sans Medium';
	width: 210px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* line 2285, scss/common.scss */
.mapGroup.listStyle .box {
	float: none;
	width: calc(100% - 30px);
	margin: 0;
	padding: 25px 15px;
	border-radius: 0;
	box-sizing: content-box;
	border: 2px solid transparent;
	border-bottom: 1px solid #dfdfdf;
	box-shadow: none;
}

/* line 2286, scss/common.scss */
.mapGroup.listStyle .box:hover, .mapGroup.listStyle .box.active {
	box-shadow: 0 0 5px #3673e2;
	padding-bottom: 24px;
	border: 2px solid #3673e2;
}

/* line 2287, scss/common.scss */
.mapGroup.listStyle .box:after {
	clear: both;
	display: block;
	content: '';
}

/* line 2288, scss/common.scss */
.mapGroup.listStyle .box .thumbArea {
	float: left;
	width: 207px;
	height: 144px;
	border: 1px solid #c7c7c7;
}

/* line 2289, scss/common.scss */
.mapGroup.listStyle .box .boxWrap {
	float: left;
	width: 774px;
	padding: 10px 10px 0px 10px;
}

/* line 2290, scss/common.scss */
.mapGroup.listStyle .box .textArea {
	border: 0;
}

/* line 2291, scss/common.scss */
.mapGroup.listStyle .box .textArea strong {
	width: 700px;
	margin: 8px 0 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* line 2292, scss/common.scss */
.mapGroup.listStyle .box .textArea p {
	color: #686868;
	font-size: 14px;
	font-family: '맑은 고딕';
	white-space: normal;
	line-height: 1.2;
	height: 2.4em;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* line 2294, scss/common.scss */
.mapGroup.listStyle .box .recommendArea {
	padding-top: 10px;
	text-align: left;
}

/* line 2299, scss/common.scss */
.mapGroup.myMap .box .textArea {
	border: 0;
}

/* line 2300, scss/common.scss */
.mapGroup.myMap .box .textArea strong {
	display: block;
	margin: 12px 0 6px;
	color: #222222;
	font-size: 18px;
	font-family: 'Noto Sans Medium';
	width: 210px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* line 2301, scss/common.scss */
.mapGroup.myMap .box .textArea p {
	display: block;
	width: 210px;
	color: #686868;
	font-size: 14px;
	font-family: '맑은 고딕';
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* line 2307, scss/common.scss */
.mapGroup.shareMap .box .boxWrap {
	padding-bottom: 15px;
}

/* line 2308, scss/common.scss */
.mapGroup.shareMap .box .textArea {
	border: 0;
}

/* line 2309, scss/common.scss */
.mapGroup.shareMap .box .textArea strong {
	margin: 0 0 6px 0;
}

/* line 2310, scss/common.scss */
.mapGroup.shareMap .box .textArea p {
	display: block;
	width: 210px;
	margin-bottom: 12px;
	color: #686868;
	font-size: 14px;
	font-family: '맑은 고딕';
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* line 2311, scss/common.scss */
.mapGroup.shareMap .box .textArea p.info {
	font-size: 13px;
	margin-bottom: 7px;
}

/* line 2312, scss/common.scss */
.mapGroup.shareMap .box .textArea p.info:last-child {
	margin-bottom: 0;
}

/* line 2313, scss/common.scss */
.mapGroup.shareMap .box .textArea p.info span {
	display: inline-block;
	width: 66px;
	height: 20px;
	line-height: 20px;
	margin-right: 7px;
	color: #2853d5;
	font-size: 11px;
	background: #ebf0fc;
	border-radius: 50px;
	text-align: center;
}

/* line 2322, scss/common.scss */
.box.detail .boxWrap {
	width: 536px;
}

/* line 2323, scss/common.scss */
.box.detail .boxWrap .tagList {
	float: right;
	width: calc(100% - 90px);
	min-height: 105px;
	padding: 7px;
	box-sizing: border-box;
	border: 1px solid #cdd2d9;
	margin-top: 10px;
	margin-top: 10px;
}

/* line 2325, scss/common.scss */
.box.detail .tag {
	display: inline-block;
	margin: 8px 0 10px;
}

/* line 2326, scss/common.scss */
.box.detail strong {
	display: block;
	width: 266px;
	color: #222;
	font-size: 24px;
	font-family: 'Noto Sans Medium';
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* line 2327, scss/common.scss */
.box.detail .blueType {
	position: absolute;
	right: 0;
	top: 40px;
	float: right;
	height: 40px;
	padding: 0 20px;
	vertical-align: top;
	font-size: 14px;
}

/* line 2328, scss/common.scss */
.box.detail p {
	display: inline-block;
	color: #585858;
	font-size: 13px;
	font-weight: bold;
	font-family: '맑은 고딕';
}

/* line 2329, scss/common.scss */
.box.detail .row {
	height: 55px;
	line-height: 55px;
	border-bottom: 1px solid #e6e6e6;
}

/* line 2330, scss/common.scss */
.box.detail .row.bottom {
	position: relative;
	margin-top: 17px;
	height: 30px;
	line-height: 23px;
}

/* line 2331, scss/common.scss */
.box.detail .row span {
	font-weight: normal;
}

/* line 2332, scss/common.scss */
.box.detail .row span.starPoint {
	font-size: 18px;
	font-family: 'Noto Sans Medium';
	margin-left: 6px;
}

/* line 2333, scss/common.scss */
.box.detail .row span.use {
	display: inline-block;
	width: 23px;
	height: 23px;
	line-height: 23px;
	margin-left: 5px;
	text-align: center;
	border-radius: 50%;
	font-weight: bold;
	font-family: '맑은 고딕';
}

/* line 2334, scss/common.scss */
.box.detail .row span.use.useNo {
	color: #ee4743;
	background: #ffeff0;
}

/* line 2335, scss/common.scss */
.box.detail .row span.use.useYes {
	color: #376fee;
	background: #ebf2fc;
}

/* line 2337, scss/common.scss */
.box.detail .row span.bar {
	margin: 0 10px;
}

/* line 2339, scss/common.scss */
.box.detail .row .btnOptArea {
	position: absolute;
	top: -4px;
	right: 0;
}

/* line 2341, scss/common.scss */
.box.detail .row .btnOptArea button {
	height: 30px;
	margin-left: 5px;
	padding: 0 15px;
	line-height: 29px;
	background: #f4f5f8;
	border-radius: 15px;
	color: #686868;
	font-family: "맑은 고딕";
	font-size: 12px;
}

/* line 2344, scss/common.scss */
.box.detail .row .btnOptArea button.btnRecommend:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 13px;
	margin: -3px 3px 0 0;
	background: url("../../images/btn/ico-recommend.png") no-repeat no-repeat;
	vertical-align: middle;
}

/* line 2345, scss/common.scss */
.box.detail .row .btnOptArea button.btnRecommend:hover:before {
	background: #f4f5f8 url("../../images/btn/ico-recommend-hover.png") no-repeat no-repeat;
}

/* line 2346, scss/common.scss */
.box.detail .row .btnOptArea button.btnRecommend.active {
	background: #cdeaeb;
}

/* line 2347, scss/common.scss */
.box.detail .row .btnOptArea button.btnRecommend.active:before {
	background: #cdeaeb url("../../images/btn/ico-recommend-hover.png") no-repeat no-repeat;
}

/* line 2351, scss/common.scss */
.box.detail .row .btnOptArea button.btnFavorite:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 14px;
	margin: -2px 3px 0 0;
	background: url("../../images/btn/ico-favorite.png") no-repeat no-repeat;
	vertical-align: middle;
}

/* line 2352, scss/common.scss */
.box.detail .row .btnOptArea button.btnFavorite:hover:before {
	background: #f4f5f8 url("../../images/btn/ico-favorite-hover.png") no-repeat no-repeat;
}

/* line 2353, scss/common.scss */
.box.detail .row .btnOptArea button.btnFavorite.active {
	background: #f8e7be;
}

/* line 2354, scss/common.scss */
.box.detail .row .btnOptArea button.btnFavorite.active:before {
	background: #f8e7be url("../../images/btn/ico-favorite-hover.png") no-repeat no-repeat;
}

/* line 2357, scss/common.scss */
.box.detail .row .btnOptArea button:hover {
	font-weight: bold;
	color: #333333;
}

/* line 2361, scss/common.scss */
.box.detail .tooltip {
	top: 40px;
}

/* line 2362, scss/common.scss */
.box.detail .recommendArea {
	display: inline-block;
	padding-top: 0;
}

/* line 2363, scss/common.scss */
.box.detail .recommendArea .icoGroup {
	padding-bottom: 0;
}

/* line 2364, scss/common.scss */
.box.detail .recommendArea .recommend {
	margin-left: 0;
}

/* line 2366, scss/common.scss */
.box.detail a {
	color: #454545;
	font-size: 14px;
	font-weight: normal;
	font-family: '맑은 고딕';
}

/* line 2368, scss/common.scss */
.explaneBox {
	width: 100%;
	height: 292px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

/* line 2369, scss/common.scss */
.explaneBox p {
	padding: 20px 13px;
	color: #686868;
	font-size: 15px;
	font-family: '맑은 고딕';
}

/* line 2372, scss/common.scss */
.thumbArea {
	width: 435px;
	height: 254px;
}

/* line 2373, scss/common.scss */
.thumbArea img {
	width: 100%;
	height: 100%;
}

/* line 2375, scss/common.scss */
.tagArea {
	position: absolute;
	top: 28px;
	right: 14px;
}

/* line 2377, scss/common.scss */
.tagArea .tag {
	display: inline-block;
	padding: 0 8px;
	margin-left: 3px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	font-size: 11px;
	font-family: '맑은 고딕';
	border-radius: 20px;
	background: #376fee;
	box-sizing: border-box;
}

/* line 2379, scss/common.scss */
.tagArea .tag.greenType {
	background: #30bbbe;
}

/* line 2380, scss/common.scss */
.tagArea .tag.greyType {
	background: #a0a7b4;
}

/* line 2381, scss/common.scss */
.tagArea .tag.blackType {
	background: #444444;
}

/* line 2382, scss/common.scss */
.tagArea .tag.redType {
	background: #f46969;
}

/* line 2383, scss/common.scss */
.tagArea .tag.greenLine {
	color: #0e98a4;
	background: #fff;
	border: 1px solid #27b9bc;
}

/* line 2384, scss/common.scss */
.tagArea .tag.blueLine {
	color: #3d6ce2;
	background: #fff;
	border: 1px solid #6a91f5;
}

/* line 2388, scss/common.scss */
.textArea .tag {
	display: inline-block;
	padding: 0 8px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	font-size: 11px;
	font-family: '맑은 고딕';
	border-radius: 20px;
	background: #376fee;
	box-sizing: border-box;
}

/* line 2390, scss/common.scss */
.textArea .tag.greenType {
	background: #30bbbe;
}

/* line 2391, scss/common.scss */
.textArea .tag.greyType {
	background: #a0a7b4;
}

/* line 2392, scss/common.scss */
.textArea .tag.blackType {
	background: #444444;
}

/* line 2393, scss/common.scss */
.textArea .tag.redType {
	background: #f46969;
}

/* line 2394, scss/common.scss */
.textArea .tag.greenLine {
	color: #0e98a4;
	background: #fff;
	border: 1px solid #27b9bc;
}

/* line 2395, scss/common.scss */
.textArea .tag.blueLine {
	color: #3d6ce2;
	background: #fff;
	border: 1px solid #6a91f5;
}

/* line 2398, scss/common.scss */
.textArea .date, .textArea .time {
	color: #a2a2a2;
	font-size: 12px;
	font-family: '맑은 고딕';
}

/* line 2400, scss/common.scss */
.recommendArea {
	padding-top: 8px;
}

/* line 2401, scss/common.scss */
.recommendArea .btnBookmark {
	position: relative;
	width: 28px;
	height: 28px;
	background: url("../../images/ico/ico-bookmark.png");
}

/* line 2402, scss/common.scss */
.recommendArea .btnBookmark:hover, .recommendArea .btnBookmark.active {
	background: url("../../images/ico/ico-bookmark-active.png");
}

/* line 2403, scss/common.scss */
.recommendArea .btnBookmark:hover .tooltip {
	display: block;
}

/* line 2405, scss/common.scss */
.recommendArea .icoGroup {
	display: inline-block;
	vertical-align: bottom;
	padding-bottom: 4px;
}

/* line 2406, scss/common.scss */
.recommendArea .recommend {
	position: relative;
	display: inline-block;
	margin-left: 13px;
	font-family: '맑은 고딕';
}

/* line 2407, scss/common.scss */
.recommendArea .recommend:first-child {
	margin-left: 0px;
}

/* line 2409, scss/common.scss */
.recommendArea .recommend:hover .tooltip {
	display: block;
}

/* line 2411, scss/common.scss */
.recommendArea .recommend:before {
	display: inline-block;
	content: '';
	padding-right: 7px;
}

/* line 2412, scss/common.scss */
.recommendArea .recommend.heart:before {
	width: 14px;
	height: 12px;
	background: url("../../images/ico/ico-heart.png") no-repeat;
}

/* line 2413, scss/common.scss */
.recommendArea .recommend.best:before {
	width: 15px;
	height: 13px;
	background: url("../../images/ico/ico-best.png") no-repeat;
}

/* line 2414, scss/common.scss */
.recommendArea .recommend.people:before {
	width: 13px;
	height: 14px;
	background: url("../../images/ico/ico-people.png") no-repeat;
}

/* line 2415, scss/common.scss */
.recommendArea .recommend.down:before {
	width: 15px;
	height: 13px;
	background: url("../../images/ico/ico-down.png") no-repeat;
}

/* line 2418, scss/common.scss */
.tooltip {
	position: absolute;
	top: 17px;
	left: -12px;
	display: none;
	width: 50px;
	height: 17px;
	line-height: 17px;
	font-size: 12px;
	color: #333;
	font-family: "맑은 고딕";
	background: #f0f1f4;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #3673e2;
}

/* 상세페이지 */
/* line 2425, scss/common.scss */
.scrollMore {
	float: none;
	width: 100%;
	text-align: center;
}

/* line 2426, scss/common.scss */
.scrollMore .textArea {
	width: 341px;
	height: 35px;
	line-height: 35px;
	margin: 0 auto;
	color: #585858;
	font-size: 14px;
	font-weight: bold;
	font-family: '맑은 고딕';
	background: #f4f5f8;
	border-radius: 50px;
}

/* line 2428, scss/common.scss */
.scrollMore .icoScroll .arrowGroup {
	animation: 0.5s movedown infinite alternate;
}

/* line 2429, scss/common.scss */
.scrollMore .icoScroll .icoScroll01 {
	width: 15px;
	height: 23px;
	margin: 10px auto 0;
	background: url("../../images/ico/ico-scroll-01.png") no-repeat;
}

/* line 2430, scss/common.scss */
.scrollMore .icoScroll .icoScroll02 {
	width: 12px;
	height: 8px;
	margin: 0 auto -3px;
	background: url("../../images/ico/ico-scroll-02.png");
	animation: 0.5s opacity01 infinite alternate;
}

/* line 2431, scss/common.scss */
.scrollMore .icoScroll .icoScroll03 {
	width: 12px;
	height: 7px;
	margin: 0 auto;
	background: url("../../images/ico/ico-scroll-03.png");
	animation: 0.5s opacity02 infinite alternate;
}

/* line 2434, scss/common.scss */
.graphGroup {
	margin-top: 45px;
}

/* line 2436, scss/common.scss */
.graphGroup > .box {
	position: relative;
	float: left;
	width: 328px;
	height: 284px;
	max-height: 284px;
	margin-right: 25px;
	margin-bottom: 30px;
	border-radius: 3px;
	box-sizing: border-box;
	box-shadow: 0 0 3px #aaa;
}

/* line 2437, scss/common.scss */
.graphGroup > .box.bgRed .overlay {
	background: #c00000;
}

/* line 2438, scss/common.scss */
.graphGroup > .box.bgBrown .overlay {
	background: #8f795f;
}

/* line 2439, scss/common.scss */
.graphGroup > .box.bgPurple .overlay {
	background: #5f0e73;
}

/* line 2440, scss/common.scss */
.graphGroup > .box.bgGreen .overlay {
	background: #6f8249;
}

/* line 2441, scss/common.scss */
.graphGroup > .box.bgBlue .overlay {
	background: #185598;
}

/* line 2442, scss/common.scss */
.graphGroup > .box.bgBlack .overlay {
	background: #3a3b3c;
}

/* line 2443, scss/common.scss */
.graphGroup > .box:hover, .graphGroup > .box.active {
	box-shadow: none;
}

/* line 2444, scss/common.scss */
.graphGroup > .box:hover .overlay {
	opacity: 0.9;
}

/* line 2445, scss/common.scss */
.graphGroup > .box:hover .hoverCont {
	opacity: 1;
}

/* line 2446, scss/common.scss */
.graphGroup > .box:nth-child(3n) {
	margin-right: 0;
}

/* line 2447, scss/common.scss */
.graphGroup > .box .boxWrap {
	padding: 20px 15px;
	position: relative;
}

/* line 2448, scss/common.scss */
.graphGroup > .box .boxWrap .graphInfo {
	position: relative;
	width: 205px;
	display: inline-block;
	line-height: 30px;
	margin-bottom: 10px;
	font-family: 'Noto Sans';
	font-size: 17px;
	text-indent: 37px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* line 2450, scss/common.scss */
.graphGroup > .box .boxWrap .graphInfo:before {
	position: absolute;
	left: 0;
	display: block;
	content: '';
	width: 30px;
	height: 29px;
}

/* line 2451, scss/common.scss */
.graphGroup > .box .boxWrap .graphInfo.st1:before {
	background: url("../../images/ico/ico-graph-st1.png");
}

/* line 2452, scss/common.scss */
.graphGroup > .box .boxWrap .graphInfo.st2:before {
	background: url("../../images/ico/ico-graph-st2.png");
}

/* line 2453, scss/common.scss */
.graphGroup > .box .boxWrap .graphInfo.st3:before {
	background: url("../../images/ico/ico-graph-st3.png");
}

/* line 2454, scss/common.scss */
.graphGroup > .box .boxWrap .graphInfo.st4:before {
	background: url("../../images/ico/ico-graph-st4.png");
}

/* line 2457, scss/common.scss */
.graphGroup > .box .boxWrap .etcMenu {
	position: absolute;
	top: 25px;
	right: 18px;
}

/* line 2459, scss/common.scss */
.graphGroup > .box .boxWrap .etcMenu li {
	float: left;
	margin-left: 23px;
	padding-left: 23px;
}

/* line 2461, scss/common.scss */
.graphGroup > .box .boxWrap .etcMenu li.heart {
	background: url("../../images/ico/ico-heart.png") no-repeat left center;
}

/* line 2462, scss/common.scss */
.graphGroup > .box .boxWrap .etcMenu li.like {
	background: url("../../images/ico/ico-best.png") no-repeat left center;
}

/* line 2463, scss/common.scss */
.graphGroup > .box .boxWrap .etcMenu li.person {
	background: url("../../images/ico/ico-people.png") no-repeat left center;
}

/* line 2464, scss/common.scss */
.graphGroup > .box .boxWrap .etcMenu li:first-child {
	margin-left: 0;
}

/* line 2467, scss/common.scss */
.graphGroup > .box .boxWrap .graphArea {
	height: 200px;
	margin-bottom: 0;
	border: 0;
	text-align: center;
	background: none;
}

/* line 2469, scss/common.scss */
.graphGroup > .box:nth-last-child(1), .graphGroup > .box:nth-last-child(2), .graphGroup > .box:nth-last-child(3) {
	margin-bottom: 0;
}

/* line 2470, scss/common.scss */
.graphGroup > .box .overlay {
	opacity: 0;
	width: 328px;
	height: 284px;
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(to bottom, #275cc9, #1772d1, #1187e2);
	border-radius: 3px;
	transition: all 0.5s;
}

/* line 2471, scss/common.scss */
.graphGroup > .box .hoverCont {
	opacity: 0;
	width: 328px;
	height: 284px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	background: url("../../images/ico/ico-graph-hover.png") no-repeat center 62px;
	transition: all 0.5s;
}

/* line 2472, scss/common.scss */
.graphGroup > .box .hoverCont .hoverContWrap {
	padding: 12px;
	text-align: center;
}

/* line 2473, scss/common.scss */
.graphGroup > .box .hoverCont strong {
	display: block;
	color: #fff;
	margin-top: 90px;
	margin-bottom: 15px;
	font-size: 18px;
	font-family: 'Noto Sans Medium';
	text-align: center;
}

/* line 2474, scss/common.scss */
.graphGroup > .box .hoverCont span.contInfo {
	display: inline-block;
	height: 27px;
	line-height: 27px;
	width: 121px;
	margin-bottom: 10px;
	color: #333;
	font-size: 13px;
	font-family: '맑은 고딕';
	font-weight: bold;
	background: #fff;
	border-radius: 50px;
	text-align: left;
	text-indent: 10px;
}

/* line 2476, scss/common.scss */
.graphGroup > .box .hoverCont span.contInfo:nth-child(2n-1) {
	width: 128px;
	margin-left: 5px;
}

/* line 2477, scss/common.scss */
.graphGroup > .box .hoverCont span.contInfo:before {
	display: inline-block;
	content: '';
	width: 5px;
	height: 5px;
	margin: 0 3px 2px 0;
	border-radius: 50%;
	background: #4a6ed2;
}

/* line 2479, scss/common.scss */
.graphGroup > .box .hoverCont .openCont {
	display: block;
	width: 38px;
	height: 38px;
	margin: 5px auto 0;
	background: url("../../images/btn/btn-more-info.png");
}

/* line 2484, scss/common.scss */
.listGroup {
	margin-top: 45px;
	border-top: 1px solid #777777;
	border-bottom: 1px solid #e5e5e5;
}

/* line 2485, scss/common.scss */
.listGroup > .box {
	border-top: 1px solid #e5e5e5;
}

/* line 2486, scss/common.scss */
.listGroup > .box:hover, .listGroup > .box.active {
	background: #f4f7fc;
}

/* line 2487, scss/common.scss */
.listGroup > .box:first-child {
	border-top: 0;
}

/* line 2488, scss/common.scss */
.listGroup > .box .boxWrap {
	position: relative;
	padding: 20px 25px;
	border: 2px solid transparent;
}

/* line 2489, scss/common.scss */
.listGroup > .box .boxWrap .etcMenu {
	position: absolute;
	top: 25px;
	right: 28px;
}

/* line 2491, scss/common.scss */
.listGroup > .box .boxWrap .etcMenu li {
	float: left;
	margin-left: 23px;
	padding-left: 23px;
}

/* line 2493, scss/common.scss */
.listGroup > .box .boxWrap .etcMenu li.heart {
	background: url("../../images/ico/ico-heart.png") no-repeat left center;
}

/* line 2494, scss/common.scss */
.listGroup > .box .boxWrap .etcMenu li.like {
	background: url("../../images/ico/ico-best.png") no-repeat left center;
}

/* line 2495, scss/common.scss */
.listGroup > .box .boxWrap .etcMenu li.person {
	background: url("../../images/ico/ico-people.png") no-repeat left center;
}

/* line 2496, scss/common.scss */
.listGroup > .box .boxWrap .etcMenu li:first-child {
	margin-left: 0;
}

/* line 2499, scss/common.scss */
.listGroup > .box .boxWrap strong {
	display: inline-block;
	width: 650px;
	margin-bottom: 15px;
	color: #222;
	font-size: 17px;
	font-family: 'Noto Sans Medium';
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* line 2500, scss/common.scss */
.listGroup > .box .boxWrap .right {
	margin-top: 40px;
}

/* line 2501, scss/common.scss */
.listGroup > .box .boxWrap .right p {
	display: inline-block;
}

/* line 2503, scss/common.scss */
.listGroup > .box .boxWrap .left p {
	width: 670px;
	white-space: normal;
	line-height: 1.5;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* line 2504, scss/common.scss */
.listGroup > .box .boxWrap p {
	color: #686868;
	font-size: 14px;
	font-family: '맑은 고딕';
}

/* line 2510, scss/common.scss */
p .exp, p .cycle, p .have, p .createDay {
	display: inline-block;
	height: 26px;
	line-height: 26px;
	padding: 0 12px;
	margin-right: 10px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: bold;
}

/* line 2511, scss/common.scss */
p .exp {
	color: #2a58d0;
	background: #e5f1ff;
}

/* line 2512, scss/common.scss */
p .have {
	color: #149598;
	background: #e2f9f7;
}

/* line 2513, scss/common.scss */
p .createDay {
	color: #7565ee;
	background: #efefff;
}

/* line 2514, scss/common.scss */
p .cycle {
	margin-right: 5px;
	color: #7565ee;
	background: #efefff;
}

/* line 2517, scss/common.scss */
.star {
	position: relative;
	display: inline-block;
	width: 90px;
	height: 15px;
}

/* line 2518, scss/common.scss */
.star .starBg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 15px;
	background: url("../../images/common/ico-star.png") no-repeat;
}

/* line 2519, scss/common.scss */
.star .starProgress {
	position: absolute;
	left: 0;
	top: 0;
	height: 15px;
	background: url("../../images/common/ico-star-progress.png") no-repeat;
}

/* line 2520, scss/common.scss */
.star.large {
	width: 122px;
	height: 19px;
	margin-top: 11px;
	margin-left: 20px;
}

/* line 2521, scss/common.scss */
.star.large .starBg {
	width: 100%;
	height: 19px;
	background: url("../../images/common/ico-star-large.png") no-repeat;
}

/* line 2522, scss/common.scss */
.star.large .starProgress {
	height: 19px;
	background: url("../../images/common/ico-star-progress-large.png") no-repeat;
}

/* line 2527, scss/common.scss */
.btnSliderMore, .btnSliderMore2 {
	position: absolute;
	left: calc(50% - 97px);
	bottom: -19px;
	width: 195px;
	height: 42px;
	border: 2px solid #fff;
	border-radius: 50px;
	box-shadow: 0 0 5px #ccc;
	font-size: 14px;
	color: #585858;
	font-weight: bold;
	background: #fff;
}

/* line 2528, scss/common.scss */
.btnSliderMore:before, .btnSliderMore:after, .btnSliderMore2:before, .btnSliderMore2:after {
	position: absolute;
	display: block;
	content: '';
}

/* line 2529, scss/common.scss */
.btnSliderMore:before, .btnSliderMore2:before {
	left: 23px;
	top: 14px;
	width: 14px;
	height: 12px;
	background: url("../../images/ico/ico-slider-menu.png");
}

/* line 2530, scss/common.scss */
.btnSliderMore:after, .btnSliderMore2:after {
	right: 20px;
	top: 15px;
	width: 12px;
	height: 7px;
	background: url("../../images/ico/ico-slider-arrowDown.png");
}

/* line 2531, scss/common.scss */
.btnSliderMore:hover, .btnSliderMore2:hover {
	border: 2px solid #3673e2;
	color: #2b61db;
}

/* line 2532, scss/common.scss */
.btnSliderMore:hover:before, .btnSliderMore2:hover:before {
	background: url("../../images/ico/ico-slider-menu-hover.png");
}

/* line 2533, scss/common.scss */
.btnSliderMore:hover:after, .btnSliderMore2:hover:after {
	background: url("../../images/ico/ico-slider-arrowDown-hover.png");
}

/* line 2536, scss/common.scss */
.btnSliderMore2 {
	display: none;
}

/* line 2537, scss/common.scss */
.btnSliderMore2:after {
	right: 20px;
	top: 15px;
	width: 12px;
	height: 7px;
	background: url("../../images/ico/ico-slider-arrowUp.png");
}

/* line 2539, scss/common.scss */
.btnSliderMore2:hover:after {
	background: url("../../images/ico/ico-slider-arrowUp-hover.png");
}

/* line 2542, scss/common.scss */
.sliderDetail {
	position: relative;
	margin-bottom: 24px;
	background: #f4f5f8;
}

/* line 2543, scss/common.scss */
.sliderDetail .slick-prev {
	display: none;
}

/* line 2544, scss/common.scss */
.sliderDetail .item {
	float: left;
	width: 25%;
}

/* line 2545, scss/common.scss */
.sliderDetail .item .box {
	position: relative;
	padding: 26px 14px;
}

/* line 2546, scss/common.scss */
.sliderDetail .item .box:focus, .sliderDetail .item .box:active {
	outline: 0;
}

/* line 2548, scss/common.scss */
.sliderDetail .item .box:hover .boxWrap, .sliderDetail .item .box.active .boxWrap {
	border: 1px solid #3673e2;
	box-shadow: 0 0 3px 1px #3673e2;
}

/* line 2551, scss/common.scss */
.sliderDetail .item .checkbox {
	position: absolute;
	right: 2px;
	top: 33px;
}

/* line 2552, scss/common.scss */
.sliderDetail .item .boxWrap {
	max-height: 192px;
	padding: 16px 15px 13px;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	transition: 0.25s;
	cursor: pointer;
	background: #fff;
}

/* line 2554, scss/common.scss */
.sliderDetail .item .boxWrap:focus, .sliderDetail .item .boxWrap:active {
	outline: 0;
}

/* line 2555, scss/common.scss */
.sliderDetail .item .boxWrap .strong {
	margin-bottom: 9px;
	padding-left: 4px;
	color: #222222;
	font-size: 19px;
	font-family: 'Noto Sans Medium';
	text-align: left;
	white-space: normal;
	line-height: 1.2;
	height: 2.4em;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* line 2557, scss/common.scss */
.sliderDetail .item .boxWrap .strong:hover .tooltip {
	display: block;
	width: 170px;
	height: max-content;
	left: calc(50% - 95px);
	bottom: 130px;
	text-align: left;
	padding: 10px;
	z-index: 1000;
}

/* line 2559, scss/common.scss */
.sliderDetail .item .boxWrap .star {
	margin-left: 40px;
}

/* line 2560, scss/common.scss */
.sliderDetail .item .boxWrap .starPoint {
	margin-left: 5px;
	font-size: 17px;
	color: #f93048;
	font-family: 'Noto Sans Medium';
}

/* line 2561, scss/common.scss */
.sliderDetail .item .boxWrap p {
	margin-bottom: 9px;
}

/* line 2562, scss/common.scss */
.sliderDetail .item .boxWrap .tag {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 5px;
	border-radius: 25px;
	font-size: 11px;
	font-weight: bold;
	font-family: '맑은 고딕';
}

/* line 2563, scss/common.scss */
.sliderDetail .item .boxWrap .tag.blue {
	color: #3d6ce2;
	border: 1px solid #6a91f5;
}

/* line 2564, scss/common.scss */
.sliderDetail .item .boxWrap .tag.green {
	margin-left: 3px;
	color: #0e98a4;
	border: 1px solid #27b9bc;
}

/* line 2566, scss/common.scss */
.sliderDetail .item .boxWrap button {
	width: 88px;
	height: 34px;
	margin-top: 11px;
}

/* line 2567, scss/common.scss */
.sliderDetail .item .boxWrap button:hover {
	background: #3673e2;
}

/* slider item */
/* line 2577, scss/common.scss */
.sliderCont.sliderMain {
	position: relative;
	margin-top: 58px;
	background: none;
	text-align: center;
}

/* line 2578, scss/common.scss */
.sliderCont.sliderMain .item {
	display: inline-block;
	width: 140px;
	height: 130px;
	background: #fff;
	margin: 17px 15px;
	border-radius: 4px;
	box-shadow: 0 0 3px #444;
	transition: .2s;
}

/* line 2579, scss/common.scss */
.sliderCont.sliderMain .item.item01 a {
	background: url("../../images/ico/ico-slider-item01.png") no-repeat center 25px;
}

/* line 2580, scss/common.scss */
.sliderCont.sliderMain .item.item02 a {
	background: url("../../images/ico/ico-slider-item05.png") no-repeat center 25px;
}

/* line 2581, scss/common.scss */
.sliderCont.sliderMain .item.item03 a {
	background: url("../../images/ico/ico-slider-item06.png") no-repeat center 25px;
}

/* line 2582, scss/common.scss */
.sliderCont.sliderMain .item.item04 a {
	background: url("../../images/ico/ico-slider-item03.png") no-repeat center 25px;
}

/* line 2583, scss/common.scss */
.sliderCont.sliderMain .item.item05 a {
	background: url("../../images/ico/ico-slider-item07.png") no-repeat center 25px;
}

/* line 2584, scss/common.scss */
.sliderCont.sliderMain .item.item06 a {
	background: url("../../images/ico/ico-slider-item04.png") no-repeat center 25px;
}

/* line 2585, scss/common.scss */
.sliderCont.sliderMain .item.item07 a {
	background: url("../../images/ico/ico-slider-item08.png") no-repeat center 25px;
}

/* line 2586, scss/common.scss */
.sliderCont.sliderMain .item.item08 a {
	background: url("../../images/ico/ico-slider-item09.png") no-repeat center 25px;
}

/* line 2587, scss/common.scss */
.sliderCont.sliderMain .item.item09 a {
	background: url("../../images/ico/ico-slider-item10.png") no-repeat center 25px;
}

/* line 2588, scss/common.scss */
.sliderCont.sliderMain .item.item10 a {
	background: url("../../images/ico/ico-slider-item11.png") no-repeat center 25px;
}

/* line 2589, scss/common.scss */
.sliderCont.sliderMain .item.item11 a {
	background: url("../../images/ico/ico-slider-item12.png") no-repeat center 25px;
}

/* line 2590, scss/common.scss */
.sliderCont.sliderMain .item.item12 a {
	background: url("../../images/ico/ico-slider-item13.png") no-repeat center 25px;
}

/* line 2591, scss/common.scss */
.sliderCont.sliderMain .item.item13 a {
	background: url("../../images/ico/ico-slider-item14.png") no-repeat center 25px;
}

/* line 2592, scss/common.scss */
.sliderCont.sliderMain .item.item14 a {
	background: url("../../images/ico/ico-slider-item02.png") no-repeat center 25px;
}

/* line 2595, scss/common.scss */
.sliderCont.sliderMain .item > a {
	display: block;
	text-align: center;
	margin: 0 auto;
	height: 100%;
}

/* line 2596, scss/common.scss */
.sliderCont.sliderMain .item > a strong {
	display: inline-block;
	margin-top: 90px;
	font-size: 15px;
	font-family: 'Noto Sans Medium';
	color: #585858;
	padding: 0 10px;
}

/* line 2598, scss/common.scss */
.sliderCont.sliderMain .item:hover {
	background-color: #3673e2;
}

/* line 2599, scss/common.scss */
.sliderCont.sliderMain .item:hover.item01 a {
	background: url("../../images/ico/ico-slider-item01-hover.png") no-repeat center 25px;
}

/* line 2600, scss/common.scss */
.sliderCont.sliderMain .item:hover.item02 a {
	background: url("../../images/ico/ico-slider-item05-hover.png") no-repeat center 25px;
}

/* line 2601, scss/common.scss */
.sliderCont.sliderMain .item:hover.item03 a {
	background: url("../../images/ico/ico-slider-item06-hover.png") no-repeat center 25px;
}

/* line 2602, scss/common.scss */
.sliderCont.sliderMain .item:hover.item04 a {
	background: url("../../images/ico/ico-slider-item03-hover.png") no-repeat center 25px;
}

/* line 2603, scss/common.scss */
.sliderCont.sliderMain .item:hover.item05 a {
	background: url("../../images/ico/ico-slider-item07-hover.png") no-repeat center 25px;
}

/* line 2604, scss/common.scss */
.sliderCont.sliderMain .item:hover.item06 a {
	background: url("../../images/ico/ico-slider-item04-hover.png") no-repeat center 25px;
}

/* line 2605, scss/common.scss */
.sliderCont.sliderMain .item:hover.item07 a {
	background: url("../../images/ico/ico-slider-item08-hover.png") no-repeat center 25px;
}

/* line 2606, scss/common.scss */
.sliderCont.sliderMain .item:hover.item08 a {
	background: url("../../images/ico/ico-slider-item09-hover.png") no-repeat center 25px;
}

/* line 2607, scss/common.scss */
.sliderCont.sliderMain .item:hover.item09 a {
	background: url("../../images/ico/ico-slider-item10-hover.png") no-repeat center 25px;
}

/* line 2608, scss/common.scss */
.sliderCont.sliderMain .item:hover.item10 a {
	background: url("../../images/ico/ico-slider-item11-hover.png") no-repeat center 25px;
}

/* line 2609, scss/common.scss */
.sliderCont.sliderMain .item:hover.item11 a {
	background: url("../../images/ico/ico-slider-item12-hover.png") no-repeat center 25px;
}

/* line 2610, scss/common.scss */
.sliderCont.sliderMain .item:hover.item12 a {
	background: url("../../images/ico/ico-slider-item13-hover.png") no-repeat center 25px;
}

/* line 2611, scss/common.scss */
.sliderCont.sliderMain .item:hover.item13 a {
	background: url("../../images/ico/ico-slider-item14-hover.png") no-repeat center 25px;
}

/* line 2612, scss/common.scss */
.sliderCont.sliderMain .item:hover.item14 a {
	background: url("../../images/ico/ico-slider-item02-hover.png") no-repeat center 25px;
}

/* line 2614, scss/common.scss */
.sliderCont.sliderMain .item:hover > a strong {
	color: #fff;
}

/* line 2617, scss/common.scss */
.sliderCont.sliderMain .item .box {
	position: relative;
	padding: 26px 14px;
}

/* line 2618, scss/common.scss */
.sliderCont.sliderMain .item .box:focus, .sliderCont.sliderMain .item .box:active {
	outline: 0;
}

/* line 2620, scss/common.scss */
.sliderCont.sliderMain .item .box:hover .boxWrap, .sliderCont.sliderMain .item .box.active .boxWrap {
	border: 2px solid #3673e2;
	box-shadow: 0 0 5px #3673e2;
}

/* line 2623, scss/common.scss */
.sliderCont.sliderMain .item .checkbox {
	position: absolute;
	right: 2px;
	top: 33px;
}

/* line 2624, scss/common.scss */
.sliderCont.sliderMain .item .boxWrap {
	height: 192px;
	padding: 16px 15px 13px;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	transition: 0.25s;
	cursor: pointer;
	background: #fff;
	box-sizing: border-box;
	box-shadow: 0 0 3px #aaa;
}

/* line 2626, scss/common.scss */
.sliderCont.sliderMain .item .boxWrap:focus, .sliderCont.sliderMain .item .boxWrap:active {
	outline: 0;
}

/* line 2627, scss/common.scss */
.sliderCont.sliderMain .item .boxWrap .strong {
	padding-left: 4px;
	color: #222222;
	font-size: 19px;
	font-family: 'Noto Sans Medium';
	text-align: left;
	white-space: normal;
	line-height: 1.2;
	height: 2.4em;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* line 2629, scss/common.scss */
.sliderCont.sliderMain .item .boxWrap .strong:hover .tooltip {
	display: block;
	width: 170px;
	height: max-content;
	left: calc(50% - 95px);
	bottom: 130px;
	text-align: left;
	padding: 10px;
	z-index: 1000;
}

/* line 2632, scss/common.scss */
.sliderCont.sliderMain .item .boxWrap .starPoint {
	margin-left: 5px;
	font-size: 17px;
	color: #f93048;
	font-family: 'Noto Sans Medium';
}

/* line 2633, scss/common.scss */
.sliderCont.sliderMain .item .boxWrap p {
	margin: 9px 0;
}

/* line 2634, scss/common.scss */
.sliderCont.sliderMain .item .boxWrap .tag {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 5px;
	border-radius: 25px;
	font-size: 11px;
}

/* line 2635, scss/common.scss */
.sliderCont.sliderMain .item .boxWrap .tag.blue {
	color: #3d6ce2;
	border: 1px solid #6a91f5;
}

/* line 2636, scss/common.scss */
.sliderCont.sliderMain .item .boxWrap .tag.green {
	margin-left: 3px;
	color: #0e98a4;
	border: 1px solid #27b9bc;
}

/* line 2638, scss/common.scss */
.sliderCont.sliderMain .item .boxWrap button {
	width: 88px;
	height: 34px;
	margin-top: 11px;
}

/* line 2639, scss/common.scss */
.sliderCont.sliderMain .item .boxWrap button:hover {
	background: #3673e2;
}

/* line 2644, scss/common.scss */
.sliderCont.sliderMain.sliderMain {
	border-radius: 5px;
}

/* line 2649, scss/common.scss */
.slick-arrow {
	position: absolute;
	font-size: 0;
	width: 34px;
	height: 34px;
	z-index: 10;
	top: calc(50% - 19px);
	border-radius: 50%;
	box-shadow: 0 0 3px #888;
}

/* line 2650, scss/common.scss */
.slick-arrow.slick-prev {
	background: red;
	left: -3px;
	background: url("../../images/btn/btn-slick-prev.png");
}

/* line 2651, scss/common.scss */
.slick-arrow.slick-prev:hover {
	background: url("../../images/btn/btn-slick-prev-hover.png");
}

/* line 2653, scss/common.scss */
.slick-arrow.slick-next {
	background: red;
	right: -3px;
	background: url("../../images/btn/btn-slick-next.png");
}

/* line 2654, scss/common.scss */
.slick-arrow.slick-next:hover {
	background: url("../../images/btn/btn-slick-next-hover.png");
}

/* line 2657, scss/common.scss */
.graphArea {
	width: 100%;
	height: 244px;
	margin-bottom: 40px;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	text-align: center;
}

/* line 2658, scss/common.scss */
.graphArea .graphBox {
	position: relative;
	padding: 0 20px;
}

/* line 2660, scss/common.scss */
.graphArea .graphBox:last-child .graph {
	border-bottom: 0;
}

/* line 2662, scss/common.scss */
.graphArea .graphBox .graph {
	padding: 20px 0;
	border-bottom: 1px solid #e1e0e0;
}

/* line 2663, scss/common.scss */
.graphArea .graphBox .tip {
	position: absolute;
	left: 50%;
	bottom: -15px;
	transform: translateX(-50%);
	height: 30px;
	line-height: 30px;
	padding: 0 13px 0 30px;
	color: #fff;
	font-size: 12px;
	font-weight: '맑은 고딕';
	background: rgba(0, 0, 0, 0.75) url("../../images/ico/ico-tip.png") no-repeat 7px center;
	border-radius: 50px;
}

/* line 2665, scss/common.scss */
.graphArea .graphBox .btnGraphDetail {
	position: absolute;
	left: 10px;
	top: 16px;
	height: 30px;
	padding: 0 15px 0 40px;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	font-family: 'Noto Sans Medium';
	background: #3673e2 url("../../images/ico/ico-graph-detail.png") no-repeat 17px center;
	border-radius: 50px;
}

/* 로그인 */
/* line 2675, scss/common.scss */
.loginWrap .loginArea {
	float: left;
	width: 505px;
	min-height: 531px;
	margin-left: 23px;
	padding: 58px 50px 50px;
	border: 1px solid #dfdfdf;
	border-radius: 4px;
	box-sizing: border-box;
}

/* line 2677, scss/common.scss */
.loginWrap .loginArea:first-child {
	margin-left: 0;
}

/* line 2678, scss/common.scss */
.loginWrap .loginArea:hover {
	width: 505px;
	padding: 57px 49px 50px;
	border: 2px solid #376fee;
}

/* line 2680, scss/common.scss */
.loginWrap h4 {
	padding-top: 73px;
	font-size: 19px;
	color: #222222;
	font-family: "Noto Sans Medium";
	text-align: center;
}

/* line 2682, scss/common.scss */
.loginWrap h4:before {
	display: none;
}

/* line 2683, scss/common.scss */
.loginWrap h4.type01 {
	background: url("../../images/ico/ico-login-type01.png") no-repeat 180px top;
}

/* line 2684, scss/common.scss */
.loginWrap h4.type02 {
	background: url("../../images/ico/ico-login-type02.png") no-repeat 179px top;
}

/* line 2686, scss/common.scss */
.loginWrap .box {
	margin-top: 29px;
}

/* line 2688, scss/common.scss */
.loginWrap .box input[type="text"], .loginWrap .box input[type="password"] {
	height: 50px;
	padding: 0 0 0 10px;
	border: 1px solid #dedede;
	box-sizing: border-box;
	font-size: 15px;
}

/* line 2690, scss/common.scss */
.loginWrap .box input[type="text"]::placeholder, .loginWrap .box input[type="password"]::placeholder {
	color: #b3b3b3;
	font-size: 15px;
	font-family: "Noto Sans";
}

/* line 2692, scss/common.scss */
.loginWrap .box input[type="password"] {
	width: 100%;
	margin-top: 6px;
}

/* line 2693, scss/common.scss */
.loginWrap .box .btnLogin {
	display: block;
	width: 100%;
	height: 50px;
	margin-top: 15px;
	background: #3d6ce2;
	color: #fff;
	font-size: 18px;
	font-family: "Noto Sans Medium";
	border-radius: 3px;
}

/* line 2695, scss/common.scss */
.loginWrap .box .btnLogin:hover {
	background: #2359d0;
}

/* line 2698, scss/common.scss */
.loginWrap .saveId {
	padding: 5px 0 0;
}

/* line 2700, scss/common.scss */
.loginWrap .saveId .checkbox {
	float: left;
}

/* line 2701, scss/common.scss */
.loginWrap .saveId p {
	float: left;
	margin-left: 5px;
}

/* line 2702, scss/common.scss */
.loginWrap .saveId:after {
	content: "";
	display: block;
	clear: both;
}

/* line 2705, scss/common.scss */
.loginWrap .subArea {
	margin-top: 9px;
	padding: 14px 0;
	border-radius: 3px;
	background: #f0f1f3;
	text-align: center;
}

/* line 2707, scss/common.scss */
.loginWrap .subArea li {
	display: inline-block;
}

/* line 2709, scss/common.scss */
.loginWrap .subArea li:before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 14px;
	margin: 0 10px;
	background: #b4b4b4;
	vertical-align: middle;
	margin-top: -3px;
}

/* line 2710, scss/common.scss */
.loginWrap .subArea li:first-child:before {
	display: none;
}

/* line 2712, scss/common.scss */
.loginWrap .subArea a {
	color: #787878;
	font-size: 15px;
	font-family: "Noto Sans DemLight";
}

/* line 2715, scss/common.scss */
.loginWrap .btn_gpki {
	display: block;
	width: 210px;
	height: 56px;
	padding-top: 114px;
	margin: 0 auto;
	color: #fff;
	font-size: 18px;
	font-family: "Noto Sans Medium";
	text-align: center;
	border-radius: 3px;
	background: #3d6ce2 url("../../images/ico/ico-gpki.png") no-repeat center 39px;
	transition: all ease 0.2s 0s;
}

/* line 2718, scss/common.scss */
.loginWrap .btn_gpki:hover {
	background: #0a41cd url("../../images/ico/ico-gpki-hover.png") no-repeat center 39px;
	transition: all ease 0.2s 0s;
}

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

/* !불릿의 안내문구 */
/* line 2725, scss/common.scss */
.txtInfo {
	margin: 15px 0 0 12px;
	color: #888888;
	font-size: 13px;
}

/* line 2728, scss/common.scss */
.txtInfo:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 3px;
	background: url("../../images/ico/ico-info.png") no-repeat left center;
	vertical-align: top;
}

/* line 2729, scss/common.scss */
.txtInfo.icoPw {
	display: block;
	margin-top: 0;
	padding-top: 80px;
	background: url("../../images/ico/ico-pw.png") no-repeat center top;
}

/* line 2730, scss/common.scss */
.txtInfo.txtCenter {
	text-align: center;
	margin-left: 0;
}

/* line 2733, scss/common.scss */
.txtInfo2 {
	position: absolute;
	right: 0;
	top: 10px;
	color: #999999;
}

/* 레이어팝업창 */
/* line 2737, scss/common.scss */
.alert {
	position: absolute;
	z-index: 2000;
	box-shadow: 0 0 3px #555;
	width: 356px;
	left: 50%;
	margin-left: -178px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 10px #333;
}

/* line 2739, scss/common.scss */
.alert .btnClose {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 38px;
	height: 38px;
	background: url("../../images/popup/btn-popClose.png");
}

/* line 2740, scss/common.scss */
.alert .btnClose:hover {
	background: url("../../images/popup/btn-popClose-hover.png");
}

/* line 2742, scss/common.scss */
.alert .textArea {
	margin-top: 50px;
}

/* line 2743, scss/common.scss */
.alert .imgArea {
	width: 63px;
	height: 63px;
	margin: 43px auto 0;
}

/* line 2744, scss/common.scss */
.alert .imgArea.imgCheck {
	background: url("../../images/popup/img-check.gif");
}

/* line 2745, scss/common.scss */
.alert .imgArea.imgCheck.png {
	background: url("../../images/popup/img-check.png");
}

/* line 2747, scss/common.scss */
.alert .imgArea.imgError {
	background: url("../../images/popup/img-error.gif");
}

/* line 2748, scss/common.scss */
.alert .imgArea.imgError.png {
	background: url("../../images/popup/img-error.png");
}

/* line 2750, scss/common.scss */
.alert .imgArea.imgInfo {
	background: url("../../images/popup/img-info.gif");
}

/* line 2751, scss/common.scss */
.alert .imgArea.imgInfo.png {
	background: url("../../images/popup/img-info.png");
}

/* line 2753, scss/common.scss */
.alert .imgArea.imgQuestion {
	background: url("../../images/popup/img-question.gif");
}

/* line 2754, scss/common.scss */
.alert .imgArea.imgWarning {
	width: 75px;
	height: 68px;
	margin: 37px auto 0;
	background: url("../../images/popup/img-warning.gif");
}

/* line 2756, scss/common.scss */
.alert p {
	text-align: center;
	padding-top: 12px;
	color: #585858;
	font-size: 17px;
	font-family: "Noto Sans";
}

/* line 2758, scss/common.scss */
.alert p.small {
	font-size: 14px;
	color: #686868;
	font-family: "맑은 고딕";
}

/* line 2760, scss/common.scss */
.alert .phone {
	padding-top: 0px;
	font-size: 24px;
	color: #2853d5;
	font-family: "Noto Sans Medium";
}

/* line 2762, scss/common.scss */
.alert .phone:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 16px;
	margin-right: 5px;
	background: url("../../images/ico/ico-phone.png") no-repeat;
}

/* line 2764, scss/common.scss */
.alert .list {
	margin-top: 5px;
	text-align: center;
	font-family: "맑은 고딕";
	font-weight: bold;
	color: #686868;
}

/* line 2766, scss/common.scss */
.alert .list li {
	line-height: 22px;
}

/* line 2767, scss/common.scss */
.alert .list li:before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: -3px 5px 0 0;
	border-radius: 50%;
	background: #376fee;
	vertical-align: middle;
}

/* line 2769, scss/common.scss */
.alert .btnArea {
	margin: 22px 0 30px;
}

/* line 2770, scss/common.scss */
.alert .btnArea button {
	width: 100px;
	height: 40px;
	margin: 0 3px;
}

/* line 2771, scss/common.scss */
.alert .btnArea.type2 {
	margin: 30px 0 0;
}

/* line 2772, scss/common.scss */
.alert .btnArea.type2 button {
	float: left;
	width: 50%;
	margin: 0;
}

/* line 2773, scss/common.scss */
.alert .btnArea.type2 button:first-child {
	border-radius: 0 0 0 10px;
}

/* line 2774, scss/common.scss */
.alert .btnArea.type2 button:last-child {
	border-radius: 0 0 10px 0;
}

/* 비밀번호 변경안내 */
/* line 2782, scss/common.scss */
.accountWrap {
	margin-top: 60px;
}

/* line 2784, scss/common.scss */
.accountWrap .title {
	font-size: 26px;
	color: #333;
	text-align: center;
	font-family: "Noto Sans Medium";
}

/* line 2785, scss/common.scss */
.accountWrap .subTxt {
	margin: 20px 0 30px;
	font-size: 15px;
	color: #686868;
	text-align: center;
	font-family: "Noto Sans";
}

/* line 2786, scss/common.scss */
.accountWrap .accountBox {
	margin-top: 0;
}

/* line 2787, scss/common.scss */
.accountWrap .accountInner {
	display: none;
	border: 1px solid #d8d8d8;
	padding: 39px 0;
}

/* line 2788, scss/common.scss */
.accountWrap .accountInner.noLine {
	border: 0;
}

/* line 2789, scss/common.scss */
.accountWrap .accountInner.fin {
	margin-top: 65px;
}

/* line 2791, scss/common.scss */
.accountWrap .inputArea {
	width: 340px;
	margin: 18px auto 0;
}

/* line 2793, scss/common.scss */
.accountWrap .inputArea .row {
	margin-top: 12px;
}

/* line 2795, scss/common.scss */
.accountWrap .inputArea .row select {
	float: left;
	width: 110px;
	font-family: "Noto Sans";
}

/* line 2796, scss/common.scss */
.accountWrap .inputArea .row input[type="text"] {
	float: left;
	width: 222px;
	margin: 0 0 0 8px;
	padding: 5px 8px;
}

/* line 2797, scss/common.scss */
.accountWrap .inputArea .row:after {
	content: "";
	display: block;
	clear: both;
}

/* line 2799, scss/common.scss */
.accountWrap .inputArea input[type="text"], .accountWrap .inputArea input[type="password"], .accountWrap .inputArea select {
	display: block;
	width: 100%;
	height: 46px;
	padding: 0 10px;
	margin-top: 12px;
	border: 1px solid #d8d8d8;
	box-sizing: border-box;
}

/* line 2801, scss/common.scss */
.accountWrap .inputArea input[type="text"]::placeholder, .accountWrap .inputArea input[type="password"]::placeholder, .accountWrap .inputArea select::placeholder {
	font-size: 15px;
	color: #b3b3b3;
	font-family: "Noto Sans";
}

/* line 2802, scss/common.scss */
.accountWrap .inputArea input[type="text"]:first-child, .accountWrap .inputArea input[type="password"]:first-child, .accountWrap .inputArea select:first-child {
	margin-top: 0;
}

/* line 2804, scss/common.scss */
.accountWrap .inputArea .helpTxt {
	display: block;
	margin-top: 5px;
	font-size: 12px;
	color: #376fee;
	font-family: "밁은 고딕";
}

/* line 2806, scss/common.scss */
.accountWrap .inputArea .helpTxt.wrong {
	color: #f24c4c;
}

/* line 2809, scss/common.scss */
.accountWrap .btnArea {
	margin-top: 26px;
}

/* line 2811, scss/common.scss */
.accountWrap .btnArea button[type="button"], .accountWrap .btnArea a {
	display: inline-block;
	width: 166px;
	height: 50px;
	margin: 0 1px;
	background: #376fee;
	border-radius: 3px;
	font-size: 15px;
	color: #fff;
	font-family: "맑은 고딕";
}

/* line 2813, scss/common.scss */
.accountWrap .btnArea button[type="button"].lightGray, .accountWrap .btnArea a.lightGray {
	background: #b9bcc5;
	color: #fff;
}

/* line 2814, scss/common.scss */
.accountWrap .btnArea button[type="button"].wide, .accountWrap .btnArea a.wide {
	width: 100%;
}

/* line 2815, scss/common.scss */
.accountWrap .btnArea button[type="button"].middle, .accountWrap .btnArea a.middle {
	width: 340px;
}

/* line 2816, scss/common.scss */
.accountWrap .btnArea button[type="button"].auto, .accountWrap .btnArea a.auto {
	width: auto;
	padding: 0 20px;
}

/* 아이디찾기/비밀번호찾기 탭 */
/* line 2822, scss/common.scss */
.accountTab {
	text-align: center;
}

/* line 2824, scss/common.scss */
.accountTab li {
	position: relative;
	display: inline-block;
	width: 120px;
	height: 40px;
	margin: 0 5px;
	font-size: 17px;
	color: #333333;
	font-family: "Noto Sans";
	text-align: center;
}

/* line 2826, scss/common.scss */
.accountTab li:hover, .accountTab li.active {
	color: #2a58d0;
}

/* line 2828, scss/common.scss */
.accountTab li:hover:before, .accountTab li.active:before {
	content: "";
	position: absolute;
	bottom: 0;
	display: block;
	width: 120px;
	height: 5px;
	background: #3d6ce2;
}

/* line 2831, scss/common.scss */
.accountTab + .accountInner {
	margin-top: 0;
}

/* 아이디찾기/비밀번호찾기 탭 */
/* line 2835, scss/common.scss */
.txtGuide {
	font-size: 21px;
	color: #222222;
	font-family: "Noto Sans";
	text-align: center;
}

/* line 2837, scss/common.scss */
.txtGuide.ico-id {
	padding-top: 80px;
	background: url("../../images/ico/ico-account.png") no-repeat center top;
}

/* line 2838, scss/common.scss */
.txtGuide.ico-pw {
	padding-top: 80px;
	background: url("../../images/ico/ico-pw-gray.png") no-repeat center top;
	font-size: 18px;
}

/* line 2839, scss/common.scss */
.txtGuide.phone {
	font-size: 24px;
	color: #2853d5;
	font-family: "Noto Sans Medium";
}

/* line 2841, scss/common.scss */
.txtGuide.phone:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 16px;
	margin-right: 5px;
	background: url("../../images/ico/ico-phone.png") no-repeat;
}

/* 회원가입 절차 */
/* line 2845, scss/common.scss */
.accountProgress {
	width: 100%;
	margin-top: -20px;
}

/* line 2846, scss/common.scss */
.accountProgress strong {
	display: block;
	margin-bottom: 25px;
	text-align: center;
	color: #000000;
	font-size: 26px;
	font-family: "Noto Sans Medium";
	font-weight: normal;
}

/* line 2847, scss/common.scss */
.accountProgress img {
	display: block;
	margin: 0 auto;
}

/* 약관 */
/* line 2850, scss/common.scss */
.accountTerms {
	margin-top: 50px;
}

/* line 2851, scss/common.scss */
.accountTerms .table table th, .accountTerms .table table td {
	height: 40px;
}

/* line 2852, scss/common.scss */
.accountTerms .table table tbody tr:nth-child(6) th,
.accountTerms .table table tbody tr:nth-child(6) td {
	height: 80px;
}

/* line 2854, scss/common.scss */
.accountTerms .table table td {
	padding-left: 20px;
}

/* line 2855, scss/common.scss */
.accountTerms .table table td .row {
	display: inline-block;
}

/* line 2856, scss/common.scss */
.accountTerms .table table td span.success, .accountTerms .table table td span.invalid {
	display: inline-block;
	margin-top: 10px;
	font-size: 12px;
	font-family: '맑은 고딕';
}

/* line 2857, scss/common.scss */
.accountTerms .table table td span.success {
	color: #376fee;
}

/* line 2858, scss/common.scss */
.accountTerms .table table td span.invalid {
	color: #f24c4c;
}

/* line 2859, scss/common.scss */
.accountTerms .table table td i {
	display: block;
	color: #a0a7b5;
	margin-top: 10px;
	font-size: 12px;
	font-family: '맑은 고딕';
	font-style: normal;
}

/* line 2860, scss/common.scss */
.accountTerms .table table td input[type="text"], .accountTerms .table table td input[type="password"] {
	width: 232px;
	margin-right: 5px;
	border-radius: 0;
}

/* line 2861, scss/common.scss */
.accountTerms .table table td input[type="text"]:disabled {
	background: #eeeff2;
}

/* line 2862, scss/common.scss */
.accountTerms .table table td input[type="number"] {
	width: 108px;
	border-radius: 0;
	margin-right: 8px;
}

/* line 2863, scss/common.scss */
.accountTerms .table table td select {
	margin-right: 8px;
}

/* line 2864, scss/common.scss */
.accountTerms .table table td .signUp {
	width: 80px;
	height: 38px;
	margin-right: 13px;
	border-radius: 3px;
	background: #bdc0c5;
	font-size: 14px;
}

/* line 2865, scss/common.scss */
.accountTerms .table table td .signUp:hover {
	background: #3673e2;
}

/* line 2867, scss/common.scss */
.accountTerms .table table td .checkbox {
	display: inline-block;
	vertical-align: text-bottom;
}

/* line 2868, scss/common.scss */
.accountTerms .table table td .checkbox label {
	padding-left: 25px;
	line-height: 18px;
	font-size: 14px;
	font-family: '맑은 고딕';
}

/* line 2872, scss/common.scss */
.accountTerms:nth-child(2) {
	margin-top: 100px;
}

/* line 2873, scss/common.scss */
.accountTerms textarea, .accountTerms .article {
	margin-bottom: 10px;
	background: #f4f5f8;
}

/* line 2874, scss/common.scss */
.accountTerms .article {
	overflow-y: scroll;
	border: 1px solid #dee1e7;
	padding: 10px;
	height: 323px;
}

/* line 2875, scss/common.scss */
.accountTerms .checkbox {
	text-align: right;
}

/* line 2876, scss/common.scss */
.accountTerms .checkbox label {
	display: inline-block;
	width: auto;
	height: 20px;
	line-height: 18px;
	color: #686868;
	font-size: 15px;
	font-family: "Noto Sans";
	background: url("../../images/input/bg-radio.png") no-repeat;
}

/* line 2877, scss/common.scss */
.accountTerms .checkbox label .blue {
	color: #376fee;
}

/* line 2879, scss/common.scss */
.accountTerms .checkbox input[type="checkbox"]:checked + label {
	background: url("../../images/input/bg-radio-active.png") no-repeat;
}

/* line 2881, scss/common.scss */
.accountTerms .accountAgree {
	width: 100%;
	padding: 18px 0;
	text-align: center;
	background: #f4f5f8;
}

/* line 2882, scss/common.scss */
.accountTerms .accountAgree .checkbox {
	text-align: center;
}

/* line 2885, scss/common.scss */
.signUpFin {
	padding: 75px 0 45px;
	background: url("../../images/popup/img-check.gif") no-repeat center 40px;
	text-align: center;
}

/* line 2886, scss/common.scss */
.signUpFin p {
	margin-top: 30px;
	font-size: 20px;
	font-family: "Noto Sans";
}

/* line 2887, scss/common.scss */
.signUpFin .btnArea button[type="button"] {
	width: 222px;
}

/* line 2891, scss/common.scss */
.popup {
	position: fixed;
	left: 100px;
	top: 200px;
	z-index: 1900;
	border-radius: 3px;
	box-shadow: 0 0 3px #777;
}

/* line 2892, scss/common.scss */
.popup .popupHeader {
	position: relative;
	width: 100%;
	height: 52px;
	line-height: 52px;
	background: linear-gradient(to right, #3670d7, #339ee5);
	border-radius: 3px 3px 0 0;
}

/* line 2893, scss/common.scss */
.popup .popupHeader h3 {
	padding: 0 22px;
	color: #fff;
	font-size: 20px;
	font-family: 'Noto Sans';
	font-weight: normal;
}

/* line 2894, scss/common.scss */
.popup .popupHeader .btnClose {
	position: absolute;
	right: 21px;
	top: 16px;
	width: 23px;
	height: 21px;
	background: url("../../images/btn/btn-popup-close.png");
}

/* line 2896, scss/common.scss */
.popup .popupMain {
	background: #fff;
	border-radius: 0 0 3px 3px;
}

/* line 2897, scss/common.scss */
.popup .popupMain .popupPd {
	padding: 20px;
}

/* line 2898, scss/common.scss */
.popup .popupMain h4 {
	display: block;
	line-height: 56px;
	border-top: 1px solid #888ea0;
	color: #222222;
	font-size: 19px;
	font-weight: normal;
	font-family: "Noto Sans Medium";
}

/* line 2899, scss/common.scss */
.popup .popupMain h4.titSub {
	border-top: 0;
	line-height: inherit;
	font-size: 17px;
}

/* line 2901, scss/common.scss */
.popup .popupMain .mCSB_outside + .mCSB_scrollTools {
	right: 0;
}

/* line 2902, scss/common.scss */
.popup .popupMain .table .mCSB_outside + .mCSB_scrollTools {
	top: 40px;
}

/* line 2904, scss/common.scss */
.popup .table {
	margin-bottom: 10px;
}

/* line 2906, scss/common.scss */
.popup .table td input[type="text"] {
	width: 100%;
}

/* line 2907, scss/common.scss */
.popup .table td input[type="text"], .popup .table td input[type="file"] {
	height: 30px;
}

/* line 2908, scss/common.scss */
.popup .table td input[type="file"] {
	width: 100%;
	border: 1px solid #cdd2d9;
}

/* line 2909, scss/common.scss */
.popup .table td span.blue {
	color: #2853d5;
	font-weight: bold;
}

/* line 2910, scss/common.scss */
.popup .table td span.red {
	color: #ee5b5b;
	font-weight: bold;
}

/* line 2913, scss/common.scss */
.popup .table.popList td {
	height: 27px;
	padding: 3px 5px;
}

/* line 2916, scss/common.scss */
.popup .pagination {
	margin-top: 0;
}

/* line 2918, scss/common.scss */
.popup .tabContWrap .tabNav {
	text-align: center;
	background: #fff;
	margin-bottom: 8px;
}

/* line 2919, scss/common.scss */
.popup .tabContWrap .tabNav .tabList {
	display: inline-block;
	width: auto;
}

/* line 2920, scss/common.scss */
.popup .tabContWrap .tabNav .tabList li {
	width: 122px;
	margin: 0 41px;
}

/* line 2921, scss/common.scss */
.popup .tabContWrap .tabNav .tabList li.active:after, .popup .tabContWrap .tabNav .tabList li:hover:after {
	bottom: -7px;
}

/* line 2922, scss/common.scss */
.popup .tabContWrap .tabNav .tabList li > a {
	height: 44px;
}

/* line 2927, scss/common.scss */
.popup .tabContWrap .tabCont {
	background: #fff;
}

/* line 2929, scss/common.scss */
.popup .returnBox {
	min-height: 100px;
	padding: 15px;
	background: #f4f5f8;
	border: 1px solid #cdd2d9;
	color: #585858;
	font-size: 14px;
	font-family: '맑은 고딕';
}

/* line 2930, scss/common.scss */
.popup .returnArea .btnArea button {
	width: 100px;
}

/* line 2931, scss/common.scss */
.popup.errReport {
	width: 535px;
}

/* line 2932, scss/common.scss */
.popup.errReport .popupMain {
	background: #fff;
	padding: 25px 20px 22px;
}

/* line 2933, scss/common.scss */
.popup.errReport .table table td.txtLeft {
	padding: 5px 10px;
}

/* line 2934, scss/common.scss */
.popup.errReport .fileSelect {
	color: #888888;
	font-size: 13px;
	font-family: '맑은 고딕';
}

/* line 2935, scss/common.scss */
.popup.errReport .fileSelect .fileLocal {
	width: 100%;
	height: 111px;
	margin-bottom: 5px;
	padding: 40px 0 0 0;
	border: 1px solid #dee1e7;
	background: #fff url("../../images/input/bg-file-upload.png") no-repeat center 25px;
}

/* line 2937, scss/common.scss */
.popup.errReport .fileSelect .fileLocal::placeholder {
	text-align: center;
	display: inline-block;
}

/* line 2939, scss/common.scss */
.popup.errReport .fileSelect .btnFileSelect {
	border-radius: 2px;
	transition: .25s;
}

/* line 2940, scss/common.scss */
.popup.errReport .fileSelect .btnFileSelect:hover {
	background: #5b5b5b;
}

/* line 2944, scss/common.scss */
.popup.errReport .btnArea button {
	width: 119px;
	height: 40px;
}

/* line 2948, scss/common.scss */
.popup.dataApply .radioGroup.data {
	text-align: left;
}

/* line 2949, scss/common.scss */
.popup.dataApply .radioGroup.data .radio {
	margin-right: 10px;
}

/* line 2951, scss/common.scss */
.popup.dataApply .fileSelect {
	color: #888888;
	font-size: 13px;
	font-family: '맑은 고딕';
}

/* line 2952, scss/common.scss */
.popup.dataApply .fileSelect .fileLocal {
	width: 100%;
	height: 111px;
	margin-bottom: 5px;
	padding: 40px 0 0 0;
	border: 1px solid #dee1e7;
	background: #fff url("../../images/input/bg-file-upload.png") no-repeat center 25px;
}

/* line 2954, scss/common.scss */
.popup.dataApply .fileSelect .fileLocal::placeholder {
	text-align: center;
	display: inline-block;
}

/* line 2956, scss/common.scss */
.popup.dataApply .fileSelect .btnFileSelect {
	border-radius: 2px;
	transition: .25s;
}

/* line 2957, scss/common.scss */
.popup.dataApply .fileSelect .btnFileSelect:hover {
	background: #5b5b5b;
}

/* line 2962, scss/common.scss */
.popup.info .popupMain {
	background: #eff0f4;
}

/* line 2964, scss/common.scss */
.popup.info .popupMain .tabContWrap .tabCont {
	padding-top: 0;
}

/* line 2967, scss/common.scss */
.popup.info .titleArea {
	margin-top: 20px;
}

/* line 2968, scss/common.scss */
.popup.info .titleArea .titSub {
	font-size: 20px;
	margin-bottom: 0;
}

/* line 2969, scss/common.scss */
.popup.info .titleArea i {
	margin-top: 7px;
	font-style: normal;
	color: #929aab;
	font-family: '맑은 고딕';
	font-size: 12px;
}

/* line 2970, scss/common.scss */
.popup.info .titleArea i .blue {
	color: #2a58d0;
	font-weight: bold;
}

/* line 2974, scss/common.scss */
.popup.info .box .thumbArea {
	float: left;
	width: 250px;
	height: 200px;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	box-shadow: 0 0 3px #aaa;
}

/* line 2975, scss/common.scss */
.popup.info .box .boxWrap {
	float: right;
}

/* line 2976, scss/common.scss */
.popup.info .box .btnArea {
	margin-top: 10px;
}

/* line 2977, scss/common.scss */
.popup.info .box .btnArea > button {
	width: 100px;
	height: 40px;
	margin: 0 2px;
}

/* line 2979, scss/common.scss */
.popup.info .box .textArea {
	border-bottom: 1px solid #e6e6e6;
}

/* line 2980, scss/common.scss */
.popup.info .box .textArea strong {
	display: block;
	width: 280px;
	padding: 10px 0;
	font-size: 23px;
	font-weight: normal;
	color: #222222;
	font-family: 'Noto Sans Medium';
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* line 2981, scss/common.scss */
.popup.info .box .textArea .expBox {
	display: block;
	width: 307px;
	margin: 0;
	padding: 20px 10px;
	background: #f0f1f4;
	color: #686868;
	font-size: 14px;
	border-radius: 5px;
}

/* line 2982, scss/common.scss */
.popup.info .box .textArea .bar {
	margin: 0 5px;
}

/* line 2983, scss/common.scss */
.popup.info .box .textArea p {
	padding: 14px 0;
	font-size: 12px;
	font-family: '맑은 고딕';
}

/* line 2984, scss/common.scss */
.popup.info .box .textArea p.left {
	margin-left: 5px;
}

/* line 2985, scss/common.scss */
.popup.info .box .textArea p.right {
	margin-right: 10px;
}

/* line 2987, scss/common.scss */
.popup.info .box .textArea .date {
	font-size: 13px;
}

/* line 2988, scss/common.scss */
.popup.info .box .textArea .inputBox {
	margin-top: 10px;
}

/* line 2990, scss/common.scss */
.popup.info .box .textArea .inputBox label {
	display: block;
	margin-bottom: 3px;
	font-size: 14px;
}

/* line 2991, scss/common.scss */
.popup.info .box .textArea .inputBox textarea {
	height: 70px;
	padding: 10px;
}

/* line 2996, scss/common.scss */
.popup .btnArea > button {
	width: 118px;
	height: 44px;
}

/* line 2997, scss/common.scss */
.popup .layerResult {
	border-top: 1px solid #888ea0;
}

/* line 2998, scss/common.scss */
.popup .layerResult .mCSB_outside + .mCSB_scrollTools {
	top: 55px;
}

/* line 3000, scss/common.scss */
.popup .layerResult tr:first-child > th {
	position: sticky;
	top: 0;
	padding: 13px 8px;
	color: #787878;
	font-weight: bold;
	border-top: 0;
	background: #f4f5f8;
}

/* line 3001, scss/common.scss */
.popup .layerResult tr:first-child > td {
	border-top: 0;
}

/* line 3002, scss/common.scss */
.popup .layerResult tr:last-child > td {
	border-bottom: 0;
}

/* line 3003, scss/common.scss */
.popup .layerResult tr:hover td {
	background: #f6f9fe;
}

/* line 3004, scss/common.scss */
.popup .layerResult tr th, .popup .layerResult tr td {
	padding: 12px 8px;
	border: 1px solid #dbdbdb;
}

/* line 3005, scss/common.scss */
.popup .layerResult tr th:first-child, .popup .layerResult tr td:first-child {
	border-left: 0;
}

/* line 3006, scss/common.scss */
.popup .layerResult tr th:last-child, .popup .layerResult tr td:last-child {
	border-right: 0;
}

/* line 3008, scss/common.scss */
.popup .layerResult tr td {
	color: #585858;
}

/* line 3009, scss/common.scss */
.popup .layerResult tr td:last-child {
	text-align: center;
}

/* line 3011, scss/common.scss */
.popup .layerResult tr td:last-child button.add {
	width: 20px;
	height: 20px;
	background: url("../../images/popup/btn-add.png") no-repeat;
}

/* line 3012, scss/common.scss */
.popup .layerResult tr td:last-child button.add:hover {
	background: url("../../images/popup/btn-add-hover.png") no-repeat;
}

/* line 3014, scss/common.scss */
.popup .layerResult tr td:last-child button.remove {
	width: 20px;
	height: 20px;
	background: url("../../images/popup/btn-remove.png") no-repeat;
}

/* line 3015, scss/common.scss */
.popup .layerResult tr td:last-child button.remove:hover {
	background: url("../../images/popup/btn-remove-hover.png") no-repeat;
}

/* line 3022, scss/common.scss */
.popup.layerSearch {
	width: 912px;
	left: calc(50% - 406px);
	top: 10px;
}

/* line 3023, scss/common.scss */
.popup.layerSearch .popupLnb {
	width: 216px;
	border: 1px solid #dde1e7;
	border-radius: 3px;
}

/* line 3025, scss/common.scss */
.popup.layerSearch .popupLnb > div strong {
	display: block;
	background: #7c7f85;
	color: #fff;
	padding: 9px;
	font-size: 16px;
	font-weight: normal;
	font-family: "Noto Sans";
	text-indent: 25px;
}

/* line 3026, scss/common.scss */
.popup.layerSearch .popupLnb > div .hasDepth {
	position: relative;
}

/* line 3027, scss/common.scss */
.popup.layerSearch .popupLnb > div .hasDepth:after {
	position: absolute;
	right: 10px;
	top: 15px;
	display: block;
	content: '';
	width: 12px;
	height: 12px;
	background: url("../../images/popup/ico-depth-show.png") no-repeat center;
}

/* line 3030, scss/common.scss */
.popup.layerSearch .popupLnb > div .hasDepth.active:after {
	position: absolute;
	right: 10px;
	top: 20px;
	display: block;
	content: '';
	width: 13px;
	height: 3px;
	background: url("../../images/popup/ico-depth-hide.png") no-repeat center;
}

/* line 3035, scss/common.scss */
.popup.layerSearch .popupLnb > div .depth .mCSB_container > li {
	padding: 0 9px;
	color: #585858;
	font-size: 14px;
}

/* line 3036, scss/common.scss */
.popup.layerSearch .popupLnb > div .depth .mCSB_container > li:hover, .popup.layerSearch .popupLnb > div .depth .mCSB_container > li.active {
	font-weight: bold;
}

/* line 3037, scss/common.scss */
.popup.layerSearch .popupLnb > div .depth .mCSB_container > li > a {
	display: block;
	height: 42px;
	line-height: 42px;
	text-indent: 40px;
	border-bottom: 1px solid #eeeeee;
}

/* line 3040, scss/common.scss */
.popup.layerSearch .popupLnb > div .innerDepth {
	display: none;
	color: #787878;
	font-size: 13px;
	padding: 7px 0;
}

/* line 3041, scss/common.scss */
.popup.layerSearch .popupLnb > div .innerDepth > li {
	font-weight: normal;
	text-indent: 40px;
	padding: 7px 0;
}

/* line 3043, scss/common.scss */
.popup.layerSearch .popupLnb > div.division {
	height: 460px;
}

/* line 3044, scss/common.scss */
.popup.layerSearch .popupLnb > div.division strong {
	background: #7c7f85 url("../../images/popup/ico-division.png") no-repeat 13px center;
	border-radius: 3px 3px 0 0;
}

/* line 3045, scss/common.scss */
.popup.layerSearch .popupLnb > div.division .depth {
	height: 333px;
}

/* line 3046, scss/common.scss */
.popup.layerSearch .popupLnb > div.division .mCSB_container > li {
	background: url("../../images/popup/ico-folder.png") no-repeat 13px 8px;
}

/* line 3047, scss/common.scss */
.popup.layerSearch .popupLnb > div.division .mCSB_container > li:first-child {
	font-weight: bold;
	color: #454545;
	background: url("../../images/popup/ico-all.png") no-repeat 13px 8px;
}

/* line 3048, scss/common.scss */
.popup.layerSearch .popupLnb > div.division .mCSB_container > li:first-child:hover, .popup.layerSearch .popupLnb > div.division .mCSB_container > li:first-child.active {
	color: #4067de;
	font-weight: bold;
	background: #f6f9fe url("../../images/popup/ico-all-hover.png") no-repeat 13px 8px;
}

/* line 3050, scss/common.scss */
.popup.layerSearch .popupLnb > div.division .mCSB_container > li:hover, .popup.layerSearch .popupLnb > div.division .mCSB_container > li.active {
	color: #4067de;
	background: #f6f9fe url("../../images/popup/ico-folder-hover.png") no-repeat 13px 8px;
}

/* line 3054, scss/common.scss */
.popup.layerSearch .popupLnb > div.division .innerDepth > li:hover, .popup.layerSearch .popupLnb > div.division .innerDepth > li.active {
	color: #2860e0;
	font-weight: bold;
}

/* line 3055, scss/common.scss */
.popup.layerSearch .popupLnb > div.division .innerDepth > li:first-child {
	background: url("../../images/popup/ico-lnb-graph.png") no-repeat 17px center;
}

/* line 3056, scss/common.scss */
.popup.layerSearch .popupLnb > div.division .innerDepth > li:first-child:hover, .popup.layerSearch .popupLnb > div.division .innerDepth > li:first-child.active {
	background: url("../../images/popup/ico-lnb-graph-hover.png") no-repeat 17px center;
}

/* line 3058, scss/common.scss */
.popup.layerSearch .popupLnb > div.division .innerDepth > li:nth-child(2) {
	background: url("../../images/popup/ico-lnb-upload.png") no-repeat 17px center;
}

/* line 3059, scss/common.scss */
.popup.layerSearch .popupLnb > div.division .innerDepth > li:nth-child(2):hover, .popup.layerSearch .popupLnb > div.division .innerDepth > li:nth-child(2).active {
	background: url("../../images/popup/ico-lnb-upload-hover.png") no-repeat 17px center;
}

/* line 3061, scss/common.scss */
.popup.layerSearch .popupLnb > div.division .innerDepth > li:nth-child(3) {
	background: url("../../images/popup/ico-lnb-earth.png") no-repeat 17px center;
}

/* line 3062, scss/common.scss */
.popup.layerSearch .popupLnb > div.division .innerDepth > li:nth-child(3):hover, .popup.layerSearch .popupLnb > div.division .innerDepth > li:nth-child(3).active {
	background: url("../../images/popup/ico-lnb-earth-hover.png") no-repeat 17px center;
}

/* line 3064, scss/common.scss */
.popup.layerSearch .popupLnb > div.division .innerDepth > li:nth-child(4) {
	background: url("../../images/popup/ico-lnb-land.png") no-repeat 17px center;
}

/* line 3065, scss/common.scss */
.popup.layerSearch .popupLnb > div.division .innerDepth > li:nth-child(4):hover, .popup.layerSearch .popupLnb > div.division .innerDepth > li:nth-child(4).active {
	background: url("../../images/popup/ico-lnb-land-hover.png") no-repeat 17px center;
}

/* line 3071, scss/common.scss */
.popup.layerSearch .popupLnb > div.filter strong {
	background: #7c7f85 url("../../images/popup/ico-filter.png") no-repeat 13px center;
}

/* line 3072, scss/common.scss */
.popup.layerSearch .popupLnb > div.filter .depth {
	height: 170px;
}

/* line 3073, scss/common.scss */
.popup.layerSearch .popupLnb > div.filter .depth > li {
	padding: 0 9px;
	color: #585858;
	font-size: 14px;
}

/* line 3074, scss/common.scss */
.popup.layerSearch .popupLnb > div.filter .depth > li:first-child {
	font-weight: bold;
	color: #454545;
	background: url("../../images/popup/ico-all.png") no-repeat 13px center;
}

/* line 3075, scss/common.scss */
.popup.layerSearch .popupLnb > div.filter .depth > li:nth-child(2) {
	background: url("../../images/popup/ico-point.png") no-repeat 13px center;
}

/* line 3076, scss/common.scss */
.popup.layerSearch .popupLnb > div.filter .depth > li:nth-child(3) {
	background: url("../../images/popup/ico-line.png") no-repeat 13px center;
}

/* line 3077, scss/common.scss */
.popup.layerSearch .popupLnb > div.filter .depth > li:nth-child(4) {
	background: url("../../images/popup/ico-polygon.png") no-repeat 13px center;
}

/* line 3078, scss/common.scss */
.popup.layerSearch .popupLnb > div.filter .depth > li:nth-child(5) {
	background: url("../../images/popup/ico-text.png") no-repeat 13px center;
}

/* line 3079, scss/common.scss */
.popup.layerSearch .popupLnb > div.filter .depth > li:nth-child(5) > a {
	border-bottom: 0;
}

/* line 3081, scss/common.scss */
.popup.layerSearch .popupLnb > div.filter .depth > li:hover, .popup.layerSearch .popupLnb > div.filter .depth > li.active {
	color: #4067de;
	font-weight: bold;
	background-color: #f6f9fe;
}

/* line 3082, scss/common.scss */
.popup.layerSearch .popupLnb > div.filter .depth > li > a {
	display: block;
	line-height: 42px;
	text-indent: 40px;
	border-bottom: 1px solid #eeeeee;
}

/* line 3087, scss/common.scss */
.popup.layerSearch .popupLnb > div.filter .innerDepth > li:hover {
	color: #2860e0;
	font-weight: bold;
}

/* line 3088, scss/common.scss */
.popup.layerSearch .popupLnb > div.filter .innerDepth > li:first-child {
	background: url("../../images/popup/ico-lnb-all.png") no-repeat 17px center;
}

/* line 3089, scss/common.scss */
.popup.layerSearch .popupLnb > div.filter .innerDepth > li:first-child:hover, .popup.layerSearch .popupLnb > div.filter .innerDepth > li:first-child.active {
	background: url("../../images/popup/ico-lnb-all-hover.png") no-repeat 17px center;
}

/* line 3091, scss/common.scss */
.popup.layerSearch .popupLnb > div.filter .innerDepth > li:nth-child(2) {
	background: url("../../images/popup/ico-lnb-agency.png") no-repeat 17px center;
}

/* line 3092, scss/common.scss */
.popup.layerSearch .popupLnb > div.filter .innerDepth > li:nth-child(2):hover, .popup.layerSearch .popupLnb > div.filter .innerDepth > li:nth-child(2).active {
	background: url("../../images/popup/ico-lnb-agency-hover.png") no-repeat 17px center;
}

/* line 3094, scss/common.scss */
.popup.layerSearch .popupLnb > div.filter .innerDepth > li:nth-child(3) {
	background: url("../../images/popup/ico-lnb-user.png") no-repeat 17px center;
}

/* line 3095, scss/common.scss */
.popup.layerSearch .popupLnb > div.filter .innerDepth > li:nth-child(3):hover, .popup.layerSearch .popupLnb > div.filter .innerDepth > li:nth-child(3).active {
	background: url("../../images/popup/ico-lnb-user-hover.png") no-repeat 17px center;
}

/* line 3103, scss/common.scss */
.popup.layerSearch .popupRight {
	width: 636px;
	margin-left: 15px;
}

/* line 3104, scss/common.scss */
.popup.layerSearch .popupRight .searchBox {
	width: calc(100% - 30px);
	padding: 17px 15px;
}

/* line 3105, scss/common.scss */
.popup.layerSearch .popupRight .searchBox .selectArea {
	float: left;
}

/* line 3106, scss/common.scss */
.popup.layerSearch .popupRight .searchBox .selectArea select {
	width: 100px;
	margin-right: 7px;
}

/* line 3108, scss/common.scss */
.popup.layerSearch .popupRight .searchBox .btnArea button {
	float: right;
	width: 80px;
	height: 38px;
	margin-top: 0;
}

/* line 3110, scss/common.scss */
.popup.layerSearch .popupRight .titleArea {
	margin-top: 20px;
}

/* line 3111, scss/common.scss */
.popup.layerSearch .popupRight input[type="text"] {
	width: 200px;
	height: 38px;
	box-sizing: border-box;
}

/* line 3112, scss/common.scss */
.popup.layerSearch .popupRight .btnArea {
	margin: 0;
}

/* line 3113, scss/common.scss */
.popup.layerSearch .popupRight .btnArea button {
	width: 100px;
	height: 40px;
	margin-top: 8px;
}

/* line 3120, scss/common.scss */
.tabLnb {
	float: left;
	width: 243px;
}

/* line 3121, scss/common.scss */
.tabLnb strong {
	position: relative;
	display: inline-block;
	width: 100%;
	line-height: 50px;
	border-radius: 5px 5px 0 0;
	color: #fff;
	font-size: 17px;
	font-family: 'Noto Sans Medium';
	font-weight: normal;
	background: #a1a6b3;
	text-indent: 14px;
}

/* line 3123, scss/common.scss */
.tabLnb strong button.btnAdd {
	position: absolute;
	right: 10px;
	top: 13px;
	width: 24px;
	height: 24px;
	background: url("../../images/btn/btn-tablnb-add.png");
}

/* line 3124, scss/common.scss */
.tabLnb strong button.btnAdd:hover {
	background: url("../../images/btn/btn-tablnb-add-hover.png");
}

/* line 3127, scss/common.scss */
.tabLnb ul {
	height: 535px;
	padding: 4px 10px;
	border: 1px solid #dde1e7;
	border-top: 0;
}

/* line 3128, scss/common.scss */
.tabLnb ul > li {
	position: relative;
	line-height: 45px;
	color: #585858;
	font-size: 14px;
	font-family: '맑은 고딕';
	border-bottom: 1px solid #eeeeee;
	text-indent: 5px;
}

/* line 3130, scss/common.scss */
.tabLnb ul > li:hover, .tabLnb ul > li.active {
	color: #222;
	font-weight: bold;
}

/* line 3131, scss/common.scss */
.tabLnb ul > li a {
	display: block;
	width: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* line 3132, scss/common.scss */
.tabLnb ul > li .btnRemove {
	position: absolute;
	right: 3px;
	top: 12px;
	width: 22px;
	height: 22px;
	background: url("../../images/btn/btn-remove.png");
}

/* line 3133, scss/common.scss */
.tabLnb ul > li .btnRemove:hover {
	background: url("../../images/btn/btn-remove-hover.png");
}

/* line 3138, scss/common.scss */
.tableArea {
	float: right;
	width: 760px;
	margin-top: 16px;
}

/* line 3139, scss/common.scss */
.tableArea td select {
	margin-right: 7px;
}

/* line 3140, scss/common.scss */
.tableArea td .checkbox {
	display: inline-block;
	width: auto;
	margin: 7px 0 0 8px;
	background-repeat: no-repeat;
}

/* line 3141, scss/common.scss */
.tableArea td .checkbox input[type="checkbox"]:checked + label {
	background-repeat: no-repeat;
}

/* line 3142, scss/common.scss */
.tableArea td .checkbox label {
	width: auto;
	padding-left: 27px;
	padding-top: 2px;
	background-repeat: no-repeat;
	color: #929aab;
	font-size: 12px;
	font-family: '맑은 고딕';
	font-weight: normal;
}

/* line 3144, scss/common.scss */
.tableArea .titTable {
	float: left;
	margin-top: 33px;
	color: #222;
	font-size: 17px;
	font-weight: normal;
	font-family: 'Noto Sans Medium';
}

/* line 3145, scss/common.scss */
.tableArea .btnArea {
	float: right;
	margin-top: 33px;
}

/* line 3146, scss/common.scss */
.tableArea .btnArea button {
	border-radius: 4px;
}

/* line 3148, scss/common.scss */
.tableArea .table {
	float: none;
}

/* line 3149, scss/common.scss */
.tableArea .table .mCSB_outside + .mCSB_scrollTools {
	right: -10px;
}

/* line 3150, scss/common.scss */
.tableArea .table .mCSB_draggerContainer {
	top: 40px;
}

/* line 3153, scss/common.scss */
.tableArea .btnArea button {
	background-repeat: no-repeat;
	height: 31px;
	text-align: left;
	background-position: 10px center;
	line-height: 30px;
}

/* line 3154, scss/common.scss */
.tableArea .btnArea .btnRemove {
	width: 91px;
	text-indent: 28px;
	background-image: url("../../images/btn/bg-remove.png");
}

/* line 3155, scss/common.scss */
.tableArea .btnArea .btnAdd {
	width: 102px;
	text-indent: 30px;
	background-image: url("../../images/btn/bg-add.png");
}

/* line 3157, scss/common.scss */
.tableArea .btnShowHide {
	width: 28px;
	height: 28px;
	background: url("../../images/btn/btn-eye-off.png");
}

/* line 3158, scss/common.scss */
.tableArea .btnShowHide.active {
	background: url("../../images/btn/btn-eye-on.png");
}

/* line 3160, scss/common.scss */
.tableArea .btnTableDown {
	width: 26px;
	height: 25px;
	background: url("../../images/btn/btn-table-down.png");
}

/* line 3161, scss/common.scss */
.tableArea .btnTableDown:hover {
	background: url("../../images/btn/btn-table-down-hover.png");
}

/* line 3163, scss/common.scss */
.tableArea .btnTableUp {
	width: 26px;
	height: 25px;
	background: url("../../images/btn/btn-table-up.png");
}

/* line 3164, scss/common.scss */
.tableArea .btnTableUp:hover {
	background: url("../../images/btn/btn-table-up-hover.png");
}

/* line 3169, scss/common.scss */
.tabTable {
	width: 100%;
	margin-bottom: 20px;
}

/* line 3170, scss/common.scss */
.tabTable li {
	position: relative;
	float: left;
	width: 148px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	margin-top: 2px;
	color: #888888;
	font-size: 15px;
	font-family: 'Noto Sans';
	border-top: 1px solid #dee1e7;
	border-bottom: 1px solid #dee1e7;
}

/* line 3172, scss/common.scss */
.tabTable li .blue {
	color: #2a6ade;
	font-size: 16px;
	font-family: 'Noto Sans Medium';
}

/* line 3173, scss/common.scss */
.tabTable li > a {
	display: block;
}

/* line 3174, scss/common.scss */
.tabTable li:first-child {
	border-left: 1px solid #dee1e7;
	border-radius: 5px 0 0 5px;
}

/* line 3175, scss/common.scss */
.tabTable li:last-child {
	border-right: 1px solid #dee1e7;
	border-radius: 0 5px 5px 0;
}

/* line 3176, scss/common.scss */
.tabTable li:last-child:after {
	display: none;
}

/* line 3178, scss/common.scss */
.tabTable li:after {
	position: absolute;
	display: block;
	content: '';
	right: 0;
	top: 13px;
	width: 1px;
	height: 21px;
	background: #c1c1c1;
}

/* line 3179, scss/common.scss */
.tabTable li.active {
	width: 151px;
	margin-top: 0;
	margin-left: -1px;
	border: 3px solid #376fee;
	background: #376fee;
	border-radius: 5px;
	color: #fff;
}

/* line 3180, scss/common.scss */
.tabTable li.active .blue {
	color: #fff;
	font-size: 16px;
	font-family: 'Noto Sans Medium';
}

/* line 3181, scss/common.scss */
.tabTable li.active:after {
	display: none;
}

/* figure */
/* line 3188, scss/common.scss */
.figure {
	display: block;
	width: 21px;
	height: 21px;
	margin: 0 auto;
	font-size: 0;
	color: transparent;
}

/* line 3189, scss/common.scss */
.figure.polygon {
	background: url("../../images/popup/ico-polygon-td.png") no-repeat center;
}

/* line 3190, scss/common.scss */
.figure.line {
	background: url("../../images/popup/ico-line-td.png") no-repeat center;
}

/* line 3191, scss/common.scss */
.figure.point {
	background: url("../../images/popup/ico-point-td.png") no-repeat center;
}

/* line 3192, scss/common.scss */
.figure.text {
	background: url("../../images/popup/ico-text-td.png") no-repeat center;
}

/* line 3193, scss/common.scss */
.figure.text2 {
	background: url("../../images/popup/ico-text2-td.png") no-repeat center;
}

/* fileSelect */
/* line 3196, scss/common.scss */
.fileSelect {
	width: 100%;
}

/* line 3197, scss/common.scss */
.fileSelect .fileHidden {
	position: absolute;
	width: 1px !important;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/* line 3198, scss/common.scss */
.fileSelect .fileLocal {
	float: left;
	width: calc(100% - 66px);
	height: 30px;
	margin: 0 0 10px 0;
	padding: 0;
	color: #585858;
	border: 1px solid #dee1e7;
	border-right: 0;
	background: #fff;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	text-indent: 7px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* line 3200, scss/common.scss */
.fileSelect .fileLocal:focus {
	outline: 0;
}

/* line 3202, scss/common.scss */
.fileSelect .btnFileSelect {
	float: right;
	width: 66px;
	height: 30px;
	line-height: 32px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	background: #a6a8af;
	border-radius: 0 2px 2px 0;
}

/* 사용자관리 상세 수정 */
/* line 3208, scss/common.scss */
.adRequest .box {
	margin-top: 30px;
}

/* line 3209, scss/common.scss */
.adRequest .box:first-child {
	margin-top: 0;
}

/* line 3212, scss/common.scss */
.adRequest .btnArea button {
	width: 84px;
	height: 38px;
}

/* line 3213, scss/common.scss */
.adRequest .btnArea .left button {
	width: 164px;
}

/* line 3214, scss/common.scss */
.adRequest .btnArea.search button {
	width: 84px;
	height: 45px;
}

/* line 3215, scss/common.scss */
.adRequest .btnArea.search button.blueType {
	margin-left: 5px;
}

/* line 3219, scss/common.scss */
.adRequest .table.side {
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
}

/* line 3220, scss/common.scss */
.adRequest .table table td {
	word-break: keep-all;
}

/* line 3221, scss/common.scss */
.adRequest .table table td select, .adRequest .table table td input {
	height: 30px;
}

/* line 3222, scss/common.scss */
.adRequest .table table td button.init.lightGray {
	height: 34px;
	padding: 0 20px;
	margin-left: 10px;
	color: #fff;
	background: #afb2b8;
}

/* line 3223, scss/common.scss */
.adRequest .table table td button.init.lightGray.pw {
	margin-left: 0;
}

/* line 3224, scss/common.scss */
.adRequest .table table td button.init.lightGray:hover {
	background: #8c8f96;
}

/* line 3225, scss/common.scss */
.adRequest .table table td button.init.lightGray:active {
	opacity: 0.75;
}

/* line 3229, scss/common.scss */
.adRequest .half {
	float: left;
	width: 49%;
	margin-left: 2%;
}

/* line 3231, scss/common.scss */
.adRequest .half:first-child {
	margin-left: 0;
}

/* line 3233, scss/common.scss */
.adRequest .greyLine {
	height: 35px;
	padding: 0 10px;
	color: #585858;
	border: 1px solid #cbced2;
	border-radius: 3px;
}

/* line 3236, scss/common.scss */
.box .half {
	float: left;
	width: 49%;
	margin-left: 2%;
}

/* line 3238, scss/common.scss */
.box .half:first-child {
	margin-left: 0;
}

/* 평가하기 오류신고 */
/* line 3243, scss/common.scss */
.evalList {
	border-top: 1px solid #777777;
}

/* line 3245, scss/common.scss */
.evalList .box {
	border-bottom: 1px solid #e5e5e5;
}

/* line 3247, scss/common.scss */
.evalList .box:hover {
	background: #f4f7fc;
}

/* line 3249, scss/common.scss */
.evalList .tagArea {
	position: absolute;
	top: 27px;
	right: 151px;
	margin-bottom: 15px;
}

/* line 3250, scss/common.scss */
.evalList .tag {
	display: inline-block;
	padding: 0 8px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	font-size: 11px;
	font-family: '맑은 고딕';
	border-radius: 20px;
	vertical-align: text-bottom;
	background: #376fee;
	box-sizing: border-box;
}

/* line 3252, scss/common.scss */
.evalList .tag.greenType {
	background: #30bbbe;
}

/* line 3253, scss/common.scss */
.evalList .tag.greenType2 {
	background: #14be9c;
}

/* line 3254, scss/common.scss */
.evalList .tag.greyType {
	background: #a0a7b4;
}

/* line 3255, scss/common.scss */
.evalList .tag.blackType {
	background: #444444;
}

/* line 3256, scss/common.scss */
.evalList .tag.orangeType {
	background: #fc6461;
}

/* line 3257, scss/common.scss */
.evalList .tag.purpleType {
	background: #834ae2;
}

/* line 3258, scss/common.scss */
.evalList .tag.skyType {
	background: #19a5df;
}

/* line 3259, scss/common.scss */
.evalList .tag.greenLine {
	color: #0e98a4;
	background: #fff;
	border: 1px solid #27b9bc;
}

/* line 3260, scss/common.scss */
.evalList .tag.blueLine {
	color: #3d6ce2;
	background: #fff;
	border: 1px solid #6a91f5;
}

/* line 3261, scss/common.scss */
.evalList .tag.error {
	color: #ffffff;
	font-size: 11px;
	background: #f4697a url("../../images/bullet/bullet-error.png") no-repeat 6px 4px;
	text-align: left;
	text-indent: 15px;
}

/* line 3263, scss/common.scss */
.evalList .summary {
	position: relative;
	padding: 24px 18px 18px;
}

/* line 3265, scss/common.scss */
.evalList .summary .subject {
	display: inline-block;
	border-radius: 50px;
	color: #fff;
	font-size: 16px;
	padding: 6px 15px 6px 43px;
}

/* line 3266, scss/common.scss */
.evalList .summary .subject.type1 {
	background: #46c7da url("../../images/ico/ico-mydata-type1.png") no-repeat 10px center;
}

/* line 3267, scss/common.scss */
.evalList .summary .subject.type2 {
	background: #3b8dea url("../../images/ico/ico-mydata-type2.png") no-repeat 10px center;
}

/* line 3268, scss/common.scss */
.evalList .summary .subject.type3 {
	background: #3e59e0 url("../../images/ico/ico-mydata-type3.png") no-repeat 10px center;
}

/* line 3270, scss/common.scss */
.evalList .summary .title {
	position: relative;
	display: inline-block;
	width: 730px;
	margin-left: 10px;
	font-family: "Noto Sans Medium";
	color: #222;
	font-size: 17px;
}

/* line 3271, scss/common.scss */
.evalList .summary .date {
	position: absolute;
	bottom: 4px;
	right: -130px;
	font-size: 14px;
	font-weight: normal;
	font-family: "맑은 고딕";
	color: #686868;
}

/* line 3272, scss/common.scss */
.evalList .summary .desc {
	margin-top: 10px;
}

/* line 3274, scss/common.scss */
.evalList .summary .desc .label {
	display: block;
	float: left;
	height: 26px;
	padding: 0 13px;
	border-radius: 13px;
	color: #2a58d0;
	font-family: "맑은 고딕";
	font-weight: bold;
	background: #e5f1ff;
	line-height: 25px;
	text-align: center;
}

/* line 3276, scss/common.scss */
.evalList .summary .desc .txt {
	float: left;
	width: 665px;
	padding: 4px 5px;
	font-family: "맑은 고딕";
	color: #686868;
	font-size: 14px;
}

/* line 3277, scss/common.scss */
.evalList .summary .desc .txt.myTxt {
	width: 930px;
}

/* line 3279, scss/common.scss */
.evalList .summary .desc:after {
	content: "";
	display: block;
	clear: both;
}

/* line 3281, scss/common.scss */
.evalList .summary .btnArea {
	position: absolute;
	bottom: 18px;
	right: 18px;
}

/* line 3284, scss/common.scss */
.evalList .summary .btnArea .myErrChk {
	display: inline-block;
	background-color: #fff;
}

/* line 3286, scss/common.scss */
.evalList .summary .btnArea .myErrChk .checkbox label {
	width: auto;
	padding: 0 10px 0 35px;
	border: 1px solid #cbced2;
	border-radius: 3px;
	height: 32px;
	line-height: 31px;
	color: #686868;
	font-family: '맑은 고딕';
	font-weight: bold;
	background-position: 8px 5px;
	box-sizing: border-box;
}

/* line 3289, scss/common.scss */
.evalList .summary .btnArea .myErrChk .checkbox:hover label {
	border: 1px solid #376fee;
	color: #2a58d0;
}

/* line 3291, scss/common.scss */
.evalList .summary .btnArea .myErrChk .checkbox input[type="checkbox"]:checked + label {
	border: 1px solid #376fee;
	color: #2a58d0;
}

/* line 3294, scss/common.scss */
.evalList .summary .btnArea button {
	width: 94px;
	height: 32px;
	border: 1px solid #cbced2;
	color: #686868;
	text-align: left;
	text-indent: 33px;
	background-position: 10px center;
	background-repeat: no-repeat;
	background-color: #fff;
}

/* line 3297, scss/common.scss */
.evalList .summary .btnArea button:hover {
	border: 1px solid #376fee;
	color: #2a58d0;
}

/* line 3298, scss/common.scss */
.evalList .summary .btnArea button.btnEval {
	background-image: url("../../images/btn/ico-e-eval.png");
}

/* line 3299, scss/common.scss */
.evalList .summary .btnArea button.btnEval:hover {
	background-image: url("../../images/btn/ico-e-eval-hover.png");
}

/* line 3301, scss/common.scss */
.evalList .summary .btnArea button.btnError {
	width: 143px;
	text-indent: 24px;
	background-image: url("../../images/btn/ico-e-check.png");
}

/* line 3302, scss/common.scss */
.evalList .summary .btnArea button.btnError:hover {
	background-image: url("../../images/btn/ico-e-check-hover.png");
}

/* line 3307, scss/common.scss */
.evalList .newReplyList {
	border-top: 0;
	padding: 10px;
	background: #f1f2f4;
}

/* line 3308, scss/common.scss */
.evalList .newReplyList .replyBox {
	background: #fff;
}

/* line 3310, scss/common.scss */
.evalList .commentBox {
	display: none;
}

/* line 3311, scss/common.scss */
.evalList .commentBox .commentWrap {
	padding-bottom: 18px;
	margin-bottom: 0;
	border-bottom: 0;
}

/* line 3312, scss/common.scss */
.evalList .commentBox .commentWrap strong {
	margin-right: 10px;
}

/* line 3314, scss/common.scss */
.evalList .commentBox .btnArea {
	margin-top: 0;
}

/* line 3315, scss/common.scss */
.evalList .commentBox .btnArea button {
	width: 90px;
	height: 40px;
}

/* line 3317, scss/common.scss */
.evalList .commentBox .sub {
	float: left;
	width: auto;
	margin-top: 13px;
}

/* line 3318, scss/common.scss */
.evalList .commentBox .row {
	display: inline-block;
	width: 100%;
	margin-bottom: 12px;
}

/* line 3319, scss/common.scss */
.evalList .commentBox .row .left {
	width: 105px;
	height: 100%;
	padding-top: 6px;
}

/* line 3320, scss/common.scss */
.evalList .commentBox .row .left.middle {
	line-height: 50px;
	padding-top: 0;
}

/* line 3321, scss/common.scss */
.evalList .commentBox .row .left .titEval {
	position: relative;
	padding-left: 40px;
	font-size: 16px;
	color: #333333;
}

/* line 3322, scss/common.scss */
.evalList .commentBox .row .left .titEval:before {
	position: absolute;
	display: block;
	content: '';
	left: 30px;
	top: 8px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #376fee;
}

/* line 3325, scss/common.scss */
.evalList .commentBox .row .right {
	width: calc(100% - 105px);
}

/* line 3326, scss/common.scss */
.evalList .commentBox .row .radioGroup {
	background: #fff;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
}

/* line 3327, scss/common.scss */
.evalList .commentBox .row .radio {
	float: left;
	margin-right: 30px;
}

/* line 3328, scss/common.scss */
.evalList .commentBox .row .radio label {
	padding-left: 25px;
	padding-bottom: 1px;
}

/* line 3330, scss/common.scss */
.evalList .commentBox .row textarea {
	height: 165px;
	padding: 10px;
}

/* line 3333, scss/common.scss */
.evalList .replyBox {
	padding: 0 10px 10px;
}

/* line 3334, scss/common.scss */
.evalList .replyBox.clear .boxWrap {
	background: #f0f5fd;
}

/* line 3335, scss/common.scss */
.evalList .replyBox.clear .boxWrap .txt {
	margin-bottom: 20px;
}

/* line 3337, scss/common.scss */
.evalList .replyBox .boxWrap {
	position: relative;
	background: #f6f6f7;
	padding: 18px 15px;
}

/* line 3338, scss/common.scss */
.evalList .replyBox .boxWrap .tag.reply {
	position: relative;
	margin-left: 25px;
}

/* line 3339, scss/common.scss */
.evalList .replyBox .boxWrap .tag.reply:before {
	position: absolute;
	left: -15px;
	top: 0;
	display: block;
	content: '';
	width: 11px;
	height: 11px;
	border-left: 1px solid #acacac;
	border-bottom: 1px solid #acacac;
}

/* line 3341, scss/common.scss */
.evalList .replyBox .boxWrap .title {
	display: inline-block;
	margin-left: 5px;
	color: #333333;
	font-size: 17px;
	font-family: 'Noto Sans Medium';
}

/* line 3342, scss/common.scss */
.evalList .replyBox .boxWrap .txt {
	margin-top: 15px;
	color: #686868;
	font-size: 14px;
	font-family: '맑은 고딕';
}

/* line 3343, scss/common.scss */
.evalList .replyBox .boxWrap .btnGroup {
	position: absolute;
	right: 13px;
	top: 13px;
}

/* line 3344, scss/common.scss */
.evalList .replyBox .boxWrap .btnGroup .replyClear {
	color: #fff;
	width: 77px;
	height: 32px;
	line-height: 32px;
	font-family: '맑은 고딕';
	border-radius: 3px;
	text-align: center;
	background: #5b5b5b;
}

/* line 3345, scss/common.scss */
.evalList .replyBox .boxWrap .btnGroup button {
	width: 37px;
	height: 37px;
}

/* line 3346, scss/common.scss */
.evalList .replyBox .boxWrap .btnGroup button.btnListEdit {
	width: 28px;
	height: 27px;
	background: url("../../images/btn/btn-list-edit.png");
}

/* line 3347, scss/common.scss */
.evalList .replyBox .boxWrap .btnGroup button.btnListEdit:hover {
	background: url("../../images/btn/btn-list-edit-hover.png");
}

/* line 3348, scss/common.scss */
.evalList .replyBox .boxWrap .btnGroup button.btnListEdit.type2 {
	background: url("../../images/btn/btn-list-edit2.png");
}

/* line 3350, scss/common.scss */
.evalList .replyBox .boxWrap .btnGroup button.btnListEdit.type2:hover {
	background: url("../../images/btn/btn-list-edit2-hover.png");
}

/* line 3353, scss/common.scss */
.evalList .replyBox .boxWrap .btnGroup button.btnListRemove {
	width: 28px;
	height: 27px;
	background: url("../../images/btn/btn-list-remove.png");
}

/* line 3354, scss/common.scss */
.evalList .replyBox .boxWrap .btnGroup button.btnListRemove.type2 {
	background: url("../../images/btn/btn-list-remove2.png");
}

/* line 3356, scss/common.scss */
.evalList .replyBox .boxWrap .btnGroup button.btnListRemove.type2:hover {
	background: url("../../images/btn/btn-list-remove2-hover.png");
}

/* line 3358, scss/common.scss */
.evalList .replyBox .boxWrap .btnGroup button.btnListRemove:hover {
	background: url("../../images/btn/btn-list-remove-hover.png");
}

/* line 3362, scss/common.scss */
.evalList .replyBox .boxWrap .re-reply {
	padding: 25px 0 7px;
	border-top: 1px solid #e5e7ec;
}

/* line 3363, scss/common.scss */
.evalList .replyBox .boxWrap .re-reply .txt {
	display: inline-block;
	width: 880px;
	margin: 0 0 0 7px;
	vertical-align: top;
}

/* Dass 소개 주요서비스 */
/* line 3370, scss/common.scss */
.txtSub {
	text-align: right;
	font-size: 13px;
	font-family: "맑은 고딕";
	color: #939fbb;
}

/* line 3372, scss/common.scss */
.txtSub + .sectionImg {
	margin-top: 12px;
}

/* line 3374, scss/common.scss */
.docSection {
	padding: 20px 26px;
	background: #f4f5f8;
	font-family: "맑은 고딕";
	font-size: 14px;
	color: #585858;
	line-height: 22px;
}

/* line 3376, scss/common.scss */
.docSection .titTerms {
	display: block;
	font-family: "Noto Sans";
	font-size: 16px;
	color: #222222;
}

/* line 3378, scss/common.scss */
.docSection .listTerms li {
	position: relative;
	margin-top: 3px;
	padding-left: 18px;
	font-family: "맑은 고딕";
	font-size: 14px;
	color: #585858;
	line-height: 22px;
	letter-spacing: -0.053em;
}

/* line 3379, scss/common.scss */
.docSection .listTerms .num {
	position: absolute;
	top: -2px;
	left: 0;
}

/* line 3380, scss/common.scss */
.docSection .listTerms + .titTerms {
	margin-top: 20px;
}

/* line 3385, scss/common.scss */
.docSection + .titleArea, .sectionImg + .titleArea {
	margin-top: 51px;
}

/* line 3386, scss/common.scss */
.docImgWrap {
	border: 1px solid #dee1e7;
	border-radius: 3px;
	padding: 27px 20px 18px;
	box-sizing: border-box;
}

/* line 3388, scss/common.scss */
.docImgWrap .docImg {
	overflow: hidden;
}

/* line 3390, scss/common.scss */
.docImgWrap .docImg img {
	width: 100%;
	height: auto;
}

/* line 3394, scss/common.scss */
.warning {
	margin-bottom: 11px;
	padding: 35px 16px 35px 97px;
	font-family: "맑은 고딕";
	font-size: 14px;
	color: #585858;
	background: #f0f1f4 url("../../images/document/img-monitor.png") no-repeat 16px center;
}

/* line 3399, scss/common.scss */
.imgPage {
	position: relative;
	border: 1px solid #dee1e7;
	width: 136px;
	height: 36px;
	margin: 11px auto 0;
	border-radius: 18px;
	text-align: center;
}

/* line 3401, scss/common.scss */
.imgPage button {
	display: block;
	position: absolute;
	top: 5px;
	width: 28px;
	height: 28px;
}

/* line 3402, scss/common.scss */
.imgPage button.btnPrev {
	left: 5px;
	background: url("../../images/document/btn-doc-prev.png") no-repeat;
}

/* line 3404, scss/common.scss */
.imgPage button.btnPrev:hover {
	background: url("../../images/document/btn-doc-prev-hover.png") no-repeat;
}

/* line 3406, scss/common.scss */
.imgPage button.btnNext {
	right: 5px;
	background: url("../../images/document/btn-doc-next.png") no-repeat;
}

/* line 3408, scss/common.scss */
.imgPage button.btnNext:hover {
	background: url("../../images/document/btn-doc-next-hover.png") no-repeat;
}

/* line 3410, scss/common.scss */
.imgPage .numPage {
	height: 100%;
	line-height: 36px;
}

/* line 3412, scss/common.scss */
.imgPage .numPage .swiper-pagination-current {
	font-family: "맑은 고딕";
	font-size: 16px;
	font-weight: bold;
	color: #2a58d0;
}

/* line 3413, scss/common.scss */
.imgPage .numPage .swiper-pagination-total {
	font-family: "맑은 고딕";
	font-size: 16px;
	font-weight: bold;
	color: #999999;
}

/* footer 공통 */
/* line 3420, scss/common.scss */
.familySite.potal .siteList {
	min-width: 1280px;
	background: #424852;
	height: 61px;
	clear: both;
}

/* line 3422, scss/common.scss */
.familySite.potal .siteList ul {
	width: 1280px;
	margin: 0 auto;
	height: 61px;
	clear: both;
}

/* line 3423, scss/common.scss */
.familySite.potal .siteList li {
	display: inline-block;
	float: left;
	width: 213px;
	height: 100%;
	border-left: 1px solid #515864;
	color: #fff;
	text-align: center;
	line-height: 61px;
	box-sizing: border-box;
	vertical-align: top;
}

/* line 3425, scss/common.scss */
.familySite.potal .siteList li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #a3a6aa;
	font-size: 17px;
	font-family: 'Noto Sans';
}

/* line 3426, scss/common.scss */
.familySite.potal .siteList li:last-child {
	border-right: 1px solid #515864;
}

/* line 3427, scss/common.scss */
.familySite.potal .siteList li:hover a {
	color: #fff;
	font-family: 'Noto Sans Medium';
}

/* line 3431, scss/common.scss */
.mainFooter.potal {
	background: #33373c;
}

/* line 3433, scss/common.scss */
.mainFooter.potal .inner {
	width: 1320px;
}

/* line 3435, scss/common.scss */
.mainFooter.potal .inner:after {
	content: "";
	display: block;
	clear: both;
}

/* line 3437, scss/common.scss */
.mainFooter.potal .logo {
	float: left;
	padding-top: 49px;
	margin-right: 140px;
}

/* line 3438, scss/common.scss */
.mainFooter.potal .company {
	float: left;
	padding: 21px 0 70px;
}

/* line 3440, scss/common.scss */
.mainFooter.potal .company li {
	float: left;
	color: #abb0b9;
	font-size: 15px;
}

/* line 3442, scss/common.scss */
.mainFooter.potal .company li:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 8px;
	margin: -2px 10px 0;
	background: #7d7f81;
	vertical-align: middle;
}

/* line 3443, scss/common.scss */
.mainFooter.potal .company li:hover a {
	color: #fff;
}

/* line 3444, scss/common.scss */
.mainFooter.potal .company li:last-child:after {
	display: none;
}

/* line 3446, scss/common.scss */
.mainFooter.potal .company .siteInfo {
	color: #7f8389;
	font-family: "맑은 고딕";
	font-size: 12px;
	margin-top: 13px;
}

/* line 3449, scss/common.scss */
.mainFooter.potal .company .siteInfo > div address {
	display: inline-block;
}

/* line 3450, scss/common.scss */
.mainFooter.potal .company .siteInfo > div a {
	display: inline-block;
	margin-left: 20px;
}

/* line 3452, scss/common.scss */
.mainFooter.potal .company .siteInfo .copyright {
	margin-top: 3px;
}

/* line 3455, scss/common.scss */
.mainFooter.potal .customer {
	float: left;
	margin-left: 140px;
}

/* line 3457, scss/common.scss */
.mainFooter.potal .customer p {
	display: block;
	padding-top: 20px;
	font-size: 16px;
	color: #d7d7d7;
	font-family: "Noto Sans";
}

/* line 3458, scss/common.scss */
.mainFooter.potal .customer .tel {
	display: block;
	font-size: 24px;
	color: #fff;
	font-family: "Noto Sans";
}

/* line 3459, scss/common.scss */
.mainFooter.potal .customer .email {
	display: block;
	font-size: 15px;
	color: #898d93;
	font-family: "Noto Sans DemLight";
}

/* 맵갤러리 */
/* line 3465, scss/common.scss */
.grid {
	width: 100%;
	height: 100%;
	margin: 30px auto 0;
}

/* line 3467, scss/common.scss */
.grid a {
	display: block;
}

/* line 3469, scss/common.scss */
.grid a:after {
	content: "";
	display: block;
	clear: both;
}

/* line 3471, scss/common.scss */
.grid .grid-item {
	overflow: hidden;
	width: 295px;
	height: auto;
	margin-bottom: 20px;
	padding-bottom: 108px;
	border: 1px solid #dfdfdf;
	border-radius: 8px;
}

/* line 3472, scss/common.scss */
.grid .grid-item button.btnMapRemove {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 40;
	width: 21px;
	height: 21px;
	background: url("../../images/btn/btn-map-remove.png");
}

/* line 3473, scss/common.scss */
.grid .grid-item button.btnMapRemove:hover {
	background: url("../../images/btn/btn-map-remove-hover.png");
}

/* line 3476, scss/common.scss */
.grid .grid-item:hover {
	background: #f4f7fc;
}

/* line 3477, scss/common.scss */
.grid .grid-item .img {
	position: relative;
}

/* line 3479, scss/common.scss */
.grid .grid-item .img:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	bottom: 0;
	transition: all 0.3s;
}

/* line 3480, scss/common.scss */
.grid .grid-item .img img {
	width: 100%;
	height: auto;
}

/* line 3481, scss/common.scss */
.grid .grid-item .img .btnMapView {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 20;
	width: 27px;
	height: 27px;
	background: url("../../images/btn/btn-mapView.png");
}

/* line 3486, scss/common.scss */
.grid .grid-item .infoWrap {
	position: absolute;
	bottom: -100px;
	left: 0;
	z-index: 10;
	width: 100%;
	transition: all 0.3s;
}

/* line 3489, scss/common.scss */
.grid .grid-item .infoWrap:after {
	position: absolute;
	content: '';
	z-index: 2;
	bottom: 100%;
	left: -19px;
	width: 110%;
	height: 75px;
	background-image: -webkit-linear-gradient(top, transparent 0%, #ffffff 100%);
	background-image: linear-gradient(to bottom, transparent 0%, #ffffff 100%);
	transform: rotate(3.5deg);
}

/* line 3501, scss/common.scss */
.grid .grid-item .infoWrap:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: -19px;
	display: block;
	width: 110%;
	height: 110%;
	background: #fff;
	transform: rotate(3.5deg);
	transition: all 0.0s;
}

/* line 3502, scss/common.scss */
.grid .grid-item .infoWrap.bgRed, .grid .grid-item .infoWrap.bgBrown, .grid .grid-item .infoWrap.bgPurple, .grid .grid-item .infoWrap.bgGreen, .grid .grid-item .infoWrap.bgBlue, .grid .grid-item .infoWrap.bgBlack {
	color: #fff;
	transition: all 0.0s;
}

/* line 3505, scss/common.scss */
.grid .grid-item .infoWrap.bgRed .desc .mapType,
.grid .grid-item .infoWrap.bgRed .desc .title,
.grid .grid-item .infoWrap.bgRed .desc .txtArticle,
.grid .grid-item .infoWrap.bgRed .desc .meta .author,
.grid .grid-item .infoWrap.bgRed .desc .meta .date,
.grid .grid-item .infoWrap.bgRed .etcMenu li, .grid .grid-item .infoWrap.bgBrown .desc .mapType,
.grid .grid-item .infoWrap.bgBrown .desc .title,
.grid .grid-item .infoWrap.bgBrown .desc .txtArticle,
.grid .grid-item .infoWrap.bgBrown .desc .meta .author,
.grid .grid-item .infoWrap.bgBrown .desc .meta .date,
.grid .grid-item .infoWrap.bgBrown .etcMenu li, .grid .grid-item .infoWrap.bgPurple .desc .mapType,
.grid .grid-item .infoWrap.bgPurple .desc .title,
.grid .grid-item .infoWrap.bgPurple .desc .txtArticle,
.grid .grid-item .infoWrap.bgPurple .desc .meta .author,
.grid .grid-item .infoWrap.bgPurple .desc .meta .date,
.grid .grid-item .infoWrap.bgPurple .etcMenu li, .grid .grid-item .infoWrap.bgGreen .desc .mapType,
.grid .grid-item .infoWrap.bgGreen .desc .title,
.grid .grid-item .infoWrap.bgGreen .desc .txtArticle,
.grid .grid-item .infoWrap.bgGreen .desc .meta .author,
.grid .grid-item .infoWrap.bgGreen .desc .meta .date,
.grid .grid-item .infoWrap.bgGreen .etcMenu li, .grid .grid-item .infoWrap.bgBlue .desc .mapType,
.grid .grid-item .infoWrap.bgBlue .desc .title,
.grid .grid-item .infoWrap.bgBlue .desc .txtArticle,
.grid .grid-item .infoWrap.bgBlue .desc .meta .author,
.grid .grid-item .infoWrap.bgBlue .desc .meta .date,
.grid .grid-item .infoWrap.bgBlue .etcMenu li, .grid .grid-item .infoWrap.bgBlack .desc .mapType,
.grid .grid-item .infoWrap.bgBlack .desc .title,
.grid .grid-item .infoWrap.bgBlack .desc .txtArticle,
.grid .grid-item .infoWrap.bgBlack .desc .meta .author,
.grid .grid-item .infoWrap.bgBlack .desc .meta .date,
.grid .grid-item .infoWrap.bgBlack .etcMenu li {
	color: #fff;
}

/* line 3512, scss/common.scss */
.grid .grid-item .infoWrap.bgRed .desc .mapType.heart,
.grid .grid-item .infoWrap.bgRed .desc .title.heart,
.grid .grid-item .infoWrap.bgRed .desc .txtArticle.heart,
.grid .grid-item .infoWrap.bgRed .desc .meta .author.heart,
.grid .grid-item .infoWrap.bgRed .desc .meta .date.heart,
.grid .grid-item .infoWrap.bgRed .etcMenu li.heart, .grid .grid-item .infoWrap.bgBrown .desc .mapType.heart,
.grid .grid-item .infoWrap.bgBrown .desc .title.heart,
.grid .grid-item .infoWrap.bgBrown .desc .txtArticle.heart,
.grid .grid-item .infoWrap.bgBrown .desc .meta .author.heart,
.grid .grid-item .infoWrap.bgBrown .desc .meta .date.heart,
.grid .grid-item .infoWrap.bgBrown .etcMenu li.heart, .grid .grid-item .infoWrap.bgPurple .desc .mapType.heart,
.grid .grid-item .infoWrap.bgPurple .desc .title.heart,
.grid .grid-item .infoWrap.bgPurple .desc .txtArticle.heart,
.grid .grid-item .infoWrap.bgPurple .desc .meta .author.heart,
.grid .grid-item .infoWrap.bgPurple .desc .meta .date.heart,
.grid .grid-item .infoWrap.bgPurple .etcMenu li.heart, .grid .grid-item .infoWrap.bgGreen .desc .mapType.heart,
.grid .grid-item .infoWrap.bgGreen .desc .title.heart,
.grid .grid-item .infoWrap.bgGreen .desc .txtArticle.heart,
.grid .grid-item .infoWrap.bgGreen .desc .meta .author.heart,
.grid .grid-item .infoWrap.bgGreen .desc .meta .date.heart,
.grid .grid-item .infoWrap.bgGreen .etcMenu li.heart, .grid .grid-item .infoWrap.bgBlue .desc .mapType.heart,
.grid .grid-item .infoWrap.bgBlue .desc .title.heart,
.grid .grid-item .infoWrap.bgBlue .desc .txtArticle.heart,
.grid .grid-item .infoWrap.bgBlue .desc .meta .author.heart,
.grid .grid-item .infoWrap.bgBlue .desc .meta .date.heart,
.grid .grid-item .infoWrap.bgBlue .etcMenu li.heart, .grid .grid-item .infoWrap.bgBlack .desc .mapType.heart,
.grid .grid-item .infoWrap.bgBlack .desc .title.heart,
.grid .grid-item .infoWrap.bgBlack .desc .txtArticle.heart,
.grid .grid-item .infoWrap.bgBlack .desc .meta .author.heart,
.grid .grid-item .infoWrap.bgBlack .desc .meta .date.heart,
.grid .grid-item .infoWrap.bgBlack .etcMenu li.heart {
	background: url("../../images/ico/ico-heart-hover.png") no-repeat left center;
}

/* line 3513, scss/common.scss */
.grid .grid-item .infoWrap.bgRed .desc .mapType.like,
.grid .grid-item .infoWrap.bgRed .desc .title.like,
.grid .grid-item .infoWrap.bgRed .desc .txtArticle.like,
.grid .grid-item .infoWrap.bgRed .desc .meta .author.like,
.grid .grid-item .infoWrap.bgRed .desc .meta .date.like,
.grid .grid-item .infoWrap.bgRed .etcMenu li.like, .grid .grid-item .infoWrap.bgBrown .desc .mapType.like,
.grid .grid-item .infoWrap.bgBrown .desc .title.like,
.grid .grid-item .infoWrap.bgBrown .desc .txtArticle.like,
.grid .grid-item .infoWrap.bgBrown .desc .meta .author.like,
.grid .grid-item .infoWrap.bgBrown .desc .meta .date.like,
.grid .grid-item .infoWrap.bgBrown .etcMenu li.like, .grid .grid-item .infoWrap.bgPurple .desc .mapType.like,
.grid .grid-item .infoWrap.bgPurple .desc .title.like,
.grid .grid-item .infoWrap.bgPurple .desc .txtArticle.like,
.grid .grid-item .infoWrap.bgPurple .desc .meta .author.like,
.grid .grid-item .infoWrap.bgPurple .desc .meta .date.like,
.grid .grid-item .infoWrap.bgPurple .etcMenu li.like, .grid .grid-item .infoWrap.bgGreen .desc .mapType.like,
.grid .grid-item .infoWrap.bgGreen .desc .title.like,
.grid .grid-item .infoWrap.bgGreen .desc .txtArticle.like,
.grid .grid-item .infoWrap.bgGreen .desc .meta .author.like,
.grid .grid-item .infoWrap.bgGreen .desc .meta .date.like,
.grid .grid-item .infoWrap.bgGreen .etcMenu li.like, .grid .grid-item .infoWrap.bgBlue .desc .mapType.like,
.grid .grid-item .infoWrap.bgBlue .desc .title.like,
.grid .grid-item .infoWrap.bgBlue .desc .txtArticle.like,
.grid .grid-item .infoWrap.bgBlue .desc .meta .author.like,
.grid .grid-item .infoWrap.bgBlue .desc .meta .date.like,
.grid .grid-item .infoWrap.bgBlue .etcMenu li.like, .grid .grid-item .infoWrap.bgBlack .desc .mapType.like,
.grid .grid-item .infoWrap.bgBlack .desc .title.like,
.grid .grid-item .infoWrap.bgBlack .desc .txtArticle.like,
.grid .grid-item .infoWrap.bgBlack .desc .meta .author.like,
.grid .grid-item .infoWrap.bgBlack .desc .meta .date.like,
.grid .grid-item .infoWrap.bgBlack .etcMenu li.like {
	background: url("../../images/ico/ico-best-hover.png") no-repeat left center;
}

/* line 3514, scss/common.scss */
.grid .grid-item .infoWrap.bgRed .desc .mapType.person,
.grid .grid-item .infoWrap.bgRed .desc .title.person,
.grid .grid-item .infoWrap.bgRed .desc .txtArticle.person,
.grid .grid-item .infoWrap.bgRed .desc .meta .author.person,
.grid .grid-item .infoWrap.bgRed .desc .meta .date.person,
.grid .grid-item .infoWrap.bgRed .etcMenu li.person, .grid .grid-item .infoWrap.bgBrown .desc .mapType.person,
.grid .grid-item .infoWrap.bgBrown .desc .title.person,
.grid .grid-item .infoWrap.bgBrown .desc .txtArticle.person,
.grid .grid-item .infoWrap.bgBrown .desc .meta .author.person,
.grid .grid-item .infoWrap.bgBrown .desc .meta .date.person,
.grid .grid-item .infoWrap.bgBrown .etcMenu li.person, .grid .grid-item .infoWrap.bgPurple .desc .mapType.person,
.grid .grid-item .infoWrap.bgPurple .desc .title.person,
.grid .grid-item .infoWrap.bgPurple .desc .txtArticle.person,
.grid .grid-item .infoWrap.bgPurple .desc .meta .author.person,
.grid .grid-item .infoWrap.bgPurple .desc .meta .date.person,
.grid .grid-item .infoWrap.bgPurple .etcMenu li.person, .grid .grid-item .infoWrap.bgGreen .desc .mapType.person,
.grid .grid-item .infoWrap.bgGreen .desc .title.person,
.grid .grid-item .infoWrap.bgGreen .desc .txtArticle.person,
.grid .grid-item .infoWrap.bgGreen .desc .meta .author.person,
.grid .grid-item .infoWrap.bgGreen .desc .meta .date.person,
.grid .grid-item .infoWrap.bgGreen .etcMenu li.person, .grid .grid-item .infoWrap.bgBlue .desc .mapType.person,
.grid .grid-item .infoWrap.bgBlue .desc .title.person,
.grid .grid-item .infoWrap.bgBlue .desc .txtArticle.person,
.grid .grid-item .infoWrap.bgBlue .desc .meta .author.person,
.grid .grid-item .infoWrap.bgBlue .desc .meta .date.person,
.grid .grid-item .infoWrap.bgBlue .etcMenu li.person, .grid .grid-item .infoWrap.bgBlack .desc .mapType.person,
.grid .grid-item .infoWrap.bgBlack .desc .title.person,
.grid .grid-item .infoWrap.bgBlack .desc .txtArticle.person,
.grid .grid-item .infoWrap.bgBlack .desc .meta .author.person,
.grid .grid-item .infoWrap.bgBlack .desc .meta .date.person,
.grid .grid-item .infoWrap.bgBlack .etcMenu li.person {
	background: url("../../images/ico/ico-people-hover.png") no-repeat left center;
}

/* line 3517, scss/common.scss */
.grid .grid-item .infoWrap.bgRed:before {
	background: #c00000;
}

/* line 3518, scss/common.scss */
.grid .grid-item .infoWrap.bgBrown:before {
	background: #8f795f;
}

/* line 3519, scss/common.scss */
.grid .grid-item .infoWrap.bgPurple:before {
	background: #5f0e73;
}

/* line 3520, scss/common.scss */
.grid .grid-item .infoWrap.bgGreen:before {
	background: #6f8249;
}

/* line 3521, scss/common.scss */
.grid .grid-item .infoWrap.bgBlue:before {
	background: #185598;
}

/* line 3522, scss/common.scss */
.grid .grid-item .infoWrap.bgBlack:before {
	background: #3a3b3c;
}

/* line 3524, scss/common.scss */
.grid .grid-item .desc {
	position: relative;
	padding: 20px 23px 0;
}

/* line 3527, scss/common.scss */
.grid .grid-item .desc .title {
	width: 100%;
	display: block;
	font-family: "Noto Sans Medium";
	font-size: 22px;
	color: #333333;
	line-height: 28px;
	margin-top: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* line 3531, scss/common.scss */
.grid .grid-item .desc .txtArticle {
	display: none;
	font-family: "맑은 고딕";
	font-size: 14px;
	color: #686868;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/* 라인수 */
	line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

/* line 3542, scss/common.scss */
.grid .grid-item .desc .meta {
	margin-top: 12px;
}

/* line 3544, scss/common.scss */
.grid .grid-item .desc .meta li {
	display: inline-block;
	font-family: "Noto Sans Light";
}

/* line 3545, scss/common.scss */
.grid .grid-item .desc .meta .author {
	font-size: 13px;
	color: #585858;
}

/* line 3546, scss/common.scss */
.grid .grid-item .desc .meta .date {
	font-size: 12px;
	color: #a2a2a2;
}

/* line 3548, scss/common.scss */
.grid .grid-item .desc .meta .date:before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: -3px 10px 0;
	background: #f2f2f2;
	vertical-align: middle;
}

/* line 3551, scss/common.scss */
.grid .grid-item .desc:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 23px;
	background: #f0f0f0;
}

/* line 3554, scss/common.scss */
.grid .grid-item .etcMenu {
	padding: 17px 23px 21px 23px;
	transition: 0;
}

/* line 3556, scss/common.scss */
.grid .grid-item .etcMenu li {
	float: left;
	margin-left: 23px;
	padding-left: 23px;
}

/* line 3558, scss/common.scss */
.grid .grid-item .etcMenu li.heart {
	background: url("../../images/ico/ico-heart.png") no-repeat left center;
}

/* line 3559, scss/common.scss */
.grid .grid-item .etcMenu li.like {
	background: url("../../images/ico/ico-best.png") no-repeat left center;
}

/* line 3560, scss/common.scss */
.grid .grid-item .etcMenu li.person {
	background: url("../../images/ico/ico-people.png") no-repeat left center;
}

/* line 3561, scss/common.scss */
.grid .grid-item .etcMenu li:first-child {
	margin-left: 0;
}

/* line 3563, scss/common.scss */
.grid .grid-item .etcMenu ul:after {
	content: "";
	display: block;
	clear: both;
}

/* line 3566, scss/common.scss */
.grid .grid-item .mapType {
	font-family: "Noto Sans";
	font-size: 12px;
	color: #333333;
}

/* line 3567, scss/common.scss */
.grid .grid-item .btnBookmark {
	display: block;
	position: absolute;
	bottom: 15px;
	right: 25px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: url("../../images/ico/ico-bookmark.png");
	box-shadow: 0 0 5px #757575;
	z-index: 20;
}

/* line 3570, scss/common.scss */
.grid .grid-item .btnBookmark.active {
	background: url("../../images/ico/ico-bookmark-active.png");
}

/* line 3573, scss/common.scss */
.grid .grid-item.active .img:before {
	opacity: 0.3;
	bottom: 0;
	transition: all 0.3s;
}

/* line 3574, scss/common.scss */
.grid .grid-item.active .infoWrap {
	bottom: 0;
	transition: all 0.3s;
}

/* line 3576, scss/common.scss */
.grid .grid-item.active .infoWrap:after {
	opacity: 0;
}

/* line 3578, scss/common.scss */
.grid .grid-item.active .btnMapView {
	background: url("../../images/btn/btn-mapView-hover.png");
}

/* line 3581, scss/common.scss */
.grid .grid-item:after {
	content: "";
	display: block;
	clear: both;
}

/* line 3583, scss/common.scss */
.grid .grid-item--width2 {
	width: 590px;
}

/* line 3589, scss/common.scss */
.grid.listType {
	width: 100%;
	margin: 10px 0 0;
}

/* line 3591, scss/common.scss */
.grid.listType .grid-item {
	border-radius: 0;
	width: calc(100% - 38px);
	margin-bottom: 0;
	padding: 10px 19px;
	border-left: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	/*.btnMapClose{}*/
}

/* line 3595, scss/common.scss */
.grid.listType .grid-item.active .mapType {
	color: #333 !important;
}

/* line 3596, scss/common.scss */
.grid.listType .grid-item.active .title {
	color: #333 !important;
}

/* line 3597, scss/common.scss */
.grid.listType .grid-item.active .txtArticle {
	color: #333 !important;
}

/* line 3598, scss/common.scss */
.grid.listType .grid-item.active .meta li.author {
	color: #333 !important;
}

/* line 3599, scss/common.scss */
.grid.listType .grid-item.active .meta li.date {
	color: #a2a2a2 !important;
}

/* line 3600, scss/common.scss */
.grid.listType .grid-item.active .etcMenu li {
	color: #333;
}

/* line 3602, scss/common.scss */
.grid.listType .grid-item.active .etcMenu li.heart {
	background: url("../../images/ico/ico-heart.png") no-repeat left center;
}

/* line 3603, scss/common.scss */
.grid.listType .grid-item.active .etcMenu li.like {
	background: url("../../images/ico/ico-best.png") no-repeat left center;
}

/* line 3604, scss/common.scss */
.grid.listType .grid-item.active .etcMenu li.person {
	background: url("../../images/ico/ico-people.png") no-repeat left center;
}

/* line 3606, scss/common.scss */
.grid.listType .grid-item.active .infoWrap {
	top: 20px;
	bottom: auto;
	left: 250px;
}

/* line 3609, scss/common.scss */
.grid.listType .grid-item.active .btnMapView {
	background: url("../../images/btn/btn-mapView.png");
}

/* line 3611, scss/common.scss */
.grid.listType .grid-item .infoWrap {
	width: calc(100% - 250px);
	top: 20px;
	left: 250px;
}

/* line 3613, scss/common.scss */
.grid.listType .grid-item .infoWrap:after {
	display: none;
}

/* line 3614, scss/common.scss */
.grid.listType .grid-item .infoWrap:before {
	display: none;
}

/* line 3615, scss/common.scss */
.grid.listType .grid-item .infoWrap:hover {
	opacity: 0.8;
}

/* line 3617, scss/common.scss */
.grid.listType .grid-item .img {
	float: left;
	width: 210px;
	height: 146px;
	overflow: hidden;
	border-radius: 3px;
	border: 1px solid #dfdfdf;
}

/* line 3619, scss/common.scss */
.grid.listType .grid-item .img:before {
	opacity: 0;
}

/* line 3620, scss/common.scss */
.grid.listType .grid-item .img img {
	width: 100%;
	height: 100%;
}

/* line 3623, scss/common.scss */
.grid.listType .grid-item .desc {
	float: left;
	width: calc(100% - 260px);
	padding: 0px 23px 0;
}

/* line 3625, scss/common.scss */
.grid.listType .grid-item .desc .txtArticle {
	-webkit-line-clamp: 2;
	/* 라인수 */
	line-clamp: 2;
}

/* line 3629, scss/common.scss */
.grid.listType .grid-item .desc:after {
	display: none;
}

/* line 3631, scss/common.scss */
.grid.listType .grid-item .etcMenu {
	padding: 0;
}

/* line 3633, scss/common.scss */
.grid.listType .grid-item .etcMenu ul {
	position: absolute;
	bottom: 0px;
	right: 50px;
	padding: 0;
}

/* line 3634, scss/common.scss */
.grid.listType .grid-item .etcMenu li {
	color: #333;
}

/* line 3636, scss/common.scss */
.grid.listType .grid-item .btnBookmark {
	position: absolute;
	top: 0px;
	right: 50px;
}

/* line 3637, scss/common.scss */
.grid.listType .grid-item:last-child {
	border-bottom: 1px solid #dfdfdf;
}

/* line 3638, scss/common.scss */
.grid.listType .grid-item:first-child {
	border-top: 0;
}

/* line 3644, scss/common.scss */
.propControl {
	min-width: 1240px;
	position: relative;
	height: 40px;
	margin-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dfdfdf;
}

/* line 3646, scss/common.scss */
.propControl .titleArea {
	height: 50px;
}

/* line 3648, scss/common.scss */
.propControl .titleArea > div {
	position: relative;
	float: left;
	padding: 0 0 0 15px;
	margin-top: 12px;
	cursor: pointer;
}

/* line 3650, scss/common.scss */
.propControl .titleArea > div .titMeta {
	font-family: 'Noto Sans Light';
	color: #6d6868;
}

/* line 3651, scss/common.scss */
.propControl .titleArea > div .meta {
	margin: 2px 0 0 5px;
}

/* line 3652, scss/common.scss */
.propControl .titleArea > div .myStorymap {
	display: inline-block;
	width: 13px;
	height: 17px;
	margin-right: 3px;
	background: url("../../images/btn/btn-jidodream2.png");
	vertical-align: text-top;
}

/* line 3654, scss/common.scss */
.propControl .titleArea > div.active .titMeta {
	font-family: 'Noto Sans Medium';
	color: #333;
}

/* line 3656, scss/common.scss */
.propControl .titleArea > div:first-child {
	padding-left: 5px;
	padding-right: 15px;
}

/* line 3657, scss/common.scss */
.propControl .titleArea > div:first-child:before {
	display: none;
}

/* line 3658, scss/common.scss */
.propControl .titleArea > div:before {
	position: absolute;
	left: 0;
	top: 9px;
	display: block;
	content: '';
	width: 1px;
	height: 13px;
	background: #b9bcc5;
}

/* line 3659, scss/common.scss */
.propControl .titleArea > div:after {
	content: "";
	display: block;
	clear: both;
}

/* line 3660, scss/common.scss */
.propControl .titleArea > div.btnArea {
	position: absolute;
	right: 530px;
	top: 0;
	margin-top: 0;
}

/* line 3661, scss/common.scss */
.propControl .titleArea > div.btnArea .btnCreateMap {
	display: inline-block;
	height: 40px;
	background-repeat: no-repeat;
	padding: 0 14px 0 32px;
	border-radius: 4px;
	text-align: left;
	background-position: 12px center;
	background-color: #34c7b7;
}

/* line 3663, scss/common.scss */
.propControl .titleArea > div.btnArea .btnCreateMap:hover {
	background-color: #149ea3;
}

/* line 3664, scss/common.scss */
.propControl .titleArea > div.btnArea .btnCreateMap:active {
	opacity: 0.75;
}

/* line 3666, scss/common.scss */
.propControl .titleArea > div.btnArea .btnMyStorymap {
	display: inline-block;
	margin-left: 7px;
	height: 40px;
	background-repeat: no-repeat;
	padding: 0 14px 0 32px;
	border-radius: 4px;
	text-align: left;
	background-position: 12px center;
	background-color: #fff;
	background-image: url("../../images/btn/btn-jidodream2.png");
	border: 1px solid #3673e2;
	color: #3673e2;
}

/* line 3668, scss/common.scss */
.propControl .titleArea > div.btnArea .btnMyStorymap:hover {
	background-color: #2359d0;
	color: #fff;
	background-image: url("../../images/btn/btn-jidodream3.png");
}

/* line 3669, scss/common.scss */
.propControl .titleArea > div.btnArea .btnMyStorymap:active {
	opacity: 0.75;
	color: #fff;
	background-image: url("../../images/btn/btn-jidodream3.png");
}

/* line 3670, scss/common.scss */
.propControl .titleArea > div.btnArea .btnMyStorymap.active {
	background-color: #3673e2;
	color: #fff;
	background-image: url("../../images/btn/btn-jidodream3.png");
}

/* line 3672, scss/common.scss */
.propControl .titleArea > div.btnArea .btnCreateMap {
	background-image: url("../../images/btn/btn-jidodream.png");
}

/* line 3673, scss/common.scss */
.propControl .titleArea > div.btnArea:before {
	display: none;
}

/* line 3676, scss/common.scss */
.propControl .titleArea:after {
	content: "";
	display: block;
	clear: both;
}

/* line 3678, scss/common.scss */
.propControl .mapControl {
	position: absolute;
	top: 0;
	right: 0;
}

/* line 3679, scss/common.scss */
.propControl .searchWrap {
	float: left;
	position: relative;
	display: inline-block;
	vertical-align: top;
}

/* line 3680, scss/common.scss */
.propControl .searchWrap input[type="text"] {
	width: 280px;
	height: 40px;
	margin-left: 8px;
	font-size: 15px;
	font-family: "맑은 고딕";
	border-radius: 5px;
}

/* line 3681, scss/common.scss */
.propControl .searchWrap .btnSearch {
	position: absolute;
	right: 12px;
	top: 10px;
	width: 21px;
	height: 22px;
	background: url("../../images/common/btn-search-small.png") no-repeat;
}

/* line 3683, scss/common.scss */
.propControl .sortSelect, .propControl .gridListStyle, .propControl .btnCreateMap {
	margin-left: 8px;
}

/* line 3684, scss/common.scss */
.propControl .sortSelect {
	display: block;
	float: left;
	display: block;
	width: 140px;
	height: 40px;
}

/* line 3685, scss/common.scss */
.propControl .gridListStyle {
	display: block;
	float: left;
}

/* line 3686, scss/common.scss */
.propControl .gridListStyle .list {
	margin: 0 !important;
}

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

/* line 3692, scss/common.scss */
.gridListStyle button {
	float: left;
	width: 40px;
	height: 40px;
	border: 1px solid #dcdcdc;
	background-repeat: no-repeat;
	background-position: center;
	border-right: 0;
}

/* line 3693, scss/common.scss */
.gridListStyle button:first-child {
	border-radius: 3px 0 0 3px;
}

/* line 3694, scss/common.scss */
.gridListStyle button:last-child {
	border-right: 1px solid #dcdcdc;
	border-radius: 0 3px 3px 0;
}

/* line 3695, scss/common.scss */
.gridListStyle button:hover, .gridListStyle button.active {
	border: 1px solid #3d6ce2;
	background-color: #3d6ce2;
}

/* line 3696, scss/common.scss */
.gridListStyle button.graph {
	background-image: url("../../images/btn/btn-toggle-graph.png");
}

/* line 3697, scss/common.scss */
.gridListStyle button.graph:hover, .gridListStyle button.graph.active {
	background-image: url("../../images/btn/btn-toggle-graph-hover.png");
}

/* line 3699, scss/common.scss */
.gridListStyle button.list {
	background-image: url("../../images/btn/btn-toggle-list.png");
}

/* line 3700, scss/common.scss */
.gridListStyle button.list:hover, .gridListStyle button.list.active {
	background-image: url("../../images/btn/btn-toggle-list-hover.png");
}

/* line 3702, scss/common.scss */
.gridListStyle button.gallery {
	background-image: url("../../images/btn/btn-toggle-gallery.png");
}

/* line 3703, scss/common.scss */
.gridListStyle button.gallery:hover, .gridListStyle button.gallery.active {
	background-image: url("../../images/btn/btn-toggle-gallery-hover.png");
}

/* 개인정보 처리방침 */
/* line 3709, scss/common.scss */
.accountTerms .article .art-box {
	height: auto;
	padding: 13px 50px;
	margin: 10px 0;
	border: 1px sgolid #dadada;
	box-sizing: border-box;
}

/* line 3710, scss/common.scss */
.accountTerms .article .art-dep1 {
	margin: 10px 0 6px 0;
	font-weight: bold;
	color: #4578cb;
}

/* line 3711, scss/common.scss */
.accountTerms .article ol {
	margin-left: 10px;
}

/* line 3712, scss/common.scss */
.accountTerms .article ol.listStyle-num {
	list-style-type: decimal;
	margin-left: 25px;
}

/* line 3713, scss/common.scss */
.accountTerms .article .area-article li {
	margin: 3px 0;
}

/* line 3714, scss/common.scss */
.accountTerms .article .art-strong {
	font-weight: bold;
	color: #4578cb;
}

/* 마진패딩 초기화 */
/* line 3718, scss/common.scss */
.fit {
	margin: 0 !important;
	padding: 0 !important;
}

@media screen and (max-width: 1350px) {
	/* line 3721, scss/common.scss */
	.bookmark {
		left: 1090px;
		top: 41px;
		position: absolute;
	}
}

/* datepicker 버튼*/
/* line 3725, scss/common.scss */
.ui-datepicker .ui-datepicker-prev span {
	background: url("../../images/btn/btn-calc-prev.png") no-repeat center;
}

/* line 3726, scss/common.scss */
.ui-datepicker .ui-datepicker-next span {
	background: url("../../images/btn/btn-calc-next.png") no-repeat center;
}

/* 이메일 td */
/* line 3731, scss/common.scss */
.table table td .tdMail input, .table table td .tdMail select {
	width: 200px;
	float: left;
	margin-right: 3px;
}

/* line 3732, scss/common.scss */
.table table td .tdMail input.mailId {
	width: 160px;
}

/* line 3733, scss/common.scss */
.table table td .tdMail p {
	float: left;
	margin-right: 3px;
	margin-top: 9px;
	font-size: 14px;
}

/* line 3736, scss/common.scss */
.table table td.ellipsis {
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* line 3737, scss/common.scss */
.table table th.RightredDot:after {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: 0px 0px 3px 5px;
	background: #eb5050;
	vertical-align: middle;
	border-radius: 50%;
}

/* line 3738, scss/common.scss */
.table table th.LeftredDot:before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: 0px 5px 3px 0px;
	background: #eb5050;
	vertical-align: middle;
	border-radius: 50%;
}

/* 윈도우 팝업 로그인 */
/* line 3742, scss/common.scss */
#wrap.winPop {
	position: absolute;
	left: 50%;
	top: 30px;
	transform: translateX(-50%);
	min-width: auto;
	width: 480px;
	border: 2px solid #686868;
	height: auto;
	margin: 0 auto;
}

/* line 3743, scss/common.scss */
#wrap.winPop #header {
	position: static;
	min-width: auto;
}

/* line 3744, scss/common.scss */
#wrap.winPop #header h1 {
	left: 20px;
}

/* line 3745, scss/common.scss */
#wrap.winPop #header .inner {
	width: auto;
	background: #fff;
}

/* line 3747, scss/common.scss */
#wrap.winPop #container {
	width: auto;
	min-height: auto;
	margin: 0;
	padding: 20px;
}

/* line 3748, scss/common.scss */
#wrap.winPop #container #content {
	width: auto;
	height: auto;
	min-height: auto;
	float: none;
	padding: 0;
}

/* line 3749, scss/common.scss */
#wrap.winPop #container #content .loginBox {
	padding: 25px;
	border-radius: 5px;
	border: 2px solid #698bd0;
}

/* line 3750, scss/common.scss */
#wrap.winPop #container #content input[type="text"], #wrap.winPop #container #content input[type="password"] {
	display: block;
	width: 260px;
}

/* line 3751, scss/common.scss */
#wrap.winPop #container #content input[type="text"] {
	margin-bottom: 7px;
}

/* line 3752, scss/common.scss */
#wrap.winPop #container #content .btnWinPopLogin {
	width: 120px;
	height: 76px;
	background: #376fee;
	font-size: 20px;
}

/* line 3753, scss/common.scss */
#wrap.winPop #container #content .btnWinPopLogin:hover {
	background: #2359d0;
}

/* line 3754, scss/common.scss */
#wrap.winPop #container #content .btnWinPopLogin:active {
	opacity: 0.75;
}

/* line 3756, scss/common.scss */
#wrap.winPop #container #content .row {
	margin-top: 15px;
	text-align: center;
}

/* line 3757, scss/common.scss */
#wrap.winPop #container #content .row .checkbox {
	display: inline-block;
	margin-right: 45px;
	font-size: 14px;
}

/* line 3758, scss/common.scss */
#wrap.winPop #container #content .row .checkbox label {
	font-family: "Noto Sans";
	color: #686868;
}

/* line 3760, scss/common.scss */
#wrap.winPop #container #content .row a {
	display: inline-block;
	margin: 0 10px;
	color: #698BD0;
	text-decoration: underline;
	font-size: 14px;
	font-family: "Noto Sans";
}

/* line 3761, scss/common.scss */
#wrap.winPop #container #content .row a:last-child {
	margin-right: 0;
}

/* line 3769, scss/common.scss */
.aside.white {
	position: fixed;
	right: 19px;
	top: 200px;
	/*
  .btnAsideClose{position: absolute;top:-18px;left:50%;width:28px;height:28px;margin-left:-14px;background: url("../../images/main/btn-aside-close.png") no-repeat;}
  .btnAsideOpen{position: absolute;top:20px;left:-73px;display:none;width:64px;height:40px;background: url("../../images/main/btn-aside-open.png") no-repeat;}
  */
}

/* line 3770, scss/common.scss */
.aside.white .popupArea {
	width: 78px;
	padding: 19px 0 8px;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

/* line 3772, scss/common.scss */
.aside.white .titPop {
	width: 64px;
	padding: 8px 0;
	margin: 0 auto;
	background: #2066de;
	color: #fff;
	text-align: center;
	border-radius: 22px;
	line-height: 15px;
	cursor: pointer;
}

/* line 3774, scss/common.scss */
.aside.white .titPop:hover {
	background: #0c34a6;
}

/* line 3775, scss/common.scss */
.aside.white .titPop.mini {
	display: none;
}

/* line 3777, scss/common.scss */
.aside.white li {
	width: 100%;
	height: 65px;
	font-size: 11px;
	color: #a7a6a6;
	text-align: center;
}

/* line 3779, scss/common.scss */
.aside.white li:hover {
	color: #666;
}

/* line 3780, scss/common.scss */
.aside.white li.menu01 {
	background: url("../../images/main/ico-aside-menu-01.png") no-repeat center 15px;
}

/* line 3781, scss/common.scss */
.aside.white li.menu01:hover {
	background: url("../../images/main/ico-aside-menu-01-white.png") no-repeat center 15px;
}

/* line 3783, scss/common.scss */
.aside.white li.menu02 {
	background: url("../../images/main/ico-aside-menu-02.png") no-repeat center 15px;
}

/* line 3784, scss/common.scss */
.aside.white li.menu02:hover {
	background: url("../../images/main/ico-aside-menu-02-white.png") no-repeat center 15px;
}

/* line 3786, scss/common.scss */
.aside.white li.menu03 {
	background: url("../../images/main/ico-aside-menu-03.png") no-repeat center 15px;
}

/* line 3787, scss/common.scss */
.aside.white li.menu03:hover {
	background: url("../../images/main/ico-aside-menu-03-white.png") no-repeat center 15px;
}

/* line 3789, scss/common.scss */
.aside.white li.menu04 {
	background: url("../../images/main/ico-aside-menu-04.png") no-repeat center 15px;
}

/* line 3790, scss/common.scss */
.aside.white li.menu04:hover {
	background: url("../../images/main/ico-aside-menu-04-white.png") no-repeat center 15px;
}

/* line 3792, scss/common.scss */
.aside.white li.menu05 {
	background: url("../../images/main/ico-aside-menu-05.png") no-repeat center 15px;
}

/* line 3793, scss/common.scss */
.aside.white li.menu05:hover {
	background: url("../../images/main/ico-aside-menu-05-white.png") no-repeat center 15px;
}

/* line 3795, scss/common.scss */
.aside.white li.menu06 {
	background: url("../../images/main/ico-aside-menu-06.png") no-repeat center 15px;
}

/* line 3796, scss/common.scss */
.aside.white li.menu06:hover {
	background: url("../../images/main/ico-aside-menu-06-white.png") no-repeat center 15px;
}

/* line 3798, scss/common.scss */
.aside.white li.menu07 {
	background: url("../../images/main/ico-aside-menu-07.png") no-repeat center 15px;
}

/* line 3799, scss/common.scss */
.aside.white li.menu07:hover {
	background: url("../../images/main/ico-aside-menu-07-white.png") no-repeat center 15px;
}

/* line 3801, scss/common.scss */
.aside.white li a {
	display: block;
	padding-top: 43px;
}

@media screen and (max-width: 1900px) {
	/* line 3810, scss/common.scss */
	.grid {
		width: 1550px;
	}
}

@media screen and (max-width: 1585px) {
	/* line 3813, scss/common.scss */
	.grid {
		width: 1236px;
	}
	/* line 3814, scss/common.scss */
	.aside.white {
		display: none;
	}
}

/* line 3820, scss/common.scss */
.newStarBox {
	padding: 30px 0;
	border-top: 1px solid #777777;
	border-bottom: 1px solid #dee1e7;
}

/* line 3821, scss/common.scss */
.newStarBox .left:first-child {
	width: 280px;
	padding-top: 30px;
	margin: 0 auto;
	text-align: center;
	border-right: 1px solid #d6d9de;
}

/* line 3822, scss/common.scss */
.newStarBox .left:first-child .star.large {
	margin: 0 0 3px 0;
}

/* line 3823, scss/common.scss */
.newStarBox .left:first-child > p {
	color: #585858;
	font-size: 20px;
	font-family: 'Noto Sans';
}

/* line 3824, scss/common.scss */
.newStarBox .left:first-child > p .starPoint {
	color: #111111;
	font-size: 25px;
	font-family: 'Noto Sans Medium';
}

/* line 3826, scss/common.scss */
.newStarBox .left:first-child .btnArea {
	position: relative;
	margin-bottom: 20px;
}

/* line 3827, scss/common.scss */
.newStarBox .left:first-child .btnArea .btnEdit {
	width: 150px;
	height: 36px;
	border-radius: 5px;
	font-size: 15px;
	text-indent: 10px;
	background-image: url("../../images/btn/btn-edit.png");
	background-repeat: no-repeat;
	background-position: 30px center;
}

/* line 3829, scss/common.scss */
.newStarBox .left:first-child .btnArea .tooltip {
	position: absolute;
	left: 60px;
	top: 50px;
	width: 236px;
	height: 25px;
	line-height: 25px;
	border-radius: 50px;
	color: #fff;
	font-size: 12px;
	background: #3d3d3d;
	text-align: left;
}

/* line 3830, scss/common.scss */
.newStarBox .left:first-child .btnArea .tooltip .redDot {
	margin: 0 8px 1px;
}

/* line 3831, scss/common.scss */
.newStarBox .left:first-child .btnArea .tooltip:after {
	display: block;
	position: absolute;
	left: 10px;
	top: -10px;
	content: '';
	width: 14px;
	height: 10px;
	background: url("../../images/ico/ico-tooltip-triangle.png");
}

/* line 3835, scss/common.scss */
.newStarBox .left:last-child {
	padding: 4px 37px 0 30px;
}

/* line 3836, scss/common.scss */
.newStarBox .left:last-child .row {
	margin-bottom: 11px;
}

/* line 3837, scss/common.scss */
.newStarBox .left:last-child .progressGroup {
	width: 592px;
	height: 12px;
}

/* line 3838, scss/common.scss */
.newStarBox .left:last-child .evalGrey {
	display: inline-block;
	width: 71px;
	height: 24px;
	line-height: 24px;
	margin-right: 15px;
	border-radius: 50px;
	color: #585858;
	font-size: 12px;
	font-weight: bold;
	font-family: '맑은 고딕';
	background: #efefef;
	text-align: center;
}

/* line 3844, scss/common.scss */
.newCommentBox {
	display: none;
	margin-top: 15px;
}

/* line 3847, scss/common.scss */
.newCommentBox.err .commentGroup > div {
	margin-bottom: 15px;
	padding-left: 10px;
}

/* line 3848, scss/common.scss */
.newCommentBox.err .commentGroup > div:last-child {
	margin-bottom: 0;
}

/* line 3850, scss/common.scss */
.newCommentBox.err .commentGroup label {
	float: left;
	width: 80px;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	font-family: "Noto Sans";
}

/* line 3851, scss/common.scss */
.newCommentBox.err .commentGroup label:before {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 6px 10px 0 0;
	content: '';
	border-radius: 50%;
	background: #376fee;
	vertical-align: middle;
	transform: translateY(-50%);
}

/* line 3852, scss/common.scss */
.newCommentBox.err .commentGroup label.btnFileSelect {
	width: 74px;
	height: 26px;
	margin-left: 80px;
	text-indent: 20px;
	text-align: center;
	border-radius: 3px;
	line-height: 26px;
	color: #686868;
	border: 1px solid #cbccd2;
	font-size: 12px;
	background: #fff url("../../images/btn/ico-download.png") no-repeat 5px center;
}

/* line 3854, scss/common.scss */
.newCommentBox.err .commentGroup label.btnFileSelect:hover {
	color: #2853d5;
	border: 1px solid #376fee;
	background: #fff url("../../images/btn/ico-download-hover.png") no-repeat 5px center;
}

/* line 3855, scss/common.scss */
.newCommentBox.err .commentGroup label.btnFileSelect:before {
	display: none;
}

/* line 3858, scss/common.scss */
.newCommentBox.err .commentGroup input, .newCommentBox.err .commentGroup textarea {
	display: inline-block;
	float: left;
	width: calc(100% - 80px);
}

/* line 3859, scss/common.scss */
.newCommentBox.err .commentGroup .fileLocal {
	padding-top: 50px;
	min-height: 78px;
	border: 1px solid #dee1e7;
	background: #fff url("../../images/input/bg-file-upload.png") no-repeat center 15px;
}

/* line 3860, scss/common.scss */
.newCommentBox.err .commentGroup .fileLocal::placeholder {
	text-align: center;
	display: inline-block;
	margin-top: 40px;
}

/* line 3863, scss/common.scss */
.newCommentBox.err .btnArea {
	margin: 0;
}

/* line 3865, scss/common.scss */
.newCommentBox .commentWrap {
	position: relative;
	padding: 26px 26px 32px;
	margin-bottom: 22px;
	background: #f4f5f8;
	border: 1px solid #e5e5e5;
}

/* line 3866, scss/common.scss */
.newCommentBox .commentWrap .radioGroup {
	display: inline-block;
	margin-left: 30px;
}

/* line 3867, scss/common.scss */
.newCommentBox .commentWrap .date {
	float: right;
	display: inline-block;
	color: #999999;
	font-size: 14px;
	font-family: '맑은 고딕';
}

/* line 3868, scss/common.scss */
.newCommentBox .commentWrap .confirm {
	display: inline-block;
	float: left;
	width: 100%;
	border-top: 1px solid #e5e5e5;
}

/* line 3869, scss/common.scss */
.newCommentBox .commentWrap .confirm p {
	padding: 15px;
	font-size: 15px;
	font-family: 'Noto Sans';
}

/* line 3871, scss/common.scss */
.newCommentBox .commentWrap textarea {
	float: left;
	width: calc(100% - 80px);
	padding: 15px;
	height: 78px;
}

/* line 3872, scss/common.scss */
.newCommentBox .commentWrap .btnCommentSubmit {
	float: left;
	width: 80px;
	height: 78px;
}

/* line 3873, scss/common.scss */
.newCommentBox .commentWrap .starPoint {
	margin-left: 8px;
	color: #222222;
	font-size: 20px;
	font-family: 'Noto Sans Medium';
}

/* line 3874, scss/common.scss */
.newCommentBox .commentWrap .btnGroup {
	position: absolute;
	right: 30px;
	top: 88px;
}

/* line 3875, scss/common.scss */
.newCommentBox .commentWrap .btnGroup button {
	width: 37px;
	height: 37px;
}

/* line 3876, scss/common.scss */
.newCommentBox .commentWrap .btnGroup button.btnListEdit {
	width: 28px;
	height: 27px;
	background: url("../../images/btn/btn-list-edit.png");
}

/* line 3877, scss/common.scss */
.newCommentBox .commentWrap .btnGroup button.btnListEdit:hover {
	background: url("../../images/btn/btn-list-edit-hover.png");
}

/* line 3878, scss/common.scss */
.newCommentBox .commentWrap .btnGroup button.btnListEdit.type2 {
	background: url("../../images/btn/btn-list-edit2.png");
}

/* line 3880, scss/common.scss */
.newCommentBox .commentWrap .btnGroup button.btnListEdit.type2:hover {
	background: url("../../images/btn/btn-list-edit2-hover.png");
}

/* line 3883, scss/common.scss */
.newCommentBox .commentWrap .btnGroup button.btnListRemove {
	width: 28px;
	height: 27px;
	background: url("../../images/btn/btn-list-remove.png");
}

/* line 3884, scss/common.scss */
.newCommentBox .commentWrap .btnGroup button.btnListRemove.type2 {
	background: url("../../images/btn/btn-list-remove2.png");
}

/* line 3886, scss/common.scss */
.newCommentBox .commentWrap .btnGroup button.btnListRemove.type2:hover {
	background: url("../../images/btn/btn-list-remove2-hover.png");
}

/* line 3888, scss/common.scss */
.newCommentBox .commentWrap .btnGroup button.btnListRemove:hover {
	background: url("../../images/btn/btn-list-remove-hover.png");
}

/* line 3893, scss/common.scss */
.newCommentBox strong {
	display: inline-block;
	height: 42px;
	line-height: 42px;
	margin: 0 0 10px;
	padding-left: 56px;
	font-size: 17px;
	font-family: 'Noto Sans';
	font-weight: normal;
	background: url("../../images/ico/ico-comment.png") no-repeat 9px center;
}

/* line 3895, scss/common.scss */
.newCommentBox .btnArea {
	text-align: right;
}

/* line 3896, scss/common.scss */
.newCommentBox .btnArea button {
	width: 110px;
	height: 44px;
}

/* line 3897, scss/common.scss */
.newCommentBox .btnArea button:last-child {
	width: 100px;
}

/* line 3900, scss/common.scss */
.newCommentBox .sub {
	width: calc(100% - 80px);
}

/* line 3901, scss/common.scss */
.newCommentBox .sub i {
	color: #878d9c;
	font-style: normal;
	font-family: '맑은 고딕';
}

/* line 3902, scss/common.scss */
.newCommentBox .sub i.right {
	margin-top: 5px;
	color: #888888;
}

/* line 3903, scss/common.scss */
.newCommentBox .sub i.right .blue {
	color: #376fee;
	font-weight: bold;
}

/* line 3909, scss/common.scss */
.myChk {
	display: inline-block;
}

/* line 3911, scss/common.scss */
.myChk .checkbox label {
	width: auto;
	padding: 0 10px 0 35px;
	border: 1px solid #cbced2;
	border-radius: 3px;
	height: 32px;
	line-height: 32px;
	color: #686868;
	font-family: '맑은 고딕';
	font-weight: bold;
	background-position: 8px 5px;
	box-sizing: border-box;
}

/* line 3914, scss/common.scss */
.myChk .checkbox:hover label {
	border: 1px solid #376fee;
	color: #2a58d0;
}

/* line 3916, scss/common.scss */
.myChk .checkbox input[type="checkbox"]:checked + label {
	border: 1px solid #376fee;
	color: #2a58d0;
	background-position: 8px 5px;
}

/* line 3919, scss/common.scss */
.newBtn {
	height: 32px;
	color: #686868;
	font-weight: bold;
	border: 1px solid #cbced2;
	border-radius: 3px;
	background-repeat: no-repeat;
	text-align: left;
	vertical-align: top;
}

/* line 3920, scss/common.scss */
.newBtn:hover {
	color: #2853d5;
	border: 1px solid #376fee;
}

/* line 3921, scss/common.scss */
.newBtn.btnEnter {
	width: 68px;
	background-image: url("../../images/btn/ico-e-eval.png");
	background-position: 11px center;
	text-indent: 31px;
}

/* line 3922, scss/common.scss */
.newBtn.btnEnter:hover {
	background-image: url("../../images/btn/ico-e-eval-hover.png");
}

/* line 3924, scss/common.scss */
.newBtn.btnMyError {
	width: 149px;
	background-image: url("../../images/btn/ico-e-caution.png");
	background-position: 8px center;
	text-indent: 27px;
}

/* line 3925, scss/common.scss */
.newBtn.btnMyError:hover {
	background-image: url("../../images/btn/ico-e-caution-hover.png");
}

/* line 3930, scss/common.scss */
.newReplyList {
	margin-top: 21px;
	margin-bottom: 17px;
	padding-top: 15px;
	border-top: 1px solid #888ea0;
}

/* line 3931, scss/common.scss */
.newReplyList .replyBox {
	margin-bottom: 11px;
	border: 1px solid #dbdbdb;
}

/* line 3932, scss/common.scss */
.newReplyList .replyBox.active {
	border: 1px solid #376fee;
	box-shadow: 0 0 3px #376fee;
}

/* line 3934, scss/common.scss */
.newReplyList .replyBox.hasFile .replyWrap .row:first-child:after {
	display: inline-block;
	content: '';
	width: 27px;
	height: 27px;
	margin-left: 10px;
	vertical-align: middle;
	background: url("../../images/btn/btn-file-white.png");
}

/* line 3937, scss/common.scss */
.newReplyList .replyBox .replyWrap {
	position: relative;
	padding: 20px 25px;
}

/* line 3938, scss/common.scss */
.newReplyList .replyBox .replyWrap .row:first-child {
	margin-bottom: 12px;
}

/* line 3939, scss/common.scss */
.newReplyList .replyBox .replyWrap .eval {
	display: inline-block;
	width: 64px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	font-size: 11px;
	font-family: '맑은 고딕';
	border-radius: 30px;
}

/* line 3941, scss/common.scss */
.newReplyList .replyBox .replyWrap .eval.eval0 {
	background: #a5aab3;
}

/* line 3942, scss/common.scss */
.newReplyList .replyBox .replyWrap .eval.eval1 {
	background: #ba7cf3;
}

/* line 3943, scss/common.scss */
.newReplyList .replyBox .replyWrap .eval.eval2 {
	background: #7972f7;
}

/* line 3944, scss/common.scss */
.newReplyList .replyBox .replyWrap .eval.eval3 {
	background: #41c9b7;
}

/* line 3945, scss/common.scss */
.newReplyList .replyBox .replyWrap .eval.eval4 {
	background: #42a4f7;
}

/* line 3946, scss/common.scss */
.newReplyList .replyBox .replyWrap .eval.eval5 {
	background: #376fee;
}

/* line 3947, scss/common.scss */
.newReplyList .replyBox .replyWrap .eval.blue {
	background: #376fee;
}

/* line 3948, scss/common.scss */
.newReplyList .replyBox .replyWrap .eval.grey {
	background: #bcbfc5;
}

/* line 3950, scss/common.scss */
.newReplyList .replyBox .replyWrap .userName {
	display: inline-block;
	margin-left: 10px;
	color: #585858;
	font-size: 14px;
	font-family: '맑은 고딕';
	font-weight: bold;
}

/* line 3951, scss/common.scss */
.newReplyList .replyBox .replyWrap .date, .newReplyList .replyBox .replyWrap .time {
	display: inline-block;
	color: #999999;
	font-size: 14px;
	font-family: '맑은 고딕';
}

/* line 3952, scss/common.scss */
.newReplyList .replyBox .replyWrap .time {
	margin-left: 10px;
}

/* line 3953, scss/common.scss */
.newReplyList .replyBox .replyWrap .strong {
	width: 860px;
	margin-bottom: 2px;
	font-size: 18px;
	font-family: "Noto Sans";
	white-space: normal;
	line-height: 1.5;
	max-height: 3em;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* line 3955, scss/common.scss */
.newReplyList .replyBox .replyWrap .strong.down {
	display: block;
	overflow: visible;
	max-height: inherit;
}

/* line 3957, scss/common.scss */
.newReplyList .replyBox .replyWrap p.desc {
	display: none;
	margin-top: 10px;
	font-size: 15px;
	font-family: "Noto Sans";
}

/* line 3959, scss/common.scss */
.newReplyList .replyBox .replyWrap .replyFileList {
	display: none;
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #e5e5e5;
}

/* line 3960, scss/common.scss */
.newReplyList .replyBox .replyWrap .replyFileList a {
	position: relative;
	display: block;
	height: 24px;
	line-height: 24px;
	margin: 6px 0;
	padding-left: 30px;
	color: #2853d5;
	font-family: '맑은 고딕';
}

/* line 3961, scss/common.scss */
.newReplyList .replyBox .replyWrap .replyFileList a:hover {
	text-decoration: underline;
}

/* line 3962, scss/common.scss */
.newReplyList .replyBox .replyWrap .replyFileList a:before {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: '';
	width: 24px;
	height: 24px;
}

/* line 3963, scss/common.scss */
.newReplyList .replyBox .replyWrap .replyFileList a.hwp:before {
	background: url("../../images/board/ico-file-hwp.png") no-repeat;
}

/* line 3964, scss/common.scss */
.newReplyList .replyBox .replyWrap .replyFileList a.pdf:before {
	background: url("../../images/board/ico-file-pdf.png") no-repeat;
}

/* line 3965, scss/common.scss */
.newReplyList .replyBox .replyWrap .replyFileList a.jpg:before {
	background: url("../../images/board/ico-file-jpg.png") no-repeat;
}

/* line 3966, scss/common.scss */
.newReplyList .replyBox .replyWrap .replyFileList a.png:before {
	background: url("../../images/board/ico-file-png.png") no-repeat;
}

/* line 3967, scss/common.scss */
.newReplyList .replyBox .replyWrap .replyFileList a.bmp:before {
	background: url("../../images/board/ico-file-bmp.png") no-repeat;
}

/* line 3968, scss/common.scss */
.newReplyList .replyBox .replyWrap .replyFileList a.txt:before {
	background: url("../../images/board/ico-file-txt.png") no-repeat;
}

/* line 3969, scss/common.scss */
.newReplyList .replyBox .replyWrap .replyFileList a.doc:before {
	background: url("../../images/board/ico-file-doc.png") no-repeat;
}

/* line 3970, scss/common.scss */
.newReplyList .replyBox .replyWrap .replyFileList a.zip:before {
	background: url("../../images/board/ico-file-zip.png") no-repeat;
}

/* line 3971, scss/common.scss */
.newReplyList .replyBox .replyWrap .replyFileList a.ppt:before {
	background: url("../../images/board/ico-file-ppt.png") no-repeat;
}

/* line 3972, scss/common.scss */
.newReplyList .replyBox .replyWrap .replyFileList a.xlx:before {
	background: url("../../images/board/ico-file-xlx.png") no-repeat;
}

/* line 3975, scss/common.scss */
.newReplyList .replyBox .replyWrap button.btnFileSelect {
	display: none;
	width: 74px;
	height: 26px;
	margin-bottom: 10px;
	text-indent: 20px;
	color: #686868;
	border: 1px solid #cbccd2;
	font-size: 12px;
	background: url("../../images/btn/ico-download.png") no-repeat 5px center;
}

/* line 3976, scss/common.scss */
.newReplyList .replyBox .replyWrap button.btnFileSelect:hover {
	color: #2853d5;
	border: 1px solid #376fee;
	background: url("../../images/btn/ico-download-hover.png") no-repeat 5px center;
}

/* line 3978, scss/common.scss */
.newReplyList .replyBox .replyWrap .titReply {
	width: 100%;
	font-size: 15px;
	font-family: 'Noto Sans';
	overflow: hidden;
	color: #585858;
}

/* line 3980, scss/common.scss */
.newReplyList .replyBox .replyWrap .titReply.js-toggle {
	display: none;
}

/* line 3981, scss/common.scss */
.newReplyList .replyBox .replyWrap .titReply.active {
	height: auto;
	overflow: auto;
}

/* line 3983, scss/common.scss */
.newReplyList .replyBox .replyWrap .btnGroup {
	position: absolute;
	right: 20px;
	top: 17px;
}

/* line 3984, scss/common.scss */
.newReplyList .replyBox .replyWrap .btnGroup button {
	width: 37px;
	height: 37px;
}

/* line 3985, scss/common.scss */
.newReplyList .replyBox .replyWrap .btnGroup button.btnListUp {
	display: none;
	background: url("../../images/btn/btn-list-up-type3.png");
}

/* line 3986, scss/common.scss */
.newReplyList .replyBox .replyWrap .btnGroup button.btnListUp:hover {
	background: url("../../images/btn/btn-list-up-hover.png");
}

/* line 3988, scss/common.scss */
.newReplyList .replyBox .replyWrap .btnGroup button.btnListDown {
	background: url("../../images/btn/btn-list-down-type3.png");
}

/* line 3989, scss/common.scss */
.newReplyList .replyBox .replyWrap .btnGroup button.btnListDown:hover {
	background: url("../../images/btn/btn-list-down-hover.png");
}

/* line 3991, scss/common.scss */
.newReplyList .replyBox .replyWrap .btnGroup button.btnListEdit {
	width: 28px;
	height: 27px;
	background: url("../../images/btn/btn-list-edit.png");
}

/* line 3992, scss/common.scss */
.newReplyList .replyBox .replyWrap .btnGroup button.btnListEdit:hover {
	background: url("../../images/btn/btn-list-edit-hover.png");
}

/* line 3994, scss/common.scss */
.newReplyList .replyBox .replyWrap .btnGroup button.btnListRemove {
	width: 28px;
	height: 27px;
	background: url("../../images/btn/btn-list-remove.png");
}

/* line 3995, scss/common.scss */
.newReplyList .replyBox .replyWrap .btnGroup button.btnListRemove:hover {
	background: url("../../images/btn/btn-list-remove-hover.png");
}

/* line 3998, scss/common.scss */
.newReplyList .replyBox .replyWrap .btnGroup.type2 {
	right: 20px;
	bottom: 10px;
	top: auto;
}

/* line 3999, scss/common.scss */
.newReplyList .replyBox .replyWrap .btnGroup.type2 button {
	width: 37px;
	height: 37px;
}

/* line 4000, scss/common.scss */
.newReplyList .replyBox .replyWrap .btnGroup.type2 button.btnListEdit {
	width: 28px;
	height: 27px;
	background: url("../../images/btn/btn-list-edit.png");
}

/* line 4001, scss/common.scss */
.newReplyList .replyBox .replyWrap .btnGroup.type2 button.btnListEdit:hover {
	background: url("../../images/btn/btn-list-edit-hover.png");
}

/* line 4002, scss/common.scss */
.newReplyList .replyBox .replyWrap .btnGroup.type2 button.btnListEdit.type2 {
	background: url("../../images/btn/btn-list-edit2.png");
}

/* line 4004, scss/common.scss */
.newReplyList .replyBox .replyWrap .btnGroup.type2 button.btnListEdit.type2:hover {
	background: url("../../images/btn/btn-list-edit2-hover.png");
}

/* line 4007, scss/common.scss */
.newReplyList .replyBox .replyWrap .btnGroup.type2 button.btnListRemove {
	width: 28px;
	height: 27px;
	background: url("../../images/btn/btn-list-remove.png");
}

/* line 4008, scss/common.scss */
.newReplyList .replyBox .replyWrap .btnGroup.type2 button.btnListRemove.type2 {
	background: url("../../images/btn/btn-list-remove2.png");
}

/* line 4010, scss/common.scss */
.newReplyList .replyBox .replyWrap .btnGroup.type2 button.btnListRemove.type2:hover {
	background: url("../../images/btn/btn-list-remove2-hover.png");
}

/* line 4012, scss/common.scss */
.newReplyList .replyBox .replyWrap .btnGroup.type2 button.btnListRemove:hover {
	background: url("../../images/btn/btn-list-remove-hover.png");
}

/* line 4019, scss/common.scss */
.newReplyList .replyBox .ansArea {
	position: relative;
	display: none;
	padding: 20px 25px 55px;
	background: #f6f6f7;
}

/* line 4020, scss/common.scss */
.newReplyList .replyBox .ansArea p {
	display: none;
	width: 920px;
	color: #686868;
	font-family: '맑은 고딕';
	vertical-align: top;
	word-break: break-all;
}

/* line 4021, scss/common.scss */
.newReplyList .replyBox .ansArea p.show {
	display: inline-block;
}

/* line 4023, scss/common.scss */
.newReplyList .replyBox .ansArea input[type="text"] {
	display: none;
	width: calc(100% - 144px);
}

/* line 4024, scss/common.scss */
.newReplyList .replyBox .ansArea input[type="text"].show {
	display: inline-block;
}

/* line 4026, scss/common.scss */
.newReplyList .replyBox .ansArea .greyType2 {
	display: none;
	height: 35px;
	padding: 0 28px;
}

/* line 4027, scss/common.scss */
.newReplyList .replyBox .ansArea .greyType2.show {
	display: inline-block;
}

/* line 4029, scss/common.scss */
.newReplyList .replyBox .ansArea .reply {
	position: relative;
	margin-left: 20px;
}

/* line 4030, scss/common.scss */
.newReplyList .replyBox .ansArea .reply:before {
	position: absolute;
	left: -15px;
	top: 0;
	display: block;
	content: '';
	width: 11px;
	height: 11px;
	border-left: 1px solid #acacac;
	border-bottom: 1px solid #acacac;
}

/* line 4032, scss/common.scss */
.newReplyList .replyBox .ansArea .btnGroup {
	display: none;
	position: absolute;
	right: 20px;
	bottom: 15px;
}

/* line 4033, scss/common.scss */
.newReplyList .replyBox .ansArea .btnGroup.show {
	display: block;
}

/* line 4035, scss/common.scss */
.newReplyList .replyBox .ansArea .btnGroup button.btnAnsEdit {
	width: 28px;
	height: 27px;
	background: url("../../images/btn/btn-list-edit.png");
}

/* line 4036, scss/common.scss */
.newReplyList .replyBox .ansArea .btnGroup button.btnAnsEdit:hover {
	background: url("../../images/btn/btn-list-edit-hover.png");
}

/* line 4037, scss/common.scss */
.newReplyList .replyBox .ansArea .btnGroup button.btnAnsEdit.type2 {
	background: url("../../images/btn/btn-list-edit2.png");
}

/* line 4039, scss/common.scss */
.newReplyList .replyBox .ansArea .btnGroup button.btnAnsEdit.type2:hover {
	background: url("../../images/btn/btn-list-edit2-hover.png");
}

/* line 4042, scss/common.scss */
.newReplyList .replyBox .ansArea .btnGroup button.btnAnsRemove {
	width: 28px;
	height: 27px;
	background: url("../../images/btn/btn-list-remove.png");
}

/* line 4043, scss/common.scss */
.newReplyList .replyBox .ansArea .btnGroup button.btnAnsRemove.type2 {
	background: url("../../images/btn/btn-list-remove2.png");
}

/* line 4045, scss/common.scss */
.newReplyList .replyBox .ansArea .btnGroup button.btnAnsRemove.type2:hover {
	background: url("../../images/btn/btn-list-remove2-hover.png");
}

/* line 4047, scss/common.scss */
.newReplyList .replyBox .ansArea .btnGroup button.btnAnsRemove:hover {
	background: url("../../images/btn/btn-list-remove-hover.png");
}

/* line 4053, scss/common.scss */
.newReplyList .starPoint {
	font-size: 18px;
	font-family: 'Noto Sans Medium';
	margin-left: 6px;
}

/* line 4055, scss/common.scss */
.newReplyList.pop .replyBox {
	margin: 0;
	border-left: 0;
	border-right: 0;
	border-top: 0;
}

/* line 4058, scss/common.scss */
.newReplyList.report .replyBox {
	cursor: pointer;
}

/* line 4061, scss/common.scss */
.newReplyList.report .replyBox.active .replyWrap .row {
	display: block;
}

/* line 4064, scss/common.scss */
.newReplyList.report .replyBox .replyWrap {
	padding: 0;
}

/* line 4065, scss/common.scss */
.newReplyList.report .replyBox .replyWrap .row {
	display: none;
	margin-bottom: 0;
}

/* line 4066, scss/common.scss */
.newReplyList.report .replyBox .replyWrap .row:first-child {
	display: block;
	padding: 28px 18px;
}

/* line 4067, scss/common.scss */
.newReplyList.report .replyBox .replyWrap .row:nth-child(2) {
	padding: 0 20px;
	background: #f6f6f7;
	border-top: 1px solid #e5e7ec;
}

/* line 4068, scss/common.scss */
.newReplyList.report .replyBox .replyWrap .row:nth-child(2) p {
	padding: 28px 0;
	border-bottom: 1px solid #e5e7ec;
}

/* line 4070, scss/common.scss */
.newReplyList.report .replyBox .replyWrap .row:nth-child(3) {
	padding: 28px 20px;
	background: #f6f6f7;
}

/* line 4072, scss/common.scss */
.newReplyList.report .replyBox .replyWrap .titReply {
	width: 780px;
}

/* line 4073, scss/common.scss */
.newReplyList.report .replyBox .replyWrap .userName {
	width: 71px;
	font-size: 13px;
	font-weight: normal;
}

/* line 4074, scss/common.scss */
.newReplyList.report .replyBox .replyWrap .date, .newReplyList.report .replyBox .replyWrap .time {
	font-size: 13px;
}

/* line 4075, scss/common.scss */
.newReplyList.report .replyBox .replyWrap .reply {
	color: #686868;
	font-size: 13px;
	font-family: '맑은 고딕';
	font-weight: normal;
}

/* line 4076, scss/common.scss */
.newReplyList.report .replyBox .replyWrap .reply.re-reply {
	float: left;
	width: 930px;
	margin-left: 10px;
	line-height: 1.7;
}

/* line 4078, scss/common.scss */
.newReplyList.report .replyBox .replyWrap .hasReply {
	padding: 2px 7px;
	margin-left: 10px;
	color: #ffffff;
	font-size: 11px;
	background: #376fee;
	border-radius: 50px;
	font-family: '맑은 고딕';
}

/* line 4079, scss/common.scss */
.newReplyList.report .replyBox .replyWrap .answer {
	position: relative;
	float: left;
	padding: 2px 7px;
	margin-left: 15px;
	color: #ffffff;
	font-size: 11px;
	background: #376fee;
	border-radius: 50px;
	font-family: '맑은 고딕';
}

/* line 4080, scss/common.scss */
.newReplyList.report .replyBox .replyWrap .answer:before {
	position: absolute;
	left: -15px;
	top: 0;
	content: '';
	display: block;
	width: 11px;
	height: 11px;
	background: url("../../images/ico/ico-re-reply-before.png");
}

/* line 4086, scss/common.scss */
.newReplyList .empty {
	padding-bottom: 15px;
	text-align: center;
	font-family: "맑은 고딕";
	font-size: 14px;
	border-bottom: 1px solid #dbdbdb;
}

/* line 4089, scss/common.scss */
.table table tr td.ellipsis {
	position: relative;
}

/* line 4090, scss/common.scss */
.table table tr td.ellipsis .TBtooltip {
	position: absolute;
	left: 50%;
	top: -30px;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #376fee;
}

/* line 4095, scss/common.scss */
.popup.noticePop {
	width: 572px;
	background: #2a63e3;
}

/* line 4096, scss/common.scss */
.popup.noticePop.type1 {
	background: #e5464e;
}

/* line 4097, scss/common.scss */
.popup.noticePop.type1:after {
	background: #e5464e url("../../images/popup/ico-notice-type1.png") no-repeat center;
}

/* line 4098, scss/common.scss */
.popup.noticePop.type1 .popupMain {
	position: relative;
	height: auto;
	background: #11224f;
}

/* line 4099, scss/common.scss */
.popup.noticePop.type1 .popupMain:before {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	content: '';
	width: 100%;
	height: 200px;
	background: url("../../images/popup/img-noticepop-type1.png") no-repeat center bottom;
}

/* line 4101, scss/common.scss */
.popup.noticePop.type1 .popupMain .txtArea {
	padding: 70px 58px 160px;
}

/* line 4102, scss/common.scss */
.popup.noticePop.type1 .popupMain .txtArea strong {
	color: #c4d1df;
	font-size: 20px;
	margin-bottom: 10px;
}

/* line 4103, scss/common.scss */
.popup.noticePop.type1 .popupMain .txtArea i {
	display: none;
}

/* line 4104, scss/common.scss */
.popup.noticePop.type1 .popupMain .txtArea .innerTxtBox {
	height: 320px;
	background: #e9eaec;
}

/* line 4105, scss/common.scss */
.popup.noticePop.type1 .popupMain .txtArea .innerTxtBox p {
	padding: 70px 0 0;
	text-align: center;
	font-size: 16px;
	font-family: "맑은 고딕";
}

/* line 4106, scss/common.scss */
.popup.noticePop.type1 .popupMain .txtArea .innerTxtBox p strong {
	font-size: 24px;
	font-weight: normal;
}

/* line 4108, scss/common.scss */
.popup.noticePop.type1 .popupMain .txtArea .innerTxtBox .btnArea {
	position: relative;
	z-index: 10;
	margin-top: 40px;
}

/* line 4109, scss/common.scss */
.popup.noticePop.type1 .popupMain .txtArea .innerTxtBox .btnArea .btnDetailInfo {
	color: #fff;
	background: #e5464e;
}

/* line 4110, scss/common.scss */
.popup.noticePop.type1 .popupMain .txtArea .innerTxtBox .btnArea .btnDetailInfo:hover {
	background: #c63e45;
}

/* line 4116, scss/common.scss */
.popup.noticePop.type1 .closeArea .checkbox label {
	color: #fff;
}

/* line 4117, scss/common.scss */
.popup.noticePop.type1 .closeArea .checkbox input[type="checkbox"]:checked + label {
	color: #333;
}

/* line 4119, scss/common.scss */
.popup.noticePop.type2 {
	background: #2a63e3;
}

/* line 4120, scss/common.scss */
.popup.noticePop.type2:after {
	background: #2a63e3 url("../../images/popup/ico-notice-type2.png") no-repeat center;
}

/* line 4121, scss/common.scss */
.popup.noticePop.type2 .popupMain {
	position: relative;
	height: auto;
	background: #11224f;
}

/* line 4122, scss/common.scss */
.popup.noticePop.type2 .popupMain:before {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	content: '';
	width: 100%;
	height: 238px;
	background: url("../../images/popup/img-noticepop-type2.png") no-repeat center bottom;
}

/* line 4124, scss/common.scss */
.popup.noticePop.type2 .popupMain .txtArea {
	padding: 70px 58px 160px;
}

/* line 4125, scss/common.scss */
.popup.noticePop.type2 .popupMain .txtArea strong {
	color: #c4d1df;
	font-size: 20px;
	margin-bottom: 10px;
}

/* line 4126, scss/common.scss */
.popup.noticePop.type2 .popupMain .txtArea i {
	display: none;
}

/* line 4127, scss/common.scss */
.popup.noticePop.type2 .popupMain .txtArea .innerTxtBox {
	height: 320px;
	background: #e9eaec;
}

/* line 4128, scss/common.scss */
.popup.noticePop.type2 .popupMain .txtArea .innerTxtBox p {
	padding: 70px 0 0;
	text-align: center;
	font-size: 16px;
	font-family: "맑은 고딕";
}

/* line 4129, scss/common.scss */
.popup.noticePop.type2 .popupMain .txtArea .innerTxtBox p strong {
	font-size: 24px;
	font-weight: normal;
}

/* line 4131, scss/common.scss */
.popup.noticePop.type2 .popupMain .txtArea .innerTxtBox .btnArea {
	position: relative;
	z-index: 10;
	margin-top: 40px;
}

/* line 4132, scss/common.scss */
.popup.noticePop.type2 .popupMain .txtArea .innerTxtBox .btnArea .btnDetailInfo {
	color: #fff;
	background: #3d6ce2;
}

/* line 4133, scss/common.scss */
.popup.noticePop.type2 .popupMain .txtArea .innerTxtBox .btnArea .btnDetailInfo:hover {
	background: #2359d0;
}

/* line 4139, scss/common.scss */
.popup.noticePop.type2 .closeArea .checkbox label {
	color: #fff;
}

/* line 4140, scss/common.scss */
.popup.noticePop.type2 .closeArea .checkbox input[type="checkbox"]:checked + label {
	color: #333;
}

/* line 4142, scss/common.scss */
.popup.noticePop.type3 {
	background: #2a63e3;
}

/* line 4143, scss/common.scss */
.popup.noticePop.type3:after {
	background: #8623ee url("../../images/popup/ico-notice-type3.png") no-repeat center;
}

/* line 4144, scss/common.scss */
.popup.noticePop.type3 .popupMain {
	position: relative;
	height: auto;
	background: #11224f;
}

/* line 4145, scss/common.scss */
.popup.noticePop.type3 .popupMain:before {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	content: '';
	width: 100%;
	height: 238px;
	background: url("../../images/popup/img-noticepop-type3.png") no-repeat center bottom;
}

/* line 4147, scss/common.scss */
.popup.noticePop.type3 .popupMain .txtArea {
	padding: 70px 58px 160px;
}

/* line 4148, scss/common.scss */
.popup.noticePop.type3 .popupMain .txtArea strong {
	color: #c4d1df;
	font-size: 20px;
	margin-bottom: 10px;
}

/* line 4149, scss/common.scss */
.popup.noticePop.type3 .popupMain .txtArea i {
	display: none;
}

/* line 4150, scss/common.scss */
.popup.noticePop.type3 .popupMain .txtArea .innerTxtBox {
	height: 320px;
	background: #e9eaec;
}

/* line 4151, scss/common.scss */
.popup.noticePop.type3 .popupMain .txtArea .innerTxtBox p {
	padding: 70px 0 0;
	text-align: center;
	font-size: 16px;
	font-family: "맑은 고딕";
}

/* line 4152, scss/common.scss */
.popup.noticePop.type3 .popupMain .txtArea .innerTxtBox p strong {
	font-size: 24px;
	font-weight: normal;
}

/* line 4154, scss/common.scss */
.popup.noticePop.type3 .popupMain .txtArea .innerTxtBox .btnArea {
	position: relative;
	z-index: 10;
	margin-top: 40px;
}

/* line 4155, scss/common.scss */
.popup.noticePop.type3 .popupMain .txtArea .innerTxtBox .btnArea .btnDetailInfo {
	color: #fff;
	background: #3d6ce2;
}

/* line 4156, scss/common.scss */
.popup.noticePop.type3 .popupMain .txtArea .innerTxtBox .btnArea .btnDetailInfo:hover {
	background: #2359d0;
}

/* line 4162, scss/common.scss */
.popup.noticePop.type3 .closeArea .checkbox label {
	color: #fff;
}

/* line 4163, scss/common.scss */
.popup.noticePop.type3 .closeArea .checkbox input[type="checkbox"]:checked + label {
	color: #333;
}

/* line 4165, scss/common.scss */
.popup.noticePop:after {
	position: absolute;
	left: 10px;
	top: -23px;
	display: block;
	content: '';
	width: 60px;
	height: 60px;
	border-radius: 50px;
	background: #2a63e3 url("../../images/main/ico-notice.png") no-repeat center;
}

/* line 4167, scss/common.scss */
.popup.noticePop .popupMain {
	height: 662px;
	margin: 4px;
	background: url("../../images/main/bg-notice.png") no-repeat center;
	background-size: cover;
}

/* line 4168, scss/common.scss */
.popup.noticePop .popupMain .txtArea {
	padding: 60px 40px;
}

/* line 4169, scss/common.scss */
.popup.noticePop .popupMain .txtArea strong {
	color: #fff;
	font-size: 21px;
	font-family: 'Noto Sans Medium';
	font-weight: normal;
}

/* line 4170, scss/common.scss */
.popup.noticePop .popupMain .txtArea i {
	margin-top: 10px;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	font-family: '맑은 고딕';
	font-style: normal;
}

/* line 4172, scss/common.scss */
.popup.noticePop .popupMain .txtArea p {
	font-family: '맑은 고딕';
	font-size: 15px;
	color: #fff;
	padding: 10px 0;
}

/* line 4173, scss/common.scss */
.popup.noticePop .popupMain .txtArea img {
	margin: 0 auto;
	padding: 10px 0;
}

/* line 4174, scss/common.scss */
.popup.noticePop .popupMain .txtArea .txtWarning {
	display: inline-block;
	padding: 3px 10px;
	background: #fbdc04;
	color: #000;
	border-radius: 50px;
	font-size: 15px;
	font-family: 'Noto Sans Medium';
}

/* line 4175, scss/common.scss */
.popup.noticePop .popupMain .txtArea .indent {
	display: inline-block;
	text-indent: 60px;
	font-size: 13px;
}

/* line 4177, scss/common.scss */
.popup.noticePop .popupMain .txtArea .innerTxtBox {
	max-height: 450px;
	margin-top: 10px;
	background: #fff;
	border-radius: 8px;
}

/* line 4178, scss/common.scss */
.popup.noticePop .popupMain .txtArea .innerTxtBox strong {
	font-size: 17px;
	font-weight: bold;
	font-family: "맑은 고딕";
	color: #111;
}

/* line 4179, scss/common.scss */
.popup.noticePop .popupMain .txtArea .innerTxtBox p {
	padding: 23px;
	color: #333;
	font-size: 15px;
}

/* line 4180, scss/common.scss */
.popup.noticePop .popupMain .txtArea .innerTxtBox p .indent {
	text-indent: 20px;
}

/* line 4183, scss/common.scss */
.popup.noticePop .popupMain .txtArea .btnArea {
	margin-top: 50px;
}

/* line 4184, scss/common.scss */
.popup.noticePop .popupMain .txtArea .btnDetailInfo {
	width: auto;
	height: 46px;
	padding: 0 35px;
	color: #fff;
	background: #2a63e3;
	font-size: 18px;
	font-family: 'Noto Sans Medium';
	font-weight: normal;
	border-radius: 4px;
}

/* line 4185, scss/common.scss */
.popup.noticePop .popupMain .txtArea .btnDetailInfo:hover {
	background: #1a4ab7;
}

/* line 4188, scss/common.scss */
.popup.noticePop .popupMain .innerPd {
	padding: 23px;
}

/* line 4189, scss/common.scss */
.popup.noticePop .popupMain .innerPd h5 {
	font-family: 'Noto Sans Medium';
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 5px;
}

/* line 4190, scss/common.scss */
.popup.noticePop .popupMain .innerPd h5:before {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 5px;
	border-radius: 50px;
	background: #376fee;
	content: '';
	vertical-align: middle;
}

/* line 4192, scss/common.scss */
.popup.noticePop .popupMain .innerPd .table table th, .popup.noticePop .popupMain .innerPd .table table td {
	font-size: 13px;
	height: auto;
}

/* line 4193, scss/common.scss */
.popup.noticePop .popupMain .innerPd .blue {
	color: #376fee;
	font-size: 12px;
	font-family: "맑은 고딕";
}

/* line 4196, scss/common.scss */
.popup.noticePop .popupFooter {
	padding: 10px;
}

/* line 4197, scss/common.scss */
.popup.noticePop .paging {
	float: left;
	width: auto;
	position: relative;
}

/* line 4198, scss/common.scss */
.popup.noticePop .paging p {
	display: inline-block;
	padding: 0 30px;
	vertical-align: middle;
	color: #9bb8f9;
	margin: 0 10px 11px;
}

/* line 4199, scss/common.scss */
.popup.noticePop .paging p .thisNum {
	color: #ffde00;
	font-size: 16px;
	font-family: 'Noto Sans Medium';
}

/* line 4200, scss/common.scss */
.popup.noticePop .paging p .totalNum {
	color: #fff;
	font-size: 16px;
	font-family: 'Noto Sans Medium';
}

/* line 4202, scss/common.scss */
.popup.noticePop .paging .btnNoticePrev, .popup.noticePop .paging .btnNoticeNext {
	position: absolute;
	display: inline-block;
	width: 26px;
	height: 26px;
	vertical-align: top;
	margin: 0;
}

/* line 4203, scss/common.scss */
.popup.noticePop .paging .btnNoticePrev {
	left: 0;
	background: url("../../images/main/btn-notice-prev.png");
}

/* line 4204, scss/common.scss */
.popup.noticePop .paging .btnNoticePrev:hover {
	background: url("../../images/main/btn-notice-prev-hover.png");
}

/* line 4206, scss/common.scss */
.popup.noticePop .paging .btnNoticeNext {
	right: 0;
	background: url("../../images/main/btn-notice-next.png");
}

/* line 4207, scss/common.scss */
.popup.noticePop .paging .btnNoticeNext:hover {
	background: url("../../images/main/btn-notice-next-hover.png");
}

/* line 4210, scss/common.scss */
.popup.noticePop .closeArea {
	float: right;
}

/* line 4211, scss/common.scss */
.popup.noticePop .closeArea .btnNoticeClose {
	margin-left: 11px;
	border-radius: 50px;
	padding: 0 30px 0 15px;
	height: 28px;
	font-size: 13px;
	font-family: '맑은 고딕';
	font-weight: normal;
	color: #d3d3d3;
	background: #000 url("../../images/main/btn-notice-close.png") no-repeat right 10px center;
}

/* line 4213, scss/common.scss */
.popup.noticePop .closeArea .checkbox {
	display: inline-block;
}

/* line 4214, scss/common.scss */
.popup.noticePop .closeArea .checkbox label {
	width: auto;
	padding-left: 30px;
	padding-top: 2px;
	background: url("../../images/popup/bg-chk-notice.png") no-repeat left center;
	color: #a0c7ed;
	font-size: 13px;
	font-family: '맑은 고딕';
	font-weight: bold;
}

/* line 4215, scss/common.scss */
.popup.noticePop .closeArea .checkbox input[type="checkbox"]:checked + label {
	background: url("../../images/popup/bg-chk-notice-active.png") no-repeat left center;
}

/*사이트맵*/
/* line 4134, scss/common.scss */
.siteMap {
	position: absolute;
	left: 0;
	top: -1500px;
	z-index: 1001;
	width: 100%;
	height: 100%;
	padding-top: 130px;
	background: #3c3f48;
	transition: 0.3s;
}

/* line 4135, scss/common.scss */
.siteMap.active {
	top: 0;
}

/* line 4136, scss/common.scss */
.siteMap .inner {
	position: relative;
	top: -85px;
}

/* line 4137, scss/common.scss */
.siteMap h1 {
	position: absolute;
	top: 16px;
	left: 50px;
	z-index: 20;
}

/* line 4138, scss/common.scss */
.siteMap .btnSiteMapClose {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 48px;
	height: 48px;
	background: url("../../images/common/btn-sitemap-close.png") no-repeat center center;
}

/* line 4139, scss/common.scss */
.siteMap .btnSiteMapClose:hover {
	background: url("../../images/common/btn-sitemap-close-hover.png") no-repeat center center;
}

/* line 4141, scss/common.scss */
.siteMap:before {
	position: absolute;
	left: 0;
	top: 115px;
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	border-top: 1px solid #2f2f30;
}

/* .siteMap .siteMapList { */
/* 	padding: 40px 0 0 300px; */
/* } */

/* line 4143, scss/common.scss */
.siteMap .siteMapList > li {
	float: left;
	width: 18.666%;
	font-size: 24px;
	color: #fff;
	font-family: 'Noto Sans Medium';
	text-indent: 47px;
}

/* line 4144, scss/common.scss */
.siteMap .siteMapList > li:hover > ul {
	background: #303239;
}

/* line 4145, scss/common.scss */
.siteMap .siteMapList > li > ul {
	height: 100%;
	margin-top: 34px;
	padding: 36px 0;
}

/* line 4146, scss/common.scss */
.siteMap .siteMapList > li > ul > li {
	font-size: 18px;
	opacity: 60%;
	font-family: "Noto Sans";
	margin-bottom: 30px;
}

/* line 4147, scss/common.scss */
.siteMap .siteMapList > li > ul > li:hover {
	opacity: 100%;
}

/* line 4148, scss/common.scss */
.siteMap .siteMapList > li > ul > li > ul {
	margin-top: 10px;
}

/* line 4149, scss/common.scss */
.siteMap .siteMapList > li > ul > li > ul > li {
	margin-bottom: 11px;
	font-size: 14px;
	opacity: 40%;
}

/* line 4150, scss/common.scss */
.siteMap .siteMapList > li > ul > li > ul > li:last-child {
	margin-bottom: 0;
}

/* line 4151, scss/common.scss */
.siteMap .siteMapList > li > ul > li > ul > li:before {
	content: '-';
	margin-right: 2px;
}

/* line 4152, scss/common.scss */
.siteMap .siteMapList > li > ul > li > ul > li:hover {
	opacity: 100%;
}

/* line 4374, scss/common.scss */
.popupArea .popup.active {
	display: flex;
	top: 0;
	left: 0;
}

/* line 4375, scss/common.scss */
.popupArea .popup {
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 99;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

/* line 4379, scss/common.scss */
.popupArea .popup .inner {
	width: 960px;
	background: #fff;
}

/* line 4380, scss/common.scss */
.popupArea .popup .inner .popHead {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 3px solid #ddd;
	/*width: calc(100% - 80px);*/
	padding: 24px 0 21px 0;
	margin: 0 30px 0 26px;
}

/* line 4382, scss/common.scss */
.popupArea .popup .inner .popHead .title.type02 {
	font-family: 'Noto Sans';
	font-weight: bold;
	font-size: 24px;
	color: #666;
}

/* line 4383, scss/common.scss */
.popupArea .popup .inner .popHead .btnArea {
	margin-top: 1px;
}

/* line 4384, scss/common.scss */
.popupArea .popup .inner .popHead .btnArea .btn {
	width: 30px;
	height: 30px;
	background: url(../../images/ico/ico-close.svg) no-repeat center center;
	padding: 0;
}

/* line 4388, scss/common.scss */
.popupArea .popup .inner .popBody .cont {
	margin: 26px 30px 30px;
}

/* line 4389, scss/common.scss */
.popupArea .popup .inner .popBody .cont > div {
	width: 900px;
	height: 504px;
	background: #404040;
}

/* line 4390, scss/common.scss */
.popupArea .popup .inner .popBody .cont img {
	margin-left: 0;
}

/* line 4392, scss/common.scss */
.popupArea .popup .inner .popBody .btnArea {
	background: #2476f0;
}

/* line 4393, scss/common.scss */
.popupArea .popup .inner .popBody .btnArea > button {
	width: 100%;
	height: 50px;
	text-align: center;
	padding: 0;
}

/* line 4394, scss/common.scss */
.popupArea .popup .inner .popBody .btnArea .hidden {
	display: block;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

/* line 4399, scss/common.scss */
.popupArea .popup .inner2 {
	width: 960px;
	background: url(../../images/main/popup_bg.png) no-repeat center;
}

/* line 4400, scss/common.scss */
.popupArea .popup .inner2 .popHead {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 3px solid #ddd;
	/*width: calc(100% - 80px);*/
	padding: 24px 0 21px 0;
	margin: 0 30px 0 26px;
}

/* line 4402, scss/common.scss */
.popupArea .popup .inner2 .popHead .title.type02 {
	font-family: 'Noto Sans';
	font-weight: bold;
	font-size: 24px;
	color: #666;
}

/* line 4403, scss/common.scss */
.popupArea .popup .inner2 .popHead .btnArea {
	margin-top: 1px;
}

/* line 4404, scss/common.scss */
.popupArea .popup .inner2 .popHead .btnArea .btn {
	width: 30px;
	height: 30px;
	background: url(../../images/ico/ico-close.svg) no-repeat center center;
	padding: 0;
}

/* line 4408, scss/common.scss */
.popupArea .popup .inner2 .popBody .cont {
	margin: 26px 30px 30px;
}

/* line 4409, scss/common.scss */
.popupArea .popup .inner2 .popBody .cont > div {
	width: 900px;
	height: 504px;
	background: #404040;
}

/* line 4411, scss/common.scss */
.popupArea .popup .inner2 .popBody .cont > div .pop-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	width: 120px;
	height: 120px;
	background: url(../../images/main/icon_video_playL.svg) no-repeat center;
}

/* line 4416, scss/common.scss */
.popupArea .popup .inner2 .popBody .cont img {
	margin-left: 0;
}

/* line 4418, scss/common.scss */
.popupArea .popup .inner2 .popBody .btnArea {
	background: #2476f0;
}

/* line 4419, scss/common.scss */
.popupArea .popup .inner2 .popBody .btnArea > button {
	width: 100%;
	height: 50px;
	text-align: center;
	padding: 0;
}

/* line 4420, scss/common.scss */
.popupArea .popup .inner2 .popBody .btnArea .hidden {
	display: block;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

/* line 4430, scss/common.scss */
#lean_overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;
	top: 0px;
	left: 0px;
	background: #000;
	display: none;
}

/* line 4431, scss/common.scss */
.popupArea .popup_main.active {
	display: flex;
	top: 0;
	left: 0;
}

/* line 4432, scss/common.scss */
.popupArea .popup_main {
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 99;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

/* line 4435, scss/common.scss */
.popupArea .popup_main .inner {
	width: 960px;
	background: url(../../images/main/popup_bg.png) no-repeat center;
}

/* line 4436, scss/common.scss */
.popupArea .popup_main .inner .popHead {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 3px solid #ddd;
	/*width: calc(100% - 80px);*/
	padding: 24px 0 21px 0;
	margin: 0 30px 0 26px;
}

/* line 4438, scss/common.scss */
.popupArea .popup_main .inner .popHead .title.type02 {
	font-family: 'Noto Sans';
	font-weight: bold;
	font-size: 24px;
	color: #666;
}

/* line 4439, scss/common.scss */
.popupArea .popup_main .inner .popHead .btnArea {
	right: 0;
	margin: 0;
}

/* line 4440, scss/common.scss */
.popupArea .popup_main .inner .popHead .btnArea .btn {
	width: 30px;
	height: 30px;
	background: url(../../images/ico/ico-close.svg) no-repeat center;
	padding: 0;
}

/* line 4444, scss/common.scss */
.popupArea .popup_main .inner .popBody .cont {
	margin: 26px 30px 30px;
}

/* line 4445, scss/common.scss */
.popupArea .popup_main .inner .popBody .cont > div {
	width: 900px;
	height: 504px;
	background: #404040;
	position: relative;
}

/* line 4446, scss/common.scss */
.popupArea .popup_main .inner .popBody .cont > div .pop-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	width: 120px;
	height: 120px;
	background: url(../../images/main/icon_video_playL.svg) no-repeat center;
}

/* line 4452, scss/common.scss */
.popupArea .popup_main .inner .popBody .cont img {
	margin-left: 0;
}

/* line 4454, scss/common.scss */
.popupArea .popup_main .inner .popBody .btnArea {
	background: #2476f0;
}

/* line 4455, scss/common.scss */
.popupArea .popup_main .inner .popBody .btnArea > button {
	width: 100%;
	height: 50px;
	text-align: center;
	padding: 0;
}

/* line 4456, scss/common.scss */
.popupArea .popup_main .inner .popBody .btnArea .hidden {
	display: block;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

/** modal window styles **/
/* line 4468, scss/common.scss */
#lean_overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;
	top: 0px;
	left: 0px;
	background: #000;
	display: none;
}

/* line 4470, scss/common.scss */
.popupwrap .popcon.active {
	display: flex;
	top: 0;
	left: 0;
}

/* line 4471, scss/common.scss */
.popupwrap .popcon {
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 99;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

/* line 4473, scss/common.scss */
.popupwrap .popcon .inner {
	width: 960px;
	background: #fff;
}

/* line 4474, scss/common.scss */
.popupwrap .popcon .inner .popHead {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 3px solid #ddd;
	width: calc(100% - 80px);
	margin: 0 auto;
}

/* line 4476, scss/common.scss */
.popupwrap .popcon .inner .popHead .title.type02 {
	font-family: 'Noto Sans';
	font-weight: bold;
	font-size: 24px;
	color: #666;
}

/* line 4477, scss/common.scss */
.popupwrap .popcon .inner .popHead .btnArea {
	margin-top: 1px;
}

/* line 4478, scss/common.scss */
.popupwrap .popcon .inner .popHead .btnArea .btn {
	width: 30px;
	height: 30px;
	background: url(../../images/ico/ico-close.svg) no-repeat center center;
	padding: 0;
}

/* line 4482, scss/common.scss */
.popupwrap .popcon .inner .popBody .cont {
	margin: 26px 30px 30px;
	position: relative;
}

/* line 4483, scss/common.scss */
.popupwrap .popcon .inner .popBody .cont > div {
	width: 900px;
	height: 504px;
}

/* line 4484, scss/common.scss */
.popupwrap .popcon .inner .popBody .cont > div button.video_play {
	position: absolute;
	text-align: center;
	align-items: center;
	background: url(../../images/main/icon_video_playL.svg) no-repeat center;
	width: 120px;
	height: 120px;
}

/* line 4488, scss/common.scss */
.popupwrap .popcon .inner .popBody .cont img {
	margin-left: 0;
}

/* line 4501, scss/common.scss */
.title.type04 {
	margin-bottom: 16px;
	font-family: 'Noto Sans';
	font-weight: bold;
	font-size: 22px;
	color: #222222;
}

/* line 4508, scss/common.scss */
.table.type02 table {
	text-align: center;
	border-top: 2px solid #253258;
	font-family: 'Noto Sans';
	font-size: 14px;
	color: #222;
}

/* line 4523, scss/common.scss */
.systemUses {
	padding: 10px 0px 30px 0px;
}

/* line 4525, scss/common.scss */
.systemUses .line .dep01 {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

/* line 4526, scss/common.scss */
.systemUses .line .dep01 > li {
	width: 192.6px;
}

/* line 4527, scss/common.scss */
.systemUses .line .dep01 > li h4 {
	position: relative;
	padding-left: 48px;
	padding-bottom: 6px;
	font-family: 'Noto Sans Medium';
	font-size: 18px;
	letter-spacing: -0.9px;
	text-align: left;
	color: #222;
}

/* line 4536, scss/common.scss */
.systemUses .line .dep01 > li h4:before {
	content: '';
	position: absolute;
	left: 6px;
	bottom: 7px;
	width: 36px;
	height: 36px;
	background-size: cover;
}

/* line 4541, scss/common.scss */
.systemUses .line .dep01 > li h4.map:before {
	background: url("../../images/ico/ico_map.svg") no-repeat center center;
}

/* line 4546, scss/common.scss */
.systemUses .line .dep01 > li h4.uses:before {
	background: url("../../images/ico/ico_3d.svg") no-repeat center center;
}

/* line 4551, scss/common.scss */
.systemUses .line .dep01 > li h4.util:before {
	background: url("../../images/ico/ico_util.svg") no-repeat center center;
}

/* line 4556, scss/common.scss */
.systemUses .line .dep01 > li h4.gallary:before {
	background: url("../../images/ico/ico_gallary.svg") no-repeat center center;
}

/* line 4561, scss/common.scss */
.systemUses .line .dep01 > li h4.all:before {
	background: url("../../images/ico/ico_all.svg") no-repeat center center;
}

/* line 4566, scss/common.scss */
.systemUses .line .dep01 > li h4.total:before {
	background: url("../../images/ico/ico_total.svg") no-repeat center center;
}

/* line 4571, scss/common.scss */
.systemUses .line .dep01 > li h4.link:before {
	background: url("../../images/ico/ico_link.svg") no-repeat center center;
}

/* line 4576, scss/common.scss */
.systemUses .line .dep01 > li h4.admin:before {
	background: url("../../images/ico/ico_admin.svg") no-repeat center center;
}

/* line 4581, scss/common.scss */
.systemUses .line .dep01 > li h4.manage:before {
	background: url("../../images/ico/ico_manage.svg") no-repeat center center;
}

/* line 4586, scss/common.scss */
.systemUses .line .dep01 > li h4.gear:before {
	background: url("../../images/ico/ico_gear.svg") no-repeat center center;
}

/* line 4591, scss/common.scss */
.systemUses .line .dep01 > li h4:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #d5dbe6;
	transition: 0.3s;
}

/* line 4602, scss/common.scss */
.systemUses .line .dep01 > li .dep02 {
	padding: 15px 0px 0px 20px;
	max-height: 180px;
	overflow: auto;
}

/* line 4605, scss/common.scss */
.systemUses .line .dep01 > li .dep02 li {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	flex-wrap: wrap;
	position: relative;
	transition: 0.3s;
	padding-left: 9px;
}

/* line 4607, scss/common.scss */
.systemUses .line .dep01 > li .dep02 li > a {
	width: 100%;
	font-family: 'Noto Sans';
	font-size: 16px;
	letter-spacing: -0.8px;
	color: #848485;
	line-height: 1.25;
	max-height: 2.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: 0.3s;
}

/* line 4622, scss/common.scss */
.systemUses .line .dep01 > li .dep02 li .icon {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 5px;
}

/* line 4625, scss/common.scss */
.systemUses .line .dep01 > li .dep02 li .icon a {
	width: 20px;
	height: 20px;
	background-size: cover;
	transition: 0.3s;
}

/* line 4626, scss/common.scss */
.systemUses .line .dep01 > li .dep02 li .icon a.play {
	background: url("../../images/ico/ico_playgray.svg") no-repeat;
}

/* line 4627, scss/common.scss */
.systemUses .line .dep01 > li .dep02 li .icon a.down {
	background: url("../../images/ico/ico_downloadgray.svg") no-repeat;
}

/* line 4628, scss/common.scss */
.systemUses .line .dep01 > li .dep02 li .icon a.manual {
	background: url("../../images/ico/ico_manualgray.svg") no-repeat;
}

/* line 4629, scss/common.scss */
.systemUses .line .dep01 > li .dep02 li .icon a.hwp {
	background: url("../../images/ico/ico_hwpgray.svg") no-repeat;
}

/* line 4630, scss/common.scss */
.systemUses .line .dep01 > li .dep02 li .icon a.ppt {
	background: url("../../images/ico/ico_pptgray.svg") no-repeat;
}

/* line 4633, scss/common.scss */
.systemUses .line .dep01 > li .dep02 li .icon a:hover.play {
	background: url("../../images/ico/ico_playBlue.svg") no-repeat;
}

/* line 4634, scss/common.scss */
.systemUses .line .dep01 > li .dep02 li .icon a:hover.down {
	background: url("../../images/ico/ico_downloadBlue.svg") no-repeat;
}

/* line 4635, scss/common.scss */
.systemUses .line .dep01 > li .dep02 li .icon a:hover.manual {
	background: url("../../images/ico/ico_manualBlue.svg") no-repeat;
}

/* line 4636, scss/common.scss */
.systemUses .line .dep01 > li .dep02 li .icon a:hover.hwp {
	background: url("../../images/ico/ico_hwpBlue.svg") no-repeat;
}

/* line 4637, scss/common.scss */
.systemUses .line .dep01 > li .dep02 li .icon a:hover.ppt {
	background: url("../../images/ico/ico_pptBlue.svg") no-repeat;
}

/* line 4639, scss/common.scss */
.systemUses .line .dep01 > li .dep02 li .icon a:not(:first-child) {
	margin-left: 4px;
}

/* line 4642, scss/common.scss */
.systemUses .line .dep01 > li .dep02 li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 7px;
	width: 3px;
	height: 3px;
	background: #848485;
	border-radius: 50%;
}

/* line 4647, scss/common.scss */
.systemUses .line .dep01 > li .dep02 li:not(:first-child) {
	margin-top: 10px;
}

/* line 4651, scss/common.scss */
.systemUses .line .dep01 > li .dep02 li:hover:before {
	background: #141414;
}

/* line 4654, scss/common.scss */
.systemUses .line .dep01 > li .dep02 li:hover a {
	color: #141414;
}

/* line 4661, scss/common.scss */
.systemUses .line .dep01 > li:hover h4:after {
	background: #376fee;
}

/* line 4668, scss/common.scss */
.systemUses .line.line02 {
	margin-top: 45px;
}

/* line 4673, scss/common.scss */
.txtep02 {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* line 4682, scss/common.scss */
.videoArea {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1240px;
	transform: translate(-50%, -50%);
}

/* line 4688, scss/common.scss */
.videoArea .video {
	width: 100%;
	min-height: 580px;
	border-radius: 4px;
	overflow: hidden;
}

/*@import "common02.css"*/




 #csnstMngUserModal .table table th, #csnstMngUserModal .table table td {
        height: 30px;
        padding: 5px 10px;
        font-family: '맑은 고딕';
    }

  #csnstMngUserModal .table table th {
        background: #f5f6f7;
        border-left: 1px solid #dbdbdb;
        border-right: 1px solid #dbdbdb;
        border-bottom: 1px solid #dbdbdb;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        color: #686868;
    }

 #csnstMngUserModal .table table td {
        border-left: 1px solid #dbdbdb;
        border-right: 1px solid #dbdbdb;
        border-bottom: 1px solid #dbdbdb;
        color: #454545;
        text-align: left;
        padding: 12px;
    }
.csnstAlertPopupDiv {
	top: 300px;
}
.csnstAlertPopupDiv p {
	margin-top: 20px;
}

.csnstAlertPopupDiv #confirmCancelBtn{
	color: #f69191;
}