@charset "utf-8";

/**
 *	메인
 */
/* 공통 */
#contents.main {
	padding-top: 0;
	word-break: keep-all;
}

h2.main-title {
	margin-bottom: 15px;
	font-family: "GyeonggiTitle", sans-serif;
	font-weight: bold;
	font-size: 28px;
	letter-spacing: -0.05em;
	color: #363940;
}

@media (max-width: 768px) {
	h2.main-title {
		font-size: 20px;
		margin-bottom: 10px;
	}
}

/* 계절시안 */
/* 가을 */
.autumn.section-map {
	background-image: url("../images/main/bg_main_fall.png");
}

.autumn .main-map::after {
	background-image: url("../images/main/map_text_fall.png");
	top: 10px;
	right: -115px;
	width: 501px;
	height: 332px;
}

.autumn .map-wrap::after {
	background-image: url("../images/main/main_fall_img.png");
	width: 191px;
	height: 114px;
	bottom: 168px;
	left: 236px;
}

/* 겨울 */
.winter.section-map {
	background-image: url("../images/main/bg_main_winter.png");
}

.winter .main-map::after {
	background-image: url("../images/main/map_text_winter.png");
	top: 10px;
	right: -115px;
	width: 501px;
	height: 332px;
}

.winter .map-wrap::after {
	background-image: url("../images/main/main_winter_img.png");
	width: 289px;
	height: 112px;
	bottom: 162px;
	left: 180px;
}

/* 봄 */
.spring.section-map {
	background-image: url("../images/main/bg_main_spring.png");
}

/* .spring .main-map::after {
	background-image: url("../images/main/map_text_spring.png");
	top: 10px;
	right: -115px;
	width: 501px;
	height: 332px;
} */

.spring .map-wrap::after {
	background-image: url("../images/main/main_spring_img.png");
	width: 151px;
	height: 103px;
	bottom: 165px;
	left: 244px;
}

/* 여름 */
.summer.section-map {
	background-image: url("../images/main/bg_main_summer.png");
}

/* .summer .main-map::after {
	background-image: url("../images/main/map_text_summer.png");
	top: 10px;
	right: -115px;
	width: 501px;
	height: 332px;
} */

.summer .map-wrap::after {
	background-image: url("../images/main/main_summer_img.png");
	width: 169px;
	height: 163px;
	bottom: 134px;
	left: 240px;
}

/* /계절시안 */

/* 지도 */
.section-map {
	height: 803px;
	background-image: url("../images/main/bg_main.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	/* overflow: hidden; */
}

.map-pc {
	position: relative;
}

.map-mobile {
	display: none;
}

.main-map {
	text-align: center;
	padding-left: 229px;
	padding-top: 57px;
}

/* .main-map::after {
	content: "";
	position: absolute;
	top: 120px;
	right: 0;
	width: 278px;
	height: 104px;
	background: url("../images/main/map_text.png") no-repeat;
}
 */
.map-wrap::after {
	content: "";
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
}

.main-map .map-wrap {
	position: relative;
	display: inline-block;
}

.main-map-course dt,
.main-map-course dd {
	position: absolute;
}

.main-map-course .map-item-path {
	min-width: 110px;
	height: 42px;
	border: 4px solid #fff;
	border-radius: 21px;
	color: #fff;
	font-size: 14px;
	font-family: "GyeonggiTitle", sans-serif;
	line-height: 34px;
	padding: 0 18px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.16);
}

.main-map-course .map-item-course {
	display: block;
}

.main-map-course .map-item-course:hover {
	position: relative;
	z-index: 1;
}

.main-map-course .map-item-course img {
	display: block;
	margin: 0 auto;
}

.main-map-course .map-item-course .hover {
	display: none;
}

.main-map-course .map-item-course:hover .default {
	display: none;
}

.main-map-course .map-item-course:hover .hover {
	display: block;
}

.main-map-course .map-item-course span {
	display: block;
	height: 24px;
	background: #fff;
	border-radius: 12px;
	color: #4e4e4e;
	font-size: 11px;
	font-weight: 500;
	line-height: 22px;
	border: 1px solid #969595;
	padding: 0 9px;
	box-shadow: 3px 2px 1px rgba(131, 128, 141, 0.28);
	min-width: 55px;
}

.main-map-course .map-item-course:hover span {
	height: 30px;
	border-radius: 15px;
	background: #0093ff;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	border: 2px solid #fff;
	line-height: 26px;
	padding: 0 12px;
	box-shadow: 3px 2px 8px rgba(125, 125, 125, 0.93);
	min-width: 70px;
}

.main-map-course .path1 {
	top: 190px;
	left: 150px;
}

.main-map-course .path2 {
	top: 250px;
	left: 500px;
}

.main-map-course .path3 {
	top: 620px;
	left: 480px;
}

.main-map-course .path4 {
	top: 490px;
	left: 110px;
}

.main-map-course .path1 .map-item-path,
.main-map-course .path1 ~ dd .map-item-course:hover span {
	background: #f22f49;
}

.main-map-course .path2 .map-item-path,
.main-map-course .path2 ~ dd .map-item-course:hover span {
	background: #b84900;
}

.main-map-course .path3 .map-item-path,
.main-map-course .path3 ~ dd .map-item-course:hover span {
	background: #3b8000;
}

.main-map-course .path4 .map-item-path,
.main-map-course .path4 ~ dd .map-item-course:hover span {
	background: #1f95ee;
}

.main-map-course .course01 {
	top: 195px;
	left: -24px;
}

.main-map-course .course02 {
	top: 208px;
	left: 35px;
}

.main-map-course .course03 {
	top: 300px;
	left: 70px;
}

.main-map-course .course04 {
	top: 246px;
	left: 92px;
}

.main-map-course .course05 {
	top: 234px;
	left: 150px;
}

.main-map-course .course06 {
	top: 191px;
	left: 96px;
}

.main-map-course .course07 {
	top: 136px;
	left: 68px;
}

.main-map-course .course08 {
	top: 140px;
	left: 165px;
}

.main-map-course .course09 {
	top: 81px;
	left: 129px;
}

.main-map-course .course10 {
	top: 62px;
	left: 183px;
}

.main-map-course .course11 {
	top: 9px;
	left: 205px;
}

.main-map-course .course12 {
	top: 71px;
	left: 247px;
}

.main-map-course .course13 {
	top: 29px;
	left: 298px;
}

.main-map-course .course14 {
	top: 69px;
	left: 344px;
}

.main-map-course .course15 {
	top: 123px;
	left: 294px;
}

.main-map-course .course16 {
	top: 120px;
	left: 376px;
}

.main-map-course .course17 {
	top: 163px;
	left: 334px;
}

.main-map-course .course18 {
	top: 135px;
	left: 434px;
}

.main-map-course .course19 {
	top: 183px;
	left: 441px;
}

.main-map-course .course20 {
	top: 235px;
	left: 430px;
}

.main-map-course .course21 {
	top: 248px;
	left: 339px;
}

.main-map-course .course22 {
	top: 283px;
	left: 391px;
}

.main-map-course .course23 {
	top: 284px;
	left: 453px;
}

.main-map-course .course24 {
	top: 309px;
	left: 348px;
}

.main-map-course .course25 {
	top: 342px;
	left: 402px;
}

.main-map-course .course26 {
	top: 306px;
	left: 506px;
}

.main-map-course .course27 {
	top: 313px;
	left: 563px;
}

.main-map-course .course28 {
	top: 368px;
	left: 538px;
}

.main-map-course .course29 {
	top: 360px;
	left: 465px;
}

.main-map-course .course30 {
	top: 424px;
	left: 530px;
}

.main-map-course .course31 {
	top: 430px;
	left: 469px;
}

.main-map-course .course32 {
	top: 473px;
	left: 526px;
}

.main-map-course .course33 {
	top: 526px;
	left: 520px;
}

.main-map-course .course34 {
	top: 488px;
	left: 451px;
}

.main-map-course .course35 {
	top: 565px;
	left: 474px;
}

.main-map-course .course36 {
	top: 587px;
	left: 410px;
}

.main-map-course .course37 {
	top: 538px;
	left: 426px;
}

.main-map-course .course38 {
	top: 534px;
	left: 364px;
}

.main-map-course .course39 {
	top: 632px;
	left: 368px;
}

.main-map-course .course40 {
	top: 584px;
	left: 335px;
}

.main-map-course .course41 {
	top: 650px;
	left: 314px;
}

.main-map-course .course42 {
	top: 596px;
	left: 283px;
}

.main-map-course .course43 {
	top: 584px;
	left: 232px;
}

.main-map-course .course44 {
	top: 659px;
	left: 257px;
}

.main-map-course .course45 {
	top: 627px;
	left: 197px;
}

.main-map-course .course46 {
	top: 562px;
	left: 154px;
}

.main-map-course .course47 {
	top: 650px;
	left: 136px;
}

.main-map-course .course48 {
	top: 600px;
	left: 96px;
}

.main-map-course .course49 {
	top: 546px;
	left: 61px;
}

.main-map-course .course50 {
	top: 524px;
	left: 12px;
}

.main-map-course .course51 {
	top: 462px;
	left: -12px;
}

.main-map-course .course52 {
	top: 443px;
	left: 51px;
}

.main-map-course .course53 {
	top: 400px;
	left: 15px;
}

.main-map-course .course54 {
	top: 413px;
	left: 103px;
}

.main-map-course .course55 {
	top: 371px;
	left: 143px;
}

.main-map-course .course56 {
	top: 358px;
	left: 68px;
}

.main-map-course .course57 {
	top: 321px;
	left: 123px;
}

.main-map-course .course58 {
	top: 316px;
	left: 16px;
}

.main-map-course .course59 {
	top: 305px;
	left: -42px;
}

.main-map-course .course60 {
	top: 250px;
	left: -60px;
}

.main-map-info {
	position: absolute;
	top: -97px;
	left: 0;
	width: 308px;
	background: #0b75dd;
	z-index: 10;
}

.main-map-info .info-head {
	height: 309px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #002870;
	padding-left: 40px;
}

.main-map-info .info-body {
	padding-top: 68px;
	color: #fff;
}

.main-map-info .info-course {
	height: 79px;
	line-height: 80px;
	font-family: "GyeonggiTitle", sans-serif;
	font-size: 32px;
	font-weight: bold;
}

.main-map-info .info-course strong {
	display: inline-block;
	width: 185px;
	height: 100%;
	background: #fff;
	color: #0b75dd;
	text-align: center;
	border-radius: 0 39px 39px 0;
}

.main-map-info .info-course span {
	margin-left: 20px;
}

.main-map-info .info-list {
	display: flex;
	height: 444px;
	flex-direction: column;
	justify-content: space-between;
}

.main-map-info .info-list dl {
	padding: 70px 40px 0 40px;
	font-size: 17px;
	letter-spacing: -0.04em;
}

.main-map-info .info-list dl div {
	display: flex;
	position: relative;
	padding-left: 13px;
}

.main-map-info .info-list dl div::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	width: 4px;
	height: 4px;
	background: #c7dff7;
}

.main-map-info .info-list dl div + div {
	margin-top: 6px;
}

.main-map-info .info-list dt {
	font-weight: 600;
	flex: 0 0 auto;
}

.main-map-info .info-list dd {
	font-weight: 300;
	flex: 1 1 auto;
	margin-left: 4px;
	word-break: keep-all;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.main-map-info .info-stamp {
	text-align: center;
	padding-bottom: 39px;
}

.main-course-list {
	background: #fff;
	box-shadow: 3px 3px 16px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	letter-spacing: -0.04em;
	overflow: hidden;
}

.main-course-list .path-wrap {
	position: relative;
	padding-left: 15px;
}

.main-course-list .path-wrap::before {
	content: "";
	position: absolute;
	width: 15px;
	top: 0;
	left: 0;
	bottom: 0;
}

.main-course-list .path-wrap + .path-wrap {
	border-top: 1px solid #d5d5d5;
}

.main-course-list .btn-path {
	position: relative;
	width: 100%;
	height: 50px;
	padding: 0 40px 0 20px;
	font-size: 15px;
	font-weight: 600;
	text-align: left;
	line-height: 1.2;
}

.main-course-list .btn-path::after {
	content: "\f078";
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -7px;
	font-family: "Font Awesome 5 Pro";
	color: #93989f;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
}

.main-course-list .btn-path.on {
	border-bottom: 1px solid #d5d5d5;
}

.main-course-list .btn-path.on::after {
	content: "\f077";
}

.main-course-list .btn-path span {
	color: #606060;
	font-size: 12px;
	font-weight: 500;
	display: inline-block;
}

.main-course-list .course-wrap {
	display: none;
	background: #f6f7fd;
}

.main-course-list .btn-path.on + .course-wrap {
	display: block;
}

.main-course-list .course-wrap li + li {
	border-top: 1px dashed #c7c8ce;
}

.main-course-list .course-wrap a {
	display: flex;
	padding: 10px 20px;
	align-items: center;
}

.main-course-list .course-wrap .tit {
	flex: 0 0 100px;
	color: #3a3a3a;
	font-size: 12px;
	font-weight: 600;
}

.main-course-list .course-wrap .txt {
	flex: 1 1 auto;
	color: #5b5b5b;
	font-size: 11px;
	font-weight: 500;
}

/* 경기 평화누리길 */
.main-course-list .path1::before {
	background: #e0453b;
}

.main-course-list .path1 .btn-path,
.main-course-list .path1 .btn-path.on::after {
	color: #e5021e;
}

.main-course-list .path1 .course-wrap a:hover {
	background: #f3e7ec;
}

.main-course-list .path1 .course-wrap a:hover .tit,
.main-course-list .path1 .course-wrap a:hover .txt {
	color: #d31e15;
}

/* 경기 숲길 */
.main-course-list .path2::before {
	background: #f98f00;
}

.main-course-list .path2 .btn-path,
.main-course-list .path2 .btn-path.on::after {
	color: #f16c00;
}

.main-course-list .path2 .course-wrap a:hover {
	background: #fff1dd;
}

.main-course-list .path2 .course-wrap a:hover .tit,
.main-course-list .path2 .course-wrap a:hover .txt {
	color: #f16c00;
}

/* 경기 물길 */
.main-course-list .path3::before {
	background: #8acc34;
}

.main-course-list .path3 .btn-path {
	color: #5da301;
}

.main-course-list .path3 .btn-path.on::after {
	color: #8acc34;
}

.main-course-list .path3 .course-wrap a:hover {
	background: #e3f3de;
}

.main-course-list .path3 .course-wrap a:hover .tit,
.main-course-list .path3 .course-wrap a:hover .txt {
	color: #5da301;
}

/* 경기 갯길 */
.main-course-list .path4::before {
	background: #2ea5ea;
}

.main-course-list .path4 .btn-path,
.main-course-list .path4 .btn-path.on::after {
	color: #0a8fdd;
}

.main-course-list .path4 .course-wrap a:hover {
	background: #dff3ff;
}

.main-course-list .path4 .course-wrap a:hover .tit,
.main-course-list .path4 .course-wrap a:hover .txt {
	color: #0a8fdd;
}

@media (max-width: 1260px) {
	.section-map {
		height: auto;
		padding: 55px 0;
	}

	.main-map {
		padding-left: 4%;
	}

	.main-map::after,
	.main-map-info .info-head {
		display: none;
	}

	.main-map-info {
		position: static;
		width: auto;
		margin-top: 75px;
		border-radius: 20px;
	}

	.main-map-info .info-body {
		padding: 35px 0;
		display: flex;
		align-items: center;
	}

	.main-map-info .info-course {
		flex: 0 0 280px;
	}

	.main-map-info .info-list {
		flex: 1;
		flex-direction: row;
		height: auto;
		align-items: center;
		padding: 0 40px;
		justify-content: space-around;
	}

	.main-map-info .info-list dl {
		padding: 0;
		width: 100%;
	}

	.main-map-info .info-stamp {
		margin-top: 0;
		margin-left: 30px;
		width: 100%;
	}
}

@media (max-width: 880px) {
	.main-map-info .info-course {
		font-size: 28px;
		height: 62px;
		line-height: 62px;
		flex-basis: 240px;
	}

	.main-map-info .info-course strong {
		width: 155px;
	}

	.main-map-info .info-course span {
		margin-left: 10px;
	}

	.main-map-info .info-list {
		padding: 0 25px;
	}
}

@media (max-width: 768px) {
	.section-map {
		background: #b9dcf5 !important;
		padding: 25px 0;
	}

	.map-pc {
		display: none;
	}

	.map-mobile {
		display: block;
	}
}

/* 퀵메뉴 */
.section-menu {
	position: fixed;
	bottom: 200px;
	right: 0;
	z-index: 5;
	background: #fff;
	padding: 6px 6px 0;
	border-radius: 12px 0 0 12px;
	box-shadow: -4px 6px 4px rgba(74, 103, 139, 0.16);
}

.section-menu a {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 16px;
	letter-spacing: -0.03em;
	font-family: "GyeonggiTitle", sans-serif;
	font-weight: 300;
}

.section-menu a strong {
	font-size: 112%;
}

/* 국유림 방문신고 */
.section-menu .menu1,
.section-menu .menu4 {
	position: fixed;
	top: 0;
	left: 50%;
	margin-left: -175px;
	height: 56px;
	line-height: 56px;
	background: #de5353;
	padding: 0 22px;
	font-size: 20px;
	border-radius: 0 0 20px 20px;
	box-shadow: 4px 4px 0 rgba(128, 157, 186, 0.2);
}

.section-menu .menu1 .ico,
.section-menu .menu4 .ico {
	display: inline-block;
	width: 26px;
	height: 23px;
	margin-left: 6px;
	background: url("../images/main/icon_visit.png") no-repeat;
	vertical-align: middle;
}

.section-menu .menu1 strong,
.section-menu .menu4 strong {
	font-size: 100%;
}

.section-menu .menu2,
.section-menu .menu3 {
	height: 56px;
	line-height: 56px;
	padding: 0 14px;
	word-spacing: -0.04em;
}

.section-menu .menu2 {
	background: #256ecc;
	border-top-left-radius: 10px;
}

/* 완보증 신청안내 */
.section-menu .menu3 {
	background: #059ce3;
	border-bottom-left-radius: 10px;
}

/* 방문후기 */
.section-menu .menu4 {
	display: none;
}

.section-menu .top {
	height: 40px;
	line-height: 40px;
	color: #474646;
	font-size: 16px;
	font-weight: bold;
}

.section-menu .top i {
	font-size: 17px;
}

@media (max-width: 1400px) {
	.section-menu .menu1 {
		margin-left: 0;
		left: auto;
		right: 670px;
	}
}

@media (max-width: 1260px) {
	.section-menu::before {
		content: "";
		position: absolute;
		top: -43px;
		left: 50%;
		width: 45px;
		height: 43px;
		margin-left: -22px;
		background: url("../images/common/quick_character.png") no-repeat;
	}

	.section-menu .menu1 {
		position: static;
		box-shadow: none;
		border-radius: 10px 0 0 0;
		line-height: 1.4;
		font-weight: 400;
		height: auto;
		padding: 14px 0;
		font-weight: 300;
		font-size: 18px;
	}

	.section-menu .menu1 strong,
	.section-menu .menu1 .ico {
		display: block;
	}

	.section-menu .menu1 strong {
		font-size: 112%;
	}

	.section-menu .menu1 .ico {
		margin: 6px auto 0;
	}

	.section-menu .menu2 {
		border-top-left-radius: 0;
	}
}

@media (max-width: 768px) {
	.section-menu {
		position: static;
		background: none;
		padding: 0;
		border-radius: 0;
		box-shadow: none;
		display: flex;
	}

	.section-menu a {
		flex: 1 1 auto;
		min-width: 0;
	}

	.section-menu .menu1,
	.section-menu .menu2,
	.section-menu .menu3 {
		border-radius: 0;
		height: 50px;
		line-height: 50px;
		font-size: 14px;
		padding: 0;
	}

	.section-menu .menu1 {
		padding: 0;
		justify-content: center;
		flex-direction: row;
	}

	.section-menu .menu1 strong,
	.section-menu .menu1 .ico {
		vertical-align: middle;
		display: inline-block;
		margin-top: -1px;
	}

	.section-menu .menu1 .ico {
		margin: 0 0 0 10px;
	}

	.section-menu .menu4 {
		line-height: 1.4;
		height: auto;
		border-radius: 12px 0 0;
		border: 3px solid #fff;
		font-size: 13px;
		padding: 10px;
		position: fixed;
		bottom: 50px;
		right: 0;
		top: auto;
		left: auto;
		z-index: 10;
		box-shadow: -4px 6px 4px rgba(74, 103, 139, 0.16);
		width: 74.53px;
		display: inline-block;
	}

	.section-menu .menu4 strong {
		display: block;
	}

	.section-menu .menu4 .ico {
		display: none;
	}

	.section-menu .top {
		position: fixed;
		bottom: 20px;
		right: 0;
		z-index: 10;
		height: 30px;
		background: #fff;
		line-height: 30px;
		font-size: 12px;
		word-spacing: -0.08em;
		width: 74.53px;
		border-radius: 0 0 0 12px;
		box-shadow: -4px 6px 4px rgba(74, 103, 139, 0.16);
	}

	.section-menu .top i {
		font-size: 12px;
	}
}

/* 실시간 공지사항 */
.section-notice {
	background: linear-gradient(to right, #004dad 0%, #0081e1 51%, #18ad96 84%, #56c702 100%);
	color: #fff;
}

.main-notice {
	height: 70px;
	position: relative;
}

.main-notice::after {
	content: "";
	display: block;
	clear: both;
}

.main-notice-head {
	float: left;
	width: 260px;
	line-height: 70px;
	padding-left: 48px;
}

.main-notice-head i {
	font-size: 27px;
	margin-right: 14px;
}

.main-notice-head .notice-tit {
	font-size: 22px;
	font-weight: 300;
}

.main-notice-head .notice-tit strong {
	font-weight: 600;
	font-size: 118%;
}

.main-notice-body {
	float: left;
	width: calc(100% - 260px);
	padding: 10px 140px 10px 0;
}

.notice-slider {
	height: 50px;
}

.notice-slider li {
	font-size: 18px;
	position: relative;
	/* padding-right: 120px; */
	padding-left: 48px;
	letter-spacing: -0.04em;
}

.notice-slider a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 50px;
	word-break: keep-all;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.notice-slider a:hover {
	color: #fff338;
}

.notice-slider .date {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.main-notice-option {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}

.main-notice-option .btn-more {
	display: inline-block;
	padding: 0 10px;
	border-radius: 12px;
	background: #fcdc2a;
	height: 24px;
	color: #076899;
	font-size: 10px;
	vertical-align: middle;
	line-height: 24px;
	font-weight: 600;
}

.main-notice-option .btn-more .plus {
	font-size: 160%;
	vertical-align: middle;
	margin-top: -2px;
	display: inline-block;
}

.notice-controls {
	display: inline-block;
	width: 14px;
	height: 100%;
	vertical-align: middle;
	margin-left: 16px;
	padding-top: 5px;
	text-align: right;
}

.notice-controls button {
	width: 14px;
	height: 30px;
	color: #fff;
	font-size: 22px;
}

@media (max-width: 1260px) {
	.section-notice {
		background: #1752a1;
	}

	.main-notice {
		height: 157px;
		overflow: hidden;
	}

	.main-notice-head {
		line-height: 157px;
		padding-left: 0;
	}

	.main-notice-head i {
		display: none;
	}

	.main-notice-body {
		padding: 0 70px;
	}

	.notice-slider {
		height: 157px;
	}

	.notice-slider .swiper-wrapper {
		align-items: center;
	}

	.notice-slider li {
		padding-right: 0;
		height: auto;
	}

	.notice-slider a {
		line-height: 1.4;
		white-space: normal;
		font-weight: 500;
	}

	.notice-slider .date {
		display: block;
		position: static;
		transform: none;
		margin-top: 15px;
		font-weight: 300;
	}

	.main-notice-option {
		position: static;
		height: 0;
	}

	.main-notice-option .btn-more {
		position: absolute;
		left: 190px;
		top: 50%;
		bottom: auto;
		right: auto;
		margin-top: -17px;
		overflow: hidden;
		width: 35px;
		height: 34px;
		background: url("../images/main/notice_more.png") no-repeat 50% 50% / 100% auto;
		text-indent: -999em;
	}

	.notice-controls {
		position: static;
	}

	.notice-controls button {
		position: absolute;
		top: 50%;
		margin-top: -12px;
		height: 25px;
		background-size: 100% auto;
		text-indent: -999em;
		overflow: hidden;
	}

	.notice-controls .notice-prev {
		left: 270px;
		background-image: url("../images/main/notice_prev.png");
	}

	.notice-controls .notice-next {
		right: 0;
		background-image: url("../images/main/notice_next.png");
	}
}

@media (max-width: 768px) {
	.section-notice {
		background: #264481;
	}

	.main-notice {
		height: auto;
		padding: 25px 0;
	}

	.main-notice-head {
		line-height: 1.4;
		float: none;
		margin-bottom: 15px;
		padding-left: 40px;
	}

	.main-notice-head .notice-tit {
		font-size: 15px;
	}

	.main-notice-body {
		float: none;
		width: auto;
		padding: 0 40px;
	}

	.notice-slider {
		height: auto;
	}

	.notice-slider li {
		font-size: 13px;
		padding-left: 0;
	}

	.main-notice-option .btn-more {
		width: 17px;
		height: 18px;
		top: 46px;
		left: 165px;
	}

	.notice-controls button {
		width: 11px;
		height: 20px;
		top: 68px;
		margin-top: 0;
	}

	.notice-controls .notice-prev {
		left: 0;
	}
}

/* 알림 */
.section-pick {
	padding: 64px 0 65px;
}

.section-pick .container::after {
	content: "";
	display: block;
	clear: both;
}

.main-board,
.main-link,
.main-banner {
	float: left;
	position: relative;
}

.main-board {
	/* width:548px; */
	width: calc(100% - 614px);
}

.main-board .btn-more {
	position: absolute;
	top: 16px;
	right: 0;
	color: #626262;
	font-size: 13px;
	font-weight: 500;
}

.main-board .btn-more i {
	margin-left: 6px;
}

.main-board .btn-more:hover {
	color: #0b75dd;
}

.main-board-list {
	height: 276px;
	padding: 60px 52px;
	border: 1px solid #4b7bba;
	border-radius: 20px;
	letter-spacing: -0.05em;
	background: #fff;
}

.main-board-list li {
	font-size: 16px;
	position: relative;
	padding-right: 100px;
}

.main-board-list li + li {
	margin-top: 10px;
}

.main-board-list a {
	color: #353535;
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
}

.main-board-list a:hover {
	color: #0b75dd;
}

.main-board-list .date {
	color: #747474;
	position: absolute;
	top: 0;
	right: 0;
}

.main-link {
	width: 269px;
	margin-left: 34px;
	padding-top: 55px;
}

.main-link .link-wrap + .link-wrap {
	margin-top: 22px;
}

.main-link a {
	display: flex;
	height: 127px;
	border-radius: 20px;
	border-width: 1px;
	border-style: solid;
	font-family: "GyeonggiTitle", sans-serif;
	line-height: 1.3;
	align-items: center;
	justify-content: center;
}

.main-link a::after {
	content: "";
	margin-left: 30px;
	width: 67px;
	height: 66px;
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

.main-link a .txt {
	color: #363940;
	font-size: 19px;
	font-weight: 300;
	letter-spacing: -0.05em;
}

.main-link a .txt strong {
	font-size: 147%;
}

.main-link .link1 {
	border-color: #f35e88;
}

.main-link .link1::after {
	background-image: url("../images/main/icon_link1.png");
}

.main-link .link1:hover .txt {
	color: #e53567;
}

.main-link .link2 {
	border-color: #2d9fd9;
}

.main-link .link2::after {
	background-image: url("../images/main/icon_link2.png");
}

.main-link .link2:hover .txt {
	color: #138ecd;
}

.main-banner {
	width: 276px;
	margin-left: 34px;
}

.banner-slider {
	height: 276px;
	border-radius: 20px;
}

.banner-slider img {
	width: 100%;
	height: 100%;
}

.banner-slider .banner-pagination {
	width: auto;
	bottom: auto;
	right: 25px;
	top: 20px;
	left: auto;
}

.banner-slider .banner-pagination .swiper-pagination-bullet {
	opacity: 1;
	margin: 0 5px;
	width: 14px;
	height: 14px;
	border-radius: 7px;
	background: #fff;
	box-shadow: 2px 2px 4px rgba(82, 87, 94, 0.47);
}

.banner-slider .banner-pagination .swiper-pagination-bullet-active {
	width: 42px;
}

@media (max-width: 1260px) {
	.section-pick {
		padding: 40px 0;
	}

	.main-board {
		width: 100%;
		margin-bottom: 25px;
	}

	.main-board-list {
		padding: 40px 55px;
		height: auto;
	}

	.main-link {
		width: calc(100% - 440px);
		margin-left: 0;
		padding-top: 0;
	}

	.main-link a .txt strong {
		vertical-align: middle;
		margin-left: 6px;
	}

	.main-link br {
		display: none;
	}

	.main-banner {
		margin-left: 25px;
	}

	.main-banner .main-title {
		display: none;
	}
}

@media (max-width: 900px) {
	.main-link a::after {
		margin-left: 15px;
	}

	.main-link a .txt strong {
		margin-left: 0;
	}

	.main-link br {
		display: block;
	}
}

@media (max-width: 768px) {
	.section-pick {
		padding: 25px 0 35px;
	}

	.main-board,
	.main-link,
	.main-banner {
		float: none;
		width: auto;
	}

	.main-board {
		background: #bde1fb;
		margin: -25px -20px 0;
		padding: 25px 20px 20px;
		margin-bottom: 20px;
	}

	.main-board .btn-more {
		font-size: 11px;
		color: #243755;
		right: 20px;
		top: 35px;
	}

	.main-board .btn-more i {
		margin-left: 2px;
	}

	.main-board-list,
	.main-link a {
		border-width: 2px;
		border-radius: 10px;
	}

	.main-board-list {
		padding: 25px 30px;
	}

	.main-board-list li {
		font-size: 13px;
		padding-right: 70px;
	}

	.main-board-list li + li {
		margin-top: 6px;
	}

	.main-board-list .date {
		font-size: 12px;
		top: 1px;
	}

	.main-link br {
		display: none;
	}

	.main-link a {
		height: 88px;
	}

	.main-link a::after {
		width: 55px;
		height: 58px;
		background-size: contain;
		margin-left: 9%;
	}

	.main-link a .txt {
		font-size: 15px;
	}

	.main-link a .txt strong {
		vertical-align: -5%;
		margin-left: 4px;
	}

	.main-banner {
		margin-left: 0;
		margin-top: 25px;
	}

	.main-banner .main-title {
		display: block;
	}

	.banner-slider {
		height: auto;
		border-radius: 10px;
	}

	.banner-slider .swiper-wrapper {
		align-items: stretch;
	}

	.banner-slider .swiper-slide {
		height: auto;
	}

	.banner-slider .banner-pagination {
		top: 15px;
		right: 20px;
	}

	.banner-slider .banner-pagination .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		border-radius: 6px;
		box-shadow: 1px 1px 2px rgba(82, 87, 94, 0.47);
	}

	.banner-slider .banner-pagination .swiper-pagination-bullet-active {
		width: 34px;
	}
}

/* 이달의 추천길 , 테마를 담은길 */
/* 왼쪽 요소 */
.section-recommend {
	padding: 65px 0 54px;
}

.section-recommend .container {
	width: 1400px;
	max-width: 100%;
}

.recommend-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.recommend-board {
	width: 50%;
	padding-right: 20px;
}

.recommend-board + .recommend-board {
	padding-right: 0;
	margin-left: 20px;
}

.recommend-board .main-title {
	margin-left: 50px;
}

.recommend-box {
	height: 340px;
	border: 1px solid #d6dbe2;
	border-radius: 20px;
	padding: 24px 50px;
	position: relative;
}

.recommend-box .title {
	font-size: 20px;
	line-height: 1.54;
	letter-spacing: -0.025em;
	color: #17767d;
}

.recommend-box .title p {
	padding-left: 12px;
	display: inline-block;
	max-width: 500px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.recommend-box .title .num {
	font-weight: 600;
}

.recommend-box .title .btn-more {
	color: #626262;
	font-size: 13px;
	font-weight: 500;
	float: right;
	margin-top: 6px;
}

.recommend-box .title .btn-more i {
	margin-left: 6px;
}

.recommend-box .title .btn-more:hover {
	color: #0b75dd;
}

.recommend-box .recommend-slider {
	position: absolute;
	bottom: -54px;
	left: 48px;
	width: 583px;
	height: 320px;
	background-color: #17767d;
	border-radius: 20px;
	margin: 0;
	padding: 20px;
}

.recommend-slider .slide-item {
	display: flex;
	align-items: center;
	height: 100%;
}

.recommend-slider .img-box {
	width: 384px;
	height: 100%;
	border-radius: 20px;
	overflow: hidden;
}

.recommend-slider .img-box span {
	height: 100%;
	display: block;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.recommend-slider .text-wrap {
	text-align: center;
	color: #fff;
	margin-left: 30px;
}

.recommend-slider .text-wrap .tit {
	font-size: 22px;
	font-weight: 600;
	letter-spacing: -0.025em;
	line-height: 1.5454;
	margin-bottom: 36px;
}

.recommend-slider .text-wrap .small-map {
	margin-bottom: 45px;
}

.recommend-slider .text-wrap .item + .item {
	margin-top: 10px;
}

.recommend-slider .text-wrap .item.date {
	margin-left: -13px;
}

.recommend-slider .text-wrap .item {
	font-size: 16px;
	letter-spacing: -0.025em;
}

.recommend-slider .text-wrap .item i {
	font-size: 17px;
	margin-right: 15px;
}

/* 이달의 추천길 , 테마를 담은길 */
/* 오른쪽 요소 */
.recommend-box.right {
	padding: 28px 40px;
}

.recommend-box.right .title {
	justify-content: flex-end;
}

.board-wrap {
	display: flex;
	align-items: center;
	margin-top: 42px;
	position: relative;
	z-index: 1;
}

.board-wrap .wrap-item {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	width: 258px;
	height: 298px;
	padding: 23px 0;
	border-radius: 20px;
	position: relative;
	box-shadow: 7px 7px 9px 0px rgba(103, 103, 103, 0.08);
	border: 1px solid #86aeff;
}

.board-wrap .wrap-item::before {
	content: "";
	width: 100%;
	/* height: 100%; */
	height: 60%;
	background: linear-gradient(to bottom, /* rgba(255,255,255, 1) 25%, */ rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 0.6) 70%, rgba(255, 255, 255, 0) 100%);
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 20px;
}

.board-wrap .wrap-item + .wrap-item {
	margin-left: 62px;
}

.board-wrap .wrap-item::after {
	content: "";
	width: 258px;
	height: 298px;
	position: absolute;
	top: 23px;
	right: -28px;
	background-color: #8396f5;
	z-index: -1;
	border-radius: 20px;
}

.board-wrap .wrap-item .text {
	z-index: 1;
	position: absolute;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.45;
	letter-spacing: -0.05em;
	color: #3662d3;
	padding: 0 20px;
}

.board-wrap .wrap-item.right {
	border: 1px solid #836bfd;
}

.board-wrap .wrap-item.right .text {
	color: #774de2;
}

.board-wrap .wrap-item.right::after {
	background-color: #a77cf5;
}

/* 이달의 추천길 , 테마를 담은길 slider button */
.swiper-btn {
	width: 100%;
	position: absolute;
	top: 60%;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	padding: 0 13px 0 17px;
}

.swiper-btn .slide-btn {
	font-size: 36px;
	color: #c4c3c3;
}

@media (max-width: 1400px) {
	.section-recommend .container {
		width: auto;
	}

	.recommend-board .main-title {
		margin-left: 0;
	}

	.recommend-wrap {
		flex-direction: column;
	}

	.recommend-board {
		width: 100%;
		padding-right: 0;
	}

	.recommend-box {
		display: flex;
		flex-direction: column;
	}

	.recommend-box .title {
		text-align: center;
	}

	.recommend-box .title p {
		max-width: 900px;
	}

	.recommend-box .recommend-slider {
		bottom: -18%;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 85.76%;
	}

	.recommend-slider .img-box {
		width: 60%;
	}

	.recommend-slider .text-wrap {
		width: 40%;
		margin-left: 0;
	}

	.recommend-board + .recommend-board {
		margin-top: 110px;
		margin-left: 0;
	}

	.board-wrap {
		justify-content: space-around;
		margin-top: 24px;
	}

	.board-wrap .wrap-item + .wrap-item {
		margin-left: 0;
	}
}

@media (max-width: 1170px) {
	.recommend-box .title p {
		max-width: 400px;
	}
}

@media (max-width: 768px) {
	/* 왼쪽요소(이달의 추천길) */
	.section-recommend {
		padding: 32px 0 64px;
	}

	.recommend-box.right,
	.recommend-box {
		height: 170px;
		border-radius: 10px;
		padding: 10px 23px;
		margin: 0 -10px;
	}

	.recommend-box .title {
		font-size: 13px;
	}

	.recommend-box .title p {
		max-width: 280px;
	}

	.recommend-box .title .btn-more {
		font-size: 8px;
		margin-top: 3px;
	}

	.recommend-box .title .btn-more i {
		margin-left: 2px;
	}

	.recommend-box .recommend-slider {
		height: 160px;
		padding: 10px;
		border-radius: 10px;
	}

	.recommend-slider .img-box {
		border-radius: 10px;
	}

	.recommend-slider .text-wrap {
		justify-content: space-between;
	}

	.recommend-slider .text-wrap .tit {
		font-size: 12px;
		margin-bottom: 18px;
	}

	.recommend-slider .text-wrap .small-map {
		width: 32px;
		margin: 0 auto 15px;
	}

	.recommend-slider .text-wrap .item,
	.recommend-slider .text-wrap .item i {
		font-size: 11px;
	}

	.recommend-slider .text-wrap .item i {
		margin-right: 6px;
	}

	.recommend-slider .text-wrap .item + .item {
		margin-top: 7px;
	}

	/* 오른쪽요소(테마를 담은 길) */
	.recommend-board + .recommend-board {
		margin-top: 50px;
	}

	.board-wrap {
		margin-top: 11px;
	}

	.board-wrap .wrap-item {
		width: 129px;
		height: 149px;
		padding: 12px 0px;
		border-radius: 10px;
	}

	.board-wrap .wrap-item .text {
		font-size: 12px;
		padding: 0 10px;
	}

	.board-wrap .wrap-item::before {
		border-radius: 10px;
	}

	.board-wrap .wrap-item::after {
		width: 129px;
		height: 149px;
		top: 12px;
		left: 13px;
		border-radius: 10px;
	}

	.recommend-box.right {
		padding: 10px;
	}

	.recommend-box.right .title {
		margin-right: 7px;
	}

	/* 이달의 추천길 swiper 버튼 */
	.swiper-btn {
		padding: 0 9px;
	}

	.swiper-btn .slide-btn {
		font-size: 18px;
	}
}

@media (max-width: 390px) {
	.recommend-box .title p {
		max-width: 200px;
		padding-left: 0;
	}
}

/* 태그 목록 */
.section-tag {
	background: url(../images/main/tag_bg.png) no-repeat 50% 50% / cover;
}

.tag-wrap {
	padding: 46px 0 24px;
}

.tag-wrap li {
	float: left;
	margin-right: 20px;
	margin-bottom: 22px;
}

.tag-wrap .item {
	border: 1px solid #b9c4db;
	padding: 16px 25px;
	display: inline-block;
	background-color: #fff;
	border-radius: 10px;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.025em;
	line-height: 1.6;
	color: #5f5f5f;
}

@media (max-width: 768px) {
	.tag-wrap {
		padding: 26px 20px;
	}

	.tag-wrap li {
		margin-right: 12px;
		margin-bottom: 13px;
	}

	.tag-wrap .item {
		font-size: 12px;
		padding: 10px 15px;
		border-radius: 5px;
	}
}

/* 사진 & 동영상 갤러리 */
.section-gallery {
	position: relative;
	padding: 73px 0 100px;
	overflow: hidden;
}

.section-gallery .btn-more {
	position: absolute;
	top: 55px;
	right: 47px;
	color: #626262;
	font-size: 13px;
	font-weight: 500;
}

.section-gallery .title-contents {
	/* width: 394px; */
	width: 414px;
	height: 530px;
	background-color: #fbdd53;
	border-radius: 0 20px 20px 0;
	position: absolute;
	top: 0;
	left: 0;
}

.section-gallery .title-contents::before {
	content: "";
	background-color: #fbdd53;
	width: 2000px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 100%;
}

.section-gallery .main-title {
	margin: 45px 0 0 0;
	text-align: left;
}

.section-gallery .gallery-contents {
	padding: 150px 0 74px;
}

.gallery-slider a {
	display: block;
	border: 1px solid #d4d4d4;
	box-shadow: 5px 6px 13px 0px rgba(132, 132, 132, 0.11);
	border-radius: 20px;
	background-color: #fff;
	position: relative;
}

.gallery-slider a:hover {
	box-shadow: none;
	border-color: #fbdd53;
}

.gallery-slider a:hover::after {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: -1px;
	right: -1px;
	border: 6px solid #fbdd53;
	border-radius: 20px;
}

.gallery-slider-img {
	position: relative;
}

.gallery-slider-img.video::before {
	content: "";
	background: url(../images/main/gallery_icon_1.png) no-repeat 50% 50% / cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50px;
	height: 36px;
}

.gallery-slider-img span {
	display: block;
	padding-bottom: 67.66%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 20px 20px 0 0;
}

.gallery-slide-text {
	padding: 26px 32px;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 1.4;
}

.gallery-slide-text p {
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	height: 2.8em;
}

/* 사진 & 동영상 갤러리 버튼 */
.gallery-btn {
	position: absolute;
	bottom: 0;
	left: 444px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.gallery-button-prev {
	margin-right: 50px;
	cursor: pointer;
}

.gallery-button-next {
	margin-left: 50px;
	cursor: pointer;
}

.swiper-pagination-fraction.gallery-pagination {
	display: inline;
	width: auto;
	bottom: 0;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.025em;
}

.swiper-pagination-fraction.gallery-pagination .swiper-pagination-current {
	color: #0057d9;
	font-weight: 700;
}

/* 사진 & 동영상 갤러리 swiper */
.section-gallery .swiper-container {
	overflow: visible;
	/* margin-left: -35px; */
}

.section-gallery .swiper-wrapper .swiper-slide-active {
	transform: scale(1.23);
	margin-left: 35px;
}

.section-gallery .swiper-slide {
	opacity: 0.4;
	transition: opacity, transform 0.3s;
	height: 305px;
}

.section-gallery .swiper-slide-active + .swiper-slide {
	margin-left: 74px;
}

.section-gallery .swiper-slide-active,
.section-gallery .swiper-slide-active + .swiper-slide,
.section-gallery .swiper-slide-active + .swiper-slide + .swiper-slide,
.section-gallery .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
	opacity: 1;
}

@media (max-width: 1400px) {
	.section-gallery .btn-more {
		right: 26px;
	}

	.section-gallery .title-contents {
		width: 444px;
	}

	.section-gallery .main-title {
		margin-left: 50px;
	}

	.gallery-btn {
		left: 480px;
	}
}

@media (max-width: 1290px) {
	.gallery-btn {
		left: 480px;
	}
}

@media (max-width: 800px) {
	.gallery-button-prev {
		margin-right: 30px;
	}

	.gallery-button-next {
		margin-left: 30px;
	}
}

@media (max-width: 768px) {
	.section-gallery .btn-more {
		font-size: 8px;
		top: 23px;
		right: 20px;
	}

	.gallery-contents {
		padding-top: 18px;
	}

	.gallery-slider a {
		border-radius: 10px;
	}

	.gallery-slider a:hover::after {
		border-radius: 10px;
		border: 3px solid #fbdd53;
	}

	.gallery-slider-img.video::before {
		width: 30px;
		height: 22px;
	}

	.gallery-slider-img span {
		border-radius: 10px 10px 0 0;
	}

	.gallery-slide-text {
		font-size: 10px;
		padding: 10px 15px;
	}

	.section-gallery {
		padding: 38px 0;
	}

	.section-gallery .main-title {
		font-size: 16px;
		margin-top: 19px;
		margin-left: 20px;
		text-align: left;
	}

	.section-gallery .gallery-contents {
		padding: 91px 10px 44px;
	}

	.section-gallery .title-contents {
		width: 223px;
		height: 265px;
		left: 0;
		border-radius: 0 10px 10px 0;
	}

	/* 사진 & 동영상 갤러리 swiper */
	.section-gallery .swiper-container {
		margin-left: -20px;
	}

	.section-gallery .swiper-slide {
		height: 130px;
	}

	.section-gallery .swiper-slide-active + .swiper-slide {
		margin-left: 55px;
	}

	.section-gallery .swiper-wrapper .swiper-slide-active {
		transform: scale(1.5);
		margin-left: 40px;
	}

	/* 사진 & 동영상 갤러리 swiper 버튼 */
	.gallery-btn {
		left: 245px;
	}

	.gallery-btn img {
		vertical-align: middle;
	}

	.gallery-button-prev {
		margin-right: 10px;
	}

	.gallery-button-next {
		margin-left: 10px;
	}

	.swiper-pagination-fraction.gallery-pagination {
		font-size: 12px;
	}

	.gallery-button-prev,
	.gallery-button-next {
		width: 26px;
	}
}

@media (max-width: 344px) {
	.gallery-btn {
		left: auto;
		right: 0;
	}
}

/*=========================================================================================================================================*/
/**
 *	서브
 */
/* 레이아웃 */
#contents {
	padding-top: 200px;
}

.contents-head .container {
	position: relative;
	padding-bottom: 20px;
	border-bottom: 1px solid #d0d0d0;
}

.contents-head .contents-head-section {
	display: flex;
	align-items: center;
}

.contents-head .page-title {
	color: #363940;
	font-size: 49px;
	font-weight: bold;
	font-family: "GyeonggiTitle", sans-serif;
}

.contents-body {
	padding: 60px 0 100px;
}

.contents-section {
	position: relative;
}
.contents-section h4 {font-size:30px; margin:20px 0;}
.contents-section ~ .contents-section,
.tab-section ~ .tab-section {
	margin-top: 50px;
}

.contents-section .contents-section ~ .contents-section {
	margin-top: 15px;
}

.share-wrap {
	margin-left: 20px;
	position: relative;
}

.share-wrap .btn-share {
	color: #3180da;
	font-size: 46px;
	line-height: 1;
}

.share-wrap .btn-share .fa-times-square {
	display: none;
}

.share-wrap .btn-share.on .fa-share-alt-square {
	display: none;
}

.share-wrap .btn-share.on .fa-times-square {
	display: inline-block;
}

.share-wrap .share-list {
	display: none;
	position: absolute;
	z-index: 1;
	left: calc(100% + 7px);
	top: 50%;
	margin-top: -19px;
	width: 82px;
	border: 1px solid #3180da;
	border-radius: 5px;
	overflow: hidden;
	background: #3180da;
}

.share-wrap .share-list.on {
	display: block;
}

.share-wrap .share-list li {
	float: left;
}

.share-wrap .share-list button {
	width: 40px;
	height: 38px;
	vertical-align: top;
}

.share-wrap .share-list .btn-kakao {
	background: #ffde00;
	position: relative;
}

.share-wrap .share-list .btn-kakao::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url("../images/sub/icon_kakao.png") no-repeat 50% 50%;
}

.share-wrap .share-list .btn-url {
	background: #3180da;
}

.share-wrap .share-list .btn-url::before {
	content: "\f0c1";
	font-family: "Font Awesome 5 Pro";
	font-weight: bold;
	font-size: 18px;
	color: #fff;
}

.breadcrumbs {
	position: absolute;
	top: 30px;
	right: 0;
	display: flex;
	align-items: center;
	letter-spacing: -0.05em;
}

.breadcrumbs li {
	color: #262424;
	font-size: 18px;
	position: relative;
}

.breadcrumbs li + li {
	padding-left: 20px;
	margin-left: 10px;
}

.breadcrumbs li + li::before {
	content: ">";
	position: absolute;
	top: 0;
	left: 0;
	font-size: 17px;
	font-weight: 400;
}

.breadcrumbs li:last-of-type {
	font-weight: 600;
}

.quick-menu {
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 10;
	background: #fff;
	padding: 6px 6px 0;
	border-radius: 12px 0 0 12px;
	box-shadow: -4px 6px 4px rgba(74, 103, 139, 0.16);
	transform: translateY(-50%);
}

.quick-menu::before {
	content: "";
	position: absolute;
	top: -43px;
	left: 50%;
	width: 45px;
	height: 43px;
	margin-left: -22px;
	background: url("../images/common/quick_character.png") no-repeat;
}

.quick-menu a {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 16px;
	letter-spacing: -0.03em;
	font-family: "GyeonggiTitle", sans-serif;
	font-weight: 300;
	padding: 15px 14px;
	word-spacing: -0.04em;
}

.quick-menu a strong {
	font-size: 112%;
}

.quick-menu .menu1 {
	background: #de5353;
	border-top-left-radius: 10px;
	font-size: 18px;
}

/* 국유림 방문신고 */
.quick-menu .menu1 strong,
.quick-menu .menu1 .ico {
	display: block;
}

.quick-menu .menu1 .ico {
	width: 26px;
	height: 23px;
	margin: 6px auto 0;
	background: url("../images/main/icon_visit.png") no-repeat;
}

.quick-menu .menu2 {
	background: #256ecc;
}

/* 완보증 신청안내 */
.quick-menu .menu3 {
	background: #059ce3;
	border-bottom-left-radius: 10px;
}

/* 방문후기 */
.quick-menu .top {
	height: 40px;
	line-height: 40px;
	color: #474646;
	font-weight: bold;
	padding: 0;
}

.quick-menu .top i {
	font-size: 17px;
}

@media (max-width: 1400px) {
	.quick-menu {
		padding: 3px 3px 0;
		z-index: 10;
	}

	.quick-menu::before {
		/*display: none;*/
	}

	.quick-menu .menu2,
	.quick-menu .menu3 {
		/*display: none;*/
	}

	.quick-menu .menu1 .ico {
		display: none;
	}

	/* .quick-menu .top {
		width: 80px;
		height: 80px;
		background: #fff;
		border-radius: 50%;
		line-height: 72px;
		font-size: 16px;
		border: 4px solid #448ee1;
		word-spacing: -.08em;
	} */
}

@media (max-width: 1400px) {
	.breadcrumbs {
		right: 50px;
	}
}

@media (max-width: 1260px) {
	#contents {
		padding-top: 106px !important;
	}

	.contents-head .container {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.contents-head .contents-head-section {
		justify-content: center;
	}

	.contents-body {
		padding: 40px 0 60px;
	}

	.breadcrumbs {
		margin-top: 5px;
		position: static;
		justify-content: center;
	}
}

@media (max-width: 768px) {
	#contents {
		padding-top: 65px !important;
	}

	.contents-head .container {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.contents-head .page-title {
		font-size: 28px;
		word-break: keep-all;
		text-align: center;
	}

	.contents-body {
		padding: 25px 0 40px;
	}

	.contents-section ~ .contents-section,
	.tab-section ~ .tab-section {
		margin-top: 30px;
	}

	.share-wrap {
		margin-left: 10px;
	}

	.share-wrap .btn-share {
		font-size: 30px;
	}

	.share-wrap .share-list {
		top: 100%;
		left: -3px;
		width: 32px;
		margin-top: 0;
	}

	.share-wrap .share-list button {
		width: 30px;
		height: 30px;
	}

	.share-wrap .share-list .btn-kakao::before {
		background-size: 16px auto;
	}

	.share-wrap .share-list .btn-url::before {
		font-size: 12px;
	}

	.breadcrumbs li,
	.breadcrumbs li + li::before {
		font-size: 12px;
	}

	.breadcrumbs li + li {
		margin-left: 8px;
		padding-left: 14px;
	}

	.quick-menu {
		top: auto;
		bottom: 20px;
		transform: none;
	}

	.quick-menu a {
		font-size: 12px;
		padding: 10px 10px;
	}

	.quick-menu .menu1 {
		font-size: 13px;
	}

	.quick-menu .top {
		height: 30px;
		line-height: 30px;
	}

	.quick-menu .top i {
		font-size: 12px;
	}
}

/* 테이블 스크롤 */
.table-scroll {
	overflow-y: auto;
	position: relative;
}

.table-scroll table {
	min-width: 640px;
}

.table-scroll .scroll-info {
	display: none;
	position: absolute;
	left: 50%;
	top: 20%;
	transform: translateX(-50%);
	text-align: center;
	padding-top: 26px;
	width: 90px;
	height: 90px;
	background: rgba(0, 0, 0, 0.7);
	border-radius: 50%;
	font-size: 14px;
	color: #fff;
	z-index: 1;
}

.table-scroll .scroll-info::after {
	content: "\f337";
	display: block;
	margin-top: 5px;
	font-size: 22px;
	font-family: "Font Awesome 5 Pro";
	font-weight: bold;
	line-height: 1;
}

@media (max-width: 696px) {
	.table-scroll .scroll-info {
		display: block;
	}
}

/* 기본 테이블 */
.table-basic {
	border-top: 3px solid #267fd6;
	table-layout: fixed;
}

.table-basic th,
.table-basic td {
	height: 60px;
	padding: 14px 10px;
	color: #222;
	font-size: 18px;
	border: 1px solid #dedede;
	text-align: center;
	word-break: keep-all;
	overflow-wrap: break-word;
	word-wrap: break-word;
	line-height: 1.5;
}

.table-basic th {
	background: #ecf3fb;
	font-weight: 600;
}

.table-basic thead th:first-of-type,
.table-basic tbody td:first-of-type,
.table-basic tbody th:first-of-type {
	border-left: 0;
}

.table-basic thead th:last-of-type,
.table-basic tbody td:last-of-type {
	border-right: 0;
}

.table-basic tbody th + th {
	background: #f9fbfe;
	font-weight: 500;
}

.table-basic .text-left,
.table-basic .text-right {
	padding-left: 30px;
	padding-right: 30px;
}

.table-basic .text-left {
	text-align: left;
}

.table-basic .text-right {
	text-align: right;
}

/* 검색영역 */
.search-area {
	position: relative;
	margin-bottom: 30px;
	min-height: 56px;
}

.search-area .total {
	float: left;
	margin-top: 34px;
	color: #242424;
	font-size: 16px;
	letter-spacing: -0.02em;
}

.search-area .total strong {
	color: #f34b4b;
	font-weight: 400;
}

.search-area .total .bar,
.search-area .total .number {
	font-size: 14px;
	font-weight: normal;
}

.search-area .search-wrap {
	float: right;
	position: relative;
	border: 1px solid #dfdfdf;
	border-radius: 6px;
}

.search-area .search-wrap select.sel {
	width: 140px;
	height: 56px;
	margin-right: 0;
	border: 0;
	font-size: 15px;
	padding: 0 20px;
}

.search-area .search-wrap input.inp-text {
	width: 240px;
	height: 56px;
	border: 0;
	font-size: 15px;
	padding: 0 20px;
}

.search-area .search-wrap .btn.search {
	width: 56px;
	height: 56px;
}

.search-area .search-wrap .btn.search i {
	color: #18569e;
	font-size: 22px;
}

@media (max-width: 1024px) {
	.search-area .search-wrap select.sel,
	.search-area .search-wrap input.inp-text,
	.search-area .search-wrap .btn.search {
		height: 52px;
	}

	.search-area .search-wrap input.inp-text {
		width: 200px;
	}

	.search-area .search-wrap .btn.search {
		width: 52px;
	}
}

@media (max-width: 768px) {
	.search-area {
		margin-bottom: 10px;
	}

	.search-area .total,
	.search-area .search-wrap {
		float: none;
	}

	.search-area .total {
		margin-top: 0;
		margin-bottom: 10px;
		font-size: 12px;
	}

	.search-area .total .bar,
	.search-area .total .number {
		font-size: 11px;
	}

	.search-area .search-wrap {
		border: 0;
		position: relative;
		display: block;
	}

	.search-area .search-wrap select.sel,
	.search-area .search-wrap input.inp-text,
	.search-area .search-wrap .btn.search {
		height: 36px;
	}

	.search-area .search-wrap select.sel,
	.search-area .search-wrap input.inp-text {
		width: 100%;
		font-size: 12px;
		padding: 0 10px;
		border: 1px solid #dfdfdf;
		border-radius: 3px;
	}

	.search-area .search-wrap input.inp-text {
		margin-top: 6px;
		padding-right: 42px;
	}

	.search-area .search-wrap .btn.search {
		width: 42px;
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.search-area .search-wrap .btn.search i {
		font-size: 19px;
	}
}

/* 검색영역  상단 (코스 , 권역선택)*/
.search-wrap + .search-wrap {
	margin-left: 10px;
}

.search-top .search-area .search-contents {
	position: absolute;
	top: 0;
	right: 0;
}

.search-top .search-area .search-contents .search-wrap {
	float: left;
}

.search-area .search-wrap .example {
	position: absolute;
	top: 50%;
	left: -143px;
	transform: translateY(-50%);
	z-index: 1;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.01em;
	line-height: 1.5;
	color: #242424;
}

.search-area .search-wrap.pik .example i {
	color: #576fa0;
}

.search-top .search-area .search-wrap select.sel {
	width: 264px;
}

.search-top .search-area .search-wrap .btn.search {
	min-width: 0;
	line-height: 1;
	padding: 0;
}

@media (max-width: 1024px) {
	.search-top .search-area .total {
		padding-top: 100px;
	}

	.search-top .search-area .total {
		padding-top: 100px;
	}

	.search-top .search-wrap .example {
		top: -28px;
		left: 0;
	}

	.search-top .search-area .search-contents {
		left: 0;
		top: 38px;
	}
}

@media (max-width: 768px) {
	.search-top .search-area .total {
		padding-top: 129px;
	}

	.search-top .search-area .search-contents {
		top: 23px;
	}
	
	.search-top  .search-area .search-wrap {
		padding-right: 52px;
	}

	.search-top .search-wrap .example {
		font-size: 12px;
		top: -15px;
	}

	.search-top .search-wrap .example i {
		font-size: 13px;
		margin-right: 5px;
	}

	.search-top .search-wrap + .search-wrap {
		margin-left: 0;
	}

	.search-top .search-area .search-contents .search-wrap {
		float: none;
	}

	.search-top .search-area .search-wrap select.sel {
		margin-top: 5px;
		width: 100%;
	}
	
	.search-top .search-area .search-wrap .btn.search {
		height: 77px;
		width: 47px;
		border: 1px solid #dfdfdf;
		border-radius: 6px;
	}
}

/* 스탬프함 안내 테이블 */
.stamp-guide td {
	text-align: left;
}

.stamp-guide td:first-child {
	font-weight: 600;
}

@media (max-width: 768px) {
	.table-basic {
		border-top-width: 2px;
	}

	.table-basic th,
	.table-basic td {
		font-size: 13px;
		height: 40px;
		padding: 10px 8px;
	}

	.table-basic .text-left,
	.table-basic .text-right {
		padding-left: 15px;
		padding-right: 15px;
	}

	.table-basic .text-with-icon {
		display: block;
	}

	.table-basic .text-with-icon + .text-with-icon {
		margin-top: 4px;
	}

	/* 스탬프함 안내 테이블 */
	.stamp-guide td:first-child {
		font-weight: 400;
	}

	/* 가로형 */
	.table-basic.table-horizontal colgroup {
		display: none;
	}

	.table-basic.table-horizontal tr,
	.table-basic.table-horizontal th,
	.table-basic.table-horizontal td {
		display: block;
	}

	.table-basic.table-horizontal th,
	.table-basic.table-horizontal td {
		height: auto;
		border: 0;
		border-bottom: 1px solid #eaeaea;
		padding: 8px 15px;
		text-align: left;
	}

	.table-basic.table-horizontal th {
		font-size: 14px;
		text-align: center;
	}

	.table-basic.table-horizontal th + th {
		position: relative;
		font-size: 13px;
		background: none;
		padding: 10px 0 0 15px;
		border-bottom: 0;
		color: #3180da;
		text-align: left;
	}

	.table-basic.table-horizontal th + th + td {
		padding-top: 5px;
	}

	/* 세로형 */
	.table-basic.table-vertical colgroup,
	.table-basic.table-vertical thead {
		display: none;
	}

	.table-basic.table-vertical tr {
		display: block;
	}

	.table-basic.table-vertical tr {
		position: relative;
		padding: 8px 15px;
		border-bottom: 1px solid #d1d1d1;
	}

	.table-basic.table-vertical td {
		text-align: left;
		border: 0;
		height: auto;
		padding: 0;
	}

	.table-basic.table-vertical td + td {
		margin-top: 2px;
	}

	.table-basic.table-vertical tr td[colspan] {
		display: block;
		text-align: center;
		padding: 10px 0;
	}

	.table-basic.table-vertical td[data-cell-header] {
		display: block;
		position: relative;
		padding-left: 9px;
	}

	.table-basic.table-vertical td[data-cell-header]::before {
		content: attr(data-cell-header) " :";
		margin-right: 5px;
		font-weight: 600;
		color: #197ad9;
	}

	.table-basic.table-vertical td[data-cell-header]::after {
		content: "";
		position: absolute;
		top: 7.5px;
		left: 0;
		width: 3px;
		height: 3px;
		border-radius: 50%;
		background: #267fd6;
	}

	.table-basic.table-vertical td[data-cell-header] br {
		display: none;
	}

	.table-basic.table-vertical td[data-cell-header] a.text-link {
		display: inline;
	}

	.table-basic.table-vertical .text-left,
	.table-basic.table-vertical .text-right {
		padding-left: 0;
		padding-right: 0;
	}
}

/* 검색결과가 없을 경우 */
.nodata {
	margin: 0;
	width: 100%;
	padding: 70px 0;
	font-size: 18px;
	font-weight: 500;
	/* border-top:2px solid #141414;border-bottom:1px solid #dcdee2;*/
	text-align: center;
}

@media (max-width: 768px) {
	.nodata {
		padding: 40px 0;
		font-size: 12px;
	}
}

/* 게시판 목록 */
.board-list {
	border-top: 1px solid #d6d6d6;
}

.board-list th,
.board-list td {
	padding: 12px 10px;
	color: #222;
	text-align: center;
}

.board-list th {
	height: 67px;
	color: #3d3d3d;
	font-size: 15px;
	border-bottom: 3px solid #246ab5;
	font-weight: 400;
}

.board-list td {
	height: 79px;
	color: #171717;
	font-size: 16px;
	border-bottom: 1px solid #dedede;
}

.board-list td a {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: wrap;
}

.board-list tr.strong td {
	color: #006edf;
}

.board-list tr.notice td {
	background: #f8fcfe;
}

.board-list tr.notice .icon-notice {
	color: #3084de;
	font-size: 24px;
}

.board-list tr.on td {
	background: #5581d0;
	color: #fff;
}

.board-list .bbs-title {
	max-width: 200px;
	overflow: hidden;
}

.board-list .bbs-icon-box .icon-btn + .icon-btn {
	margin-left: 8px;
}

.board-list .bbs-icon-box .icon-btn,
.board-list .btn-download {
	font-size: 24px;
	color: #171717;
}

.board-list a.btn-download {
	display: inline-block;
}

@media (max-width: 768px) {
	.board-list {
		border-top: 2px solid #246ab5;
		margin: 0 -20px;
		width: auto;
	}

	.board-list colgroup,
	.board-list thead {
		display: none;
	}

	.board-list,
	.board-list tbody,
	.board-list tr {
		display: block;
	}

	.board-list tr {
		position: relative;
		padding: 16px 20px;
		border-bottom: 1px solid #b5b8c4;
	}

	.board-list td {
		display: none;
		text-align: left;
		border: 0;
		height: auto;
		padding: 0;
	}

	.board-list tr td[colspan] {
		display: block;
		text-align: center;
		padding: 10px 0;
	}

	.board-list tr.notice {
		background: #f8fcfe;
	}

	.board-list tr.notice td {
		background: none;
	}

	.board-list td {
		display: block;
	}

	.board-list td br {
		display: none;
	}

	.board-list td a.text-link {
		display: inline;
	}

	.board-list th,
	.board-list td {
		font-size: 13px;
	}

	.board-list th.text-left,
	.board-list td.text-left {
		padding-left: 0;
		padding-right: 0;
	}

	.board-list a.btn-download {
		color: #778697;
		font-size: 13px;
	}

	.board-list a.btn-download i {
		margin-right: 3px;
	}

	.board-list a.btn-download .blind {
		position: static;
		display: inline;
	}

	.board-list .bbs-num {
		display: none;
	}

	.board-list .bbs-couse,
	.board-list .bbs-title {
		max-width: 80%;
		line-height: 1.6;
		margin-bottom: 10px;
		color: #222;
		font-weight: 500;
	}

	.board-list .bbs-writer,
	.board-list .bbs-name,
	.board-list .bbs-date,
	.board-list .bbs-views,
	.board-list .bbs-file {
		display: inline-block;
		margin-right: 15px;
		color: #778697;
	}

	.board-list .bbs-icon-box i {
		color: #778697;
	}

	.board-list .bbs-writer::before,
	.board-list .bbs-date::before,
	.board-list .bbs-views::before {
		font-family: "Font Awesome 5 Pro";
		margin-right: 6px;
	}

	.board-list .bbs-date::before {
		content: "\f073";
	}

	.board-list .bbs-views::before {
		content: "\f06e";
	}

	.board-list .bbs-writer::before {
		content: "\f4ff";
		margin-right: 3px;
	}

	.board-list .bbs-file {
		margin-top: 6px;
		display: block;
	}

	.board-list .bbs-icon-box {
		margin-top: 1px;
		float: right;
	}

	.board-list .bbs-icon-box .icon-btn {
		font-size: 13px;
	}

	.board-list .bbs-icon-box .icon-btn + .icon-btn {
		margin-left: 5px;
	}

	.board-list .bbs-reply {
		position: absolute;
		bottom: 16px;
		right: 20px;
	}

	.board-list .bbs-reply {
		font-size: 13px;
	}
}

/* pagination */
.pagination {
	margin-top: 70px;
	text-align: center;
}

.pagination .pagination-wrap {
	display: inline-block;
}

.pagination .pagination-wrap:after {
	content: "";
	display: block;
	clear: both;
}

.pagination a,
.pagination img {
	vertical-align: top;
}

.pagination a {
	float: left;
	display: inline-block;
	width: 38px;
	height: 38px;
	margin-right: 9px;
	border-radius: 50%;
}

.pagination a:last-child {
	margin-right: 0;
}

.pagination a.num {
	width: auto;
	min-width: 38px;
	padding: 0 6px;
	border: 2px solid #e8e9ed;
	color: #78797b;
	font-size: 18px;
	line-height: 34px;
}

.pagination a.num.on {
	background-color: #355bb3;
	color: #fff;
	border-color: #355bb3;
	font-weight: 600;
}

.pagination a.num:hover {
	color: #206cea;
}

.pagination .pg-btn {
	display: block;
	width: 38px;
	height: 38px;
	background: #f2f5f9;
}

.pagination .pg-btn::before {
	font-family: "Font Awesome 5 Pro";
	line-height: 37px;
	font-size: 20px;
	color: #b8b8b8;
}

.pagination .pg-btn:hover::before {
	color: #1455c1;
}

.pagination .pg-btn.pg-first::before {
	content: "\f100";
}

.pagination .pg-btn.pg-prev::before {
	content: "\f104";
}

.pagination .pg-btn.pg-next::before {
	content: "\f105";
}

.pagination .pg-btn.pg-last::before {
	content: "\f101";
}

@media (max-width: 1024px) {
	.pagination {
		margin-top: 50px;
	}
}

@media (max-width: 768px) {
	.pagination {
		margin-top: 30px;
	}

	.pagination a {
		width: 26px;
		height: 26px;
		margin-right: 5px;
	}

	.pagination a.num {
		min-width: 26px;
		border-width: 1px;
		line-height: 24px;
		font-size: 12px;
	}

	.pagination .pg-btn {
		width: 26px;
		height: 26px;
		border-width: 1px;
	}

	.pagination .pg-btn::before {
		font-size: 13px;
		line-height: 25px;
	}
}

/* 갤러리 목록 */
.gallery-list {
	position: relative;
	border-top: 3px solid #246ab5;
	border-bottom: 1px solid #dedede;
}

.gallery-list ul {
	margin: 0 -20px;
	overflow: hidden;
	padding: 80px 0 20px;
}

.gallery-list ul::after {
	content: "";
	display: block;
	clear: both;
}

.gallery-list li {
	float: left;
	width: calc((100% / 4));
	padding: 0 18px;
	position: relative;
	margin-bottom: 60px;
}

.gallery-list .nodata {
	float: none !important;
	width: auto !important;
}

.gallery-list a {
	display: block;
}

.gallery-list .gallery-item {
	border: 1px solid #dedede;
	position: relative;
}

.gallery-list .item-image span {
	position: relative;
	display: block;
	padding-bottom: 61%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.gallery-list .item-box {
	padding: 20px 26px;
	min-height: 116px;
}

.gallery-list .item-title {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 1.44;
	color: #474747;
	margin-bottom: 12px;
	text-overflow: ellipsis;
	white-space: top;
	overflow: hidden;
	transition: all 0.3s ease;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}

.gallery-list .item-option {
	color: #778697;
	font-size: 14px;
	position: absolute;
	bottom: 14px;
	right: 26px;
}

.gallery-list a:hover .gallery-item::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid #3f95ff;
	box-shadow: 11px 8px 16px 0px rgba(143, 157, 175, 0.14);
}

.gallery-list a:hover .item-title {
	color: #474747;
}

.gallery-list a:hover .item-image span::after {
	opacity: 0;
}

/*  갤러리 목록 푸터 검색창 */
.gallery-search {
	margin-top: 40px;
}

.gallery-search .search-wrap {
	float: none;
	margin: 0 auto;
	max-width: 448px;
}

.gallery-search .search-wrap select.sel {
	width: 130px;
}

.gallery-search .search-wrap select.sel::-ms-expand {
	display: none;
}

.search-top .search-area .search-wrap select.sel,
.gallery-search .search-wrap select.sel {
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/common/arr_05.png) right 20px center no-repeat;
	background-size: 14px 10px;
}

@media (max-width: 1240px) {
	.gallery-list li {
		width: 33.33%;
		padding: 0 15px;
		margin-bottom: 60px;
	}

	.gallery-list ul {
		margin-left: -15px;
		margin-right: -15px;
		padding-top: 60px;
	}
}

@media (max-width: 1024px) {
	.gallery-list {
		margin: 0;
	}

	.gallery-list ul {
		padding-top: 60px;
	}

	.gallery-list li {
		width: 50%;
		margin-bottom: 48px;
	}

	.gallery-list ul {
		margin-left: -10px;
		margin-right: -10px;
		padding: 24px 0;
	}

	.gallery-list li {
		padding: 0 10px;
		margin-bottom: 40px;
	}
}

@media (max-width: 768px) {
	.gallery-list {
		border-top-width: 2px;
	}

	.gallery-list ul {
		margin-left: -10px;
		margin-right: -10px;
		padding: 24px 0;
	}

	.gallery-list li {
		padding: 0 10px;
		margin-bottom: 40px;
	}

	.gallery-list .item-title {
		font-size: 13px;
		margin-bottom: 15px;
	}

	.gallery-list .item-title .item-option {
		font-size: 15px;
	}

	.search-top .search-area .search-wrap select.sel,
	.gallery-search .search-wrap select.sel {
		background-position: right 10px center;
		background-size: 11px;
	}

	.gallery-search {
		margin-bottom: 0;
		margin-top: 30px;
	}

	.gallery-search .search-wrap {
		display: flex;
		border: 1px solid #dfdfdf;
		border-radius: 3px;
	}

	.gallery-search .search-wrap select.sel,
	.gallery-search .search-wrap input.inp-text {
		margin: 0;
		border: none;
	}

	.pagination {
		margin-top: 22px;
	}
}

@media (max-width: 520px) {
	.gallery-list ul {
		padding-top: 30px;
	}

	.gallery-list li {
		width: auto;
		float: none;
		margin-bottom: 30px;
	}
}

/* 게시판 상세/글쓰기 */
.board-detail {
	position: relative;
	border-top: 3px solid #246ab5;
	font-size: 16px;
}

.board-detail > :last-child {
	border-bottom: 1px solid #5d5d5d;
}

.board-detail .detail-head {
	position: relative;
	text-align: center;
	padding: 40px 110px;
	border-bottom: 1px solid #777;
}

.board-detail .detail-category {
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -35px;
	display: inline-block;
	width: 70px;
	height: 70px;
	line-height: 70px;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	background: #4691e2;
	border-radius: 50%;
	text-align: center;
}

.board-detail .detail-title {
	position: relative;
	text-align: center;
	color: #222;
	font-size: 30px;
	font-weight: 600;
	word-break: keep-all;
	overflow-wrap: break-word;
	word-wrap: break-word;
	line-break: normal;
}

.board-detail .detail-title.title-notice::before {
	content: "\f028";
	font-family: "Font Awesome 5 Pro";
	font-weight: bold;
	color: #3084de;
	font-size: 80%;
	margin-right: 25px;
}

.board-detail .detail-option {
	margin-top: 30px;
}

.board-detail .detail-option span {
	color: #222;
	font-size: 15px;
}

.board-detail .detail-option span + span {
	margin-left: 26px;
}

.board-detail .detail-option span::before {
	font-family: "Font Awesome 5 Pro";
	display: inline-block;
	font-size: 130%;
	margin-right: 10px;
}

.board-detail .detail-option .writer::before {
	content: "\f4ff";
	font-weight: bold;
}

.board-detail .detail-option .date::before {
	content: "\f073";
}

.board-detail .detail-option .views::before {
	content: "\f06e";
	margin-top: -2px;
	vertical-align: middle;
}

.board-detail .detail-option .course::before {
	content: "\f456";
	font-weight: bold;
}

.board-detail .detail-contents {
	padding: 40px 50px;
	color: #222;
	font-size: 16px;
	line-height: 1.8;
	/* border-bottom: 1px solid #dedede; */
	word-break: keep-all;
	overflow-wrap: break-word;
}

.board-detail .detail-contents > img {
	display: block;
}

.board-detail .detail-contents > img + img {
	margin-top: 24px;
}

.board-detail .detail-contents .contents-text + img {
	margin-top: 24px;
}

.board-detail .detail-contents > img ~ .contents-text {
	margin-bottom: 0;
	margin-top: 24px;
}

.board-detail .detail-file {
	display: flex;
	align-items: stretch;
	border-top: 1px solid #dedede;
}

.board-detail .detail-file .file-title {
	flex: 0 0 135px;
	position: relative;
	border-right: 1px solid #dedede;
}

.board-detail .detail-file .file-title .icon {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	text-align: center;
	color: #afafaf;
	font-size: 36px;
}

.board-detail .detail-file .file-list {
	flex: 1;
	color: #222;
}

.board-detail .detail-file .file-list li {
	font-size: 16px;
	padding: 19px 24px;
}

.board-detail .detail-file .file-list li + li {
	border-top: 1px solid #dedede;
}

.board-detail .detail-file .text-link {
	margin-right: 10px;
}

.board-detail .detail-file .btn-view {
	display: inline-block;
	min-width: 75px;
	color: #2b75cb;
	font-size: 12px;
	height: 30px;
	line-height: 28px;
	border: 1px solid #cfcfcf;
	border-radius: 6px;
	text-align: center;
	background: #f8fbfd;
}

.board-detail .detail-file .btn-view:hover {
	font-weight: 600;
}

.board-detail .board-nav {
	border-bottom: 1px solid #8badd1;
	background: #fafcfd;
	border-top: 1px solid #dedede;
}

.board-detail .board-nav::after {
	content: "";
	display: block;
	clear: both;
}

.board-detail .board-nav a {
	float: left;
	width: 50%;
	display: flex;
	height: 100px;
	align-items: center;
	color: #222;
}

.board-detail .board-nav a + a {
	border-left: 1px solid #dedede;
}

.board-detail .board-nav .arrow {
	flex: 0 0 auto;
	margin-top: -5px;
}

.board-detail .board-nav .arrow i,
.board-detail .board-nav .arrow .tit {
	vertical-align: middle;
}

.board-detail .board-nav .arrow i {
	color: #171717;
	font-size: 30px;
}

.board-detail .board-nav .tit {
	font-size: 15px;
}

.board-detail .board-nav .txt {
	flex: 1 1 auto;
	font-size: 16px;
	text-align: center;
	padding: 0 30px;
	word-break: keep-all;
	word-wrap: break-word;
}

.board-detail .board-nav .nav-prev {
	padding-left: 40px;
}

.board-detail .board-nav .nav-next {
	padding-right: 40px;
}

.board-detail .board-nav .nav-prev .arrow i {
	margin-right: 12px;
}

.board-detail .board-nav .nav-next .arrow i {
	margin-left: 12px;
}

.board-detail .detail-form {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.board-detail .detail-form .form-wrap {
	display: table-row;
}

.board-detail .detail-form .form-wrap textarea.inp-text {
	width: 100%;
	height: 237px;
	resize: none;
	border: 1px solid #a7a7a7;
	border-radius: 7px;
	padding: 10px;
	color: #1b1b1b;
	font-size: 16px;
}

.board-detail .detail-form .form-col {
	display: table-cell;
	vertical-align: middle;
	border-bottom: 1px solid #dedede;
	padding: 20px 35px;
}

.board-detail .detail-form .form-col select {
	background: url(../images/common/form_angle_down.png) center right 12px no-repeat;
	appearance: none;
	background-size: 15px;
}

.board-detail .detail-form .form-col select::-ms-expand {
	display: none;
}

.board-detail .detail-form .form-wrap:last-of-type .form-col {
	border-bottom-color: #8badd1;
}

.board-detail .detail-form .form-col:first-child {
	width: 173px;
}

.board-detail .detail-form .lbl {
	color: #222;
	font-size: 15px;
}

.board-detail .detail-form .text-desc {
	margin-left: 14px;
}

.board-detail .detail-form .phone {
	display: flex;
	align-items: center;
}

.board-detail .detail-form .phone span {
	padding: 0 4px;
}

.board-detail .detail-form .phone .inp-text {
	flex: 0 1 auto;
	min-width: 0;
}

.board-detail .detail-form .point-text {
	color: #ff3f3f;
	padding-top: 10px;
	margin-bottom: -10px;
}

/* 1:1문의 답변 */
.board-detail.board-answer {
	margin-top: 60px;
	border-top: 2px solid #4acbab;
}

.board-detail.board-answer .detail-category {
	background: #4acbab;
}

.board-detail.board-answer .detail-head {
	text-align: left;
	border-bottom-color: #dedede;
}

.board-detail.board-answer .detail-option {
	margin-top: 0;
}

.board-detail.board-answer .nodata {
	/* border-bottom:1px solid #dedede; */
	background: #fff;
}

/* 갤러리 슬라이드 */
.board-detail .gallery-slider-wrap {
	margin-top: 70px;
}

.board-detail .gallery-slider {
	text-align: center;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.board-detail .gallery-slider-next,
.board-detail .gallery-slider-prev {
	position: absolute;
	top: 50%;
	width: 105px;
	height: 105px;
	margin-top: -52px;
	z-index: 4;
	background: rgba(255, 255, 255, 0.6);
	font-size: 64px;
	color: #616161;
}

.board-detail .gallery-slider-next {
	right: 1px;
}

.board-detail .gallery-slider-prev {
	left: 1px;
}

.board-detail .gallery-slider-next.swiper-button-disabled,
.board-detail .gallery-slider-prev.swiper-button-disabled {
	opacity: 0.4;
}

.board-detail .gallery-thumbs-wrap {
	position: relative;
	padding: 0 60px;
}

.board-detail .gallery-thumbs {
	height: 120px;
	margin-top: 42px;
}

.board-detail .gallery-thumbs .swiper-slide {
	width: 220px;
	height: 100%;
	background: #000;
	cursor: pointer;
}

.board-detail .gallery-thumbs .swiper-slide span {
	opacity: 0.5;
	width: 100%;
	height: 100%;
	display: block;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.board-detail .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span {
	opacity: 1;
}

.board-detail .gallery-thumbs-next,
.board-detail .gallery-thumbs-prev {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 120px;
	z-index: 4;
	font-size: 50px;
	color: #acacac;
	margin-top: -60px;
}

.board-detail .gallery-thumbs-next {
	right: 0;
}

.board-detail .gallery-thumbs-prev {
	left: 0;
}

.board-detail .gallery-thumbs-next.swiper-button-disabled,
.board-detail .gallery-thumbs-prev.swiper-button-disabled {
	opacity: 0.4;
}

/* 동영상 */
.board-detail .gallery-video-wrap {
	position: relative;
	padding-bottom: 56.25%;
	margin-top: 70px;
}

.board-detail .gallery-video-wrap video,
.board-detail .gallery-video-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 1024px) {
	.board-detail {
		font-size: 14px;
	}

	.board-detail .detail-head {
		padding-left: 120px;
		padding-right: 120px;
	}

	.board-detail .detail-title {
		font-size: 26px;
	}

	.board-detail .detail-form .form-col {
		padding: 15px 25px;
	}

	.board-detail .detail-form .form-col:first-child {
		width: 144px;
	}

	.board-detail .detail-form .lbl {
		font-size: 14px;
	}

	.board-detail .detail-form .text-desc {
		margin-left: 15px;
	}

	/* 1:1문의 답변 */
	.board-detail.board-answer {
		margin-top: 50px;
	}
}

@media (max-width: 940px) {
	.board-detail .detail-form .text-desc {
		display: block;
		margin-left: 0;
		margin-top: 10px;
	}
}

@media (max-width: 768px) {
	.board-detail {
		border-top-width: 2px;
		font-size: 12px;
	}

	.board-detail .detail-category {
		width: 35px;
		height: 35px;
		font-size: 10px;
		line-height: 35px;
		position: static;
		margin-top: 0;
		margin-bottom: 10px;
	}

	.board-detail .detail-head {
		padding: 30px 20px;
	}

	.board-detail .detail-title {
		font-size: 18px;
	}

	.board-detail .detail-title.title-notice::before {
		margin-right: 10px;
	}

	.board-detail .detail-option {
		margin-top: 15px;
	}

	.board-detail .detail-option span {
		font-size: 13px;
	}

	.board-detail .detail-option span + span {
		margin-left: 10px;
	}

	.board-detail .detail-option span::before {
		margin-right: 6px;
	}

	.board-detail .detail-contents {
		padding: 20px 15px;
		font-size: 13px;
	}

	.board-detail .detail-contents > img + img {
		margin-top: 15px;
	}

	.board-detail .detail-contents .contents-text + img {
		margin-bottom: 15px;
	}

	.board-detail .detail-contents > img ~ .contents-text {
		margin-bottom: 0;
		margin-top: 15px;
	}

	.board-detail .detail-file .file-title {
		flex-basis: 70px;
	}

	.board-detail .detail-file .file-title .icon {
		font-size: 20px;
	}

	.board-detail .detail-file .file-list li {
		font-size: 13px;
		padding: 10px 15px;
	}

	.board-detail .detail-file .btn-view {
		font-size: 10px;
		min-width: 56px;
		height: 22px;
		line-height: 20px;
	}

	.board-detail .board-nav a {
		height: 45px;
	}

	.board-detail .board-nav .arrow {
		margin-top: 0;
	}

	.board-detail .board-nav .arrow i {
		font-size: 15px;
	}

	.board-detail .board-nav .tit {
		font-size: 10px;
	}

	.board-detail .board-nav .txt {
		display: none;
	}

	.board-detail .board-nav .nav-prev {
		padding-left: 18px;
	}

	.board-detail .board-nav .nav-next {
		padding-right: 18px;
		justify-content: flex-end;
	}

	.board-detail .board-nav .nav-prev .arrow i {
		margin-right: 8px;
	}

	.board-detail .board-nav .nav-next .arrow i {
		margin-left: 8px;
	}

	.board-detail .detail-form,
	.board-detail .detail-form .form-wrap,
	.board-detail .detail-form .form-col {
		display: block;
	}

	.board-detail .detail-form .form-col select {
		background-size: 9px;
	}

	.board-detail .detail-form .form-wrap {
		border-bottom: 1px solid #dedede;
		padding: 10px 15px;
	}

	.board-detail .detail-form .form-wrap textarea.inp-text {
		height: 118px;
		font-size: 13px;
		border-radius: 3px;
	}

	.board-detail .detail-form .form-col {
		width: auto !important;
		border-bottom: 0;
		padding: 0;
	}

	.board-detail .detail-form .point-text {
		padding-top: 5px;
		margin-bottom: -5px;
	}

	.board-detail .detail-form .phone span {
		padding: 0 2px;
	}

	.board-detail .detail-form .phone .inp-text {
		flex: 0 1 auto;
		min-width: 0;
	}

	/* .board-detail .detail-form .form-col .inp-text,
	.board-detail .detail-form .form-col .sel{width:100%;} */
	.board-detail .detail-form .lbl {
		font-size: 13px;
		margin-bottom: 5px;
		display: block;
		font-weight: 500;
	}

	.board-detail .detail-form .text-desc {
		margin-top: 5px;
	}

	/* 1:1문의 답변 */
	.board-detail.board-answer {
		margin-top: 40px;
	}

	.board-detail.board-answer .detail-head {
		text-align: center;
	}

	/* 갤러리 슬라이드 */
	.board-detail .gallery-slider-wrap {
		margin-top: 20px;
	}

	.board-detail .gallery-slider-next,
	.board-detail .gallery-slider-prev {
		width: 26px;
		height: 26px;
		margin-top: -13px;
		font-size: 15px;
	}

	.board-detail .gallery-thumbs-wrap {
		padding: 0 35px;
	}

	.board-detail .gallery-thumbs {
		height: 60px;
		margin-top: 20px;
	}

	.board-detail .gallery-thumbs .swiper-slide {
		width: 110px;
	}

	.board-detail .gallery-thumbs-next,
	.board-detail .gallery-thumbs-prev {
		width: 20px;
		height: 60px;
		margin-top: -30px;
		font-size: 25px;
	}

	/* 동영상 */
	.board-detail .gallery-video-wrap {
		margin-top: 20px;
	}
}

@media (max-width: 368px) {
	.board-detail .detail-option.small span {
		font-size: 10px;
	}
}

/* 파일 첨부 */
.file-upload .upload-wrap label + input[type="file"] {
	display: none;
}

.file-upload .upload-wrap .btn.search {
	margin-right: 15px;
	min-width: 70px;
	height: 46px;
	padding: 0 20px;
	border: none;
	background: #666;
	color: #fff !important;
	line-height: 46px;
	border-radius: 7px;
	background: linear-gradient(to bottom, #4f9ee8 0%, #056ac8 100%);
}

.file-upload .upload-wrap .btn.search i {
	margin-right: 6px;
}

.file-upload .file-list {
	position: relative;
}

.file-upload .file-list .text-link {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.file-upload .file-list .file-wrap {
	color: #222;
}

.file-upload .file-wrap {
	display: inline-block;
	margin-top: 15px;
	margin-right: 15px;
}

.file-upload .file-wrap .text-link {
	color: inherit;
	font-size: inherit;
}

.file-upload .file-wrap .file-del {
	margin-left: 5px;
	margin-top: -2px;
	border: none;
	border-radius: 3px;
	text-indent: -999em;
	vertical-align: middle;
	line-height: 1;
	overflow: hidden;
	position: relative;
	width: 22px;
	height: 22px;
}

.file-upload .file-wrap .file-del::after {
	content: "\f057";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-family: "Font Awesome 5 Pro";
	color: #768491;
	font-size: 22px;
	font-weight: bold;
	vertical-align: top;
	text-indent: 0;
}

@media (max-width: 1024px) {
	.file-upload .upload-wrap .btn.search {
		height: 43px;
		line-height: 43px;
	}
}

@media (max-width: 768px) {
	.file-upload .upload-wrap .btn.search {
		border-radius: 2px;
		height: 31px;
		line-height: 31px;
		font-size: 12px;
		padding: 0 12px;
		border-radius: 4px;
		margin-right: 10px;
	}

	.file-upload .file-wrap {
		margin-top: 10px;
	}

	.file-upload .file-wrap .text-link {
		color: inherit;
		font-size: 13px;
	}
	
	.file-upload .file-wrap .file-del {
		width: 15px;
		height: 15px;
		margin-top: 0;
	}

	.file-upload .file-wrap .file-del::after {
		font-size: 15px;
	}
}

/* 코스별 상세안내 필터 */
.list-category {
	margin-bottom: 32px;
}

.list-category .category-title {
	margin-right: 4px;
	display: inline-block;
	height: 38px;
	border-radius: 19px;
	line-height: 38px;
	padding: 0 22px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	background: #525252;
	margin-bottom: 8px;
}

.list-category .category-list {
	display: inline-block;
}

.list-category .category-wrap {
	display: inline-block;
	margin-right: 4px;
	position: relative;
}

.list-category .category-rdo {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	margin-top: -1px;
}

.list-category .category-lbl {
	display: inline-block;
	height: 32px;
	line-height: 28px;
	border-radius: 16px;
	padding: 0 14px;
	color: #888;
	font-size: 16px;
	font-weight: 500;
	border: 2px solid #ddd;
	margin-bottom: 8px;
}

.list-category .category-rdo:checked + .category-lbl,
.list-category .category-lbl.on {
	background: #15437e;
	border-color: #15437e;
	color: #fff;
}

/* 경기 평화누리길 */
.list-category .category-lbl.path1:hover {
	color: #eb355d;
}

.list-category .category-rdo:checked + .category-lbl.path1,
.list-category .category-lbl.path1.on {
	background: #eb355d;
	border-color: #eb355d;
	color: #fff;
}

/* 경기 숲길 */
.list-category .category-lbl.path2:hover {
	color: #e98e00;
}

.list-category .category-rdo:checked + .category-lbl.path2,
.list-category .category-lbl.path2.on {
	background: #e98e00;
	border-color: #e98e00;
	color: #fff;
}

/* 경기 물길 */
.list-category .category-lbl.path3:hover {
	color: #85c128;
}

.list-category .category-rdo:checked + .category-lbl.path3,
.list-category .category-lbl.path3.on {
	background: #85c128;
	border-color: #85c128;
	color: #fff;
}

/* 경기 갯길 */
.list-category .category-lbl.path4:hover {
	color: #2e94df;
}

.list-category .category-rdo:checked + .category-lbl.path4,
.list-category .category-lbl.path4.on {
	background: #2e94df;
	border-color: #2e94df;
	color: #fff;
}

@media (max-width: 768px) {
	.list-category {
		margin-bottom: 10px;
	}

	.list-category .category-title {
		display: none;
		font-size: 16px;
	}

	.list-category .category-wrap {
		margin-right: 2px;
	}

	.list-category .category-lbl {
		font-size: 14px;
		padding: 0 12px;
		height: 28px;
		font-weight: 400;
		border-width: 1px;
		line-height: 28px;
	}
}

/* 코스별 상세안내 목록 */
.course-list ul {
	margin: 0 -25px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}

.course-list ul::after {
	content: "";
	display: block;
	clear: both;
}

.course-list li {
	width: 33.3333%;
	padding: 0 25px;
	position: relative;
	margin-bottom: 50px;
}

.course-list .nodata {
	float: none !important;
	width: auto !important;
	border-top: 3px solid #246ab5;
	border-bottom: 1px solid #dedede;
	padding: 80px 0;
}

.course-list a {
	display: block;
	height: 100%;
}

.course-list .course-item {
	position: relative;
	border: 1px solid #e4e6e9;
	transition: 0.3s;
	box-shadow: 7px 6px 6px rgba(121, 121, 121, 0.1);
	height: 100%;
	display: flex;
	flex-direction: column;
}

.course-list .item-badge {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: #ee4955;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	width: 33px;
	min-height: 60px;
	display: flex;
	padding: 10px 10px;
	align-items: center;
	line-height: 1.2;
}

/* 경기 평화누리길 */
.course-list .item-badge.path1 {
	background: #eb355d;
}

/* 경기 숲길 */
.course-list .item-badge.path2 {
	background: #b84900;
}

/* 경기 물길 */
.course-list .item-badge.path3 {
	background: #3b8000;
}

/* 경기 갯길 */
.course-list .item-badge.path4 {
	background: #2e94df;
}

.course-list .item-image {
	position: relative;
	padding-bottom: 62.5%;
}

.course-list .item-image .image-thumb,
.course-list .item-image .image-stamp {
	position: absolute;
}

.course-list .item-image .image-thumb {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.course-list .item-image .image-stamp {
	bottom: 0;
	right: 10px;
	width: 95px;
	height: 108px;
	background-size: auto;
}

.course-list .item-contents {
	padding: 25px 30px;
	letter-spacing: -0.05em;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

.course-list .item-desc {
	color: #5d5d5d;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 0.8em;
}

.course-list .item-title .tit {
	color: #3a3b3d;
	font-size: 28px;
	font-weight: 700;
}

.course-list .item-title .sub {
	color: #1f83e5;
	font-size: 18px;
	font-weight: 500;
	margin-left: 10px;
}

.course-list .item-txt {
	color: #363940;
	font-size: 17px;
	font-weight: 500;
	margin: 5px 0 16px;
}

.course-list .item-option {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
}

.course-list .option-wrap {
	color: #5d5d5d;
	font-size: 17px;
	font-weight: 500;
}

.course-list .option-wrap i {
	margin-right: 5px;
}

.course-list a:hover .course-item {
	border-color: #3f95ff;
}

.course-list a:hover .item-title .tit {
	color: #006fd6;
}

@media (max-width: 1260px) {
	.course-list ul {
		margin-left: -15px;
		margin-right: -15px;
	}

	.course-list li {
		width: 50%;
		padding: 0 15px;
		margin-bottom: 30px;
	}

	.course-list .item-title .tit {
		font-size: 26px;
	}

	.course-list .item-title .sub {
		font-size: 16px;
	}

	.course-list .option-wrap {
		font-size: 15px;
	}
}

@media (max-width: 768px) {
	.course-list ul {
		margin-left: -10px;
		margin-right: -10px;
	}

	.course-list li {
		padding: 0 10px;
		margin-bottom: 20px;
	}

	.course-list .nodata {
		border-top-width: 2px;
		padding: 40px 0;
	}

	.course-list .item-badge {
		font-size: 13px;
	}

	.course-list .item-contents {
		padding: 18px 25px;
	}

	.course-list .item-image .image-stamp {
		width: 80px;
		height: 91px;
		background-size: 100% auto;
		bottom: 10px;
	}

	.course-list .item-desc {
		font-size: 14px;
	}

	.course-list .item-title .tit {
		font-size: 22px;
	}

	.course-list .item-title .sub {
		font-size: 14px;
	}

	.course-list .item-txt {
		font-size: 14px;
	}

	.course-list .option-wrap {
		font-size: 13px;
	}

	.course-list .option-wrap i {
		margin-right: 3px;
	}
}

@media (max-width: 680px) {
	.course-list ul {
		margin-left: 0;
		margin-right: 0;
	}

	.course-list li {
		width: 100%;
		padding: 0;
	}
}

@media (max-width: 350px) {
	.course-list .option-wrap {
		font-size: 12px;
	}
}

/* 코스별 상세안내 상세 > 코스명, 코스 지도 */
.fixed-area {
	/* position:sticky;top:0; */
	position: relative;
	background: rgba(255, 255, 255, 0.9);
	margin-bottom: 30px;
	/* transition:padding .2s; */
}

.fixed-area .page-tab {
	margin-bottom: 0;
}

.fixed-area.fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	margin: 0;
	border-bottom: 1px solid #d0d0d0;
	padding: 20px 0;
}

.fixed-area.fixed .course-title {
	font-size: 24px;
	margin-bottom: 20px;
}

.fixed-area.fixed .page-tab .tab-list li a {
	height: 50px;
	font-size: 16px;
}

.fixed-area.fixed .course-wrap button.left-btn:before,
.fixed-area.fixed .course-wrap button.right-btn:after {
	font-size: 40px;
}

@media (max-width: 1260px) {
	.fixed-area.fixed {
		top: 106px;
	}
}

@media (max-width: 768px) {
	.fixed-area {
		margin-bottom: 20px;
	}

	.fixed-area.fixed {
		padding: 15px 0;
		top: 65px;
	}

	.fixed-area.fixed .course-title {
		font-size: 13px;
		margin-bottom: 10px;
	}

	.fixed-area.fixed .page-tab .tab-list li a {
		height: 30px;
		font-size: 10px;
	}

	.fixed-area.fixed .course-wrap button.left-btn:before,
	.fixed-area.fixed .course-wrap button.right-btn:after {
		font-size: 18px;
		top: -3px;
	}
}

.course-wrap {
	position: relative;
	display: flex;
}
.course-wrap button.left-btn {height:60px; position: absolute; left:0; top:-10px;}
.course-wrap button.right-btn {height:60px; position: absolute; right:0;top: -10px;}

.course-wrap button.left-btn:before,
.course-wrap button.right-btn:after {
	
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	font-size: 50px;
	color: #267fd6;
	padding:25px; height:60px
}

.course-wrap button.left-btn:before {
	content: "\f137";
	left: 0;
}

.course-wrap button.right-btn:after {
	content: "\f138";
	right: 0;
	
}

.course-title {
	text-align: center;
	color: #363940;
	font-size: 34px;
	word-break: keep-all;
	overflow-wrap: break-word;
	word-wrap: break-word;
	letter-spacing: -0.04em;
	margin: 0 auto 35px;
	width: 88%;
}

.course-title strong {
	font-weight: 600;
}

.course-map {
	margin-bottom: 50px;
	border: 1px solid #237dd9;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.course-map .map-title {
	color: #0075d8;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	padding: 18px 20px;
	border-bottom: 1px solid #abc7e3;
}

.course-map .map-wrap {
	position: relative;
	height: 370px;
	background: #efefef;
}

.course-map .openlayers-map,
.course-map .base-map {
	position: absolute;
	height: 100%;
}

.course-map .openlayers-map {
	z-index: 2;
}

.course-map .openlayers-map .ol-control {
	display: none;
}

.map-control-wrap {
	position: absolute;
	bottom: 22px;
	right: 20px;
	z-index: 10;
	width: 37px;
}

.map-control {
	width: 100%;
	overflow: hidden;
	border-radius: 7px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
	background: linear-gradient(to top, #0064b1 0%, #127fdc 100%);
}

.map-control + .map-control {
	margin-top: 7px;
}

.btn-map-control {
	position: relative;
	width: 37px;
	height: 37px;
	color: #fff;
	font-size: 19px;
	vertical-align: top;
	border-bottom: 1px solid #175f98;
}

.btn-map-control + .btn-map-control {
	border-top: 1px solid #4996d5;
}

.btn-map-control:last-child {
	border-bottom: 0;
}

.btn-map-control i {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.33);
}

.course-map .map-option {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 2;
	transform: translateX(-50%);
	background: #237dd9;
	color: #fff;
	font-size: 17px;
	font-weight: 500;
	padding: 16px 30px;
	border-radius: 0 0 20px 20px;
	white-space: nowrap;
}

.course-map .map-option .option-wrap {
	display: inline-block;
	vertical-align: middle;
}

.course-map .map-option .option-wrap + .option-wrap {
	margin-left: 40px;
}

.course-map .map-option .option-wrap i {
	margin-right: 4px;
}

.course-map .map-app {
	border-top: 1px solid #abc7e3;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 20px;
	background: #fff;
}

.course-map .map-app .app-title {
	flex: 1 1 auto;
	position: relative;
}

.course-map .map-app .app-title span {
	position: relative;
	color: #ec1e44;
	font-size: 20px;
	font-weight: 600;
	background: #fff;
	padding-left: 42px;
	padding-right: 20px;
	letter-spacing: -0.04em;
}

.course-map .map-app .app-title span::before {
	content: "\f4d7";
	position: absolute;
	top: -8px;
	left: 0;
	font-family: "Font Awesome 5 Pro";
	font-weight: bold;
	font-size: 150%;
}

.course-map .map-app .contents-desc {
	line-height: 1.5;
}

.course-map .map-app.app-pc {
	height: 70px;
}

.course-map .map-app.app-pc .app-title {
	flex: 0 0 auto;
}

.course-map .map-app.app-pc .app-wrap {
	flex: 1 1 auto;
}

.course-map .map-app.app-mobile .app-title::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	right: 25px;
	height: 1px;
	z-index: -1;
	background: url("../images/sub/line.gif") repeat-x;
}

.course-map .map-app.app-mobile .app-wrap {
	flex: 0 0 auto;
}

.course-map .map-app .btn-app {
	display: inline-block;
	min-width: 142px;
	height: 51px;
	padding: 5px 10px;
	vertical-align: middle;
	border-radius: 25px;
}

.course-map .map-app .btn-app + .btn-app {
	margin-left: 8px;
}

.course-map .map-app .btn-app .icon {
	float: left;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	vertical-align: middle;
}

.course-map .map-app .btn-app span {
	line-height: 32px;
	color: #fff;
	font-size: 17px;
	font-weight: 500;
}

.course-map .map-app .btn-app.app-durunubi {
	background: #00bfaf;
}

.course-map .map-app .btn-app.app-durunubi .icon {
	background-image: url("../images/sub/icon_durunubi.png");
}

.course-map .map-app .btn-app.app-tranggle {
	background: #ee5f7a;
}

.course-map .map-app .btn-app.app-tranggle .icon {
	background-image: url("../images/sub/icon_tranggle.png");
}

.course-map .map-app .btn-app.app-ramblr {
	background: #ef9c25;
}

.course-map .map-app .btn-app.app-ramblr .icon {
	background-image: url("../images/sub/icon_ramblr.png");
}

@media (max-width: 768px) {
	.course-wrap button.left-btn:before,
	.course-wrap button.right-btn:after {
		font-size: 25px;
		top: -6px;
	}

	.course-title {
		margin-bottom: 15px;
		font-size: 15px;
		width: 79%;
	}

	.course-map {
		border-radius: 0;
		border-left: 0;
		border-right: 0;
		margin: 0 -20px 25px;
	}

	.course-map .map-title {
		font-size: 12px;
	}

	.map-control-wrap {
		bottom: 15px;
		right: 15px;
		width: 30px;
	}

	.map-control {
		border-radius: 3px;
	}

	.map-control + .map-control {
		margin-top: 5px;
	}

	.btn-map-control {
		width: 30px;
		height: 30px;
		font-size: 16px;
	}

	.course-map .map-option {
		font-size: 11px;
		padding: 10px 20px;
		border-radius: 0 0 15px 15px;
		min-width: 263px;
	}

	.course-map .map-option .option-wrap + .option-wrap {
		margin-left: 25px;
	}

	.course-map .map-app {
		display: block;
		padding: 20px;
	}

	.course-map .map-app .app-title {
		text-align: center;
		margin-bottom: 15px;
	}

	.course-map .map-app .app-title::after {
		display: none;
	}

	.course-map .map-app .app-title span {
		font-size: 12px;
		padding-left: 28px;
	}

	.course-map .map-app .app-wrap {
		text-align: center;
	}

	.course-map .map-app .btn-app {
		min-width: 84px;
		height: 29px;
		padding: 4px 6px;
		border-radius: 15px;
	}

	.course-map .map-app .btn-app + .btn-app {
		margin-left: 8px;
	}

	.course-map .map-app .btn-app .icon {
		width: 20px;
		height: 20px;
	}

	.course-map .map-app .btn-app span {
		font-size: 10px;
		line-height: 20px;
	}

	.course-map .map-app.app-pc {
		height: auto;
	}
}

/* 코스별 상세안내 상세 > 태그 목록 */
.course-hashtag {
	margin-top: -120px;
	margin-bottom: 50px;
	position: relative;
}

.course-hashtag::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url("../images/sub/bg_hashtag.gif");
	z-index: -1;
}

.course-hashtag ul {
	padding: 110px 0 20px;
}

.course-hashtag ul::after {
	content: "";
	display: block;
	clear: both;
}

.course-hashtag li {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.course-hashtag a {
	display: inline-block;
	border-radius: 10px;
	height: 56px;
	line-height: 54px;
	background: #fff;
	border: 1px solid #b9c4db;
	padding: 0 26px;
	color: #5f5f5f;
	font-size: 20px;
	letter-spacing: -0.025em;
}

.course-hashtag a:hover {
	color: #006fd6;
}

@media (max-width: 768px) {
	.course-hashtag {
		margin-top: -25px;
		margin-bottom: 25px;
	}

	.course-hashtag ul {
		padding: 20px 0 8px;
	}

	.course-hashtag li {
		margin-right: 12px;
		margin-bottom: 12px;
	}

	.course-hashtag a {
		font-size: 12px;
		height: 36px;
		line-height: 34px;
		padding: 0 15px;
		border-radius: 5px;
	}
}

/* 코스별 상세안내 상세 > 스탬프 정보 */
.stamp-info-list {
	letter-spacing: -0.04em;
	border-top: 1px solid #d0d0d0;
}

.stamp-info-list li {
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #d0d0d0;
}

.stamp-info-list .list-stamp {
	flex: 0 0 32%;
	text-align: center;
	padding: 50px 20px;
}

.stamp-info-list .list-text {
	color: #2d2d2d;
	flex: 1 1 auto;
	padding: 50px 20px;
}

.stamp-info-list .list-title {
	font-size: 18px;
	margin-bottom: 10px;
}

.stamp-info-list .list-title strong {
	color: #e53d30;
	font-size: 22px;
	font-weight: 600;
}

.stamp-info-list .list-desc {
	position: relative;
	padding-left: 22px;
	font-size: 16px;
	word-break: keep-all;
	overflow-wrap: break-word;
	word-wrap: break-word;
	line-height: 1.75;
}

.stamp-info-list .list-desc::before {
	content: "\f328";
	position: absolute;
	top: -1px;
	left: 0;
	font-family: "Font Awesome 5 Pro";
	font-weight: bold;
}

@media (max-width: 768px) {
	/* .stamp-info-list li{display:block;} */
	.stamp-info-list .list-stamp {
		flex-basis: 100px;
		padding: 20px 10px;
	}

	/* .stamp-info-list .list-stamp img{max-height:60px;} */
	.stamp-info-list .list-text {
		padding: 20px 10px;
	}

	.stamp-info-list .list-title {
		font-size: 14px;
		margin-bottom: 5px;
	}

	.stamp-info-list .list-title strong {
		font-size: 16px;
		margin-left: 2px;
	}

	.stamp-info-list .list-desc {
		padding-left: 0;
		font-size: 13px;
	}

	.stamp-info-list .list-desc::before {
		display: none;
	}
}

/* 코스별 상세안내 상세 > 스탬프함 주소 */
.address-list {
	border-top: 1px solid #d0d0d0;
	display: table;
	width: 100%;
	table-layout: fixed;
}

.address-list div {
	display: table-row;
}

.address-list dt,
.address-list dd {
	display: table-cell;
	vertical-align: middle;
	padding: 12px 0;
	height: 58px;
	border-bottom: 1px solid #d0d0d0;
	color: #2d2d2d;
	line-height: 1.5;
}

.address-list dt {
	width: 150px;
	background: #f2f2f2;
	font-size: 17px;
	font-weight: 600;
	text-align: center;
}

.address-list dd {
	position: relative;
	font-size: 16px;
	padding-left: 20px;
	padding-right: 20px;
	word-break: keep-all;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.address-list dd.with-button {
	padding-right: 160px;
}

.address-list .btn.view {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -19px;
}

.ie .address-list .btn.view {
	margin-top: -14px;
}

@media (max-width: 768px) {
	.address-list dt,
	.address-list dd {
		padding: 10px 0;
		height: 40px;
	}

	.address-list dt {
		width: 110px;
		font-size: 13px;
	}

	.address-list dd {
		font-size: 13px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.address-list dd.with-button {
		padding-right: 0;
	}

	.address-list .btn.view {
		display: block;
		position: static;
		margin-top: 5px !important;
	}
}

/* 코스별 상세안내 상세 > 추천 경관/ 포토존 */
.place-list {
	letter-spacing: -0.04em;
}

.place-list .swiper-wrapper {
	justify-content: stretch;
}

.place-list .swiper-slide {
	height: auto;
}

.place-list .place-wrap {
	border: 1px solid #d4d4d4;
	border-radius: 20px;
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.place-list .place-thumb {
	position: relative;
}

.place-list .place-image {
	height: 254px;
}

.place-list .place-name {
	position: absolute;
	bottom: 37px;
	left: 0;
	height: 48px;
	background: #fff;
	padding: 0 48px 0 40px;
	color: #000;
	font-size: 19px;
	font-weight: 600;
	border-radius: 0 24px 24px 0;
	line-height: 48px;
}

.place-list .place-text {
	padding: 30px 40px;
	color: #000;
	font-size: 16px;
	line-height: 1.75;
	word-break: keep-all;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.place-list .place-addr {
	background: #ecf3fb;
	padding: 19px 40px;
	margin-top: auto;
}

.place-list .place-addr span {
	display: inline-block;
	padding-left: 20px;
	color: #2d2d2d;
	font-size: 16px;
	position: relative;
	vertical-align: top;
	letter-spacing: -0.05em;
	word-break: keep-all;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.place-list .place-addr span::before {
	content: "\f3c5";
	position: absolute;
	top: 0;
	left: 1px;
	font-family: "Font Awesome 5 Pro";
	font-weight: bold;
	color: #265ca5;
}

.place-slider-next,
.place-slider-prev {
	position: absolute;
	top: 50%;
	color: #626262;
	font-size: 37px;
	width: 40px;
	margin-top: -26px;
}

.place-slider-next {
	right: -50px;
}

.place-slider-prev {
	left: -50px;
}

.place-slider-next.swiper-button-disabled,
.place-slider-prev.swiper-button-disabled {
	opacity: 0.4;
	cursor: default;
}

.place-slider-wrap {
	position: relative;
}

.place-slider-wrap.slide-controls-disabled .place-slider-controls {
	display: none;
}

@media (max-width: 1400px) {
	.place-slider-next {
		right: -45px;
	}

	.place-slider-prev {
		left: -45px;
	}
}

@media (max-width: 1260px) {
	.place-list .place-name {
		padding: 0 38px 0 30px;
	}

	.place-list .place-text {
		padding: 20px 30px;
	}

	.place-list .place-addr {
		padding: 19px 30px;
	}
}

@media (max-width: 768px) {
	.place-list .place-image {
		height: 180px;
	}

	.place-list .place-name {
		height: 34px;
		line-height: 34px;
		padding: 0 30px 0 26px;
		font-size: 14px;
	}

	.place-list .place-text {
		padding: 18px 26px;
		font-size: 13px;
	}

	.place-list .place-addr {
		padding: 11px 26px;
	}

	.place-list .place-addr span {
		font-size: 13px;
		padding-left: 16px;
	}

	.place-list .place-addr span::before {
		top: 1px;
	}

	.place-slider-next,
	.place-slider-prev {
		font-size: 24px;
		width: 25px;
		margin-top: -17px;
	}

	.place-slider-next {
		right: -13px;
	}

	.place-slider-prev {
		left: -13px;
	}

	.place-slider-wrap {
		padding: 0 18px;
	}
}

/* 코스별 상세안내 상세 > 시작점 찾아가는 법 */
.traffic-info .info-desc {
	font-size: 18px;
	letter-spacing: -0.04em;
	line-height: 1.8;
	font-weight: 500;
	word-break: keep-all;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.traffic-info .info-route {
	background: #eff5fc;
	height: 85px;
	display: flex;
	align-items: center;
	margin-top: 20px;
}

.traffic-info .info-route .route-tit {
	flex: 0 0 400px;
	color: #2d2d2d;
	font-size: 20px;
	font-weight: 600;
	height: 100%;
	background: #e6ecf2;
	line-height: 85px;
	text-align: center;
}

.traffic-info .info-route .route-txt {
	flex: 1 1 auto;
	text-align: center;
}

.traffic-info .info-route .route-txt a {
	display: inline-block;
	height: 50px;
	padding: 8px 20px 8px 10px;
	vertical-align: middle;
	border-radius: 25px;
	text-align: center;
	border-width: 2px;
	border-style: solid;
	background: #fff;
}

.traffic-info .info-route .route-txt a + a {
	margin-left: 10%;
}

.traffic-info .info-route .route-txt a .icon {
	float: left;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	vertical-align: middle;
	margin-right: 20px;
}

.traffic-info .info-route .route-txt a span {
	line-height: 30px;
	color: #22569c;
	font-size: 18px;
	font-weight: 600;
}

.traffic-info .info-route .route-txt a.naver {
	border-color: #42be6e;
}

.traffic-info .info-route .route-txt a.naver .icon {
	background-image: url("../images/sub/icon_naver_map.png");
}

.traffic-info .info-route .route-txt a.naver span {
	color: #0063b0;
}

.traffic-info .info-route .route-txt a.kakao {
	border-color: #f0bc00;
}

.traffic-info .info-route .route-txt a.kakao .icon {
	background-image: url("../images/sub/icon_kakao_map.png");
}

.traffic-info .info-route .route-txt a.kakao span {
	color: #5a2e23;
}

@media (max-width: 1024px) {
	.traffic-info .info-route {
		justify-content: space-around;
	}

	.traffic-info .info-route > div {
		flex: 0 0 auto;
	}

	.traffic-info .info-route .route-tit {
		display: none;
	}
}

@media (max-width: 768px) {
	.traffic-info {
		border-top: 0;
	}

	.traffic-info .info-desc {
		padding: 0;
		font-size: 13px;
		font-weight: 400;
	}

	.traffic-info .info-route {
		margin: 12px -20px 0;
		height: auto;
		flex-wrap: wrap;
	}

	.traffic-info .info-route .route-tit {
		height: auto;
		line-height: 44px;
		font-size: 14px;
		display: block;
		flex-basis: 100%;
	}

	.traffic-info .info-route .route-txt {
		flex-basis: 50%;
		padding: 14px 20px 20px;
	}

	.traffic-info .info-route .route-txt a {
		height: 37px;
		padding: 6px 10px 6px 5px;
		border-width: 1px;
	}

	.traffic-info .info-route .route-txt a + a {
		margin-left: 5%;
	}

	.traffic-info .info-route .route-txt a .icon {
		width: 22px;
		height: 22px;
		margin-right: 10px;
	}

	.traffic-info .info-route .route-txt a span {
		font-size: 13px;
		line-height: 22px;
	}
}

@media (max-width: 400px) {
	.traffic-info .info-route .route-tit {
		font-size: 14px;
	}

	.traffic-info .info-route .route-txt {
		flex-basis: 40%;
	}

	.traffic-info .info-route .route-txt:last-of-type {
		flex-basis: 60%;
	}

	/* .traffic-info .info-route .route-txt a + a{margin-left:1%;} */
	.traffic-info .info-route .route-txt a::before {
		width: 25px;
		height: 36px;
		margin-top: -13px;
	}
}

/* 이달의 추천 코스 */
.sub-contents .review-list {
	border-bottom: 0;
	border: none;
}

.sub-contents .review-list ul {
	margin: 0;
	padding: 0;
	overflow: visible;
}

.sub-contents .review-list li {
	margin-bottom: 0;
	padding: 0;
}

.sub-contents .more-wrap {
	position: absolute;
	right: 0;
	top: 30px;
}

.sub-contents .more-wrap .sub-more {
	font-size: 15px;
	font-weight: 500;
	color: #626262;
}

.sub-contents .more-wrap .sub-more i {
	margin-left: 4px;
}

@media (max-width: 768px) {
	.sub-contents .more-wrap {
		top: 12px;
	}

	.sub-contents .more-wrap .sub-more {
		font-size: 11px;
	}

	.sub-contents .more-wrap .sub-more i {
		margin-left: 2px;
	}
}

/* 테마별 코스 목록 */
.theme-list ul {
	margin: 0 -25px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}

.theme-list li {
	width: 33.3333%;
	padding: 0 25px;
	margin-bottom: 50px;
}

.theme-list .nodata {
	float: none !important;
	width: auto !important;
	border-top: 3px solid #246ab5;
	border-bottom: 1px solid #dedede;
	padding: 80px 0;
}

.theme-list .theme-item {
	position: relative;
	border: 1px solid #e4e6e9;
	transition: 0.3s;
}

.theme-list .theme-item:hover::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 4px solid #3f95ff;
	box-shadow: 11px 8px 16px 0px rgba(121, 121, 121, 0.26);
}

.theme-list .theme-item:hover .item-text {
	background-color: #3f95ff;
	color: #fff;
}

.theme-list .item-image span {
	display: block;
	padding-bottom: 100%;
	background: no-repeat 50% 50% / cover;
}

.theme-list .item-text {
	width: 81.25%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: -0.05em;
	padding: 20px 20px 16px;
	border-radius: 20px 20px 0 0;
	background-color: rgba(255, 255, 255, 0.8);
	color: #363940;
	text-align: center;
	word-break: keep-all;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.theme-list .pagination {
	margin-top: 41px;
}

@media (max-width: 1260px) {
	.theme-list ul {
		margin-left: -15px;
		margin-right: -15px;
	}

	.theme-list li {
		width: 50%;
		padding: 0 15px;
		margin-bottom: 30px;
	}
}

@media (max-width: 768px) {
	.theme-list ul {
		margin-left: -10px;
		margin-right: -10px;
	}

	.theme-list li {
		padding: 0 10px;
		margin-bottom: 20px;
	}

	.theme-list .nodata {
		border-top-width: 2px;
		padding: 40px 0;
	}

	.theme-list .item-text {
		font-size: 15px;
		padding: 13px 25px;
	}
}

@media (max-width: 680px) {
	.theme-list ul {
		margin-left: 0;
		margin-right: 0;
	}

	.theme-list li {
		width: 100%;
		padding: 0;
	}
}

/* 테마별 코스 상세페이지 */
.course-text {
	text-align: center;
	font-size: 19px;
	font-weight: 500;
	line-height: 1.78;
	letter-spacing: -0.05em;
	background: rgb(0, 113, 240);
	/* Old browsers */
	background: -moz-linear-gradient(left, rgba(0, 113, 240, 1) 10%, rgba(0, 84, 223, 1) 24%, rgba(107, 42, 239, 1) 35%, rgba(38, 73, 227, 1) 47%, rgba(38, 73, 227, 1) 58%, rgba(0, 139, 246, 1) 71%, rgba(0, 77, 217, 1) 93%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0, 113, 240, 1) 10%, rgba(0, 84, 223, 1) 24%, rgba(107, 42, 239, 1) 35%, rgba(38, 73, 227, 1) 47%, rgba(38, 73, 227, 1) 58%, rgba(0, 139, 246, 1) 71%, rgba(0, 77, 217, 1) 93%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0, 113, 240, 1) 10%, rgba(0, 84, 223, 1) 24%, rgba(107, 42, 239, 1) 35%, rgba(38, 73, 227, 1) 47%, rgba(38, 73, 227, 1) 58%, rgba(0, 139, 246, 1) 71%, rgba(0, 77, 217, 1) 93%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: transparent;
	-webkit-background-clip: text;
	word-break: keep-all;
	margin-bottom: 72px;
}

.ie .course-text {
	color: rgb(0, 113, 240);
	background: none;
}

.theme-course-item {
	position: relative;
}

.theme-course-item .item-txt {
	width: 89.5%;
	position: absolute;
	top: 40px;
	right: 0;
	background-color: rgba(69, 69, 69, 0.75);
	padding: 20px;
	font-size: 16px;
	letter-spacing: -0.05em;
	line-height: 1.5;
	color: #fff;
	border-radius: 0 0 0 30px;
	/* IE background opacity */
	background: rgba(69, 69, 69, 0.75);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#454545bf', endColorstr='#454545bf');
	/* IE */
}

.theme-course-item .item-txt span {
	display: block;
	word-break: keep-all;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.theme-course-item .item-txt .txt-title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}

.theme-course-item .item-info {
	width: 56.25%;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	padding: 12px 0;
	position: absolute;
	bottom: 0;
	left: 40px;
	background-color: #fff;
	border-radius: 10px 10px 0 0;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: -0.05em;
	color: #5d5d5d;
}

.ie .theme-course-item .item-info {
	justify-content: space-around;
}

.theme-course-item .item-info .step-info {
	margin-right: 14px;
}

.theme-course-item .center-crop-thumbnail {
	position: absolute;
	bottom: 0;
	right: 15px;
	width: 23.75%;
	height: 26.38%;
}

.theme-list .theme-item:hover .item-txt {
	background-color: #3f95ff;
	color: #fff;
	opacity: 1;
}

/* 테마별 코스 상세페이지 사진 · 영상 갤러리 */
.sub-contents {
	margin-top: 50px;
	position: relative;
}

.sub-contents > .contents-title {
	margin-bottom: 30px;
}

.sub-list a {
	position: relative;
	display: block;
	cursor: pointer;
}

.sub-list .img-box span {
	padding-bottom: 59%;
	display: block;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.sub-list .text-list {
	font-size: 18px;
	font-weight: 600;
	color: #474747;
	border: 1px solid #e4e6e9;
	padding: 18px 26px;
	letter-spacing: -0.05em;
}

.sub-list .text-list span + span {
	margin-top: 4px;
}

.sub-list a:hover::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid #3f95ff;
	box-shadow: 11px 9px 8px 0px rgba(143, 157, 175, 0.14);
}

.sub-list .text-list span {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

/* 테마별 코스 상세페이지 안에 사진 · 영상 갤러리 버튼 */
.sub-list-button-prev,
.sub-list-button-next {
	position: absolute;
	top: 50%;
	font-weight: 300;
	cursor: pointer;
	font-size: 50px;
	color: #b8b8b8;
	z-index: 2;
}

.sub-list-button-next {
	right: -42px;
}

.sub-list-button-prev {
	left: -42px;
}

@media (max-width: 768px) {
	.course-text {
		font-size: 12px;
		margin-bottom: 25px;
	}

	.theme-course-item .item-txt {
		border-radius: 0 0 0 10px;
		font-size: 15px;
		top: 33px;
		padding: 17px 28px;
	}

	.theme-course-item .item-txt .txt-title {
		margin-bottom: 7px;
	}

	.theme-course-item .item-info {
		font-size: 14px;
		left: 30px;
		border-radius: 5px 5px 0 0;
	}

	.theme-course-item .item-info .step-info {
		margin-right: 10px;
	}

	.theme-course-item .center-crop-thumbnail {
		right: 7px;
		width: 23.75%;
		height: 26.38%;
	}

	.sub-contents {
		margin-top: 30px;
	}

	.sub-contents > .contents-title {
		margin-bottom: 16px;
	}

	.sub-list-button-next {
		right: -20px;
		border-radius: 5px 0 0 5px;
	}

	.sub-list-button-prev {
		left: -21px;
		border-radius: 0 5px 5px 0;
	}

	.sub-list-button-prev,
	.sub-list-button-next {
		top: 50%;
		width: 34px;
		height: 43px;
		line-height: 39px;
		border: 1px solid #aec3e2;
		text-align: center;
		color: #aec3e2;
		font-size: 25px;
		background-color: #fff;
	}
}

/* 댓글 페이지*/
.detail-review {
	margin-top: -1px;
	position: relative;
}

.detail-review .review-head {
	text-align: center;
	position: relative;
	padding: 23px;
	border-bottom: 1px solid #5d9ce1;
	border-top: 1px solid #dedede;
}

.detail-review .review-head .title {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.03em;
	color: #222;
}

.detail-review .review-head .new-btn {
	height: 43px;
	position: absolute;
	right: 0;
	top: 50%;
	padding: 0 13px;
	background-color: #065d65;
	font-size: 16px;
	font-weight: 500;
	line-height: 43px;
	letter-spacing: -0.025em;
	color: #fff;
	border-radius: 6px;
	transform: translate(0, -50%);
}

.detail-review .review-head .new-btn i {
	margin-right: 6px;
}

.review-body li {
	padding: 18px 100px 18px 34px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.03em;
	line-height: 1.5;
	color: #222;
	border-bottom: 1px solid #ced7e0;
	word-break: keep-all;
	overflow-wrap: break-word;
	word-wrap: break-word;
	line-break: normal;
}

.review-body li .name {
	color: #5791e4;
	margin-bottom: 10px;
	display: inline-block;
	font-weight: 500;
}

.review-body li .text {
	margin-bottom: 12px;
}

.review-body li .icon-wrap {
	color: #222;
	font-size: 15px;
}

.review-body li .icon-wrap .date {
	margin-right: 10px;
}

.review-body li .icon-wrap i {
	font-size: 20px;
	color: #6f869c;
	vertical-align: sub;
}

.review-body li .icon-wrap .icon-btn + .icon-btn {
	margin-left: 6px;
}

.review-body li:nth-child(even) {
	background-color: #fbfcfe;
}

.review-body .more-wrap {
	text-align: center;
	margin-top: 25px;
}

.review-body .more-wrap .btn-more {
	font-size: 16px;
	font-weight: 600;
	color: #5d5d5d;
	text-decoration: underline;
	text-underline-position: under;
}

.review-body .more-wrap .btn-more i {
	font-size: 18px;
}

.review-body .answer {
	border-bottom: none;
	background-color: #fbfcfe;
}

.review-body .answer + .manager {
	border-top: 1px dashed #cacacb;
}

.review-body .manager {
	position: relative;
}

.review-body .manager::after {
	content: "\f3e5";
	font-family: "Font Awesome 5 Pro";
	font-weight: 600;
	display: inline-block;
	position: absolute;
	top: 20px;
	left: 40px;
	transform: rotate(180deg);
	color: #0c72dd;
}

.review-body .manager .manager-wrap {
	padding-left: 40px;
}

.review-body .btn-group {
	margin-top: 96px;
	margin-bottom: -37px;
}

.review-body .btn-group .btn-small + .btn-small {
	margin-left: 10px;
}

.review-body .nodata {
	text-align: center;
	padding: 70px 0;
}

@media (max-width: 1024px) {
	.detail-review .review-head {
		text-align: left;
	}

	.review-body .more-wrap {
		margin-top: 40px;
	}

	.review-body .btn-group {
		margin-top: 80px;
		margin-bottom: 0;
	}
}

@media (max-width: 768px) {
	.detail-review .review-head {
		padding: 16px 4px;
	}

	.detail-review .review-head .title {
		font-size: 13px;
	}

	.detail-review .review-head .new-btn {
		height: 28px;
		line-height: 28px;
		font-size: 11px;
		border-radius: 3px;
	}

	.detail-review .review-head .new-btn i {
		font-size: 13px;
		margin-right: 5px;
	}

	.review-body li {
		padding: 14px 9px;
		font-size: 12px;
	}

	.review-body li .name {
		margin-bottom: 7px;
	}

	.review-body li .text {
		margin-bottom: 6px;
	}

	.review-body li .icon-wrap {
		font-size: 11px;
	}

	.review-body li .icon-wrap .date {
		margin-right: 7px;
	}

	.review-body li .icon-wrap .icon-btn + .icon-btn {
		margin-left: 3px;
	}

	.review-body li .icon-wrap i {
		font-size: 12px;
		vertical-align: initial;
	}

	.review-body .manager::after {
		top: 14px;
		left: 12px;
		width: 13px;
	}

	.review-body .manager .manager-wrap {
		padding-left: 28px;
	}

	.review-body .more-wrap {
		margin-top: 21px;
	}

	.review-body .more-wrap .btn-more {
		font-size: 11px;
	}

	.review-body .btn-group {
		margin-bottom: 0;
		margin-top: 30px;
	}

	.review-body .nodata {
		padding: 40px 0;
		font-size: 12px;
	}
}

@media (max-width: 412px) {
	.review-body .btn-group .btn-small + .btn-small {
		margin-left: 0;
		margin-top: 0px;
	}
}

@media (max-width: 392px) {
	.review-body .btn-group .btn-small + .btn-small {
		margin-top: 5px;
	}
}

/* 자료 다운로드 */
.reference {
	position: relative;
}

.reference::after {
	content: "";
	width: 100%;
	height: 312px;
	background: url(../images/sub/reference_bg.png) no-repeat 50% 50% / cover;
	position: absolute;
	bottom: -100px;
	left: 0;
	right: 0;
}

.reference-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.reference-top-title {
	font-family: "GyeonggiTitle";
	font-weight: 700;
	font-size: 45px;
	letter-spacing: 0.05em;
	line-height: 1.4;
	position: relative;
	padding-bottom: 55px;
	color: #545454;
	word-break: keep-all;
}

.reference-top-title::after {
	content: "";
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	border: 1px solid #3885d3;
}

.reference-top-title .point-1 {
	position: relative;
}

.reference-top-title .point-1::after {
	content: "";
	width: 100%;
	height: 26px;
	background-color: #fedd4d;
	position: absolute;
	bottom: 0;
	left: -6px;
	z-index: -1;
}

.reference-top-title .point-2 {
	position: relative;
}

.reference-top-title .point-2::after {
	content: "";
	width: 106%;
	height: 26px;
	background-color: #ffc96d;
	position: absolute;
	bottom: 0;
	left: -6px;
	z-index: -1;
}

.download-contents {
	padding-top: 70px;
}

.download-contents .title {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.05em;
	line-height: 1.75;
	color: #2d2d2d;
	word-break: keep-all;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.download-contents .title span {
	color: #3180da;
}

.download-box {
	margin-top: 25px;
	background: url(../images/sub/reference_map_bg.png) no-repeat 50% 50% / cover;
	width: 100%;
	padding: 30px 35px;
	border-radius: 10px;
	color: #fff;
	position: relative;
	display: flex;
	align-items: center;
}

.download-box::after {
	content: "";
	background: url(../images/sub/reference_map_img_1.png);
	width: 119px;
	height: 166px;
	position: absolute;
	bottom: 24px;
	right: 50px;
}

.download-box .button {
	padding: 20px 24px;
	border: 2px solid rgba(255, 255, 255, 0.63);
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	box-shadow: 4px 6px 13px 0px rgba(26, 87, 179, 0.21);
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
}

.download-box .button + .button {
	margin-left: 47px;
}

.download-box .button i {
	font-size: 24px;
	margin-left: 16px;
}

/* 자료 다운로드 하단 스탬프북*/
.download-contents.bottom .title span {
	color: #00a354;
}

.download-contents.bottom .title .point-3 {
	margin-top: 16px;
	display: inline-block;
}

.download-contents.bottom .download-box {
	background:#0e7122;
}

.download-contents.bottom .download-box::after {
	background: url(../images/sub/reference_stampbook_img_1.png);
	width: 129px;
	height: 169px;
	bottom: 34px;
	right: 38px;
}

.download-contents.bottom .warning {
	font-size: 16px;
	letter-spacing: -0.05em;
	line-height: 1.75;
	color: #7c928b;
	margin-top: 26px;
	font-weight: 500;
}

.download-contents.bottom .warning p {
	display: inline-block;
	vertical-align: top;
	margin-left: 2px;
}

/* 자료 다운로드 bottom 타이틀*/
.reference-bottom {
	font-family: "GyeonggiTitle";
	font-weight: 700;
	font-size: 45px;
	letter-spacing: 0.05em;
	line-height: 1.4;
	position: relative;
	color: #545454;
	padding-bottom: 272px;
	margin-top: 92px;
}

.reference-bottom::after {
	content: "";
	width: 105px;
	height: 144px;
	background: url(../images/sub/reference_reference-title-bottom_bg.png) no-repeat 50% 50% / cover;
	position: absolute;
	bottom: -50px;
	left: 320px;
	z-index: 1;
}

@media (max-width: 1280px) {
	.reference-top-title {
		font-size: 38px;
	}

	.download-box::after,
	.download-contents.bottom .download-box::after {
		right: 0;
	}

	.download-box .button + .button {
		margin-left: 20px;
	}
}

@media (max-width: 1180px) {
	.reference-top {
		position: relative;
		flex-direction: column;
		padding: 0 50px 60px 50px;
		margin: 0 -50px;
	}

	.reference-top::after {
		content: "";
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		border: 1px solid #3885d3;
	}

	.reference-top-title {
		text-align: center;
	}

	.reference-top-title::after {
		display: none;
	}

	.download-box {
		justify-content: center;
	}

	.download-box::after {
		display: none;
	}

	.download-box .button {
		width: 33.33%;
		padding: 2.1% 2.48%;
	}

	.download-box .button i {
		margin: 0;
	}
}

@media (max-width: 1070px) {
	.download-box {
		flex-direction: column;
	}

	.download-box .button {
		width: 100%;
	}

	.download-box .button + .button {
		margin: 20px 0 0 0;
	}
}

@media (max-width: 768px) {
	.reference::after {
		bottom: -40px;
		height: 204px;
	}

	.reference-top {
		padding: 0 20px 30px 20px;
		margin: 0 -20px;
	}

	.reference-top-title {
		font-size: 25px;
		padding-bottom: 30px;
	}

	.reference-top-title .point-1::after,
	.reference-top-title .point-2::after {
		height: 12px;
	}

	.reference-top .reference-top-img {
		width: 248px;
	}

	.download-contents {
		padding-top: 37px;
	}

	.download-contents .title {
		font-size: 13px;
	}

	.download-contents .title h3 {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.download-contents.bottom .title .point-3 {
		margin-top: 12px;
	}

	.download-contents.bottom .warning {
		font-size: 11px;
		margin-top: 13px;
		display: flex;
	}

	.download-contents.bottom .warning p {
		margin-left: 5px;
	}

	.download-box {
		margin-top: 15px;
		padding: 27px 17px;
	}

	.download-box .button {
		font-size: 17px;
		padding: 14px;
		border-radius: 5px;
	}

	.reference-bottom {
		margin-top: 40px;
		font-size: 25px;
		text-align: center;
		padding-bottom: 208px;
	}

	.reference-bottom::after {
		width: 68px;
		height: 94px;
		bottom: 17px;
		left: 185px;
		right: 0;
	}
}

/* 건의 · 문의 */
.proposal .text-box .box-text {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: -0.05em;
}

.proposal .text-box .box-text p + p {
	margin-top: 0;
}

@media (max-width: 768px) {
	.proposal .text-box .box-text {
		font-size: 12px;
	}
}

/* 완보증 신청안내 */
.prepare h3.contents-title > span {
	font-weight: 100;
}

.prepare ul.dotted-list li.not-dotted:before {
	display: none;
}

.prepare ul.dotted-list li > strong {
	font-weight: 600;
}

.prepare ul.dotted-list li span.blue {
	font-size: 15px;
	color: #296ebc;
	font-weight: 400;
	position: relative;
}

.prepare ul.dotted-list li + li {
	margin-top: 7px;
}

.prepare ul.dotted-list li.issued-title {
	font-size: 18px;
	color: #005cb1;
	font-weight: 600;
	margin-top: 13px;
}

.prepare ul.dotted-list li.issued-desc {
	color: #1b1b1b;
	font-weight: 500;
}

.prepare ul.dotted-list li.issued-desc .link-form span {
	text-decoration-line: underline;
	text-underline-offset: 4px;
}

.prepare ul.dotted-list li.issued-desc .link-form:hover {
	color: #005cb1;
}

.prepare ul.dotted-list li.issued-desc > span {
	font-weight: 300;
	vertical-align: middle;
}

.prepare .travel-box ul.dotted-list li + li {
	margin-top: 10px;
}

.prepare-box {
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	display: flex;
	align-items: stretch;
}

.prepare-box .box-image {
	background-color: #f7f7f7;
	padding: 40px 30px;
	flex: 1 1 30%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.prepare-box .box-desc {
	flex: 1 1 70%;
	padding: 40px;
	display: flex;
	align-items: center;
}

@media (max-width: 1024px) {
	.prepare-box .box-image {
		flex: 1 1 35%;
		padding: 25px 20px;
	}

	.prepare-box .box-desc {
		flex: 1 1 65%;
		padding: 25px 20px;
	}
}

@media (max-width: 768px) {
	.prepare ul.dotted-list li span.blue {
		font-size: 12px;
	}

	.prepare ul.dotted-list li.issued-title {
		font-size: 15px;
		margin-top: 7px;
	}

	.prepare ul.dotted-list li + li {
		margin-top: 4px;
	}

	.prepare .travel-box ul.dotted-list li + li {
		margin-top: 5px;
	}

	.prepare-box .box-image {
		display: none;
	}

	.prepare-box .box-desc {
		flex: 1 1 100%;
		padding: 15px;
		background-color: #f7f7f7;
	}
}

/* 국유림 방문신고 */
.visit-board-text {
	padding: 28px 0;
	border-bottom: 1px solid #dedede;
}

.visit-board-text p {
	color: #1b1b1b;
	font-size: 16px;
	font-weight: 500;
}

.visit-board-text .dotted-list {
	margin-top: 10px;
}

.visit-board-text .btn.view {
	margin-left: 10px;
}

.visit-board-text .lbl {
	font-weight: 500;
}

@media (max-width: 768px) {
	.visit-board-text {
		padding: 20px 15px;
	}

	.visit-board-text p {
		font-size: 13px;
	}

	.visit-board-text .dotted-list {
		margin-top: 5px;
	}
}

/* 방문후기 목록 */
.review-list {
	position: relative;
	border-top: 3px solid #246ab5;
	border-bottom: 1px solid #dedede;
}

.review-list ul {
	margin: 0 -20px;
	overflow: hidden;
	padding-top: 60px;
	padding-bottom: 25px;
}

.review-list ul::after {
	content: "";
	display: block;
	clear: both;
}

.review-list a {
	display: block;
}

.review-list li {
	float: left;
	width: 25%;
	padding: 0 20px;
	position: relative;
	margin-bottom: 35px;
}

.review-list .nodata {
	float: none !important;
	width: auto !important;
}

.review-list .review-item {
	padding: 30px;
	border: 1px solid #dedede;
	transition: 0.3s;
}

.review-list .item-title {
	height: 6em;
	line-height: 1.5;
	font-size: 20px;
	font-weight: 500;
	color: #222;
	margin-bottom: 40px;
	overflow: hidden;
	word-break: keep-all;
	overflow-wrap: break-word;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.review-list .item-option {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #778697;
	font-size: 14px;
	margin-bottom: 20px;
}

.review-list .item-option .views::before {
	content: "\f06e";
	margin-top: -2px;
	vertical-align: middle;
	font-family: "Font Awesome 5 Pro";
	display: inline-block;
	margin-right: 6px;
	font-size: 120%;
	color: #807f7f;
	font-weight: bold;
}

.review-list .item-writer {
	font-size: 14px;
	color: #778697;
}

.review-list .item-writer strong {
	display: inline-block;
	max-width: calc(100% - 10%);
	color: #1582d6;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: -24%;
}

.review-list a:hover .review-item {
	border-color: #3f95ff;
}

.review-list a:hover .item-image span::after {
	opacity: 1;
}

/* 블로그 후기 */
.review-list.blog .item-writer strong {
	color: #069814;
}

.review-list.blog a:hover .review-item {
	border-color: #3ad00c;
}

@media (max-width: 1400px) {
	.review-list li {
		width: 33.33333%;
	}
}

@media (max-width: 1024px) {
	.review-list {
		margin: 0;
	}

	.review-list ul {
		margin-left: -15px;
		margin-right: -15px;
	}

	.review-list li {
		width: 50%;
		padding: 0 15px;
	}
}

@media (max-width: 768px) {
	.review-list {
		border-top-width: 2px;
	}

	.review-list ul {
		margin-left: -10px;
		margin-right: -10px;
		padding-top: 40px;
		padding-bottom: 15px;
	}

	.review-list li {
		padding: 0 10px;
		margin-bottom: 25px;
	}

	.review-list .review-item {
		padding: 25px;
	}

	.review-list .item-title {
		font-size: 15px;
		margin-bottom: 15px;
	}

	.review-list .item-option {
		font-size: 12px;
		margin-bottom: 15px;
	}

	.review-list .item-option.views::before {
		margin-right: 5px;
	}

	.review-list .item-writer {
		font-size: 12px;
	}
}

@media (max-width: 520px) {
	.review-list ul {
		padding-top: 30px;
	}

	.review-list li {
		width: auto;
		float: none;
	}
}

/* 방문후기 댓글 쓰기 리뷰상세보기 modal  */
.review-modal .modal-body {
	background-color: #e8edf3;
	padding: 0 30px;
}

.review-modal .modal-text {
	padding: 20px 0;
	margin: 0;
	text-align: left;
	letter-spacing: -0.05em;
}

.review-modal .modal-contents {
	background-color: #fff;
	padding: 0;
}

.review-modal .modal-contents .board-detail {
	border-top: none;
}

.review-modal .board-detail .detail-form {
	border: none;
}

.review-modal .form-wrap {
	font-weight: 500;
}

.review-modal .board-detail .detail-form .lbl {
	font-size: 18px;
}

.review-modal .board-detail .detail-form .form-wrap:last-of-type .form-col {
	border: none;
}

.review-modal .board-detail .form-col {
	padding: 20px;
	text-align: left;
}

.review-modal .board-detail .detail-form .form-col:first-child {
	width: 110px;
}

.review-modal .inp-text {
	border: 1px solid #a7a7a7;
	width: 238px;
}

.review-modal .required::after {
	display: none;
}

.review-modal .modal-button {
	background-color: #e8edf3;
}

@media (max-width: 768px) {
	.review-modal .modal-body {
		padding: 0 15px;
	}

	.review-modal .modal-text {
		padding: 10px 0;
	}

	.review-modal .board-detail .form-col {
		padding: 0;
	}

	.review-modal .board-detail .detail-form .lbl {
		font-size: 13px;
	}
}

/* 경기둘레길 소개 */
.intro .contents-section + .contents-section {
	margin-top: 25px;
}

.intro h4 {
	font-size: 22px;
	padding-left: 0;
	color: #005cb1;
	margin-bottom: 10px;
	word-break: keep-all;
}

.intro p.contents-desc,
.intro p.contents-desc strong {
	font-weight: 500;
}

.intro-wrap {
	max-width: 1300px;
	height: 240px;
	border-bottom: 1px solid #267fd6;
	padding: 60px 30px;
	margin-top: -30px;
	text-align: right;
	background: url(../images/sub/intro_01.png) no-repeat 2% 100%;
	position: relative;
}

.intro-title {
	font-size: 46px;
	font-weight: bold;
	color: #545454;
	font-family: "GyeonggiTitle";
	text-align: left;
	display: inline-block;
	word-break: keep-all;
}

.intro-title .color-title1,
.intro-title .color-title2 {
	position: relative;
}

.intro-title .color-title1:after,
.intro-title .color-title2:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	z-index: -1;
}

.intro-title .color-title1:after {
	background-color: #ffde4d;
}

.intro-title .color-title2:after {
	background-color: #ffc96d;
}

.intro-title span.small-title {
	font-size: 40px;
}

.intro-title strong {
	font-size: 48px;
	color: #005bcb;
}

.intro-title strong span {
	font-size: 42px;
	font-weight: 300;
}

.intro-bg {
	position: absolute;
	bottom: -17px;
	left: 332px;
}

.intro-box {
	margin: 70px;
	display: flex;
	justify-content: center;
}

.intro-box .diamond {
	width: 260px;
	height: 230px;
	display: flex;
	font-size: 22px;
	font-weight: 300;
	align-items: center;
	flex-direction: column;
	color: #fff;
	padding-top: 40px;
	flex-shrink: 0;
	position: relative;
	border-radius:50px;
	margin:0 5px;
}

.intro-box .diamond:nth-child(1) {
	background: #1a47ff;
}

.intro-box .diamond:nth-child(2) {
	background: #217b82;
}

.intro-box .diamond:nth-child(3) {
	background: #147312;
}

.intro-box .diamond:nth-child(4) {
	background: #7924b2;
}
/*
.intro-box .diamond:nth-child(3) {
	background: url(../images/sub/intro_rectangle_03.png) no-repeat 50% 50%;
}

.intro-box .diamond:nth-child(4) {
	background: url(../images/sub/intro_rectangle_04.png) no-repeat 50% 50%;
}

.intro-box .diamond:nth-child(1):after,
.intro-box .diamond:nth-child(2):after,
.intro-box .diamond:nth-child(3):after {
	content: "";
	background: url(../images/sub/intro_rectangle_connect.png) no-repeat 50% 50%;
	position: absolute;
	width: 88px;
	height: 88px;
	top: 50%;
	left: 215px;
	margin-top: -44px;
	z-index: -1;
}*/

.intro-box .diamond strong {
	font-size: 28px;
	font-weight: bold;
	position: relative;
}

.intro-box .diamond strong:after {
	font-family: "Font Awesome 5 Pro";
	font-size: 48px;
	font-weight: 300;
	color: #fff;
	position: absolute;
	top: 50px;
	left: 50%;
}

.intro-box .diamond:nth-child(1) strong:after {
	content: "\f5ef";
	margin-left: -21px;
}

.intro-box .diamond:nth-child(2) strong:after {
	content: "\f5a0";
	margin-left: -27px;
}

.intro-box .diamond:nth-child(3) strong:after {
	content: "\f4d7";
	margin-left: -24px;
}

.intro-box .diamond:nth-child(4) strong:after {
	content: "\f547";
	margin-left: -30px;
}

.intro-bi,
.intro-ch {
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #d0d0d0;
	background-color: #f7f7f7;
	text-align: center;
	margin-bottom: 15px;
	position: relative;
}

.intro-bi ul {
	display: flex;
	padding: 55px 40px;
	align-items: center;
}

.intro-bi li {
	flex: 0 18.75%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.intro-bi li > div {
	padding: 0 20px;
}

.intro-bi li:nth-child(1) {
	flex: 0 25%;
	margin-left: 30px;
	justify-content: flex-start;
}

.intro-ch .first {
	padding: 30px 70px;
	border-bottom: 1px dotted #dddddd;
}

.intro-ch ul {
	padding: 30px 70px 0 70px;
	display: flex;
	align-items: flex-end;
}

.intro-ch li {
	flex: 0 25%;
	display: flex;
	justify-content: center;
}

.intro-ch li > div {
	padding: 0 25px;
}

@media (max-width: 1300px) {
	.intro-wrap {
		height: 410px;
		text-align: center;
		background-position: 20% 100%;
		margin-top: -28px;
	}

	.intro-bg {
		right: 0;
	}

	.intro-box {
		flex-wrap: wrap;
		justify-content: space-around;
		margin: 40px auto;
	}

	.intro-box .diamond {
		flex: 0 50%;
		margin: 30px auto;
	}

	.intro-box .diamond:nth-child(1):after,
	.intro-box .diamond:nth-child(2):after,
	.intro-box .diamond:nth-child(3):after {
		display: none;
	}
}

@media (max-width: 1024px) {
	.intro-title {
		font-size: 40px;
	}

	.intro-title span.small-title {
		font-size: 36px;
	}

	.intro-title strong {
		font-size: 44px;
	}

	.intro-title strong span {
		font-size: 38px;
	}

	.intro-bi ul {
		padding: 0;
		flex-wrap: wrap;
	}

	.intro-bi li {
		flex: 0 50%;
		border-top: 1px double #c9c9c9;
		height: 245px;
	}

	.intro-bi li > div {
		padding: 50px;
	}

	.intro-bi li:nth-child(1) {
		flex: 0 100%;
		justify-content: center;
		border: 0;
	}

	.intro-bi li:nth-child(1) > div {
		padding: 50px 120px;
	}

	.intro-ch .first {
		padding: 30px;
	}

	.intro-ch ul {
		padding: 20px;
		flex-wrap: wrap;
	}

	.intro-ch li {
		flex: 0 50%;
	}

	.intro-ch li > div {
		padding: 35px;
	}
}

@media (max-width: 768px) {

	.course-wrap button.left-btn {padding:14px; height:30px;}
	.course-wrap button.right-btn {padding:14px; height:30px;}
	.intro .contents-section + .contents-section {
		margin-top: 15px;
	}

	.intro-wrap {
		height: 300px;
		background-size: 280px;
		margin-top: -40px;
	}

	.intro h4 {
		font-size: 18px;
		margin-bottom: 5px;
	}

	.intro-bg {
		left: auto;
		right: 10%;
		width: 110px;
	}

	.intro-title {
		font-size: 26px;
	}

	.intro-title span.small-title {
		font-size: 24px;
	}

	.intro-title strong {
		font-size: 30px;
		display: inline-block;
	}

	.intro-title strong span {
		font-size: 30px;
	}

	.intro-box .diamond {
		font-size: 14px;
		width: 130px;
		height: 130px;
		padding-top: 25px;
		margin: 10px auto;
	}

	.intro-box .diamond:nth-child(1) {
		background-size: 130px;
	}

	.intro-box .diamond:nth-child(2) {
		background-size: 130px;
	}

	.intro-box .diamond:nth-child(3) {
		background-size: 130px;
	}

	.intro-box .diamond:nth-child(4) {
		background-size: 130px;
	}

	.intro-box .diamond:nth-child(1):after,
	.intro-box .diamond:nth-child(2):after,
	.intro-box .diamond:nth-child(3):after {
		display: none;
	}

	.intro-box .diamond strong {
		font-size: 16px;
	}

	.intro-box .diamond strong:after {
		font-size: 28px;
		top: 25px;
	}

	.intro-box .diamond:nth-child(1) strong:after {
		margin-left: -12.25px;
	}

	.intro-box .diamond:nth-child(2) strong:after {
		margin-left: -15.75px;
	}

	.intro-box .diamond:nth-child(3) strong:after {
		margin-left: -14px;
	}

	.intro-box .diamond:nth-child(4) strong:after {
		margin-left: -17.5px;
	}

	.intro-bi li > div {
		padding: 20px;
	}

	.intro-bi li:nth-child(1) > div {
		padding: 20px 80px;
	}

	.intro-ch .first {
		padding: 20px;
	}

	.intro-ch ul {
		padding: 10px;
	}

	.intro-ch li > div {
		padding: 20px;
	}
}

@media (max-width: 500px) {
	.intro-title br {
		display: none;
	}
}

/* 여행가이드 */
.travel-box {
	background-color: #f3f5f9;
	border: 1px solid #c3d9f2;
	padding: 30px;
}

.travel-box ul.dotted-list li {
	font-weight: 500;
	color: #2d2d2d;
	padding-left: 24px;
}

.travel-box ul.dotted-list li:before {
	background-color: #3180da;
	width: 7px;
	height: 7px;
}

.travel .flag-desc {
	font-size: 16px;
	font-weight: 500;
	color: #1b1b1b;
	padding-left: 30px;
	position: relative;
	margin-bottom: 30px;
	word-break: keep-all;
}

.travel .flag-desc:before {
	content: "\f024";
	font-family: "Font Awesome 5 Pro";
	font-size: 20px;
	font-weight: bold;
	color: #005cb1;
	position: absolute;
	top: -3px;
	left: 0;
}

.travel-guide-box {
	display: flex;
	word-break: keep-all;
	flex-wrap: wrap;
	align-items: stretch;
}

.travel-guide-box ul {
	display: flex;
	flex-direction: column;
	border: 1px solid #d0d0d0;
	flex: 1 1 33%;
}

.travel-guide-box ul + ul {
	border-left: 0;
}

.travel-guide-box li {
	width: 100%;
}

.travel-guide-box li.guide-title {
	padding: 20px;
	font-size: 20px;
	font-weight: 500;
	color: #005cb1;
	text-align: center;
}

.travel-guide-box li.guide-wrap {
	padding: 0 30px 30px;
	min-height: 1px;
}

.travel-guide-box li.guide-wrap .guide-img {
	text-align: center;
}

.travel-guide-box li.guide-desc {
	font-size: 16px;
	font-weight: 400;
	color: #2d2d2d;
	padding: 20px 30px;
	border-top: 1px solid #d0d0d0;
	flex: 1 1 auto;
	line-height: 1.7;
}

.travel-guide-box ul li.col-2-1 {
	width: 200%;
	background-color: #fff;
}

.travel-guide-box ul li.col-2-2 {
	display: none;
}

.travel-guide-box.col-3 ul:last-child {
	border-top: 0;
	border-left: 1px solid #d0d0d0;
}

.travel-guide-box.col-3 ul:last-child li.guide-desc {
	border-top: 0;
}

.travel-guide-box.col-3 ul li.guide-wrap {
	padding: 30px;
}

@media (max-width: 1024px) {
	.travel-guide-box li.guide-title {
		padding: 20px;
	}

	.travel-guide-box li.guide-wrap {
		padding: 0 20px 20px;
	}

	.travel-guide-box li.guide-desc {
		padding: 10px 20px;
	}
}

@media (max-width: 768px) {
	.travel-box {
		padding: 15px;
	}

	.travel-box ul.dotted-list li {
		padding-left: 16px;
	}

	.travel-box ul.dotted-list li:before {
		background-color: #3180da;
		width: 5px;
		height: 5px;
	}

	.travel .flag-desc {
		font-size: 13px;
		margin-bottom: 15px;
		padding-left: 24px;
	}

	.travel .flag-desc:before {
		font-size: 16px;
		top: -2px;
	}

	.travel-guide-box li.guide-wrap {
		padding: 0 15px 20px;
	}

	.travel-guide-box li.guide-title {
		font-size: 16px;
		padding: 10px;
	}

	.travel-guide-box li.guide-desc {
		font-size: 13px;
		padding: 15px;
	}

	.travel-guide-box {
		flex-wrap: wrap;
	}

	.travel-guide-box ul {
		flex: 1 1 100%;
	}

	.travel-guide-box ul + ul {
		border-left: 1px solid #d0d0d0;
		border-top: 0;
	}

	.travel-guide-box ul li.col-2-1 {
		display: none;
	}

	.travel-guide-box ul li.col-2-2 {
		width: 100%;
		background-color: #fff;
		display: flex;
	}
}

/**
 *  이용약관, 개인정보처리방침
 */
.terms-wrap {
}

.terms-wrap .terms-section + .terms-section {
	margin-top: 40px;
}

.terms-wrap h2.terms-title {
	margin-bottom: 16px;
	color: #2e2e2e;
	font-size: 30px;
	font-weight: 600;
}

.terms-wrap h3.terms-title {
	margin-bottom: 20px;
	color: #2e2e2e;
	font-size: 26px;
	font-weight: 600;
}

.terms-wrap h3.terms-title .sub-title {
	color: #5c7295;
	font-size: 22px;
	font-weight: 500;
}

.terms-wrap .terms-select {
	margin-bottom: 40px;
	text-align: right;
}

.terms-wrap .terms-select .lbl {
	margin-right: 10px;
	color: #3c3c3c;
}

.terms-wrap .terms-select .sel {
	width: 184px;
}

.terms-wrap .terms-text .terms-info {
	margin-bottom: 36px;
	padding: 22px 36px;
	border-top: 1px solid #a2acbd;
	border-bottom: 1px solid #a2acbd;
	background: #f3f5f8;
}

.terms-wrap .terms-text .terms-info p {
	color: #5a5a5a;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
	word-break: keep-all;
}

.terms-wrap .terms-text .list-title {
	margin-top: 10px;
	padding-left: 22px;
	color: #070707;
	font-size: 16px;
	background: url("../images/sub/bul_terms.png") no-repeat 0 5px;
}

.terms-wrap .terms-text p,
.terms-wrap .terms-text ol li,
.terms-wrap .terms-text ul li {
	position: relative;
	color: #5a5a5a;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: -0.02em;
	word-break: keep-all;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.terms-wrap .terms-text ol li,
.terms-wrap .terms-text ul li {
	padding-left: 18px;
}

.terms-wrap .terms-text ol li.num-double {
	padding-left: 26px;
}

.terms-wrap .terms-text ol + p,
.terms-wrap .terms-text ul + p,
.terms-wrap .terms-text p + p,
.terms-wrap .terms-text p + ol,
.terms-wrap .terms-text p + ul,
.terms-wrap .terms-text .terms-list > li + li {
	margin-top: 10px;
}

.terms-wrap .terms-text .terms-list li span {
	position: absolute;
	top: 0;
	left: 0;
}

.terms-wrap .terms-text .terms-list li p {
	margin-top: 2px;
}

.terms-wrap .terms-text .terms-list ol,
.terms-wrap .terms-text .terms-list ul {
	margin: 10px 0;
}

.terms-wrap .terms-text .terms-list ol li {
	padding-left: 24px;
}

.terms-wrap .terms-text .terms-list ol li + li {
	margin-top: 5px;
}

.terms-wrap .terms-text .terms-list ol ol li {
	padding-left: 20px;
}

.terms-wrap .terms-text .list-title + .terms-dashed-list,
.terms-wrap .terms-text .list-title + .terms-dotted-list {
	margin: 6px 0;
	padding-left: 22px;
}

.terms-wrap .terms-text .terms-dashed-list > li {
	position: relative;
	padding-left: 14px !important;
}

.terms-wrap .terms-text .terms-dashed-list > li:before {
	content: "-";
	position: absolute;
	top: 0;
	left: 0;
}

.terms-wrap .terms-text .terms-dotted-list > li {
	position: relative;
	padding-left: 14px !important;
}

.terms-wrap .terms-text .terms-dotted-list > li:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #0c61b1;
}

.terms-wrap .terms-text .terms-desc {
	position: relative;
	padding-left: 17px;
	font-size: 14px;
	color: #484848;
	line-height: 1.6;
	letter-spacing: -0.02em;
}

.terms-wrap .terms-text .terms-desc:before {
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
}

.terms-wrap .terms-text .terms-link {
	color: #0c61b1;
}

.terms-wrap .terms-text .terms-link:hover,
.terms-wrap .terms-text .terms-link:focus {
	text-decoration: underline;
}

.terms-wrap .terms-text .terms-link[target="_blank"]:after {
	content: "";
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-left: 6px;
	background: url("../images/sub/util_blank.gif") no-repeat;
	vertical-align: middle;
}

.terms-wrap .terms-text table {
	margin: 10px 0;
}

@media (max-width: 768px) {
	.terms-wrap .terms-section + .terms-section {
		margin-top: 25px;
	}

	.terms-wrap h2.terms-title {
		margin-bottom: 10px;
		font-size: 22px;
		font-weight: bold;
	}

	.terms-wrap h3.terms-title {
		margin-bottom: 5px;
		font-size: 18px;
		font-weight: bold;
	}

	.terms-wrap h3.terms-title .sub-title {
		font-size: 16px;
	}

	.terms-wrap .terms-text .terms-info {
		margin-bottom: 20px;
		padding: 10px 20px;
	}

	.terms-wrap .terms-text .terms-info p {
		font-size: 14px;
	}

	.terms-wrap .terms-text .list-title {
		font-size: 14px;
		background-position: 0 2px;
	}

	.terms-wrap .terms-text p,
	.terms-wrap .terms-text ol li,
	.terms-wrap .terms-text ul li {
		font-size: 14px;
	}

	.terms-wrap .terms-text ol + p,
	.terms-wrap .terms-text ul + p,
	.terms-wrap .terms-text p + p,
	.terms-wrap .terms-text p + ol,
	.terms-wrap .terms-text p + ul,
	.terms-wrap .terms-text .terms-list > li + li {
		margin-top: 5px;
	}

	.terms-wrap .terms-text .list-title + .terms-dashed-list,
	.terms-wrap .terms-text .list-title + .terms-dotted-list {
		padding-left: 0;
	}

	.terms-wrap .terms-text .terms-dotted-list > li {
		padding-left: 10px !important;
	}

	.terms-wrap .terms-text .terms-dotted-list > li:before {
		top: 9px;
		width: 4px;
		height: 4px;
	}

	.terms-wrap .terms-text .terms-link[target="_blank"]:after {
		margin-left: 4px;
	}
}

/* 태그별 코스 > 태그 목록 */
.hashtag-list {
	position: relative;
	margin-top: -20px;
	margin-bottom: 60px;
	border-bottom: 1px solid #d0d0d0;
	padding-bottom: 40px;
}

.hashtag-list ul {
	overflow: hidden;
	margin-right: -20px;
	padding-bottom: 20px;
	max-height: 132px;
}

.hashtag-list ul::after {
	content: "";
	display: block;
	clear: both;
}

.hashtag-list li {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.hashtag-list .hash-chk {
	display: none;
}

.hashtag-list .hash-lbl {
	display: inline-block;
	border-radius: 10px;
	height: 56px;
	line-height: 54px;
	border: 1px solid #b9c4db;
	padding: 0 26px;
	color: #5f5f5f;
	font-size: 20px;
	letter-spacing: -0.025em;
	box-shadow: 1px 1px 6px rgba(103, 103, 103, 0.08);
}

.hashtag-list .hash-lbl:hover {
	color: #006fd6;
}

.hashtag-list .hash-chk:checked + .hash-lbl {
	color: #fff;
	background: #3180da;
	border-color: #3180da;
	box-shadow: none;
}

.hashtag-list .hashtag-more {
	position: absolute;
	bottom: -32px;
	right: 0;
	width: 36px;
	height: 32px;
	padding-top: 2px;
	background: linear-gradient(to bottom, #fff 0%, #e7e7e7 43%, #fff 73%);
	border: 1px solid #b9cadd;
	border-radius: 0 0 7px 7px;
	box-shadow: 2px 2px 2px rgba(214, 214, 214, 0.07);
}

.hashtag-list .hashtag-more i {
	color: #267fd6;
	font-size: 18px;
}

/* 태그 더보기 클릭시 */
.hashtag-list.open {
	padding-bottom: 0;
}

.hashtag-list.open ul {
	max-height: none;
}

.hashtag-list.open .hashtag-more i {
	transform: rotate(180deg);
}

@media (max-width: 1400px) {
	.hashtag-list {
		margin-left: -50px;
		margin-right: -50px;
	}

	.hashtag-list ul {
		padding-left: 50px;
		padding-right: 30px;
		margin-right: 0;
	}

	.hashtag-list .hashtag-more {
		right: 50px;
	}
}

@media (max-width: 1260px) {
	.hashtag-list {
		margin-top: 0;
	}
}

@media (max-width: 768px) {
	.hashtag-list {
		margin-top: -10px;
		margin-left: -20px;
		margin-right: -20px;
		margin-bottom: 30px;
		padding-bottom: 15px;
	}

	.hashtag-list ul {
		padding-left: 20px;
		padding-right: 8px;
		padding-bottom: 3px;
		max-height: 84px;
	}

	.hashtag-list li {
		margin-right: 12px;
		margin-bottom: 12px;
	}

	.hashtag-list .hash-lbl {
		font-size: 12px;
		height: 36px;
		line-height: 34px;
		padding: 0 15px;
		border-radius: 5px;
	}

	.hashtag-list .hashtag-more {
		bottom: -21px;
		right: 20px;
		width: 24px;
		height: 21px;
		padding-top: 0;
		border-radius: 0 0 4px 4px;
		line-height: 18px;
	}

	.hashtag-list .hashtag-more i {
		font-size: 12px;
	}
}

/* Plugin */
/**
 * Swiper 4.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 1, 2018
 */
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
	float: left;
}

.swiper-container-vertical > .swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	padding: 3px;
}

.swiper-slide-invisible-blank {
	visibility: hidden;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	-o-transition-property: transform, height;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform;
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
	-ms-touch-action: pan-x;
	touch-action: pan-x;
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
	display: none;
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: 0.3s opacity;
	-o-transition: 0.3s opacity;
	transition: 0.3s opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}

.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%;
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(0.33);
	-ms-transform: scale(0.33);
	transform: scale(0.33);
	position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(0.66);
	-ms-transform: scale(0.66);
	transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(0.33);
	-ms-transform: scale(0.33);
	transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(0.66);
	-ms-transform: scale(0.66);
	transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(0.33);
	-ms-transform: scale(0.33);
	transform: scale(0.33);
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: 0.2;
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: 0.2s top, 0.2s -webkit-transform;
	transition: 0.2s top, 0.2s -webkit-transform;
	-o-transition: 0.2s transform, 0.2s top;
	transition: 0.2s transform, 0.2s top;
	transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: 0.2s left, 0.2s -webkit-transform;
	transition: 0.2s left, 0.2s -webkit-transform;
	-o-transition: 0.2s transform, 0.2s left;
	transition: 0.2s transform, 0.2s left;
	transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: 0.2s right, 0.2s -webkit-transform;
	transition: 0.2s right, 0.2s -webkit-transform;
	-o-transition: 0.2s transform, 0.2s right;
	transition: 0.2s transform, 0.2s right;
	transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, 0.25);
	position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0;
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000;
}

.swiper-pagination-lock {
	display: none;
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%;
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	left: 0;
	top: 0;
}

.swiper-scrollbar-cursor-drag {
	cursor: move;
}

.swiper-scrollbar-lock {
	display: none;
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.swiper-slide-zoomed {
	cursor: move;
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-cube {
	overflow: visible;
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0;
}

.swiper-container-flip {
	overflow: visible;
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px;
}



/* INTRO */

.intro {background:url('/dulegil/site/gdg/ko/images/common/intoro_bg.jpg') no-repeat; background-size:cover; height:100vh;}
.intro .intro_inner {display:inline-block; text-align:center; position:relative; margin:5% 30% 0;}
.intro .intro_inner .intro_logo {margin:40px 0;}
.intro .intro_inner .intro_txt {margin:0 0 20px;}
.intro .intro_inner ul {display:inline-block; margin-top:50px;}
.intro .intro_inner ul li {float:left; padding:20px 30px; margin:0 20px;}
.intro .intro_inner ul li a {font-size:18px; color:#fff;}
.intro .intro_inner ul li.btn01 {background:#03983c;}
.intro .intro_inner ul li.btn02 {background:#004997;}

@media screen and (max-width: 1080px) {

	.intro {background:url('/dulegil/site/gdg/ko/images/common/intoro_bg.jpg') center no-repeat; background-size:cover; height:100vh;}
	.intro .intro_inner {width:96%; margin:5% 2% 0;}
	.intro .intro_inner ul {width:80%;}
	.intro .intro_inner ul li { margin:10px 0; width:50%; padding:30px 60px; }
	.intro .intro_inner .intro_logo {margin:0 auto;}
	.intro .intro_inner .intro_txt { margin:40px auto 0;}
	.intro .intro_inner ul li a {font-size:18px;}
	
}

@media screen and (max-width: 1024px) {

	.intro {background:url('/dulegil/site/gdg/ko/images/common/intoro_bg.jpg') center no-repeat; background-size:cover; height:100vh;}
	.intro .intro_inner {width:96%; margin:5% 2% 0;}
	.intro .intro_inner ul {display:inline-block; width:70%; margin-top:20px;}
	.intro .intro_inner ul li {float:left; margin:10px 0; width:50%; padding:25px 40px; }
	.intro .intro_inner .intro_logo {margin:0 auto;}
	.intro .intro_inner .intro_txt { margin:40px auto 0; width:50%;}
	.intro .intro_inner ul li a {font-size:16px;}
	
}

@media screen and (max-width: 768px) {

	.intro {background:url('/dulegil/site/gdg/ko/images/common/intoro_bg.jpg') center no-repeat; background-size:cover; height:100vh;}
	.intro .intro_inner {width:96%; margin:25% 2% 0;}
	.intro .intro_inner ul {width:65%;}
	.intro .intro_inner ul li { margin:10px 0; width:100%; padding:20px 50px;}
	.intro .intro_inner ul li a {font-size:12px;}
	.intro .intro_inner .intro_logo { margin:0 auto;}
	.intro .intro_inner .intro_txt {margin:40px auto 0; width:80%;}

	.contents-section h4 {font-size:18px; margin:10px 0;}

}