@charset "UTF-8";

@-webkit-keyframes dsBarBefore {
	0% {
		background: #ffce00;
		left: 2.65em;
	}

	35% {
		background: #ffce00;
		left: 0;
	}

	75% {
		background: #ffce00;
		left: 3.65em;
	}

	100% {
		background: #ffce00;
		left: 2.65em;
	}
}

@keyframes dsBarBefore {
	0% {
		background: #ffce00;
		left: 2.65em;
	}

	35% {
		background: #ffce00;
		left: 0;
	}

	75% {
		background: #ffce00;
		left: 3.65em;
	}

	100% {
		background: #ffce00;
		left: 2.65em;
	}
}

@-webkit-keyframes dsBarB {
	0% {
		background: #ffce00;
		left: 1em;
	}

	35% {
		background: #ffce00;
		left: 3.8em;
	}

	75% {
		background: #ffce00;
		left: 0;
	}

	100% {
		background: #ffce00;
		left: 1em;
	}
}

@keyframes dsBarB {
	0% {
		background: #ffce00;
		left: 1em;
	}

	35% {
		background: #ffce00;
		left: 3.8em;
	}

	75% {
		background: #ffce00;
		left: 0;
	}

	100% {
		background: #ffce00;
		left: 1em;
	}
}

@-webkit-keyframes dsBarAfter {
	0% {
		background: #ffce00;
		left: 3.5em;
	}

	50% {
		background: #ffce00;
		left: 0;
	}

	100% {
		background: #ffce00;
		left: 3.5em;
	}
}

@keyframes dsBarAfter {
	0% {
		background: #ffce00;
		left: 3.5em;
	}

	50% {
		background: #ffce00;
		left: 0;
	}

	100% {
		background: #ffce00;
		left: 3.5em;
	}
}


/*===== basic 공통 =====*/

.icon-char {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	color: #fff;
}

.icon-char-1 {
	background: #2a8424;
}

.icon-char-2 {
	background: #95b700;
}

.icon-char-3 {
	background: #f3ba00;
}


.moVer {
	display: none;
}


/* loader */
div.loader {
	position: fixed;
	left: calc(50% - 25px);
	top: calc(50% - 25px);
	z-index: 29999;
	width: 50px;
	height: 50px;
	border: 5px solid #f3f3f3;
	border-top: 5px solid #3498ff;
	border-radius: 50%;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
	display: none;
}

div.loader.on {
	display: block;
}

section.loader-layout {
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 29998;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 0;
	height: 0;
	cursor: wait;
	display: none;
}

section.loader-layout.on {
	width: 100%;
	height: 100%;
	display: block;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* 마우스 포인트 */
#mousePoint {
	position: absolute;
	background-color: #f75498;
	border-radius: 8px;
	width: 8px;
	height: 8px;
	border: 1px solid #868686;
	z-index: 1;
}

#mousePoint .sub {
	background: #fff;
	width: 144px;
	font-size: 12px;
	padding: 5px;
	border-radius: 9px;
	top: -40px;
	left: -70px;
	position: relative;
	box-shadow: 0px 1px 2px #888;
}

/* pc 최대넓이 */
.pcContainer {
	width: 100%;
	max-width: 1310px;
	height: auto;
	display: block;
	margin: 0 auto;
	padding: 0 20px;
}

/* 플러스 아이콘 */
.ico-plus {
	position: relative;
	display: block;
}

.ico-plus:before,
.ico-plus:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	top: calc(50% - 1px);
	left: 0;
}

.ico-plus:after {
	transform: rotate(90deg);
}

/* 검색 아이콘 */
.ico-search {
	display: block;
	position: relative;
}

.ico-search:before,
.ico-search:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.ico-search:before {
	width: 1.75em;
	height: 1.75em;
	border: 1px #bbb solid;
	border-radius: 100%;
	background: #fff;
	z-index: 1;
}

.ico-search:after {
	width: 1px;
	height: .8em;
	background: #0083e4;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	top: 1.3em;
	left: 1.5em;
}

/* 닫기 아이콘 */
.ico-close {
	display: block;
	position: relative;
}

.ico-close:before,
.ico-close:after {
	content: '';
	display: block;
	position: absolute;
	top: calc(55% - 1px);
	right: 0;
	width: 100%;
	height: 1px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	background: #9a9b9b;
}

.ico-close:before {
	transform: rotate(45deg);
}

.ico-close:after {
	transform: rotate(-45deg);
}

/* ^ 마우스오버 */
*:hover>.ico-close:before,
*:hover>.ico-close:after {
	background: #0083e4;
}

.ico-down {
	display: block;
	position: relative;
}

.ico-down:before {
	content: '';
	display: block;
	position: absolute;
	top: calc(25% - 1px);
	right: 0;
	transition: all .3s ease;
	width: 50%;
	height: 50%;
	border: 1px solid #9a9b9b;
	border-left: 0;
	border-top: 0;
}

.ico-down:before {
	transform: rotate(45deg);
}

/* ^ 마우스오버 */
*:hover>.ico-down:before {
	border-color: #0083e4;
}

/* 정지 아이콘 */
.ico-stop {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ico-stop:before,
.ico-stop:after {
	content: '';
	width: 0.4em;
	height: 100%;
	display: block;
	background: #7d7d7d;
}

/* ^ 마우스오버 */
*:hover>.ico-stop:before,
*:hover>.ico-stop:after {
	background: #0083e4;
}

/* 재생 아이콘 */
.ico-play {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ico-play:before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	border: solid;
	border-width: 0.6em 0 0.6em 0.9em;
	border-color: transparent transparent transparent #7d7d7d;
}

/* ^ 마우스오버 */
*:hover>.ico-play:before {
	border-color: transparent transparent transparent #0083e4;
}

/* 정렬 */
.ico-sort-char {
	background: url('../../images/2021/ico-sort-char.svg');
	width: 25px;
	height: 17px
}

.active .ico-sort-char {
	background-image: url('../../images/2021/ico-sort-char-blue.svg');
}

.ico-sort-space {
	background: url('../../images/2021/ico-sort-space.svg');
	width: 25px;
	height: 17px;
}

.active .ico-sort-space {
	background-image: url('../../images/2021/ico-sort-space-blue.svg')
}

/* box hover */
.boxHover {
	position: relative;
	overflow: hidden;
}

.boxHover:hover,
.boxHover:focus {
	box-shadow: 5px 10px 20px rgba(0, 0, 0, .35);
	transition: all .3s linear;
}

/*
	.boxHover:after, .boxHover:before{ content:" "; width:0px; height:0px; display:block; position:absolute; transition:all 1s; z-index:50; opacity:0; }
	.boxHover:after{ top:0px; left:0px; border-top:1px solid #ff501f; border-left:1px solid #ff501f; }
	.boxHover:before{ bottom:0px; right:0px; border-bottom:1px solid #ff501f; border-right:1px solid #ff501f; }
	*/
.boxHover:hover:before,
.boxHover:focus:before,
.boxHover:hover:after,
.boxHover:focus:after {
	width: 100%;
	height: 100%;
	opacity: 1;
}

/* 숫자 폰트 */
.num {
	font-family: 'questrial', sans-serif;
	letter-spacing: 0.05rem;
}

/* 상세검색 아이콘 */
.icon-detailSearch {
	display: block;
	position: relative;
}

.icon-detailSearch .line,
.icon-detailSearch .bar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
}

.icon-detailSearch .line {
	padding: 1px 0;
}

.icon-detailSearch .line:before,
.icon-detailSearch .line:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #fff;
}

.icon-detailSearch .line>b {
	width: 100%;
	height: 1px;
	background: #fff;
	margin: auto 0;
}

.icon-detailSearch .bar:before,
.icon-detailSearch .bar:after {
	content: '';
}

.icon-detailSearch .bar:before,
.icon-detailSearch .bar:after,
.icon-detailSearch .bar>b {
	position: absolute;
	width: 1px;
	height: 5px;
	display: block;
	background: #fff;
}

.icon-detailSearch .bar:before {
	left: 2.65em;
	top: -0.1em;
}

.icon-detailSearch .bar:after {
	bottom: -0.45em;
	left: 3.5em;
}

.icon-detailSearch .bar>b {
	top: 1em;
	left: 1em;
}

/* ^ 마우스오버 */
*:hover>.icon-detailSearch .line:before,
*:hover>.icon-detailSearch .line>b,
*:hover>.icon-detailSearch .line:after {
	background: #ffce00;
	opacity: .5;
}

*:hover>.icon-detailSearch .bar:before {
	animation: dsBarBefore .7s 0s linear alternate;
}

*:hover>.icon-detailSearch .bar>b {
	animation: dsBarB 1.2s .5s linear alternate;
}

*:hover>.icon-detailSearch .bar:after {
	animation: dsBarAfter .9s .7s linear alternate;
}

/* backImg */
.backImg {
	display: block;
}

.backImg>img {
	display: none;
}

/* 화살표 아이콘 */
.ico-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0;
	width: auto;
	height: auto;
	padding: 0;
	border: none;
	margin-left: auto;
}

.ico-arrow:after {
	content: '';
	display: block;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	width: 100%;
	height: 100%;
	transform: rotate(135deg);
	margin-right: 1px
}

.ico-arrow.down {
	transform: rotate(-180deg)
}

/* 체크박스 */
.ico-check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #c8c8c8;
	border-radius: .5em;
}

.ico-check:before {
	content: '';
	border: solid;
	border-width: 0 0.3em 0.3em 0;
	width: 0.7em;
	height: 1.1em;
	margin-top: -0.2em;
	display: block;
	border-color: #c2c2c2;
	transform: rotate(45deg);
}

/* 라디오박스 */
.ico-radio {
	position: relative;
	display: block;
	border: 1px solid #c8c8c8;
	border-radius: 100%;
	background: #eee;
}

.ico-radio:before {
	content: '';
	position: absolute;
	top: .5em;
	left: .5em;
	right: .5em;
	bottom: .5em;
	display: block;
	border-radius: 100%;
}

/* 감추기 */
.hidden {
	text-indent: -10000000000000000px !important;
	line-height: 0 !important;
	position: absolute !important;
	font-size: 0 !important;
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

.hidden:before,
.hidden:after {
	display: none !important;
}

/* 체크박스 */
.cBoxWrap {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
}

.cBox:first-child:nth-last-child(1) {
	margin-right: 0;
}

.cBox,
.cBox>label {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	color: #5e5e5e;
	font-size: 15px;
	line-height: 1.1;
	font-weight: normal;
}

.cBox>label>i {
	flex: none;
	font-size: 8px;
	width: 20px;
	height: 20px;
	transition: all 0.2s ease;
	margin-top: 1px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 3px;
}

.cBox>input {
	display: none;
}

/* ^ 마우스오버 */
.cBox>label:hover {
	cursor: pointer;
}

.cBox>label:hover>i {
	border-color: #92c8f1;
}

.cBox>label:hover>i:before {
	border-color: #92c8f1;
}

.cBox input[type="checkbox"]:checked+label {
	color: #0083e4;
}

.cBox input[type="checkbox"]:checked+label>i {
	background: #0083e4;
	border-color: #0083e4;
}

.cBox input[type="checkbox"]:checked+label>i:before {
	border-color: #fff;
}

/* -- 라디오박스 영역 -- */
.rBoxWrap {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
}

.rBox {
	margin-right: 20px;
}

.rBox,
.rBox>label {
	display: inline-flex;
	align-items: flex-start;
	justify-content: flex-start;
	color: #454545;
	font-size: 14px;
	line-height: 1.1;
	font-weight: normal;
}

.rBox>label>i {
	flex: none;
	font-size: 8px;
	width: 19px;
	height: 19px;
	transition: all 0.2s ease;
	margin-right: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.rBox>label>span {
	margin-top: 2px;
}

.rBox>input {
	display: none;
}

/* ^ 마우스오버 */
.rBox>label:hover {
	cursor: pointer;
}

.rBox>label:hover>i {
	border-color: #999;
}

.rBox>label:hover>i:before {
	background: #999;
}

.rBox input[type="radio"]:checked+label {
	color: #0083e4;
}

.rBox input[type="radio"]:checked+label>i {
	border-color: #0083e4;
	color: #0083e4;
}

.rBox input[type="radio"]:checked+label>i:before {
	background: #0083e4;
}


/* 페이징 버튼 영역 */
.paging {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px 0;
}

.paging .pagination {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.paging .pagination>li {
	padding: 9px;
	font-size: 0;
	display: block;
}

.paging .pagination>li>a {
	width: 100%;
	height: 100%;
	display: block;
}

.paging .pagination>li.next,
.paging .pagination>li.prev {
	width: auto;
	height: auto;
	position: relative;
}

.paging .pagination>li.home,
.paging .pagination>li.last {
	width: 25px;
	height: 25px;
	padding: 0;
	position: relative;
}

.paging .pagination>li.next>a,
.paging .pagination>li.prev>a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0;
}

.paging .pagination>li.next:before,
.paging .pagination>li.prev:before,
.paging .pagination>li.home:before,
.paging .pagination>li.home:after,
.paging .pagination>li.last:before,
.paging .pagination>li.last:after {
	content: '';
	font-size: 0;
	width: 7px;
	height: 7px;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	display: block;
}

.paging .pagination>li.home:before,
.paging .pagination>li.home:after,
.paging .pagination>li.last:before,
.paging .pagination>li.last:after {
	position: absolute;
	top: 9px;
}

.paging .pagination>li.home:before,
.paging .pagination>li.last:before {
	left: 6px;
}

.paging .pagination>li.home:after,
.paging .pagination>li.last:after {
	right: 6px;
}

.paging .pagination>li.prev:before,
.paging .pagination>li.home:before,
.paging .pagination>li.home:after {
	transform: rotate(-135deg)
}

.paging .pagination>li.next:before,
.paging .pagination>li.last:before,
.paging .pagination>li.last:after {
	transform: rotate(45deg)
}

.paging .pagination>li:hover:before,
.paging .pagination>li:hover:after {
	cursor: pointer;
	border-color: #0083e4;
}

.paging .pagination .page {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0 4px;
}

.paging .pagination .page a {
	width: 20px;
	height: 20px;
	border-radius: 3px;
	font-size: 11px;
	line-height: 1.1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: 'quicksand', sans-serif;
	border-radius: 3px;
	background: #edf4f6;
	border: 1px solid #dcdcdc;
}

.paging .pagination .page.active a,
.paging .pagination .page.active:hover a {
	background: #5e6166;
	border-color: #5e6166;
	color: #fff;
}

.paging .pagination .page:hover a {
	color: #fff;
	background: #0083e4;
	border-color: #0083e4;
}


/* 말줄임표시 */
/* .webkitBox-1{line-height:1.1;word-break: break-all;display:block;display: -webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;letter-spacing: -0.05em;} */


/* 글자 가리기 */
.txtNone {
	font-size: 0 !important;
}

/* 테이블 type-01 */
.table-type-01 {
	margin-top: 15px;
	width: 100%;
	letter-spacing: -0.02em;
	table-layout: fixed;
}

.table-type-01.bl-td-none td:first-child,
.table-type-01.bl-th-none th:first-child {
	border-left: none;
}

.table-type-01 .thead {
	border-top: 2px solid #000000;
}

.table-type-01 th {
	background: #f3f3f3;
	padding: 7px 0;
	border-left: 1px solid #e0e2e6;
	border-bottom: 1px solid #e0e2e6;
	color: #000;
	text-align: center;
	font-weight: normal;
	font-size: 14px;
}

.table-type-01 tbody td {
	padding: 5px;
	border-left: 1px solid #e0e2e6;
	border-bottom: 1px solid #e0e2e6;
	text-align: center;
	color: #505050;
	font-size: 14px;
	word-break: break-word;
}

.table-type-01 tbody td.center,
.table-type-01 tbody th.center {
	text-align: center !important;
}

.table-type-01 tbody td.editorArea {
	padding: 0 !important;
}

.table-type-01 tbody td.editorArea>div {
	min-height: 450px;
}

.table-type-01.bb-thead-none {
	border-bottom: 0;
}

.table-type-01.bb-thead-none thead th {
	border-bottom: 1px solid #bec2c8;
}

.table-type-01 th.first,
.table-type-01 td.first {
	border-left: 0;
}

.table-type-01 th.left,
.table-type-01 td.left {
	text-align: left;
	padding: 8px 20px;
}

.table-type-01.td-left td {
	text-align: left;
	padding: 8px 10px;
}

.table-type-01 td>.more:hover {
	color: #3c4ca8;
}

.table-type-01 td>.download:hover {
	background: #3c4ca8;
	color: #fff;
}

.table-type-01 td>.download {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	line-height: 1;
	padding: 7px 15px 8.5px 15px;
	background: #f5f5f5;
	border-radius: 15px;
	font-size: 13px;
}

.table-type-01 td>.download:before {
	content: '';
	width: 13px;
	height: 13px;
	display: block;
	background: url('../images/2021/ico-download02.png') center center / auto no-repeat;
	margin-right: 5px;
}

.table-type-01 td>.download:hover:before {
	background-image: url('../images/2021/ico-download02-over.png');
}

.table-type-01 .rBox>label,
.table-type-01 .cBox>label {
	height: 21px;
}

.table-type-01 a {
	word-break: break-word;
}

.table-type-01 a.select {
	text-decoration: underline;
}

.table-type-01 a.select:hover,
.table-type-01 a.active {
	color: #0083e4;
}

/* ^ 마우스 오버 */
.table-type-01.hover tbody tr:hover {
	background: #f9f9fc;
	cursor: pointer;
}

.table-type-01 tbody tr.selected {
	background: #eef0f8;
}

.table-type-01 a:hover {
	text-decoration: underline;
}

/* 테이블 type-02 */
.table-type-02 {
	width: 100%;
	table-layout: fixed;
}

.table-type-02 th {
	font-size: 14px;
	color: #333;
	font-weight: normal;
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
}

.table-type-02 td {
	font-size: 14px;
	color: #666;
	border-bottom: 1px solid #ddd;
	padding: 10px 0 10px 10px;
}

.table-type-02 tr:last-child td,
.table-type-02 tr:last-child th {
	border-bottom: 0;
}


/* table-area */
.table_area {
	display: block;
	width: 100%;
	overflow-x: auto;
}

.table_area>table {
	min-width: 600px;
}


/* 탭그룹 */
.tab-group {
	display: block;
}

.tab-group .tab-btn {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.tab-group .tab-btn>button {
	flex: 1 1 auto;
	text-align: center;
	background: #666;
	line-height: 1.1;
	display: block;
	padding: 10px 0;
	color: #fff;
	background: #555;
}

.tab-group .tab-btn>button.show {
	background: #0083e4;
}

.tab-group .tab-btn>button.widAuto {
	width: auto;
	padding: 0 20px;
}

/* ^ 마우스오버 */
.tab-group .tab-btn>button:not(.show):hover {
	background: #666;
}

.tab-group .tab-list {
	display: block;
	width: 100%;
	height: auto;
}

.tab-group .tab-list>section {
	display: none;
	font-size: 14px;
	padding: 30px;
	background: #f9f9f9;
}

.tab-group .tab-list>section.show {
	display: block;
}

.tab-group .tab-list>section>img {
	max-width: 100%;
	width: 100%;
	display: block;
}

.tab-group .tab-list section h1 {
	font-size: 18px;
	color: #454545;
	font-weight: bold;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex: none;
}

.tab-group .tab-list section h1:before {
	content: '';
	width: 15px;
	height: 15px;
	border-radius: 100%;
	border: 3px solid #64b1ea;
	display: block;
	margin-right: 5px;
	margin-top: 4px;
}

.tab-group .tab-list .icon-box {
	width: 30px;
	height: 30px;
	display: block;
	text-align: center;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/* 아이콘 */
.s_ico1 {
	background-image: url('../../images/map/rating_elvtr_a.svg')
}

.s_ico2 {
	background-image: url('../../images/map/rating_elvtr_b.svg')
}

.s_ico3 {
	background-image: url('../../images/map/rating_elvtr_c.svg')
}

.s_ico4 {
	background-image: url('../../images/map/rating_elvtr_d.svg')
}

.s_ico5 {
	background-image: url('../../images/map/rating_elvtr_e.svg')
}

.s_ico6 {
	background-image: url('../../images/map/icon_none.svg')
}

.s_ico7 {
	background-image: url('../../images/map/rating_suitable.svg')
}

.s_ico8 {
	background-image: url('../../images/map/rating_unfit.svg')
}

.s_ico9 {
	background-image: url('../../images/map/rating_nocheck.svg')
}

.s_ico10 {
	background-image: url('../../images/map/rating_a.svg')
}

.s_ico11 {
	background-image: url('../../images/map/rating_b.svg')
}

.s_ico12 {
	background-image: url('../../images/map/rating_c.svg')
}

.s_ico13 {
	background-image: url('../../images/map/rating_d.svg')
}

.s_ico14 {
	background-image: url('../../images/map/rating_e.svg')
}

.s_ico15 {
	background-image: url('../../images/map/rating_completed.svg')
}

.s_ico16 {
	background-image: url('../../images/map/rating_action.svg')
}


/* bar-01 */
.bar-01 {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-top: 10px;
}

.bar-01:first-child {
	margin-top: 0;
}

.bar-01:before {
	content: '';
	width: 6px;
	height: 1px;
	display: block;
	background: #aaa;
	margin: 12px 12px 0 0;
	flex: none;
}

.bar-01>span {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.3;
	flex: 100%;
}

/* bar-02 */
.bar-02 {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-top: 5px;
	margin-left: 10px;
	color: #888;
}

.bar-02:first-child {
	margin-top: 0;
}

.bar-02:before {
	content: '';
	width: 5px;
	height: 1px;
	display: block;
	background: #bbb;
	margin: 7px 5px 0 0;
	flex: none;
}

.bar-02>span {
	font-size: 13px;
	font-weight: 300;
	flex: 100%;
	line-height: 1.3;
}

/* refer-01 */
.refer-01 {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-top: 10px;
	color: #8c8c8c;
}

.refer-01.right {
	justify-content: flex-end;
}

.refer-01.right span {
	flex: none;
}

.refer-01:before {
	content: '※';
	display: block;
	margin: 0 5px 0 0;
	flex: none;
	line-height: 1.3;
	font-size: 14px;
}

.refer-01>span {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.3;
	flex: 100%;
}

.list-type-01 .refer-01:first-child {
	margin-top: 0;
}

.refer-01+.procedure-list,
.refer-01+.procedure-list-02 {
	margin-top: 10px;
}


/* dot-01 */
.dot-01 {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	padding: 20px 30px;
	border: 1px solid #d6d6d6;
	margin-top: 10px;
}

.dot-01:first-child {
	margin-top: 0;
}

.dot-01:before {
	content: '';
	width: 4px;
	height: 4px;
	display: block;
	background: #c2182e;
	margin: 9px 10px 0 0;
	border-radius: 100%;
	flex: none;
}

.dot-01>dt,
.dot-01>dd {
	font-size: 17px;
}

.dot-01>dt {
	color: #000;
	font-weight: bold;
	flex: none;
	line-height: 1.3;
}

.dot-01>dd {
	color: #787878;
	padding-left: 7px;
	line-height: 1.3;
	flex: 100%;
}

/* dot-02 */
.dot-02 {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
}

.dot-02:before {
	content: '';
	width: 3px;
	height: 3px;
	display: block;
	background: #bbb;
	margin: 9px 6px 0 0;
	border-radius: 100%;
	flex: none;
}

.dot-02>dt {
	color: #000;
	flex: none;
}

.dot-02>dd {
	color: #787878;
	padding-left: 7px;
	flex: 100%;
}

.dot-02>dt,
.dot-02>dd {
	font-size: 14px;
}

/* basic-btn-area */
.basic-btn-area {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 10px;
}

.basic-btn-area.center {
	justify-content: center;
}

.basic-btn-area.noWrap {
	flex-wrap: nowrap;
}

.basic-btn-area>* {
	margin-left: 10px;
	line-height: 1.1;
	font-size: 16px;
	color: #fff;
	padding: 10px 25px;
	border-radius: 3px;
	flex: 0 0 auto;
	margin-top: 10px;
	min-width: 110px;
	text-align: center;
}

.basic-btn-area>*.marginRight {
	margin-right: auto;
}

.basic-btn-area>*:first-child {
	margin-left: 0;
}

/* 종류 */
.basic-btn-area>*.grey {
	background: #535353;
}

.basic-btn-area>*.dark-grey {
	background: #252525;
}

.basic-btn-area>*.blue {
	background: #0083e4;
}

/* ^마우스오버 */
.basic-btn-area>*:not(.grey):hover {
	background: #888
}

.basic-btn-area>*[class*=grey]:hover {
	background: #0083e4
}

/* boxWrap */
.boxWrap {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	height: 100%;
}

.boxWrap>* {
	margin-right: 5px;
}

.boxWrap>*:last-child {
	margin-right: 0;
}

.boxWrap.noWrap {
	flex-wrap: nowrap !important;
	flex-direction: row !important;
}

.boxWrap.noWrap>* {
	flex: auto;
}

.boxWrap.noWrap>*[class*="Box"] {
	margin-top: 0;
	margin-bottom: 0;
}

/* -- 장문형 textarea -- */
.taBox textarea {
	font-family: 'Noto Sans KR';
	width: 100%;
	display: block;
	max-width: 260px;
	height: auto;
	font-size: 14px;
	color: #000;
	padding: 5px 10px;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	line-height: 1.4;
}

.taBox.wid100 textarea {
	max-width: 100%;
}

.taBox.wid220 textarea {
	max-width: 220px;
}

/* sup */
.sup {
	font-size: 13px;
	font-weight: normal;
	color: #c2182e;
	display: inline-flex;
	align-items: baseline;
	justify-content: flex-start;
	margin-left: 5px;
}

.sup:before {
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 100%;
	margin-right: 3px;
	background: #c2182e;
}

sup {
	font-size: 13px;
	font-weight: normal;
	color: #c2182e;
	display: inline-flex;
	align-items: baseline;
	justify-content: flex-start;
	margin-left: 5px;
}

sup:before {
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 100%;
	margin-right: 3px;
	background: #c2182e;
}

sup.is-valid {
	font-size: 0;
}


/* 팝업 */
.widePopupList {
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .4);
	width: 100%;
	height: 100%;
	z-index: 10100;
	display: none;	
}

.widePopupList>div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.widePopupList>div.top-pick {
	align-items: flex-start;
}

.widePopupList .wp-tit {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding: 25px 0 15px 0;
}

.widePopupList .wp-tit h2 {
	font-size: 20px;
	color: #454545;
	line-height: 1;
	font-weight: bold;
}

.widePopupList>div>div {
	position: relative;
}

.widePopupList .wp-close {
	/* font-size: 0; */
	width: 20px;
	height: 20px;
	flex: none;
	margin-left: auto;	
	position: absolute;
	right: 40px; 
	top: 30px;
}


/*===== HEADER =====*/
/*
	header{width:100%;height:auto;position:fixed;top:0;left:0;z-index: 999;box-sizing: border-box;}
	header .pcContainer{z-index:0;height: 100%;}
	header:hover,
	header:focus,
	header#scroll,
	header.map{background:#002e73;border-bottom: 1px solid rgba(220,220,229,.57);} */

/* header:before,
	header:after{opacity:0;content:'';position:absolute;top:0;width:387px;height:100%;z-index: -1;}
	header:before{left:0; background: url('../../images/2021/bg_scrollHeader_l.jpg') top left / 100% 0 no-repeat;}
	header:after{right:0; background: url('../../images/2021/bg_scrollHeader_r.jpg') top right / 100% 0 no-repeat;} */

/* header:hover:before,
	header:hover:after,
	header:focus:before,
	header:focus:after,
	header#scroll:before,
	header#scroll:after,
	header.map:before,
	header.map:after{opacity:1; background-size:100% auto;} */

.wrapHeader {
	padding: 19px 20px;
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.wrapHeader .left {
	flex: auto;
}

/* .wrapHeader .right{flex:auto;} */
.wrapHeader .right .wrapRight {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

/* ^ 로고 */
.wrapHeader h1 {
	display: inline-flex;
}

.wrapHeader .logo {
	font-size: 0;
	max-width: 325px;
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
}

.wrapHeader .logo>img {
	width: 100%;
}

/* ^ 메뉴 */
.wrapHeader .gnb {
	margin-left: auto;
	display: inline-flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-top: 10px;
}

.wrapHeader .gnb li {
	width: 150px;
	text-align: center;
}

.wrapHeader .gnb li:first-child {
	padding-left: 0
}

.wrapHeader .gnb li>a {
	font-size: 18px;
	color: #fff;
}

.wrapHeader .gnb li>.sub {
	display: none;
}

.wrapHeader .gnb li>.sub>a {
	display: block;
	width: 100%;
	text-align: center;
	line-height: 1;
	font-size: 15px;
	color: #fff;
	padding-top: 15px;
}

.wrapHeader .gnb li>.sub>a:last-child {
	padding-bottom: 10px;
}

/* ^ 마우스오버 */
.wrapHeader .gnb li>a:hover,
.wrapHeader .gnb li>.sub>a:hover {
	color: #ffc31f;
}

/* ^ 로그인 버튼 */
.wrapHeader .login {
	flex: none;
	margin-left: 35px;
	margin-top: 7px;
	display: block;
	line-height: 1.1;
	padding: 5px 17px;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	font-size: 15px;
	color: #333;
	letter-spacing: -1px;
}

.wrapHeader .login:hover {
	border-color: #ffc31f;
	background: #ffc31f;
	color: #444;
}

/* 마이페이지 */
.wrapHeader .my {
	font-size: 15px;
	font-weight: 100;
	padding: 10px;
	color: #fff;
}

.wrapHeader .my.p {
	margin-left: 13px;
}

.wrapHeader .my.i {
	padding-top: 33px;
	background: url(../../images/myp_ico.png) no-repeat center;
}



/*===== FOOTER =====*/

footer {
	width: 100%;
	height: auto;
	/* background: #555; */
	background-color: #373838;
}

.wrapFooter {
	padding: 10px 0 10px 0;
	width: 100%;
	display: block;
}

.wrapFooter .top {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-bottom: 10px;
}

/* ^ 로고 */
footer .logo {
	flex: none;
	font-size: 0;
	margin-right: 65px;
	max-width: 142px;
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
}

footer .logo>img {
	width: 100%;
}

/* ^ 개인정보처리방침 & 사이트 맵 & 관리자 */
footer .nav {
	margin-right: auto;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
}

footer .nav>li {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
}

footer .nav>li:before {
	content: '';
	width: 2px;
	height: 2px;
	display: block;
	background: #fff;
	margin-left: 15px;
}

footer .nav>li>a {
	font-size: 15px;
	color: #eee;
	padding-left: 15px;
}

footer .nav>li>a:hover {
	text-decoration: underline;
}

footer .nav>li:first-child:before {
	display: none;
}

footer .nav>li:first-child>a {
	padding-left: 0;
	color: #ffc31f;
}

/* 고객센터 */
footer .service {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
}

footer .service:before {
	content: '';
	display: block;
	background: url('../../images/2021/ico_footCall.svg') center center / auto no-repeat;
	width: 36px;
	height: 36px;
	margin-right: 10px;
}

footer .service li {
	color: #ffffff;
	line-height: 1;
}

footer .service .num {
	font-size: 16px;
	margin-bottom: 2px;
}

footer .service .num>b {
	font-size: 18px;
	letter-spacing: 1px;
	margin-left: 10px;
	font-family: 'Questrial', sans-serif;
	letter-spacing: 0.1rem;
	font-weight: normal;
}

footer .service .date {
	font-size: 13px;
}

footer .service .date>b {
	font-size: 15px;
	font-weight: normal;
	font-family: 'Questrial', sans-serif;
	letter-spacing: 0.1rem;
}

/* 관련사이트 선택 */
footer .site {
	margin-left: 40px;
}

/* 셀렉트박스 */
footer .site {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	z-index: 10;
}

footer .site .list {
	width: 210px;
	position: relative;
	display: flex;
	justify-content: space-between;
}

footer .site .list>select {
	width: 100%;
	color: #000000;
	font-size: 13px;
	border: 1px solid #d8d8d8;
	font-weight: 700;
}

/* footer .site .list>button {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: #fff;
	font-size: 13px;
	border: 1px solid #fff;
	line-height: 1;
	height: 35px;
	padding-left: 10px;
	padding-right: 10px;
}

footer .site .list>button:hover {
	background: #646569
}

footer .site .list>button:after {
	margin-left: auto;
	content: '';
	width: 0px;
	height: 0px;
	border-left: 3.5px solid transparent;
	border-right: 3.5px solid transparent;
	border-top: 4px solid #fff;
}

footer .site .list>button.open:after {
	transform: rotate(180deg);
}
 */
/* ^ 리스트 */
footer .site .sList {
	display: none;
	position: absolute;
	width: 100%;
	background: #5d5e62;
	border: 1px solid #bebebe;
	border-bottom: 0;
	bottom: 35px;
	max-height: 200px;
	overflow-y: auto;
}

footer .site .sList>button {
	width: 100%;
	line-height: 1;
	color: #fff;
	font-size: 13px;
	padding: 11px 15px;
	text-align: left;
}

footer .site .sList>button.selected,
footer .site .sList>button.selected:hover {
	background: #ffc31f;
	color: #404040;
}

footer .site .sList>button:hover {
	cursor: pointer;
	background: #515255;
	color: #fff;
}

/* 이동 버튼 */
.goLink {
	flex: none;
	font-size: 13px;
	color: #fff;
	background: #404040;
	line-height: 1;
	padding: 0 15px;
	margin-left: 5px;
	height: 100%;
	line-height: 35px;
	border: solid 1px #d9d9d9;
	font-weight: 700;
}

.goLink:hover {
	background: #ffc31f;
	color: #404040;
}

/* 주소 */
.wrapFooter .bottom {
	display: block;
	padding: 0 20px;
}

.wrapFooter .bottom>ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.wrapFooter .bottom>ul>li {
	font-size: 12px;
	color: #ffffff;
	line-height: 1;
	font-weight: 300;
}

/* .wrapFooter .bottom > ul > li:nth-child(2){margin: 0 auto;} */
.wrapFooter .bottom>ul>li>b {
	font-weight: normal;
	margin-right: 20px;
}

/*===== LOGIN =====*/
.login-popup>div>div {
	padding: 5px 30px 30px;
	background: #fff;
	border-radius: 10px;
}

.lp-btn-area {
	margin: 20px 0 35px 0;
	padding: 0 10px;
}

.lp-btn-area a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 10px;
	border: 1px solid #ccc;
	margin-top: 10px;
	font-size: 16px;
	color: #454545;
	font-weight: bold;
	line-height: 1.1;
	border-radius: 5px;
	height: 60px;
	width: 280px;
}

.lp-btn-area li:first-child a {
	margin-top: 0;
}

.lp-btn-area a:before {
	content: '';
	width: 30px;
	height: 30px;
	display: block;
	margin-right: 15px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	flex: none;
}

.lp-btn-area a.naver-login-btn:before {
	background-image: url('../../images/2021/ico-naver.svg');
}

.lp-btn-area a.kakao-login-btn:before {
	background-image: url('../../images/2021/ico-kakao.svg');
}

.lp-btn-area a.apple-login-btn {
	border-color: #000;
	background: #000;
	color: #fff;
}

.lp-btn-area a.apple-login-btn:before {
	width: 16px;
	height: 20px;
	background-image: url('../../images/2021/ico-apple-white.svg');
}

/* ^ 마우스오버 */
.lp-btn-area a.naver-login-btn:hover {
	background-color: #e8ffed;
}

.lp-btn-area a.kakao-login-btn:hover {
	background-color: #fffbde;
}

.lp-info {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.1;
	color: #222;
	font-size: 14px;
}

.lp-info:before {
	content: '';
	width: 16px;
	height: 16px;
	display: block;
	background: url('../../images/2021/ico-info.svg') center center / contain no-repeat;
	margin-right: 5px;
	flex: none;
}

/*===== POPUP =====*/
.daily-popup {
	position: fixed;
	top: 90px;
	left: 40px;
	z-index: 999999;
	width: auto;
	height: auto;
}

.daily-popup>div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.daily-popup section {
	font-size: 18px;
	color: #000;
	letter-spacing: -0.07em;
}

.daily-popup .dp-cont {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.daily-popup .dp-cList {
	margin-right: 5px;
	box-shadow: 0 0 10px rgba(100, 100, 100, .6);
}

.daily-popup.pcVer .dp-cList {
	display: none;
}

.daily-popup .dp-btm-area {
	padding: 10px 15px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background: #444;
}

.daily-popup .dp-btm-area .cBox {
	margin: 0;
	margin-right: auto;
}

.daily-popup .dp-btm-area .cBox label {
	color: #fff;
	letter-spacing: -0.05em;
}

.daily-popup .dp-btm-area .cBox label i {
	background: #fff;
	transition: all 0s;
}

/* ^ 마우스오버 */
.daily-popup .dp-btm-area .cBox:hover label,
.daily-popup .dp-btm-area .cBox input:checked+label {
	color: #ffc31f;
}

.daily-popup .dp-btm-area .cBox label:hover i,
.daily-popup .dp-btm-area .cBox input:checked+label i {
	background: #ffc31f;
	border-color: #ffc31f;
}

.daily-popup .dp-btm-area .cBox input:checked+label i:before {
	border-color: #444;
}

.daily-popup .dp-btm-area .cBox label:hover i:before,
.daily-popup .dp-btm-area .cBox label:hover i:after {
	border-color: #fff;
}

.daily-popup .dp-btm-area .dp-close {
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	line-height: 1.1;
	font-size: 14px;
}

.daily-popup .dp-btm-area .dp-close i {
	width: 12px;
	height: 12px;
	margin-right: 5px;
}

.daily-popup .dp-btm-area .dp-close i:before,
.daily-popup .dp-btm-area .dp-close i:after {
	background: #fff;
	height: 2px;
}

/* ^ 마우스 오버 */
.daily-popup .dp-btm-area .dp-close:hover {
	color: #ffc31f;
}

.daily-popup .dp-btm-area .dp-close:hover i:before,
.daily-popup .dp-btm-area .dp-close:hover i:after {
	background: #ffc31f;
}

/* 이미지 링크 */
.daily-popup .dp-cList .dp-link {
	width: 600px;
	margin: 0 auto;
	display: block;
	font-size: 0;
	font-family: 'Noto Sans KR', sans-serif !important;
	line-height: 0;
}

.daily-popup .dp-cList .dp-link * {
	font-family: 'Noto Sans KR', sans-serif !important;
	line-height: 1.1;
}

.daily-popup .dp-cList .dp-link>img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
}




/* ==== 1300px 이하 일때 ==== */
@media only screen and (max-width:1300px) {

	/* ------------------

	px to vw
	veiwport : 1300px 기준

	---------------------*/

	/* pc 최대넓이 */
	.pcContainer {
		max-width: 100%;
	}

	/*===== HEADER =====*/
	header:before,
	header:after {
		width: 387px;
	}

	.wrapHeader {
		padding: 19px 20px;
	}

	.wrapHeader .gnb li {
		width: 11.538vw;
		/* width:150px; */
	}

	/* ^ 로그인 버튼 */
	.wrapHeader .login {
		margin-left: auto;
	}

}


/* ==== 1200px 이하 일때 ==== */
@media only screen and (max-width:1200px) {

	/* ------------------

	px to vw
	veiwport : 1200px 기준

	---------------------*/


	/*===== basic 공통 =====*/

	/* pc 최대넓이 */
	.pcContainer {
		padding: 0 1.667vw;
		/* padding:0 20px; */
	}


	/*===== HEADER =====*/

	.wrapHeader {
		padding: 1.583vw 1.667vw;
		/* padding: 19px 20px; */
	}

	/* ^ 로고 */
	.wrapHeader .logo {
		max-width: 27.083vw;
		/* max-width:325px; */
	}

	/* ^ 메뉴 */
	.wrapHeader .gnb li {
		width: 10.833vw;
		/* width:130px; */
	}

	.wrapHeader .gnb li>a {
		font-size: 1.500vw;
		/* font-size: 18px; */
	}

	.wrapHeader .gnb li>.sub>a {
		font-size: 1.250vw;
		padding-top: 1.250vw;
		/* font-size: 15px;padding-top: 15px;  */
	}

	.wrapHeader .gnb li>.sub>a:last-child {
		padding-bottom: 0.833vw;
		/* padding-bottom: 10px; */
	}

	/* ^ 로그인 버튼 */
	.wrapHeader .login {
		margin-left: 0;
		margin-top: 0.667vw;
		padding: 0.417vw 1.417vw;
		border-radius: 0.417vw;
		font-size: 1.250vw;
		/* margin-left:70px;margin-top: 8px; padding: 5px 17px; border-radius: 5px;font-size: 15px; */
		line-height: 1;
	}

	/*===== FOOTER =====*/
	.wrapFooter {
		/* padding: 35px 0 40px 0; */
	}

	.wrapFooter .top {
		padding-bottom: 1.667vw;
		margin-bottom: 0;
		/* padding-bottom:20px;margin-bottom:20px; */
	}

	/* ^ 로고 */
	footer .logo {
		margin-right: 2.917vw;
		max-width: 11.833vw;
		/* margin-right: 65px;max-width:142px; */
	}

	/* ^ 메뉴 */
	.wrapHeader .gnb {
		margin-top: 0.833vw;
		margin-right: auto;
		/* margin-top: 10px; */
	}


	/* ^ 개인정보처리방침 & 사이트 맵 & 관리자 */
	footer .nav>li:before {
		width: 0.167vw;
		height: 0.167vw;
		margin-left: 1.250vw;
		/* width:2px; height:2px; margin-left:15px; */
	}

	footer .nav>li>a {
		font-size: 1.250vw;
		padding-left: 1.250vw;
		/* font-size:15px; padding-left:15px; */
	}

	/* 고객센터 */
	footer .service:before {
		width: 3vw;
		height: 3vw;
		margin-right: 0.833vw;
		/* width: 36px;height: 36px;margin-right:10px; */
	}

	footer .service .num {
		font-size: 1.333vw;
		margin-bottom: 0.333vw;
		/* font-size: 16px;margin-bottom:4px; */
	}

	footer .service .num>b {
		font-size: 1.500vw;
		margin-left: 0.833vw;
		/* font-size: 18px; margin-left: 10px; */
	}

	footer .service .date {
		font-size: 1.083vw;
		/* font-size:13px; */
	}

	footer .service .date>b {
		font-size: 1.250vw;
		/* font-size: 15px; */
	}

	/* 관련사이트 선택 */
	footer .site {
		margin-left: 3.333vw;
		/* margin-left:40px; */
	}

	/* 셀렉트박스 */
	footer .site .list {
		width: 17.500vw;
		/* width:210px; */
	}

	footer .site .list>button {
		font-size: 1.250vw;
		padding: 0.917vw 1.250vw;
		/* font-size:15px; padding:11px 15px; */
	}

	footer .site .list>button:after {
		border-left: 0.292vw solid transparent;
		border-right: 0.292vw solid transparent;
		border-top: 0.333vw solid #fff;
		/* border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; border-top: 4px solid #fff; */
	}

	/* ^ 리스트 */
	footer .site .sList {
		bottom: 3.250vw;
		max-height: 16.667vw;
		/* bottom: 39px;max-height: 200px; */
	}

	footer .site .sList>button {
		font-size: 1.250vw;
		padding: 11px 1.250vw;
		/* font-size:15px; padding:11px 15px; */
	}

	/* 이동 버튼 */

	/* 주소 */
	.wrapFooter .bottom {
		padding: 0 1.667vw;
		/* padding: 0 20px; */
	}

	.wrapFooter .bottom>ul>li {
		font-size: 1.167vw;
		/* font-size: 14px; */
	}

	.wrapFooter .bottom>ul>li>b {
		margin-right: 1.667vw;
		/* margin-right: 20px; */
	}

	/*===== POPUP =====*/
	.daily-popup {
		top: 7.5vw;
		left: 3.333vw;
		/* top: 90px;left: 40px; */
	}

	.daily-popup section {
		font-size: 1.5vw;
		/* font-size: 18px; */
	}

	.daily-popup .dp-cList {
		margin-right: 0.417vw;
		box-shadow: 0 0 0.833vw rgba(100, 100, 100, .6);
		/* margin-right:5px;box-shadow: 0 0 10px rgba(100,100,100,.6); */
	}

	.daily-popup .dp-btm-area {
		padding: 0.833vw 1.25vw;
		/* padding: 10px 15px; */
	}

	.daily-popup .dp-btm-area .cBox label {
		font-size: 1.25vw;
		/* font-size:15px; */
	}

	.daily-popup .dp-btm-area .cBox label i {
		width: 1.667vw;
		height: 1.667vw;
		font-size: 0.667vw;
		margin-right: 0.25vw;
		/* width:20px; height:20px; font-size:8px; margin-right:3px;  */
	}

	.daily-popup .dp-btm-area .dp-close {
		font-size: 1.167vw;
		/* font-size:14px; */
	}

	.daily-popup .dp-btm-area .dp-close i {
		width: 1vw;
		height: 1vw;
		margin-right: 0.417vw;
		/* width:12px; height:12px; margin-right:5px; */
	}

	.daily-popup .dp-btm-area .dp-close i:before,
	.daily-popup .dp-btm-area .dp-close i:after {
		height: 0.167vw;
		/* height:2px; */
	}

	/* 이미지 링크 */
	.daily-popup .dp-cList .dp-link {
		width: 27.5vw;
		height: 23.333vw;
		/* width: 330px;height: 280px; */
	}


}

/* ==== 800px 이하 일때 ==== */
@media only screen and (max-width:800px) {


	/*===== 공통 =====*/
	.pcVer {
		display: none;
	}

	.moVer {
		display: block;
	}

	/*===== HEADER =====*/
	header .pcContainer {
		padding: 40px;
	}

	header:hover {
		background: transparent;
		border-bottom: 0;
	}

	header:hover:before,
	header:hover:after {
		display: none;
	}

	header#scroll .pcContainer,
	header.map .pcContainer,
	header.sub .pcContainer {
		padding: 20px 40px;
	}

	header#scroll:before,
	header#scroll:after,
	header.map:before,
	header.map:after,
	header.sub:before,
	header.sub:after {
		display: block;
	}

	.wrapHeader {
		display: block;
		padding: 9px 0;
	}

	.wrapHeader .left {
		display: flex;
		align-items: Center;
		justify-content: center;
		position: relative;
	}

	/* 모바일 메뉴 버튼 */
	.moMenu {
		font-size: 0;
		width: 48px;
		height: 34px;
		display: flex;
		align-items: Center;
		justify-content: flex-start;
		flex-direction: column;
		position: absolute;
		top: 4px;
		left: 0;
		z-index: 9999;
	}

	.moMenu:before,
	.moMenu:after {
		content: '';
		width: 100%;
		height: 2px;
		display: block;
		background: #fff;
	}

	.moMenu>i {
		width: 100%;
		height: 2px;
		background: #fff;
		display: block;
		margin: auto 0;
	}

	.moMenu.open>i {
		display: none;
	}

	.moMenu.open:before,
	.moMenu.open:after {
		position: absolute;
		top: calc(55% - 2px);
		left: 0;
	}

	.moMenu.open:before {
		transform: rotate(-45deg);
	}

	.moMenu.open:after {
		transform: rotate(45deg);
	}

	/* ^ 로고 */
	.wrapHeader .logo {
		max-width: 367px;
	}

	.wrapHeader .right {
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		width: 80%;
		height: 100%;
		z-index: 999;
		background: rgba(0, 46, 115, .9);
		padding: 140px 40px 40px 40px;
		box-shadow: 0 5px 10px rgba(0, 0, 0, .9);
	}

	.wrapHeader .right .wrapRight {
		flex-direction: column;
		width: 100%;
		height: 100%;
	}

	/* ^ 메뉴 */
	.wrapHeader .gnb {
		margin-top: 40px;
		margin-right: 0;
		width: 100%;
		flex-direction: column;
		margin-bottom: auto;
	}

	.wrapHeader .gnb li {
		width: 100%;
		text-align: left;
		padding-top: 30px;
	}

	.wrapHeader .gnb li>a {
		font-size: 25px;
		width: 100%;
		display: block;
	}

	.wrapHeader .gnb li>a>i {
		content: '';
		width: 25px;
		height: 25px;
	}

	.wrapHeader .gnb li:first-child {
		padding-top: 0;
	}

	.wrapHeader .gnb li>.sub>a {
		text-align: left;
		font-size: 20px;
		padding-top: 20px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	.wrapHeader .gnb li>.sub>a:last-child {
		padding-bottom: 0;
	}

	.wrapHeader .gnb li>.sub>a:before {
		content: '';
		width: 10px;
		height: 1px;
		background: #fff;
		display: block;
		margin: 0 10px 0 20px;
	}

	.wrapHeader .nav {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		opacity: .8;
		margin-bottom: -32px;
		height: 32px;
	}

	.wrapHeader .nav li {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	.wrapHeader .nav li:after {
		content: '';
		width: 1px;
		height: 9px;
		display: block;
		background: #fff;
		margin: 0 10px;
		opacity: .6;
	}

	.wrapHeader .nav li:last-child:after {
		display: none;
	}

	.wrapHeader .nav li>a {
		font-size: 17px;
		color: #fff;
		text-align: right;
	}

	.wrapHeader .gnb li.menuOpen>a {
		color: #ffc31f
	}


	/* ^ 로그인 버튼 */
	.wrapHeader .login {
		margin-left: auto;
		margin-top: 0;
		padding: 5px 17px;
		border-radius: 5px;
		font-size: 20px;
		position: absolute;
		top: 40px;
		right: 40px;
	}

	.wrapHeader .my.p {
		position: absolute;
		top: 35px;
		right: 160px;
	}

	/*===== FOOTER =====*/
	.wrapFooter {
		/* padding: 35px 0 40px 0; */
	}

	.wrapFooter .top {
		padding-bottom: 0;
		margin-bottom: 20px;
		flex-wrap: wrap;
		border-color: #a9a9a9;
	}

	/* ^ 로고 */
	footer .logo {
		order: 0
	}

	footer .service {
		order: 2
	}

	footer .site {
		order: 1;
	}

	footer .logo {
		width: auto;
		margin-right: auto;
		max-width: inherit;
		justify-content: center;
	}

	footer .logo>img {
		width: 150px;
	}

	/* ^ 개인정보처리방침 & 사이트 맵 & 관리자 */
	footer .nav>li:before {
		width: 2px;
		height: 2px;
		margin-left: 15px;
	}

	footer .nav>li>a {
		font-size: 15px;
		padding-left: 15px;
	}

	footer .nav {
		display: none;
	}

	/* 고객센터 */
	footer .service {
		width: 100%;
		margin-right: auto;
		border-top: 1px solid #a9a9a9;
		padding: 20px 0;
		margin-top: 20px;
		justify-content: center;
	}

	footer .service:before {
		width: 38px;
		height: 38px;
		margin-right: 13px;
	}

	footer .service .num {
		font-size: 17px;
		margin-bottom: 4px;
	}

	footer .service .num>b {
		font-size: 19px;
		margin-left: 10px;
	}

	footer .service .date {
		font-size: 14px;
	}

	footer .service .date>b {
		font-size: 15px;
	}

	/* 관련사이트 선택 */
	footer .site {
		margin-left: 0;
		margin-right: 0;
	}

	/* 셀렉트박스 */
	footer .site .list {
		width: 210px;
	}

	footer .site .list>button {
		font-size: 1.625vw;
		padding: 0 1.875vw;
		height: 4.375vw;
		border-color: #ddd;
	}

	/* font-size: 13px;height:35px;  {$size * 100 / $width}vw;*/
	footer .site .list>button:after {
		border-left: 3.5px solid transparent;
		border-right: 3.5px solid transparent;
		border-top: 4px solid #fff;
	}

	/* ^ 리스트 */
	footer .site .sList {
		bottom: 40px;
		max-height: inherit;
	}

	footer .site .sList>button {
		font-size: 17px;
		padding: 11px 15px;
	}

	/* 이동 버튼 */
	.goLink {
		font-size: 1.625vw;
		padding: 0 15px;
		margin-left: 5px;
	}

	/* 주소 */
	.wrapFooter .bottom {
		padding: 0;
	}

	.wrapFooter .bottom>ul {
		flex-direction: column;
		align-items: center;
	}

	.wrapFooter .bottom>ul>li {
		font-size: 16px;
	}

	.wrapFooter .bottom>ul>li:nth-child(2) {
		margin: 15px 0;
	}

	.wrapFooter .bottom>ul>li>b {
		margin-right: 20px;
	}

	/*===== LOGIN =====*/
	.login-popup>div>div {
		padding: 0.625vw 3.75vw 3.75vw;
		border-radius: 1.25vw;
		/* padding:5px 30px 30px;border-radius: 10px;  */
	}

	.lp-btn-area {
		margin: 2.5vw 0 4.375vw 0;
		padding: 0 1.25vw;
		/* margin: 20px 0 35px 0;padding: 0 10px; */
	}

	.lp-btn-area a {
		padding: 1.25vw 1.25vw;
		margin-top: 1.25vw;
		font-size: 2vw;
		width: 35vw;
		height: 7.500vw;
		/* padding: 10px 10px;margin-top:10px;font-size: 16px; width:280px; height:60px; */
	}

	.lp-btn-area a:before {
		width: 3.75vw;
		height: 3.75vw;
		margin-right: 1.875vw;
		/* width: 30px;height: 30px;margin-right:15px; */
	}

	.lp-btn-area a.apple-login-btn:before {
		width: 2vw;
		height: 2.500vw;
		/* width:16px; height:20px; */
	}

	.lp-info {
		font-size: 1.75vw;
		/* font-size:14px; */
	}

	.lp-info:before {
		width: 2vw;
		height: 2vw;
		margin-right: 0.625vw;
		/* width:16px;height:16px;margin-right:5px; */
	}

	/*===== POPUP =====*/
	.daily-popup {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .6);
	}

	.daily-popup.moVer {
		display: none;
	}

	.daily-popup section {
		font-size: 18px;
		width: 100%;
	}

	.daily-popup .dp-cList {
		display: flex;
		margin-right: 0;
		box-shadow: 0 0 1.25vw rgba(100, 100, 100, .6);
		/* box-shadow: 0 0 10px rgba(100,100,100,.6);  */
	}

	.daily-popup .dp-btm-area {
		width: 100%;
		padding: 1.25vw 1.875vw;
		/* padding: 10px 15px; */
	}

	.daily-popup .dp-btm-area .cBox label {
		font-size: 1.875vw;
		/* font-size:15px; */
	}

	.daily-popup .dp-btm-area .cBox label i {
		width: 2.5vw;
		height: 2.5vw;
		font-size: 1vw;
		margin-right: 0.375vw;
		/* width:20px; height:20px; font-size:8px; margin-right:3px;  */
	}

	.daily-popup .dp-btm-area .dp-close {
		font-size: 1.75vw;
		/* font-size:14px; */
	}

	.daily-popup .dp-btm-area .dp-close i {
		width: 1.5vw;
		height: 1.5vw;
		margin-right: 0.625vw;
		/* width:12px; height:12px; margin-right:5px; */
	}

	.daily-popup .dp-btm-area .dp-close i:before,
	.daily-popup .dp-btm-area .dp-close i:after {
		height: 0.25vw;
		/* height:2px; */
	}

	/* 이미지 링크 */
	.daily-popup.moVer .dp-cont {
		max-width: 40vw;
		width: 100%;
		margin: 0 auto;
		flex-direction: column;
		/* max-width: 320px; */
	}

	.daily-popup .dp-cList.slick-slider {
		max-width: 100%;
		margin: 0;
	}

	.daily-popup .dp-cList .slick-slide>div {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.daily-popup .dp-cList .dp-link {
		width: 40vw;
		height: 33.75vw;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		/* width: 320px;height: 270px; */
	}

	/* 좌 우 버튼 */
	.daily-popup .slick-arrow:before {
		display: none;
	}

	.daily-popup .slick-arrow {
		background: rgba(0, 0, 0, .5);
		width: 5vw;
		height: 5vw;
		z-index: 1;
		/* width:40px;height:40px; */
	}

	.daily-popup .slick-arrow>i {
		font-size: 0.625vw;
		width: 1.375vw;
		height: 1.375vw;
		/* font-size:5px;width: 11px;height:11px; */
	}

	.daily-popup .slick-arrow>i:after {
		margin-left: -0.688vw;
		/* margin-left:-5.5px; */
	}

	.daily-popup .slick-prev {
		left: 0
	}

	.daily-popup .slick-next {
		right: 0
	}

	.daily-popup .slick-prev>i {
		transform: rotate(180deg)
	}

	.daily-popup .slick-disabled.slick-arrow {
		display: none !important;
	}

	/* dots */
	.dp-dots-area {
		display: none;
		width: 100%;
		align-items: center;
		justify-content: center;
		margin-top: 0.625vw;
		/* margin-top: 5px; */
	}

	.dp-dots-area button[class*="dp-slide"] {
		font-size: 0;
		display: none;
		width: 3.625vw;
		height: 3.625vw;
		justify-content: center;
		align-items: center;
		/* width: 29px;height: 29px; */
	}

	.dp-dots-area .dp-slide-play i {
		width: 1.375vw;
		height: 1.375vw;
		font-size: 9px;
		/* width: 11px;height: 11px;font-size: 9px; */
	}

	.dp-dots-area .dp-slide-play i:before {
		border-color: transparent transparent transparent rgba(255, 255, 255, .95);
	}

	.dp-dots-area .dp-slide-stop i {
		width: 1.125vw;
		height: 1.25vw;
		font-size: 0.875vw;
		/* width: 9px;height: 10px;font-size:7px; */
	}

	.dp-dots-area .dp-slide-stop i:before,
	.dp-dots-area .dp-slide-stop i:after {
		width: 0.25vw;
		background: rgba(255, 255, 255, .95);
		/* width:2px; */
	}

	.daily-popup .slick-dots {
		position: inherit;
		width: auto;
	}

	.daily-popup .slick-dots li {
		width: inherit;
		height: inherit;
		margin: 0;
		position: inherit;
	}

	.daily-popup .slick-dots li button {
		width: auto;
		height: 3.625vw;
		padding: 0 0.625vw;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		/* height:29px;padding: 0 5px; */
	}

	.daily-popup .slick-dots li:first-child button {
		padding-left: 0;
	}

	.daily-popup .slick-dots li:last-child button {
		padding-right: 0;
	}

	.daily-popup .slick-dots li button:before {
		position: inherit;
		font-size: 0;
		width: 1.375vw;
		height: 1.375vw;
		border-radius: 3.75vw;
		background: #fff;
		top: inherit;
		left: inherit;
		opacity: .5;
		/* width:11px;height:11px;border-radius: 30px; */
	}

	.daily-popup .slick-dots li.slick-active button:before {
		opacity: .95;
		width: 3.75vw;
		/* width: 30px; */
	}


	/* 팝업 */
	.widePopupList .wp-tit {
		padding: 3.125vw 0 1.875vw 0;
		/* padding: 25px 0 15px 0; */
	}

	.widePopupList .wp-tit h2 {
		font-size: 2.5vw;
		/* font-size:20px; */
	}

	.widePopupList .wp-tit .wp-close {
		width: 2.5vw;
		/* height:20px; */
	}





}


/* ==== 770px 이하 일때 ==== */
@media only screen and (max-width:770px) {

	/* ------------------

	px to vw
	veiwport : 800px 기준

	---------------------*/


	.pcContainer {
		padding: 0 5vw;
		/* padding: 0 40px; */
	}

	/*===== HEADER =====*/
	header .pcContainer {
		padding: 5vw;
		/* padding:40px; */
	}

	header#scroll .pcContainer,
	header.map .pcContainer,
	header.sub .pcContainer {
		padding: 2.500vw 5vw;
		/* padding:20px 40px; */
	}

	.wrapHeader {
		padding: 1.125vw 0;
		/* padding: 9px 0; */
	}

	/* 모바일 메뉴 버튼 */
	.moMenu {
		width: 6vw;
		height: 4.250vw;
		top: 0.500vw;
		/* width:48px;height:34px;top: 4px; */
	}

	.moMenu:before,
	.moMenu:after {
		height: 0.250vw;
		/* height:2px; */
	}

	.moMenu>i {
		height: 0.250vw;
		/* height: 2px; */
	}

	.moMenu.open:before,
	.moMenu.open:after {
		top: calc(55% - 0.250vw);
		/* top: calc(55% - 2px); */
	}

	/* ^ 로고 */
	.wrapHeader .logo {
		max-width: 45.875vw;
		/* max-width: 367px; */
	}

	.wrapHeader .right {
		padding: 17.500vw 5vw 5vw 5vw;
		/* padding: 140px 40px 40px 40px; */
	}

	/* ^ 메뉴 */
	.wrapHeader .gnb {
		margin-top: 5vw;
		/* margin-top: 40px; */
	}

	.wrapHeader .gnb li {
		padding-top: 3.750vw;
		/* padding-top: 30px; */
	}

	.wrapHeader .gnb li>a {
		font-size: 3.125vw;
		/* font-size: 25px;width: 100%; */
	}

	.wrapHeader .gnb li>a>i {
		width: 3.125vw;
		height: 3.125vw;
		/* width:25px; height:25px; */
	}

	.wrapHeader .gnb li>.sub>a {
		font-size: 2.500vw;
		padding-top: 2.500vw;
		/* font-size: 20px;padding-top: 20px; */
	}

	.wrapHeader .gnb li>.sub>a:before {
		width: 1.250vw;
		margin: 0 1.250vw 0 2.500vw;
		/* width: 10px;height:1px;margin: 0 10px 0 20px; */
	}

	.wrapHeader .nav {
		margin-bottom: 0;
		height: 4vw;
		/* margin-bottom: -32px;height: 32px; */
	}

	.wrapHeader .nav li:after {
		content: '';
		margin: 0 1.250vw;
		/* content:''; margin:0 10px; */
	}

	.wrapHeader .nav li>a {
		font-size: 2.125vw;
		/* font-size:17px; */
	}

	/* ^ 로그인 버튼 */
	.wrapHeader .login {
		padding: 0.625vw 2.125vw;
		border-radius: 0.625vw;
		font-size: 2.500vw;
		/* padding: 5px 17px;border-radius: 5px;font-size: 20px; */
	}

	/*===== FOOTER =====*/
	.wrapFooter {
		/* padding: 4.375vw 0 5vw 0; */
		/* padding: 35px 0 40px 0; */
	}

	.wrapFooter .top {
		margin-bottom: 2.500vw;
		/* margin-bottom:20px; */
	}

	/* ^ 로고 */
	footer .logo>img {
		width: 18.750vw;
		/* width: 150px; */
	}

	/* ^ 개인정보처리방침 & 사이트 맵 & 관리자 */
	footer .nav>li:before {
		width: 0.250vw;
		height: 0.250vw;
		margin-left: 1.875vw;
		/* width:2px; height:2px; margin-left:15px; */
	}

	footer .nav>li>a {
		font-size: 1.875vw;
		padding-left: 1.875vw;
		/* font-size:15px; padding-left:15px; */
	}

	/* 고객센터 */
	footer .service {
		padding: 2.500vw 0;
		margin-top: 2.500vw;
		/* padding: 20px 0; margin-top: 20px; */
	}

	footer .service:before {
		width: 4.750vw;
		height: 4.750vw;
		margin-right: 1.625vw;
		/* width: 38px;height: 38px;margin-right: 13px; */
	}

	footer .service .num {
		font-size: 2.125vw;
		margin-bottom: 0.500vw;
		/* font-size: 17px;margin-bottom:4px; */
	}

	footer .service .num>b {
		font-size: 2.375vw;
		margin-left: 1.250vw;
		/* font-size: 19px;margin-left: 10px; */
	}

	footer .service .date {
		font-size: 1.750vw;
		/* font-size: 14px; */
	}

	footer .service .date>b {
		font-size: 1.875vw;
		/* font-size: 15px; */
	}

	/* 관련사이트 선택 */

	/* 셀렉트박스 */
	footer .site .list {
		width: 26.250vw;
		/* width: 210px;  */
	}

	/*
			footer .site .list > button{font-size: 2.125vw;padding:1.375vw 1.875vw; }
			*/
	/* font-size: 17px;padding:11px 15px; */
	footer .site .list>button:after {
		border-left: 0.438vw solid transparent;
		border-right: 0.438vw solid transparent;
		border-top: 0.500vw solid #fff;
		/* border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; border-top: 4px solid #fff; */
	}

	/* ^ 리스트 */
	footer .site .sList {
		bottom: 5vw;
		/* bottom: 40px; */
	}

	footer .site .sList>button {
		font-size: 2.125vw;
		padding: 1.375vw 1.875vw;
		/* font-size: 17px;padding:11px 15px; */
	}

	/* 이동 버튼 */
	.goLink {
		font-size: 1.625vw;
		line-height: 4.375vw;
		height: 4.375vw;
		padding: 0 1.875vw;
		margin-left: 0.625vw;
		/* font-size: 17px;padding:0px 15px;margin-left:5px; */
	}

	/* 주소 */
	.wrapFooter .bottom>ul>li {
		font-size: 2vw;
		/* font-size: 16px; */
	}

	.wrapFooter .bottom>ul>li:nth-child(2) {
		margin: 1.875vw 0;
		/* margin: 15px 0; */
	}

	.wrapFooter .bottom>ul>li>b {
		margin-right: 2.500vw;
		/* margin-right: 20px; */
	}



}


/* ==== 600px 이하 일때 ==== */
@media only screen and (max-width:600px) {

	/* ------------------

	px to vw
	veiwport : 400px 기준

	---------------------*/
	.pcContainer {
		padding: 0 5vw;
		/* padding: 0 20px; */
	}

	/*===== HEADER =====*/
	header .pcContainer {
		padding: 5vw;
		/* padding: 20px; */
	}

	header#scroll .pcContainer,
	header.map .pcContainer,
	header.sub .pcContainer {
		padding: 5vw;
		/* padding: 20px; */
	}

	.wrapHeader {
		padding: 0;
	}

	/* 모바일 메뉴 버튼 */
	.moMenu {
		width: 16.250vw;
		height: 14.500vw;
		top: -3.500vw;
		left: -5vw;
		padding: 5vw;
		/* width: 65px;height: 58px;top: -14px;left: -20px;padding: 20px; */
	}

	.moMenu:before,
	.moMenu:after {
		height: 1px;
	}

	.moMenu>i {
		height: 1px;
	}

	.moMenu.open:before,
	.moMenu.open:after {
		top: calc(55% - 0.500vw);
		width: 50%;
		left: 25%;
		/* top: calc(55% - 2px); */
	}

	/* ^ 로고 */
	.wrapHeader .logo {
		max-width: 52.500vw;
		/* max-width: 210px; */
	}

	.wrapHeader .right {
		width: 70%;
		padding: 27.500vw 5vw 5vw 5vw;
		/* padding: 110px 20px 20px 20px; */
	}

	/* ^ 메뉴 */
	.wrapHeader .gnb {
		margin-top: 5vw;
		/* margin-top: 20px; */
	}

	.wrapHeader .gnb li {
		padding-top: 7.500vw;
		/* padding-top: 30px; */
	}

	.wrapHeader .gnb li>a {
		font-size: 5vw;
		width: 100%;
		/* font-size: 20px;width: 100%; */
	}

	.wrapHeader .gnb li>a>i {
		width: 6.250vw;
		height: 6.250vw;
		/* width:25px; height:25px; */
	}

	.wrapHeader .gnb li>.sub>a {
		font-size: 4.250vw;
		padding-top: 5vw;
		/* font-size: 17px;padding-top: 20px; */
	}

	.wrapHeader .gnb li>.sub>a:before {
		width: 2.500vw;
		height: 1px;
		margin: 0 2.500vw 0 5vw;
		/* width: 10px;margin: 0 10px 0 20px; */
	}

	.wrapHeader .nav {
		margin-bottom: -8vw;
		height: 8vw;
		/* margin-bottom: -32px;height: 32px; */
	}

	.wrapHeader .nav li:after {
		content: '';
		margin: 0 2.500vw;
		/* margin:0 10px; */
	}


	/* ^ 로그인 버튼 */
	.wrapHeader .login {
		padding: 1.250vw 4.250vw;
		border-radius: 1.250vw;
		font-size: 3.750vw;
		top: 5.25vw;
		right: 3.75vw;
		/* padding: 5px 17px;border-radius: 5px;font-size: 15px; top: 35px;right: 30px; */
	}

	.wrapHeader .my.p {
		top: 6.75vw;
		margin-left: 0;
		right: 30vw;
		font-size: 3.75vw;
		padding: 0;
		line-height: 1;
		/* top: 27px;right: 120px;font-size: 15px; */
	}

	/*===== FOOTER =====*/
	.wrapFooter {
		/* padding: 6.250vw 0; */
		/* padding: 25px 0; */
	}

	.wrapFooter .top {
		margin-bottom: 0;
		/* margin-bottom: 25px; */
	}

	/* ^ 로고 */
	footer .logo {
		margin-left: 0;
	}

	footer .logo>img {
		width: 32.500vw;
		/* width: 130px; */
	}

	/* ^ 개인정보처리방침 & 사이트 맵 & 관리자 */
	footer .nav>li:before {
		width: 0.500vw;
		height: 0.500vw;
		margin-left: 3.750vw;
		/* width:2px; height:2px; margin-left:15px; */
	}

	footer .nav>li>a {
		font-size: 3.750vw;
		padding-left: 3.750vw;
		/* font-size:15px; padding-left:15px; */
	}


	/* 고객센터 */
	footer .service {
		padding: 5vw 0;
		margin-top: 5vw;
		/* padding: 20px 0;margin-top: 20px; */
	}

	footer .service:before {
		width: 9.500vw;
		height: 9.500vw;
		margin-right: 3.250vw;
		/* width: 38px;height: 38px;margin-right: 13px; */
	}

	footer .service .num {
		font-size: 3.750vw;
		margin-bottom: 1vw;
		/* font-size: 15px;margin-bottom:4px; */
	}

	footer .service .num>b {
		font-size: 4.500vw;
		margin-left: 2.500vw;
		/* font-size: 18px;margin-left: 10px; */
	}

	footer .service .date {
		font-size: 3.250vw;
		/* font-size: 13px; */
	}

	footer .service .date>b {
		font-size: 3.750vw;
		/* font-size: 15px; */
	}

	/* 관련사이트 선택 */

	/* 셀렉트박스 */
	footer .site {
		width: auto;
		justify-content: center;
	}

	footer .site .list {
		width: 37.500vw;
		/* width: 150px; */
	}

	footer .site .list>button {
		font-size: 3.250vw;
		padding: 2.500vw;
		border-color: #959595;
		background: #6e6e72;
		/* font-size: 13px;padding: 10px; */
	}

	footer .site .list>button:after {
		border-left: 0.875vw solid transparent;
		border-right: 0.875vw solid transparent;
		border-top: 1vw solid #fff;
		/* border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; border-top: 4px solid #fff; */
	}

	/* ^ 리스트 */
	footer .site .sList {
		bottom: 8.750vw;
		/* bottom: 35px; */
	}

	footer .site .sList>button {
		font-size: 3.250vw;
		padding: 2.500vw;
		/* font-size: 13px;padding: 10px; */
	}

	/* 이동 버튼 */
	.goLink {
		font-size: 3.250vw;
		margin-left: 1.250vw;
		height: 5.8333vw;
		line-height: 5.8333vw;
		background: #333;
		/* font-size: 13px;padding: 11px;margin-left:5px;*/
	}

	/* 주소 */
	.wrapFooter .bottom>ul>li {
		font-size: 3vw;
		letter-spacing: 0;
		/* font-size: 12px; */
	}

	.wrapFooter .bottom>ul>li:nth-child(2) {
		margin: 2.500vw 0;
		/* margin: 10px 0; */
	}

	.wrapFooter .bottom>ul>li>b {
		margin-right: 5vw;
		/* margin-right: 20px; */
	}

	.wrapHeader .nav {
		margin-bottom: 0;
		height: 6.750vw;
		/* margin-bottom: -27px;height: 27px; */
	}

	.wrapHeader .nav li:after {
		margin: 0 2.500vw;
		/* margin:0 10px;  */
	}

	.wrapHeader .nav li>a {
		font-size: 3vw;
		/* font-size: 12px; */
	}

	/*===== LOGIN =====*/
	.login-popup>div>div {
		padding: 1.25vw 5vw 5vw;
		border-radius: 2.5vw;
		/* padding:5px 30px 30px;border-radius: 10px; */
	}

	.lp-btn-area {
		margin: 2.5vw 0 5vw 0;
		padding: 0 2.5vw;
		/* margin: 10px 0 20px 0;padding: 0 10px; */
	}

	.lp-btn-area a {
		padding: 2.5vw 0;
		margin-top: 2.5vw;
		font-size: 3.5vw;
		width: 70vw;
		height: 15vw;
		/* padding: 10px 0;margin-top:10px;font-size: 14px; width:280px; height:60px; */
	}

	.lp-btn-area a:before {
		width: 5vw;
		height: 5vw;
		margin-right: 3.75vw;
		/* width: 20px;height: 20px;margin-right:15px; */
	}

	.lp-btn-area a.apple-login-btn:before {
		width: 4vw;
		height: 5vw;
		/* width:16px; height:20px; */
	}

	.lp-info {
		font-size: 3vw;
		line-height: 1;
		/* font-size: 12px;line-height: 1; */
	}

	.lp-info:before {
		width: 3.25vw;
		height: 3.25vw;
		margin-right: 1.25vw;
		/*  width: 13px;height: 13px;margin-right:5px; */
	}

	/* table-area */
	.table_area {
		overflow-x: hidden;
	}

	.table_area>table {
		min-width: 100%;
	}

	.table-type-01.bl-td-none td.pcVer+td,
	.table-type-01.bl-th-none th.pcVer+th {
		border-left: none;
	}

	.table-type-01.bl-td-none td:not(.pcVer)+.pcVer+td,
	.table-type-01.bl-th-none th:not(.pcVer)+.pcVer+th {
		border-left: 1px solid #e0e2e6;
	}


	/*===== POPUP =====*/
	.daily-popup section {
		font-size: 4.5vw;
		/* font-size: 18px; */
	}

	.daily-popup .dp-cList {
		box-shadow: 0 0 2.5vw rgba(100, 100, 100, .6);
		/* box-shadow: 0 0 10px rgba(100,100,100,.6);  */
	}

	.daily-popup .dp-btm-area {
		padding: 2.5vw 3.75vw;
		/* padding: 10px 15px; */
	}

	.daily-popup .dp-btm-area .cBox label {
		font-size: 3.75vw;
		/* font-size:15px; */
	}

	.daily-popup .dp-btm-area .cBox label i {
		width: 5vw;
		height: 5vw;
		font-size: 2vw;
		margin-right: 0.75vw;
		/* width:20px; height:20px; font-size:8px; margin-right:3px;  */
	}

	.daily-popup .dp-btm-area .dp-close {
		font-size: 3.5vw;
		/* font-size:14px; */
	}

	.daily-popup .dp-btm-area .dp-close i {
		width: 3vw;
		height: 3vw;
		margin-right: 1.25vw;
		/* width:12px; height:12px; margin-right:5px; */
	}

	.daily-popup .dp-btm-area .dp-close i:before,
	.daily-popup .dp-btm-area .dp-close i:after {
		height: 0.5vw;
		/* height:2px; */
	}

	/* 이미지 링크 */
	.daily-popup.moVer .dp-cont {
		max-width: 80vw;
		/* max-width: 320px; */
	}

	.daily-popup .dp-cList .dp-link {
		width: 80vw;
		height: 67.5vw;
		/* width: 320px;height: 270px; */
	}

	/* 좌 우 버튼 */
	.daily-popup .slick-arrow {
		width: 10vw;
		height: 10vw;
		/* width:40px;height:40px; */
	}

	.daily-popup .slick-arrow>i {
		font-size: 1.25vw;
		width: 2.75vw;
		height: 2.75vw;
		/* font-size:5px;width: 11px;height:11px; */
	}

	.daily-popup .slick-arrow>i:after {
		margin-left: -1.375vw;
		/* margin-left:-5.5px; */
	}

	/* dots */
	.dp-dots-area {
		margin-top: 1.25vw;
		/* margin-top: 5px; */
	}

	.dp-dots-area button[class*="dp-slide"] {
		width: 7.25vw;
		height: 7.25vw;
		/* width: 29px;height: 29px; */
	}

	.dp-dots-area .dp-slide-play i {
		width: 2.75vw;
		height: 2.75vw;
		font-size: 2.25vw;
		/* width: 11px;height: 11px;font-size: 9px; */
	}

	.dp-dots-area .dp-slide-stop i {
		width: 2.25vw;
		height: 2.5vw;
		font-size: 1.75vw;
		/* width: 9px;height: 10px;font-size:7px; */
	}

	.dp-dots-area .dp-slide-stop i:before,
	.dp-dots-area .dp-slide-stop i:after {
		width: 0.5vw;
		/* width:2px; */
	}

	.daily-popup .slick-dots li button {
		height: 7.25vw;
		padding: 0 1.25vw;
		/* height:29px;padding: 0 5px; */
	}

	.daily-popup .slick-dots li button:before {
		width: 2.75vw;
		height: 2.75vw;
		border-radius: 7.5vw;
		/* width:11px;height:11px;border-radius: 30px; */
	}

	.daily-popup .slick-dots li.slick-active button:before {
		width: 7.5vw;
		/* width: 30px; */
	}


	/* 팝업 */
	.widePopupList .wp-tit {
		padding: 3.75vw 0;
		/* padding: 15px 0; */
	}

	.widePopupList .wp-tit h2 {
		font-size: 4.500vw;
		/* font-size:18px; */
	}

	.widePopupList .wp-tit .wp-close {
		width: 4.500vw;
		/* height:18px; */
	}
}




.drop-nav {
	position: relative;
	z-index: 10;
}

.drop-nav>button {
	position: relative;
	background: #fff;
}

.drop-nav>button i::before {
	transition: all .25s;
}

.drop-nav.open>button i::before {
	transform: rotate(-135deg);
	top: calc(25% + 2px);
}

.drop-nav--list {
	position: absolute;
	border: 1px solid #77bdf1;
	border-radius: 15px;
	left: 0;
	top: 0;
	right: 0;
	background: #fff;
	top: 10px;
	padding-top: 20px;
	z-index: -1;
	padding-bottom: 5px;
	display: none;
}

.drop-nav--list button {
	font-size: 11px;
	display: flex;
	padding: 2px 5px;
}

.drop-nav--list button i {
	margin-right: 3px;
}

.drop-nav--list button.active {
	color: #0083e4
}


/* 안전정보다운로드 페이지 row */
td.pcVer.dataCnt {
	text-align: right;
	padding-right: 1%;
}

.mM-count.hidden {
	display: none;
}