@charset "utf-8";
body {
		background: #fff;
}
.second_hdr {
		background: #F3F3F3;
}
@media(max-width: 1700px) {
		.second_hdr {
				padding-right: 100px;
		}
}
@media screen and (orientation: portrait) and (max-width: 767px) {
		.second_hdr {
				padding-right: 20px;
		}
}
.stickey_container {
		position: relative;
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 30px;
		padding-top: 60px;
}
.stickey_container .stickey_sidebar {
		width: 260px;
		position: sticky;
		left: 0;
		top: 125px;
		z-index: 5;
		transition: opacity 0.3s;
		height: 500px;
}
.stickey_container .stickey_contents {
		position: relative;
		left: 260px;
		top: -500px;
		width: calc(100% - 260px);
		margin-bottom: -400px;
}
@media(max-width: 1700px) {
		.stickey_container .stickey_contents {
				left: 200px;
				width: calc(100% - 260px);
		}
}
.stickey_sidebar.isOff {
		opacity: 0;
}
.stickey_sidebar ul.tag_type li {
		padding: 0;
		border: none;
		margin: 0 0 18px;
		display: flex;
		font-size: 14px;
}
.stickey_sidebar li a, .header_sub li a {
		text-decoration: none;
		color: #303030;
		padding-left: 25px;
		position: relative;
}
.stickey_sidebar .tag_type li a {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 14px;
		box-sizing: border-box;
		border: 1px solid #FF7801;
		border-radius: 60px;
		color: #FF7801;
		text-decoration: none;
		height: 30px;
		transition: background 0.2s;
}
.stickey_sidebar .tag_type li a.isCurrent {
		background: #FF7801;
		color: #fff;
}
@media (hover: hover) {
		.stickey_sidebar .tag_type li a:hover {
				background: #FF7801;
				color: #fff;
		}
}
.stickey_sidebar .tag_type li a span {
		transform: translateY(1px)
}
@media (hover: hover) {
		.stickey_sidebar li a:hover, .header_sub li a:hover {
				color: #0168b7;
		}
}
.stickey_sidebar li a::before, .header_sub li a::before {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 7px);
		left: 0;
		width: 15px;
		height: 13px;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 15px;
		background-image: url("../images/sidebar_arw_down_blu.png")
}
.stickey_sidebar .tag_type li a::before {
		display: none
}
@media(max-width: 1800px) {
		.stickey_sidebar li {
				font-size: 14px;
		}
}
@media(max-width: 1700px) {
		.stickey_container .stickey_sidebar {
				width: 180px;
		}
}
@media(max-width: 960px) {
		.stickey_container .stickey_sidebar {
				width: 170px;
				left: 0;
				top: 110px;
		}
		.stickey_sidebar li {
				font-size: 13px;
		}
		.stickey_sidebar li a {
				padding-left: 20px;
		}
		.stickey_sidebar li a::before {
				top: calc(50% - 6px);
				left: 0;
				width: 12px;
				height: 11px;
				background-size: 12px;
		}
		.stickey_container .stickey_contents {
				left: 170px;
				width: calc(100% - 240px);
		}
}
@media(max-width: 767px) {
		.stickey_sidebar ul.tag_type {
				display: flex;
				flex-wrap: wrap;
		}
		.stickey_sidebar ul.tag_type li {
				margin: 0 10px 10px 0;
				font-size: 13px;
		}
}
@media screen and (orientation: portrait) and (max-width: 767px) {
		.stickey_container {
				padding-top: 40px;
		}
		.stickey_container .stickey_sidebar {
				display: block;
				position: static;
				width: 100%;
				left: 0;
				top: 0;
				box-sizing: border-box;
				padding: 0 0px 20px !important;
				height: auto;
				margin-left: 0;
		}
		.stickey_container .stickey_contents {
				position: static;
				left: inherit;
				top: inherit;
				width: auto;
				margin-bottom: 0;
				padding-bottom: 80px;
		}
}