@font-face {
	font-family:noto;
	font-weight:100;
	src:local(※),url("font/NotoSans-Light.woff") format("woff"),url("font/NotoSans-Light.otf") format("OpenType");
	unicode-range:U+AC00-U+D7A3
}
@font-face {
	font-family:noto;
	font-weight:400;
	src:local(※),url("font/NotoSans-Regular.woff") format("woff"),url("font/NotoSans-Regular.otf") format("OpenType");
	unicode-range:U+AC00-U+D7A3
}
@font-face {
	font-family:noto;
	font-weight:700;
	src:local(※),url("font/NotoSans-Medium.woff") format("woff"),url("font/NotoSans-Medium.otf") format("OpenType");
	unicode-range:U+AC00-U+D7A3
}
@font-face {
	font-family:noto;
	font-weight:800;
	src:local(※),url("font/NotoSans-Bold.woff") format("woff"),url("font/NotoSans-Bold.otf") format("OpenType");
	unicode-range:U+AC00-U+D7A3
}
@font-face {
	font-family:opensans;
	font-weight:100;
	src:local(※),url("font/OpenSans-Light.woff") format("woff"),url("font/OpenSans-Light.ttf") format("TrueType");
	unicode-range:U+0041-005A,U+0061-007A,U+0030-0039
}
@font-face {
	font-family:opensans;
	font-weight:400;
	src:local(※),url("font/OpenSans-Regular.woff") format("woff"),url("font/OpenSans-Regular.ttf") format("TrueType");
	unicode-range:U+0041-005A,U+0061-007A,U+0030-0039
}
@font-face {
	font-family:opensans;
	font-weight:800;
	src:local(※),url("font/OpenSans-Bold.woff") format("woff"),url("font/OpenSans-Bold.ttf") format("TrueType");
	unicode-range:U+0041-005A,U+0061-007A,U+0030-0039
}
* {
	margin:0;
	padding:0;
	-webkit-text-size-adjust:none;
	-webkit-overflow-scrolling:touch;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
::after,::before {
	-webkit-text-size-adjust:none;
	-webkit-overflow-scrolling:touch;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
html {
	width:100%;
	height:100%;
	font-size:10px
}
@media (max-width:374px) {
	html {
		font-size:8px
	}
}
body {
	width:100%;
	height:100%;
	color:#666;
	line-height:1.5;
	font-size:1.6rem;
	word-break:keep-all;
	word-wrap:break-word
}
@media (max-width:1023px) {
	body {
		word-break:break-all
	}
}
ul,ol,li {
	list-style:none
}
a {
	color:inherit;
	text-decoration:none;
	cursor:pointer
}
a:focus {
	outline:1px solid #000;
	outline-offset:-1px
}
em,address,i {
	font-style:normal
}
dt,strong,em,b {
	font-weight:700
}
img,input,textarea,button {
	vertical-align:middle
}
hr {
	font-size:0;
	line-height:0;
	border:0
}
pre {
	white-space:pre-line;
	word-break:break-all
}
img {
	border:0
}
input,textarea {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}
input:focus,textarea:focus {
	outline:1px solid #000;
	outline-offset:-1px
}
input[type=radio] {
	position:absolute;
	width:0;
	height:0;
	border:0;
	opacity:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}
input[type=checkbox] {
	position:absolute;
	width:0;
	height:0;
	border:0;
	opacity:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}
input[type="text"],input[type="password"],input[type="file"] {
	display:block;
	background:none;
	border:0;
	border-radius:0;
	color:inherit
}
input[type="text"]::-webkit-input-placeholder,input[type="password"]::-webkit-input-placeholder,input[type="file"]::-webkit-input-placeholder {
	color:#bbb;
	font-size:1.6rem;
	font-weight:400
}
@media (max-width:1023px) {
	input[type="text"]::-webkit-input-placeholder,input[type="password"]::-webkit-input-placeholder,input[type="file"]::-webkit-input-placeholder {
		font-size:1.4rem
	}
}
input[type="text"]:-moz-placeholder,input[type="password"]:-moz-placeholder,input[type="file"]:-moz-placeholder {
	color:#bbb;
	font-size:1.6rem;
	font-weight:400
}
@media (max-width:1023px) {
	input[type="text"]:-moz-placeholder,input[type="password"]:-moz-placeholder,input[type="file"]:-moz-placeholder {
		font-size:1.4rem
	}
}
input[type="text"]::-moz-placeholder,input[type="password"]::-moz-placeholder,input[type="file"]::-moz-placeholder {
	color:#bbb;
	font-size:1.6rem;
	font-weight:400
}
@media (max-width:1023px) {
	input[type="text"]::-moz-placeholder,input[type="password"]::-moz-placeholder,input[type="file"]::-moz-placeholder {
		font-size:1.4rem
	}
}
input[type="text"]:-ms-input-placeholder,input[type="password"]:-ms-input-placeholder,input[type="file"]:-ms-input-placeholder {
	color:#bbb;
	font-size:1.6rem;
	font-weight:400
}
@media (max-width:1023px) {
	input[type="text"]:-ms-input-placeholder,input[type="password"]:-ms-input-placeholder,input[type="file"]:-ms-input-placeholder {
		font-size:1.4rem
	}
}
textarea {
	display:block;
	overflow-x:hidden;
	overflow-y:auto;
	resize:none;
	background:none;
	border:0;
	border-radius:0;
	color:inherit
}
textarea::-webkit-input-placeholder {
	color:#bbb;
	font-size:1.6rem;
	font-weight:400
}
@media (max-width:1023px) {
	textarea::-webkit-input-placeholder {
		font-size:1.4rem
	}
}
textarea:-moz-placeholder {
	color:#bbb;
	font-size:1.6rem;
	font-weight:400
}
@media (max-width:1023px) {
	textarea:-moz-placeholder {
		font-size:1.4rem
	}
}
textarea::-moz-placeholder {
	color:#bbb;
	font-size:1.6rem;
	font-weight:400
}
@media (max-width:1023px) {
	textarea::-moz-placeholder {
		font-size:1.4rem
	}
}
textarea:-ms-input-placeholder {
	color:#bbb;
	font-size:1.6rem;
	font-weight:400
}
@media (max-width:1023px) {
	textarea:-ms-input-placeholder {
		font-size:1.4rem
	}
}
select {
	background:none;
	border:0;
	border-radius:0;
	color:inherit;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}
select::-ms-expand {
	display:none
}
select:focus {
	outline:1px solid #000;
	outline-offset:-1px
}
button {
	background:transparent;
	border:0;
	cursor:pointer
}
button:focus {
	outline:1px solid #000;
	outline-offset:-1px
}
fieldset {
	margin:0;
	padding:0;
	border:0;
	background:0
}
fieldset legend {
	visibility:hidden;
	font-size:0;
	line-height:0
}
table {
	border-collapse:collapse
}
caption {
	visibility:hidden;
	width:0;
	height:0;
	overflow:hidden;
	font-size:0
}
body,button,input,textarea,select,pre {
	font-family:opensans,noto,Dotum,Arial,sans-serif;
	font-weight:200;
	letter-spacing:-0.09rem
}
a:focus,button:focus,select:focus {
	outline:0
}
body {
	overflow-y:auto;
	overflow-x:hidden
}
body.fixed {
	position:fixed;
	overflow-y:hidden;
	width:100%;
	height:100%
}
.skipnavi {
	position:relative;
	z-index:200
}
.skipnavi dt {
	width:0;
	height:0;
	font-size:0
}
.skipnavi dd a {
	top:0;
	left:0;
	position:absolute;
	font-size:0
}
.skipnavi dd a:active,.skipnavi dd a:focus {
	display:block;
	width:100%;
	height:5rem;
	text-align:center;
	line-height:5rem;
	background:#702732;
	color:#fff;
	font-size:1.4rem
}
#wrap {
	opacity:0;
	-webkit-transition:opacity 0.7s;
	transition:opacity 0.7s
}
#header {
	position:fixed;
	left:0;
	top:0;
	z-index:20;
	width:100%;
	height:7.6rem;
	background-color:rgba(0,0,0,0.5)
}
#header .header-innerbox {
	position:relative;
	max-width:192rem;
	margin:0 auto
}
#header h1 {
	float:left;
	z-index:20;
	position:relative;
	width:12.3rem;
	height:5rem;
	margin:1.2rem 3.5rem 0 2.6%
}
#header h1 a {
	font-size:0;
	line-height:0;
	display:block;
	width:100%;
	height:100%
}
#header h1 svg {
	width:auto;
	height:5rem
}
#header h1 svg .logo-st1 {
	fill:transparent;
	-webkit-transition:0.3s;
	transition:0.3s
}
#header h1 svg .logo-st2 {
	fill:#fff
}
#header h1 svg .logo-st0 path {
	fill:#fff;
	-webkit-transition:0.3s;
	transition:0.3s
}
#header .topmenu {
	width:1100px;
	margin:0 auto
}
#header .topmenu>ul {
	z-index:10;
	position:relative
}
#header .topmenu>ul::after {
	content:'';
	clear:both;
	display:block;
	overflow:hidden
}
#header .topmenu>ul>li {
	float:left;
	width:11.8rem;
	position:relative
}
#header .topmenu>ul>li:nth-child(6) {
	width:12.8rem
}
#header .topmenu>ul>li:nth-child(8) {
	width:12.8rem
}
#header .topmenu>ul>li>a {
	display:block;
	width:100%;
	height:7.6rem;
	line-height:7.6rem;
	text-align:center;
	color:#fff;
	font-size:1.6rem;
	font-weight:700;
	letter-spacing:-0.1rem
}
#header .topmenu>ul>li:hover>a,#header .topmenu>ul>li.active>a {
	background:#702732;
	color:#fff !important
}
#header .topmenu>ul>li:nth-child(5)>ul>li,#header .topmenu>ul>li:nth-child(7)>ul>li {
	padding-left:1.6rem
}
@media (max-width:1318px) {
	#header .topmenu>ul>li:nth-child(5)>ul>li,#header .topmenu>ul>li:nth-child(7)>ul>li {
		padding-left:0
	}
}
#header .topmenu>ul>li>ul {
	display:none;
	top:7.6rem;
	left:0;
	position:absolute;
	width:100%;
	background:#f6f6f6
}
#header .topmenu>ul>li>ul>li {
	margin-top:1.8rem;
	padding:0 0 0 2.2rem
}
#header .topmenu>ul>li>ul>li:first-child {
	margin-top:3.5rem
}
#header .topmenu>ul>li>ul>li:last-child {
	margin-bottom:3.5rem
}
#header .topmenu>ul>li>ul>li>a {
	display:block;
	width:100%;
	height:100%;
	text-align:left;
	outline:0
}
#header .topmenu>ul>li>ul>li>a span {
	display:inline-block;
	position:relative;
	color:#222;
	font-size:1.5rem;
	font-weight:400;
	-webkit-transition:all 0.3s;
	transition:all 0.3s
}
#header .topmenu>ul>li>ul>li>a span::after {
	display:inline-block;
	content:'';
	bottom:0;
	left:0;
	position:absolute;
	width:0;
	height:1px;
	background:#702732;
	-webkit-transition:width 0.3s;
	transition:width 0.3s
}
#header .topmenu>ul>li>ul>li>a:hover span {
	color:#702732
}
#header .topmenu>ul>li>ul>li>a:hover span::after {
	width:100%
}
#header .topmenu>ul>li>ul>li>a[target="_blank"] span {
	padding-right:2.1rem;
	background:url("../images/icon_blank.svg") no-repeat 96% 0.3rem/1.4rem 1.4rem
}
@media (max-width:1318px) {
	#header .topmenu>ul>li>ul>li>a[target="_blank"] span {
		background-position-x:100%
	}
}
#header .topmenu>ul>li>ul>li.active>a span {
	color:#702732;
	font-weight:700
}
#header .topmenu>ul>li>ul>li.active>a span::after {
	width:100%
}
#header .btn-notice {
	overflow:visible;
	top:2.8rem;
	right:5.5%;
	position:absolute;
	width:2.5rem;
	height:2.5rem;
	text-align:center
}
#header .btn-notice::before {
	display:inline-block;
	content:'';
	top:50%;
	left:50%;
	position:absolute;
	width:2.5rem;
	height:2.5rem;
	margin:-1.5rem 0 0 -1.4rem;
	background:no-repeat 50% / 2.5rem;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' %3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill:none;stroke:%23fff;stroke-width:2px;%7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M21.271,24A5.136,5.136,0,0,1,11,24'/%3E%3Cpath class='cls-1' d='M4.4,24.886A2.419,2.419,0,0,1,2.316,23.7h0a2.294,2.294,0,0,1,.4-2.823l2.173-2.026V12.656c0-6.259,5.093-11.75,10.9-11.75s10.9,5.491,10.9,11.75v6.192l2.173,2.026a2.294,2.294,0,0,1,.4,2.823h0a2.419,2.419,0,0,1-2.082,1.188H4.4Z'/%3E%3C/svg%3E%0A")
}
#header .btn-notice.on::after {
	display:inline-block;
	content:'';
	top:-0.1rem;
	left:-0.2rem;
	position:absolute;
	width:1.1rem;
	height:1.1rem;
	background:#ed950f;
	border-radius:50%
}
#header .btn-allmenu {
	top:2.7rem;
	right:2.8%;
	position:absolute;
	width:2.5rem;
	height:2.5rem;
	text-align:center
}
#header .btn-allmenu hr {
	display:block;
	top:50%;
	left:50%;
	position:absolute;
	width:2.5rem;
	height:0.2rem;
	margin:-1rem 0 0 -1.25rem;
	background:#fff;
	border:0;
	-webkit-transition:background-color 0.3s 0s,opacity 0.3s 0.3s,margin 0.3s 0.3s,-webkit-transform 0.3s 0s;
	transition:background-color 0.3s 0s,opacity 0.3s 0.3s,margin 0.3s 0.3s,-webkit-transform 0.3s 0s;
	transition:background-color 0.3s 0s,opacity 0.3s 0.3s,margin 0.3s 0.3s,transform 0.3s 0s;
	transition:background-color 0.3s 0s,opacity 0.3s 0.3s,margin 0.3s 0.3s,transform 0.3s 0s,-webkit-transform 0.3s 0s;
	font-size:0;
	line-height:0;
	-webkit-transition:0.3s;
	transition:0.3s
}
#header .btn-allmenu hr:nth-child(2) {
	margin-top:-0.2rem
}
#header .btn-allmenu hr:nth-child(3) {
	margin-top:0.6rem
}
#header .allmenu-pc-layer {
	display:none;
	top:7.6rem;
	left:0;
	position:fixed;
	width:100%;
	height:44rem;
	background:#f6f6f6;
	-webkit-box-shadow:0 2rem 2rem -1rem rgba(0,0,0,0.2);
	box-shadow:0 2rem 2rem -1rem rgba(0,0,0,0.2)
}
@media (min-width:1280px) {
	#header.fixed,#header:hover {
		background:#fff;
		-webkit-box-shadow:0 4px 14px 7px rgba(0,0,0,0.22);
		box-shadow:0 4px 14px 7px rgba(0,0,0,0.22);
		-webkit-transition:all 0.3s;
		transition:all 0.3s
	}
	#header.fixed h1 .logo-st1,#header:hover h1 .logo-st1 {
		fill:#75272c
	}
	#header.fixed h1 .logo-st0 path,#header:hover h1 .logo-st0 path {
		fill:#000
	}
	#header.fixed h1::after,#header:hover h1::after {
		color:#000
	}
	#header.fixed .topmenu>ul>li>a,#header:hover .topmenu>ul>li>a {
		color:#222
	}
	#header.fixed .topmenu>ul>li.on>a,#header.fixed .topmenu>ul>li:hover>a,#header:hover .topmenu>ul>li.on>a,#header:hover .topmenu>ul>li:hover>a {
		color:#fff
	}
	#header.fixed .btn-notice::before,#header:hover .btn-notice::before {
		background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' %3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill:none;stroke:%23000;stroke-width:2px;%7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M21.271,24A5.136,5.136,0,0,1,11,24'/%3E%3Cpath class='cls-1' d='M4.4,24.886A2.419,2.419,0,0,1,2.316,23.7h0a2.294,2.294,0,0,1,.4-2.823l2.173-2.026V12.656c0-6.259,5.093-11.75,10.9-11.75s10.9,5.491,10.9,11.75v6.192l2.173,2.026a2.294,2.294,0,0,1,.4,2.823h0a2.419,2.419,0,0,1-2.082,1.188H4.4Z'/%3E%3C/svg%3E%0A")
	}
	#header.fixed .btn-allmenu hr,#header:hover .btn-allmenu hr {
		background:#000
	}
	#header.expand {
		-webkit-transition:none;
		transition:none;
		border-bottom:2px solid #702732
	}
}
@media (max-width:1318px) {
	#header {
		height:6rem
	}
	#header h1 {
		position:absolute;
		top:1.7rem;
		left:2rem;
		width:9.7rem;
		height:2.7rem;
		margin:0
	}
	#header h1::after {
		content:"입학홈페이지";
		display:block;
		top:50%;
		left:100%;
		position:absolute;
		width:9rem;
		margin:0 0 0 1rem;
		color:#fff;
		font-size:1.6rem;
		font-weight:700;
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%)
	}
	#header h1 svg {
		height:4.2rem
	}
	#header h1 svg .logo-st0 {
		display:none
	}
	#header .topmenu {
		display:block;
		visibility:hidden;
		overflow-y:auto;
		top:6rem;
		left:100%;
		position:fixed;
		width:100%;
		height:calc(100% - 6rem);
		padding:0;
		background:rgba(0,0,0,0.35);
		-webkit-transition:visibility 0s 0.7s,-webkit-transform 0.7s;
		transition:visibility 0s 0.7s,-webkit-transform 0.7s;
		transition:visibility 0s 0.7s,transform 0.7s;
		transition:visibility 0s 0.7s,transform 0.7s,-webkit-transform 0.7s
	}
	#header .topmenu>ul>li {
		float:none;
		width:100%;
		background:#fff
	}
	#header .topmenu>ul>li:nth-child(6) {
		width:100%
	}
	#header .topmenu>ul>li:nth-child(8) {
		width:100%
	}
	#header .topmenu>ul>li>a {
		position:relative;
		height:6.2rem;
		padding:0 2.5rem;
		border-bottom:1px solid #e1e1e1;
		text-align:left;
		line-height:6.2rem;
		color:#333;
		font-size:1.7rem
	}
	#header .topmenu>ul>li>a::after {
		display:inline-block;
		content:'';
		top:50%;
		right:2.5rem;
		position:absolute;
		width:1.25rem;
		height:1.25rem;
		margin-top:-0.9rem;
		border-top:2px solid #333;
		border-right:2px solid #333;
		-webkit-transform:rotate(135deg);
		transform:rotate(135deg)
	}
	#header .topmenu>ul>li.active>a {
		background:#fff;
		color:#77222c !important
	}
	#header .topmenu>ul>li.active>a::after {
		margin-top:-0.3rem;
		border-color:#77222c;
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg)
	}
	#header .topmenu>ul>li.active:hover>a {
		background:#fff;
		color:#77222c !important
	}
	#header .topmenu>ul>li:hover>a {
		background:#fff;
		color:#222 !important
	}
	#header .topmenu>ul>li>ul {
		z-index:0;
		position:static;
		visibility:visible;
		padding:1.3rem 3.4rem 1.7rem
	}
	#header .topmenu>ul>li>ul>li {
		margin-top:1.4rem;
		padding:0;
		opacity:1
	}
	#header .topmenu>ul>li>ul>li:first-child {
		margin-top:0
	}
	#header .topmenu>ul>li>ul>li:last-child {
		margin-bottom:0
	}
	#header .topmenu>ul>li>ul>li>a {
		display:inline-block;
		text-align:left
	}
	#header .topmenu>ul>li>ul>li>a span {
		padding-left:1.2rem;
		color:#666;
		font-size:14px
	}
	#header .topmenu>ul>li>ul>li>a span::before {
		display:inline-block;
		content:'';
		top:50%;
		left:0;
		position:absolute;
		width:0.6rem;
		height:1px;
		background:#666
	}
	#header .topmenu>ul>li>ul>li>a span::after {
		display:none
	}
	#header .btn-notice {
		top:2.2rem;
		right:6.7rem;
		width:2rem;
		height:2.15rem;
		margin:0;
		background-size:auto 2.15rem
	}
	#header .btn-allmenu {
		top:2.1rem;
		right:2rem;
		width:2.4rem;
		height:2.15rem
	}
	#header .btn-allmenu hr {
		width:2.4rem;
		margin-left:-1.2rem
	}
	#header .allmenu-pc-layer {
		display:none !important
	}
	#header.fixed {
		background-color:#fff;
		-webkit-box-shadow:0 4px 14px 7px rgba(0,0,0,0.22);
		box-shadow:0 4px 14px 7px rgba(0,0,0,0.22);
		-webkit-transition:all 0.3s;
		transition:all 0.3s
	}
	#header.fixed h1 .logo-st1 {
		fill:#75272c
	}
	#header.fixed h1 .logo-st0 path {
		fill:#000
	}
	#header.fixed h1::after {
		color:#000
	}
	#header.fixed h1 svg {
		height:4.2rem
	}
	#header.fixed .btn-notice::before {
		background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' %3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill:none;stroke:%23000;stroke-width:2px;%7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M21.271,24A5.136,5.136,0,0,1,11,24'/%3E%3Cpath class='cls-1' d='M4.4,24.886A2.419,2.419,0,0,1,2.316,23.7h0a2.294,2.294,0,0,1,.4-2.823l2.173-2.026V12.656c0-6.259,5.093-11.75,10.9-11.75s10.9,5.491,10.9,11.75v6.192l2.173,2.026a2.294,2.294,0,0,1,.4,2.823h0a2.419,2.419,0,0,1-2.082,1.188H4.4Z'/%3E%3C/svg%3E%0A")
	}
	#header.fixed .btn-allmenu hr {
		background:#000
	}
	#header.expand {
		background-color:#75272c
	}
	#header.expand h1::after {
		color:#fff
	}
	#header.expand .topmenu {
		visibility:visible;
		-webkit-transform:translateX(-100%);
		transform:translateX(-100%);
		-webkit-transition:visibility 0s,-webkit-transform 0.7s 0.1s;
		transition:visibility 0s,-webkit-transform 0.7s 0.1s;
		transition:visibility 0s,transform 0.7s 0.1s;
		transition:visibility 0s,transform 0.7s 0.1s,-webkit-transform 0.7s 0.1s
	}
	#header.expand .topmenu>ul>li>a {
		color:#222
	}
	#header.expand .topmenu>ul>li.on>a,#header.expand .topmenu>ul>li:hover>a {
		color:#75272c
	}
	#header.expand .btn-notice::before {
		background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' %3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill:none;stroke:%23fff;stroke-width:2px;%7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M21.271,24A5.136,5.136,0,0,1,11,24'/%3E%3Cpath class='cls-1' d='M4.4,24.886A2.419,2.419,0,0,1,2.316,23.7h0a2.294,2.294,0,0,1,.4-2.823l2.173-2.026V12.656c0-6.259,5.093-11.75,10.9-11.75s10.9,5.491,10.9,11.75v6.192l2.173,2.026a2.294,2.294,0,0,1,.4,2.823h0a2.419,2.419,0,0,1-2.082,1.188H4.4Z'/%3E%3C/svg%3E%0A")
	}
	#header.expand .btn-allmenu hr {
		background:#fff
	}
}
#container {
	width:100%;
	overflow:hidden;
	background-color:#fff
}
.subvisual {
	position:relative;
	overflow:hidden;
	width:100%;
	height:27rem;
	background:no-repeat 50% / cover
}
.subvisual::after {
	display:inline-block;
	content:'';
	top:0;
	left:0;
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4)
}
.subvisual h2 {
	z-index:3;
	top:14rem;
	left:50%;
	position:absolute;
	text-align:center;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%)
}
.subvisual h2 strong {
	display:inline-block;
	text-align:center;
	color:#fff;
	font-size:3.8rem;
	font-weight:700
}
.subvisual.subvisual-1 {
	background-image:url("../images/img_subvisual_01.jpg")
}
.subvisual.subvisual-2 {
	background-image:url("../images/img_subvisual_02.jpg")
}
.subvisual.subvisual-3 {
	background-image:url("../images/img_subvisual_03.jpg")
}
.subvisual.subvisual-4 {
	background-image:url("../images/img_subvisual_04.jpg")
}
.subvisual.subvisual-5 {
	background-image:url("../images/img_subvisual_05.jpg")
}
.subvisual.subvisual-6 {
	background-image:url("../images/img_subvisual_06.jpg")
}
.subvisual.subvisual-7 {
	background-image:url("../images/img_subvisual_07.jpg")
}
.subvisual.subvisual-8 {
	background-image:url("../images/img_subvisual_08.jpg")
}
@media (max-width:1023px) {
	.subvisual {
		height:22rem;
		background-position:50% 0
	}
	.subvisual h2 {
		top:12rem
	}
	.subvisual h2 strong {
		font-size:2.8rem;
		letter-spacing:-0.2rem
	}
}
.contentsarea {
	position:relative;
	z-index:0;
	padding:5.6rem 0 18rem
}
.contentsarea>[class^='page-'] {
	position:relative;
	max-width:120rem;
	margin:0 auto;
	width:100%
}
.contentsarea h3 {
	margin-bottom:1.85rem;
	color:#222;
	font-size:3.8rem;
	font-weight:800;
	letter-spacing:-0.12rem
}
.contentsarea h3+.title-desc {
	margin-bottom:4.4rem;
	font-weight:500;
	font-size:2.4rem;
	line-height:1.4;
	color:#77222c
}
.contentsarea h3+.title-desc.info-telephone {
	padding-left:3rem;
	background:url("../images/icon_telephone.svg") no-repeat 0 0.7rem/22px 22px
}
@media (max-width:1023px) {
	.contentsarea h3+.title-desc.info-telephone {
		margin-bottom:3rem;
		font-size:1.8rem
	}
	.contentsarea h3+.title-desc.info-telephone.info-telephone {
		padding-left:2.2rem;
		background-size:1.8rem auto;
		background-position-y:0.4rem
	}
}
.contentsarea .utilset {
	top:12px;
	right:0;
	position:absolute;
	border:1px solid #d7d7d7;
	font-size:0
}
.contentsarea .utilset>button {
	width:38px;
	height:37px;
	background:#fafafa no-repeat 50% / 21px auto;
	border-left:1px solid #d7d7d7;
	font-size:0
}
.contentsarea .utilset>button:first-child {
	margin-left:0;
	border-left:0
}
.contentsarea .utilset>button.btn-font-up {
	background-image:url("../images/icon_plus.svg")
}
.contentsarea .utilset>button.btn-font-down {
	background-image:url("../images/icon_minus.svg")
}
.contentsarea .utilset>button.btn-reset {
	background-image:url("../images/icon_reset.svg")
}
.contentsarea .utilset>button.btn-print {
	background-image:url("../images/icon_print.svg")
}
.contentsarea .utilset>button.btn-font-up,.contentsarea .utilset>button.btn-font-down {
	background-size:15px auto
}
@media (max-width:1318px) {
	.contentsarea>[class^='page-'] {
		width:89.33%
	}
}
@media (max-width:1023px) {
	.contentsarea {
		padding:4.2rem 0 8rem
	}
	.contentsarea>[class^='page-'] {
		width:89.33%;
		max-width:75rem;
		margin:0 auto
	}
	.contentsarea h3 {
		margin-bottom:1.4rem;
		font-size:2.4rem;
		letter-spacing:-0.2rem
	}
	.contentsarea .utilset {
		display:none
	}
}
.pagenavi {
	position:relative;
	z-index:2;
	width:100%;
	height:5rem;
	border-bottom:1px solid #dbdbdb
}
.pagenavi .innerbox {
	max-width:120rem;
	margin:0 auto
}
.pagenavi .innerbox::after {
	content:'';
	clear:both;
	display:block;
	overflow:hidden
}
.pagenavi .home {
	float:left;
	display:block;
	width:5rem;
	height:5rem;
	background:#77222c url("../images/icon_home.svg") no-repeat center/2.4rem auto;
	font-size:0;
	line-height:0
}
.pagenavi [class^="depth-"] {
	float:left;
	position:relative;
	min-width:22rem
}
.pagenavi [class^="depth-"]::after {
	content:'';
	clear:both;
	display:block;
	overflow:hidden
}
.pagenavi [class^="depth-"] .holder {
	display:block;
	width:100%;
	height:4.9rem;
	padding:0 6rem 0 3rem;
	border-right:1px solid #dbdbdb;
	line-height:5rem;
	letter-spacing:-0.1rem;
	text-align:left;
	color:#444;
	font-size:1.6rem;
	overflow:hidden;
	word-break:break-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-transition:all 0.3s;
	transition:all 0.3s
}
.pagenavi [class^="depth-"] .holder::after {
	display:inline-block;
	content:'';
	top:50%;
	right:3.2rem;
	position:absolute;
	width:0.8rem;
	height:0.8rem;
	margin-top:-0.4rem;
	border-top:2px solid #666;
	border-right:2px solid #666;
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
	-webkit-transition:all 0.3s;
	transition:all 0.3s
}
.pagenavi [class^="depth-"] .holder.on:after {
	top:55%;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.pagenavi [class^="depth-"] .holder:hover {
	background-color:#f6f6f6;
	color:#333
}
.pagenavi [class^="depth-"] .holder:hover::after {
	border-color:333
}
.pagenavi [class^="depth-"]>ul {
	display:none;
	top:5rem;
	left:0;
	position:absolute;
	width:100%;
	background:#fff;
	border:1px solid #e3e3e3;
	border-top:0
}
.pagenavi [class^="depth-"]>ul>li {
	height:4.5rem;
	line-height:4.5rem;
	border-top:1px solid #e3e3e3;
	-webkit-transition:all 0.3s;
	transition:all 0.3s
}
.pagenavi [class^="depth-"]>ul>li:first-child {
	border-top:0
}
.pagenavi [class^="depth-"]>ul>li>a {
	display:block;
	width:100%;
	height:100%;
	padding:0 3rem
}
.pagenavi [class^="depth-"]>ul>li>a div {
	display:inline;
	line-height:inherit !important
}
.pagenavi [class^="depth-"]>ul>li br {
	display:none !important
}
.pagenavi [class^="depth-"]>ul>li.on {
	background:#f6f6f6
}
.pagenavi [class^="depth-"]>ul>li.on>a {
	color:#333
}
.pagenavi [class^="depth-"]>ul>li:hover {
	background:#f6f6f6;
	color:#333
}
.pagenavi .depth-2>ul {
	left:-1px;
	width:calc(100%+1px)
}
@media (max-width:1318px) {
	.pagenavi .innerbox {
		width:89.33%
	}
}
@media (max-width:1023px) {
	.pagenavi {
		height:5rem
	}
	.pagenavi .innerbox {
		width:100%;
		max-width:75rem;
		margin:0 auto
	}
	.pagenavi .home {
		display:none
	}
	.pagenavi [class^="depth-"] {
		width:50%;
		min-width:auto
	}
	.pagenavi [class^="depth-"] .holder {
		height:5rem;
		padding:0 2rem;
		line-height:5rem;
		font-size:1.4rem
	}
	.pagenavi [class^="depth-"] .holder::after {
		top:46%;
		right:2rem
	}
	.pagenavi [class^="depth-"]>ul {
		top:5rem
	}
	.pagenavi [class^="depth-"]>ul>li a {
		padding:0 2rem;
		font-size:1.3rem
	}
	.pagenavi [class^="depth-"]:last-child .holder {
		border-right:0
	}
}
.tabmenu {
	margin:0 0 3.7rem;
	border-bottom:1px solid #c2c2c2
}
.tabmenu .holder {
	display:none
}
.tabmenu>ul::after {
	content:'';
	clear:both;
	display:block;
	overflow:hidden
}
.tabmenu>ul>li {
	float:left
}
.tabmenu>ul>li>a {
	display:block;
	height:6.6rem;
	margin-bottom:-1px;
	padding:0 4rem;
	border-bottom:4px solid transparent;
	line-height:6.2rem;
	color:#909090;
	font-size:2rem;
	font-weight:400
}
.tabmenu>ul>li.on a {
	border-color:#77222c;
	color:#77222c
}
.tabmenu>ul>li:hover a {
	color:#77222c
}
@media (max-width:1023px) {
	.tabmenu {
		position:relative;
		margin:1.4rem 0 2.7rem
	}
	.tabmenu .holder {
		display:block;
		position:relative;
		width:100%;
		height:4.7rem;
		padding:0 1.2rem;
		border:2px solid #222;
		text-align:left;
		color:#333;
		font-size:1.4rem;
		font-weight:700
	}
	.tabmenu .holder::after {
		display:inline-block;
		content:'';
		top:50%;
		right:4%;
		position:absolute;
		border:4px solid #333;
		border-left-color:transparent;
		border-right-color:transparent;
		border-bottom-color:transparent
	}
	.tabmenu>ul {
		display:none;
		z-index:1;
		overflow:hidden;
		top:4.7rem;
		left:0;
		position:absolute;
		width:100%;
		background:#fff;
		border:1px solid #222;
		border-top:0
	}
	.tabmenu>ul>li {
		width:100%
	}
	.tabmenu>ul>li a {
		height:4.2rem;
		padding:0 1.2rem;
		line-height:4.2rem;
		font-size:1.4rem
	}
	.tabmenu>ul>li.on a {
		border:none;
		background:#fafafa;
		color:#333
	}
}
#footer {
	clear:both;
	position:relative;
	padding:2.7rem 0 4rem 0;
	text-align:center;
	background-color:#5d5d5d
}
#footer::after {
	display:inline-block;
	content:'';
	top:7.9rem;
	left:0;
	position:absolute;
	width:100%;
	height:1px;
	background:#6e6e6e
}
#footer .footer-innerbox {
	clear:both;
	position:relative;
	width:100%;
	max-width:120rem;
	margin:0 auto;
	margin-top:6.3rem
}
#footer .footer-innerbox::after {
	content:'';
	clear:both;
	display:block;
	overflow:hidden
}
#footer .footer-innerbox:first-child {
	margin-top:0
}
#footer .familysite {
	float:right;
	display:flex;
}
#footer .familysite li {
	/* float:left; */
	margin-left:6.5rem
}
#footer .familysite li a {
	display:block;
	width:100%;
	height:100%;
	padding-right:2.5rem;
	background:url("../images/icon_blank.svg") no-repeat 100% 50%/1.6rem 1.6rem;
	color:#fff;
	font-size:1.7rem
}
#footer .footer-menu {
	float:left
}
#footer .footer-menu li {
	position:relative;
	float:left;
	margin-left:1.5rem;
	padding-left:1.3rem
}
#footer .footer-menu li a {
	color:#fff
}
#footer .footer-menu li::after {
	display:inline-block;
	content:'';
	top:50%;
	left:0;
	position:absolute;
	width:1px;
	height:1.4rem;
	margin-top:-0.4rem;
	background:#7f7f7f
}
#footer .footer-menu li:first-child {
	margin-left:0;
	padding-left:0
}
#footer .footer-menu li:first-child::after {
	display:none
}
#footer h1 {
	overflow:hidden;
	top:0.7rem;
	right:0;
	position:absolute;
	width:17.4rem;
	height:5rem;
	font-size:0
}
#footer h1 svg {
	width:100%;
	height:auto
}
#footer h1 svg .logo-st1 {
	fill:#555
}
#footer h1 svg .logo-st2 {
	fill:#b1b1b1
}
#footer h1 svg .logo-st0 path {
	display:none
}
#footer address {
	display:block;
	padding:0;
	text-align:left;
	color:silver;
	font-size:1.6rem;
	font-weight:400
}
#footer address span {
	display:inline-block;
	position:relative;
	margin-left:0.6rem;
	padding-left:0.9rem
}
#footer address span::after {
	display:inline-block;
	content:'';
	top:50%;
	left:0;
	position:absolute;
	width:1px;
	height:1.2rem;
	margin-top:-0.4rem;
	background:#7f7f7f
}
#footer address span:first-child {
	margin-left:0;
	padding-left:0
}
#footer address span:first-child::after {
	display:none
}
#footer .copyright {
	display:block;
	text-align:left;
	margin-top:0.6rem;
	color:silver;
	font-size:1.6rem;
	font-weight:400
}
@media (max-width:1318px) {
	#footer {
		padding-top:0
	}
	#footer::after {
		top:5rem
	}
	#footer .footer-innerbox {
		width:89.33%;
		margin-top:1rem
	}
	#footer .familysite {
		float:none
	}
	#footer .familysite li {
		width:33.3%;
		height:5rem;
		margin-left:0;
		border-left:1px solid #6e6e6e;
		line-height:5rem
	}
	#footer .familysite li:first-child {
		border-left:0
	}
	#footer .familysite li a {
		padding-right:0;
		background:none
	}
	#footer .footer-menu {
		margin-top:1.3rem
	}
	#footer h1 {
		display:none
	}
	#footer address span:first-child {
		display:block
	}
	#footer address span:nth-child(2) {
		padding-left:0;
		margin-left:0
	}
	#footer address span:nth-child(2)::after {
		display:none
	}
}
@media (max-width:1023px) {
	#footer .familysite li a {
		font-size:1.4rem
	}
	#footer .footer-menu li {
		margin-left:0.6rem;
		padding-left:0.6rem
	}
	#footer .footer-menu li::after {
		height:0.9rem;
		margin-top:-0.2rem
	}
	#footer .footer-menu li a {
		font-size:1.2rem
	}
	#footer address span {
		font-size:1.2rem;
		line-height:1.583
	}
	#footer address span:last-child {
		display:block;
		padding-left:0;
		margin-left:0
	}
	#footer address span:last-child::after {
		display:none
	}
	#footer .copyright {
		font-size:1.2rem
	}
}
@media (min-width:1280px) {
	.pc-only {
		display:block
	}
}
@media (max-width:1318px) {
	.pc-only {
		display:none
	}
}
@media (min-width:1280px) {
	.tablet-only {
		display:none
	}
}
@media (max-width:1318px) {
	.tablet-only {
		display:block
	}
}
@media (min-width:1280px) {
	.mobile-only {
		display:none
	}
}
@media (max-width:1318px) {
	.mobile-only {
		display:block
	}
}
.optionbox {
	display:inline-block;
	position:relative;
	min-width:18rem;
	height:4rem;
	margin-left:1rem;
	border:1px solid #e3e3e3;
	vertical-align:middle
}
.optionbox:first-of-type {
	margin-left:0
}
.optionbox::after {
	display:inline-block;
	content:'';
	top:50%;
	right:11%;
	position:absolute;
	border:4px solid #333;
	border-left-color:transparent;
	border-right-color:transparent;
	border-bottom-color:transparent
}
.optionbox select {
	display:block;
	width:100%;
	height:100%;
	padding:0 1.3rem;
	color:#333;
	font-size:1.6rem;
	font-weight:400
}
@media (max-width:1023px) {
	.optionbox::after {
		right:4%
	}
	.optionbox select {
		padding:0 1rem;
		font-size:1.4rem
	}
}
.inpbox {
	border:1px solid #e3e3e3;
	height:4rem;
	line-height:4rem;
	vertical-align:middle
}
.inpbox input {
	display:block;
	width:100%;
	height:100%;
	padding:0 1.3rem;
	font-size:1.6rem;
	font-weight:400
}
@media (max-width:1023px) {
	.inpbox input {
		font-size:1.4rem;
		font-weight:400
	}
}
span.inpbox {
	display:inline-block
}
p.inpbox {
	display:block
}
.ickbox {
	display:inline-block;
	vertical-align:middle
}
.ickbox input[type="checkbox"]+label {
	display:block;
	position:relative;
	padding-left:2.5rem;
	line-height:1.428;
	color:#666;
	font-size:1.6rem;
	font-weight:400;
	cursor:pointer
}
.ickbox input[type="checkbox"]+label::before {
	display:inline-block;
	content:'';
	top:0.3rem;
	left:0;
	position:absolute;
	width:2rem;
	height:2rem;
	margin:0 1rem 0.1rem 0;
	border:1px solid #702732;
	border-radius:2px;
	background-color:#fff;
	vertical-align:middle
}
.ickbox input[type="checkbox"]:checked+label::before {
	background:url("../images/checkbox_on.svg") no-repeat 50%/cover
}
@media (max-width:1023px) {
	.ickbox input[type="checkbox"]+label {
		font-size:1.4rem
	}
}
@media (max-width:1023px) and (max-width:1023px) {
	.ickbox input[type="checkbox"]+label::before {
		top:-0.1rem
	}
}
.filewrap .filebox {
	clear:both;
	display:inline-block;
	position:relative;
	width:10.6rem;
	height:4rem;
	cursor:pointer
}
.filewrap .filebox label {
	top:0;
	left:0;
	position:absolute;
	width:100%;
	height:100%;
	background:#666;
	text-align:center;
	line-height:4rem;
	color:#fff;
	font-size:1.6rem;
	cursor:pointer
}
.filewrap .filebox input[type="file"] {
	top:0;
	left:0;
	position:absolute;
	width:100%;
	height:100%;
	opacity:0;
	cursor:pointer
}
.filewrap .filelistAdd div.MultiFile-label {
	position:relative;
	width:100%;
	height:4rem;
	margin-top:1rem;
	padding:0 6rem 0 4rem;
	background:#f8f8f8;
	line-height:3.8rem
}
.filewrap .filelistAdd div.MultiFile-label::after {
	display:inline-block;
	content:'';
	top:60%;
	left:1.3rem;
	position:absolute;
	width:2.2rem;
	height:1.9rem;
	margin-top:-1.1rem;
	background:url(../images/icon_attachment.svg) no-repeat 0 50%/2.2rem auto;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.filewrap .filelistAdd .MultiFile-title {
	display:block;
	width:100%;
	color:#999;
	font-size:15px;
	overflow:hidden;
	word-break:break-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis
}
.filewrap .filelistAdd .MultiFile-remove {
	top:0;
	right:1rem;
	position:absolute;
	width:4rem;
	height:4rem;
	font-size:0
}
.filewrap .filelistAdd .MultiFile-remove::before,.filewrap .filelistAdd .MultiFile-remove::after {
	display:inline-block;
	content:'';
	top:50%;
	left:50%;
	position:absolute;
	width:2px;
	height:1.5rem;
	background:#9d9d9d;
	margin:-0.75rem 0 0 -1px
}
.filewrap .filelistAdd .MultiFile-remove::before {
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}
.filewrap .filelistAdd .MultiFile-remove::after {
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
@media (max-width:1023px) {
	.filewrap .filebox label {
		font-size:1.4rem
	}
}
.textareabox {
	width:100%;
	height:28rem;
	border:1px solid #e3e3e3
}
.textareabox textarea {
	display:block;
	width:100%;
	height:100%;
	padding:1.3rem
}
@media (max-width:1023px) {
	.textareabox {
		height:14rem
	}
}
.btnset {
	position:relative;
	height:5.5rem;
	margin-top:3.2rem;
	font-size:0
}
.btnset::after {
	content:'';
	clear:both;
	display:block;
	overflow:hidden
}
.btnset .align-left {
	float:left;
	font-size:0
}
.btnset .align-right {
	float:right;
	font-size:0
}
.btnset .align-center {
	top:0;
	left:50%;
	position:absolute;
	text-align:center;
	font-size:0;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%)
}
.btnset .btn-list {
	display:inline-block;
	min-width:14rem;
	height:5.5rem;
	padding:0 3rem;
	text-align:center;
	vertical-align:middle;
	line-height:5.5rem;
	color:#666;
	font-size:1.8rem;
	font-weight:700;
	padding:0 2.5rem;
	border:1px solid #c2c2c2;
	line-height:5.3rem
}
.btnset .btn-list:not(:first-child) {
	margin-left:1rem
}
@media (max-width:1023px) {
	.btnset .btn-list {
		min-width:8.5rem;
		height:4.8rem;
		line-height:4.8rem;
		font-size:1.5rem
	}
	.btnset .btn-list:not(:first-child) {
		margin-left:0.6rem
	}
}
@media (max-width:1023px) {
	.btnset .btn-list {
		line-height:4.6rem
	}
}
.btnset .btn-edit,.btnset .btn-qna,.btnset .btn-confirm,.btnset .btn-register {
	display:inline-block;
	min-width:14rem;
	height:5.5rem;
	padding:0 3rem;
	text-align:center;
	vertical-align:middle;
	line-height:5.5rem;
	color:#666;
	font-size:1.8rem;
	font-weight:700;
	background:#77222c;
	color:#fff
}
.btnset .btn-edit:not(:first-child),.btnset .btn-qna:not(:first-child),.btnset .btn-confirm:not(:first-child),.btnset .btn-register:not(:first-child) {
	margin-left:1rem
}
@media (max-width:1023px) {
	.btnset .btn-edit,.btnset .btn-qna,.btnset .btn-confirm,.btnset .btn-register {
		min-width:8.5rem;
		height:4.8rem;
		line-height:4.8rem;
		font-size:1.5rem
	}
	.btnset .btn-edit:not(:first-child),.btnset .btn-qna:not(:first-child),.btnset .btn-confirm:not(:first-child),.btnset .btn-register:not(:first-child) {
		margin-left:0.6rem
	}
}
.btnset .btn-del {
	display:inline-block;
	min-width:14rem;
	height:5.5rem;
	padding:0 3rem;
	text-align:center;
	vertical-align:middle;
	line-height:5.5rem;
	color:#666;
	font-size:1.8rem;
	font-weight:700;
	background:#7a7272;
	color:#fff
}
.btnset .btn-del:not(:first-child) {
	margin-left:1rem
}
@media (max-width:1023px) {
	.btnset .btn-del {
		min-width:8.5rem;
		height:4.8rem;
		line-height:4.8rem;
		font-size:1.5rem
	}
	.btnset .btn-del:not(:first-child) {
		margin-left:0.6rem
	}
}
@media (max-width:1023px) {
	.btnset {
		height:4.8rem;
		margin-top:2.6rem
	}
}
.board-top {
	margin-bottom:2.6rem
}
.board-top::after {
	content:'';
	clear:both;
	display:block;
	overflow:hidden
}
.board-top .total {
	float:left;
	height:5rem;
	padding:3rem 0 0 2.2rem;
	font-weight:400;
	vertical-align:bottom;
	background:url("../images/icon_total.svg") no-repeat 0 97%/1.4rem auto
}
.board-top .total strong {
	color:#77222c
}
.board-top fieldset.search {
	float:right
}
.board-top fieldset.search::after {
	content:'';
	clear:both;
	display:block;
	overflow:hidden
}
.board-top fieldset.search .optionbox {
	display:block;
	float:left;
	height:5rem
}
.board-top fieldset.search .optionbox select {
	padding:0 2rem
}
.board-top fieldset.search .searchbox {
	float:left;
	position:relative;
	width:34.2rem;
	margin-left:1rem;
	padding-right:5rem
}
.board-top fieldset.search .searchbox input {
	width:100%;
	height:5rem;
	padding:0 2rem;
	line-height:4.8rem;
	color:#666;
	font-size:1.6rem;
	border:1px solid #e3e3e3
}
.board-top fieldset.search .searchbox button {
	top:0;
	right:0;
	position:absolute;
	width:5rem;
	height:5rem;
	background-color:#77222c;
	font-size:0
}
.board-top fieldset.search .searchbox button::after {
	display:inline-block;
	content:'';
	top:50%;
	left:50%;
	position:absolute;
	width:2.1rem;
	height:2.1rem;
	margin:-1.05rem 0 0 -1.05rem;
	background:no-repeat 50% / 2.1rem;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.2 22.2'%3E%3Cpath fill='%23fff' d='M22.2,20.8L17.4,16c1.3-1.6,2.1-3.7,2.1-6c0-5.2-4.3-9.5-9.5-9.5S0.5,4.8,0.5,10s4.3,9.5,9.5,9.5c2.3,0,4.3-0.8,6-2.1 l4.9,4.9L22.2,20.8z M10,18c-4.4,0-8-3.6-8-8s3.6-8,8-8s8,3.6,8,8S14.4,18,10,18z'/%3E%3C/svg%3E%0A")
}
@media (max-width:1023px) {
	.board-top {
		margin-bottom:2rem
	}
	.board-top .total {
		height:auto;
		padding-top:0;
		font-size:1.3rem;
		background-position:0 60%
	}
	.board-top fieldset.search {
		width:100%;
		margin-top:1.5rem
	}
	.board-top fieldset.search .optionbox {
		width:30.44%;
		height:4rem;
		min-width:auto
	}
	.board-top fieldset.search .searchbox {
		width:66.86%;
		margin-left:2.7%;
		padding-right:4rem
	}
	.board-top fieldset.search .searchbox input {
		height:4rem;
		padding:0 1rem;
		line-height:3.8rem;
		font-size:1.4rem
	}
	.board-top fieldset.search .searchbox button {
		width:4rem;
		height:4rem
	}
	.board-top fieldset.search .searchbox button::after {
		background-size:1.8rem
	}
}
.boardlist>ul {
	border-top:2px solid #222
}
.boardlist>ul>li {
	clear:both;
	position:relative;
	border-bottom:1px solid #e3e3e3;
	font-size:0
}
.boardlist>ul>li>a {
	display:-moz-flex;
	display:-ms-flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding:0 5rem;
	height:11.6rem
}
.boardlist>ul>li>a:hover {
	background:#fafafa
}
.boardlist>ul>li .notice,.boardlist>ul>li .num,.boardlist>ul>li .letter {
	-webkit-box-flex:0;
	-ms-flex:0 0 7.8rem;
	flex:0 0 7.8rem
}
.boardlist>ul>li .innerbox {
	display:-moz-flex;
	display:-ms-flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-flex:1;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	min-width:0;
	width:100%
}
.boardlist>ul>li .innerbox .info {
	-webkit-box-flex:0;
	-ms-flex:0 0 auto;
	flex:0 0 auto;
	margin-left:6rem;
	white-space:nowrap
}
.boardlist>ul>li .innerbox .info>* {
	margin-right:6rem
}
.boardlist>ul>li .innerbox .info>*:last-child {
	margin-right:0;
	padding-right:0
}
.boardlist>ul>li .icon_right {
	-webkit-box-flex:0;
	-ms-flex:0 0 3.4rem;
	flex:0 0 3.4rem;
	margin-left:6rem;
	text-align:right
}
.boardlist .notice {
	display:inline-block;
	height:2.7rem;
	background:url("../images/icon_notice_02.svg") no-repeat 0 50%/2.6rem 2.7rem
}
.boardlist .letter {
	display:inline-block;
	vertical-align:middle;
	color:#000;
	font-size:2.8rem;
	font-weight:400
}
.boardlist .num {
	display:inline-block;
	vertical-align:middle;
	color:#999;
	font-size:2rem;
	font-weight:400
}
.boardlist .badge {
	display:inline-block;
	width:9.1rem;
	height:3.6rem;
	margin-right:1.7rem;
	background:#fff;
	border:1px solid;
	text-align:center;
	vertical-align:middle;
	line-height:3.2rem;
	font-size:1.6rem
}
.boardlist .badge.gray {
	border-color:#818181;
	color:#818181
}
.boardlist .badge.orange {
	border-color:#ff9257;
	color:#ff9257
}
.boardlist .badge.red {
	border-color:#c4555c;
	color:#c4555c
}
.boardlist .badge.purple {
	border-color:#a667e1;
	color:#a667e1
}
.boardlist .badge.green {
	border-color:#78a695;
	color:#78a695
}
.boardlist .badge.lightgreen {
	border-color:#76c070;
	color:#76c070
}
.boardlist .badge.blue {
	border-color:#7582ff;
	color:#7582ff
}
@media (max-width:1023px) {
	.boardlist .badge {
		width:auto;
		min-width:4.5rem;
		height:2.4rem;
		margin:0 0.7rem 0.2rem 0;
		padding:0 1.1rem;
		line-height:2.2rem;
		font-size:1.2rem
	}
}
.boardlist .title {
	display:inline-block;
	line-height:1.8;
	vertical-align:middle;
	color:#333;
	font-size:2.2rem;
	font-weight:700;
	overflow:hidden;
	word-break:break-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis
}
@media (max-width:1318px) {
	.boardlist .title {
		display:-webkit-box;
		width:100%;
		max-height:7.5rem;
		white-space:normal;
		word-wrap:break-word;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical
	}
}
@media (max-width:1023px) {
	.boardlist .title {
		max-height:4.7rem;
		line-height:1.6;
		font-size:1.6rem
	}
}
.boardlist .date {
	display:inline-block;
	height:3.8rem;
	vertical-align:middle;
	line-height:3.8rem;
	color:#999;
	font-size:1.8rem;
	font-weight:400
}
@media (max-width:1318px) {
	.boardlist .date {
		height:auto;
		line-height:normal;
		margin-left:0
	}
}
@media (max-width:1023px) {
	.boardlist .date {
		font-size:1.2rem
	}
}
.boardlist .view {
	display:inline-block;
	width:8.2rem;
	height:3.8rem;
	padding-left:2.6rem;
	background:url("../images/icon_view.svg") no-repeat 0 55%/2rem 2rem;
	vertical-align:middle;
	line-height:3.8rem;
	color:#999;
	font-size:1.8rem;
	font-weight:400
}
@media (max-width:1318px) {
	.boardlist .view {
		position:relative;
		height:auto;
		line-height:normal
	}
}
@media (max-width:1023px) {
	.boardlist .view {
		padding-left:2rem;
		background-size:1.6rem 1.6rem;
		font-size:1.2rem
	}
}
.boardlist .lock {
	display:inline-block;
	width:2rem;
	height:2.4rem;
	background:url("../images/icon_lock.svg") no-repeat left center/2rem 2.4rem;
	vertical-align:middle;
	font-size:0;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
@media (max-width:1023px) {
	.boardlist .lock {
		width:1.6rem;
		background-size:auto 1.7rem;
		vertical-align:top
	}
}
.boardlist .username {
	display:inline-block;
	position:relative;
	height:3.8rem;
	vertical-align:middle;
	line-height:3.8rem;
	color:#999;
	font-size:1.8rem
}
@media (max-width:1318px) {
	.boardlist .username {
		height:auto;
		line-height:normal
	}
}
@media (max-width:1023px) {
	.boardlist .username {
		font-size:1.2rem
	}
}
.boardlist .state {
	display:inline-block;
	position:relative;
	width:9.9rem;
	height:3.6rem;
	border:1px solid #999;
	background:#999;
	vertical-align:middle;
	line-height:3.4rem;
	text-align:center;
	color:#fff;
	font-size:1.6rem;
	font-weight:400
}
.boardlist .state::after {
	display:none
}
.boardlist .state.complete {
	background:#666;
	border-color:#666;
	color:#fff
}
.boardlist .state.process {
	background:transparent;
	border-color:#77222c;
	color:#77222c
}
@media (max-width:1023px) {
	.boardlist .state {
		width:auto;
		padding:0 2rem !important;
		height:2.4rem;
		line-height:2.2rem;
		font-size:1.2rem
	}
}
.boardlist .download {
	display:inline-block;
	width:3.4rem;
	height:3.7rem;
	background:url(../images/icon_download.svg) no-repeat 50%/3.4rem auto;
	vertical-align:middle;
	font-size:0
}
@media (max-width:1023px) {
	.boardlist .download {
		background-size:2.5rem auto
	}
}
.boardlist .link {
	display:inline-block;
	width:2.5rem;
	height:2.4rem;
	background:url(../images/icon_link.svg) no-repeat 50%/2.5rem auto;
	vertical-align:middle;
	font-size:0
}
@media (max-width:1023px) {
	.boardlist .link {
		background-size:2rem auto
	}
}
@media (max-width:1318px) {
	.boardlist>ul>li .innerbox .info>* {
		position:relative;
		margin-right:1rem;
		padding-right:1rem
	}
	.boardlist>ul>li .innerbox .info>*::after {
		display:inline-block;
		content:'';
		top:50%;
		right:0;
		position:absolute;
		width:1px;
		height:1rem;
		margin-top:-0.5rem;
		background:#e3e3e3
	}
	.boardlist>ul>li .innerbox .info>*:last-child::after {
		display:none
	}
}
@media (max-width:1023px) {
	.boardlist>ul>li a {
		height:auto;
		min-height:10.3rem;
		padding:1.6rem 1.5rem 1.4rem
	}
	.boardlist>ul>li .innerbox {
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
		-webkit-box-align:start;
		-ms-flex-align:start;
		align-items:flex-start
	}
	.boardlist>ul>li .innerbox .info {
		margin:0.8rem 0 0 0
	}
	.boardlist>ul>li .notice,.boardlist>ul>li .num,.boardlist>ul>li .lock {
		-webkit-box-flex:0;
		-ms-flex:0 0 3.7rem;
		flex:0 0 3.7rem
	}
	.boardlist>ul>li .icon_right {
		-webkit-box-flex:0;
		-ms-flex:0 0 2.5rem;
		flex:0 0 2.5rem;
		margin-left:3rem
	}
	.boardlist .num {
		font-size:1.4rem
	}
	.boardlist .letter {
		font-size:2.1rem
	}
	.boardlist .notice {
		background-size:1.7rem auto
	}
}
.boardview {
	border-top:2px solid #222;
	border-bottom:1px solid #222
}
.boardview .board-title {
	display:-moz-flex;
	display:-ms-flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding:3.8rem 4rem 4rem;
	border-bottom:1px solid #e3e3e3
}
.boardview .board-title::after {
	content:'';
	clear:both;
	display:block;
	overflow:hidden
}
.boardview .board-title .info {
	white-space:nowrap;
	margin-left:6rem;
	font-size:0
}
.boardview .board-title .info>* {
	position:relative;
	margin-right:1.5rem;
	padding-right:1.5rem
}
.boardview .board-title .info>*::after {
	display:inline-block;
	content:'';
	top:50%;
	right:0;
	position:absolute;
	width:1px;
	height:1.5rem;
	margin-top:-0.75rem;
	background:#e3e3e3
}
.boardview .board-title .info>*:last-child {
	margin-right:0;
	padding-right:0
}
.boardview .board-title .info>*:last-child::after {
	display:none
}
.boardview .board-title .title {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	display:inline-block;
	line-height:1.8;
	vertical-align:middle;
	color:#333;
	font-size:2.2rem;
	font-weight:700;
	overflow:hidden;
	word-break:break-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis
}
@media (max-width:1318px) {
	.boardview .board-title .title {
		display:-webkit-box;
		width:100%;
		max-height:7.5rem;
		white-space:normal;
		word-wrap:break-word;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical
	}
}
@media (max-width:1023px) {
	.boardview .board-title .title {
		max-height:4.7rem;
		line-height:1.6;
		font-size:1.6rem
	}
}
.boardview .board-title .badge {
	display:inline-block;
	width:9.1rem;
	height:3.6rem;
	margin-right:1.7rem;
	background:#fff;
	border:1px solid;
	text-align:center;
	vertical-align:middle;
	line-height:3.2rem;
	font-size:1.6rem
}
.boardview .board-title .badge.gray {
	border-color:#818181;
	color:#818181
}
.boardview .board-title .badge.orange {
	border-color:#ff9257;
	color:#ff9257
}
.boardview .board-title .badge.red {
	border-color:#c4555c;
	color:#c4555c
}
.boardview .board-title .badge.purple {
	border-color:#a667e1;
	color:#a667e1
}
.boardview .board-title .badge.green {
	border-color:#78a695;
	color:#78a695
}
.boardview .board-title .badge.lightgreen {
	border-color:#76c070;
	color:#76c070
}
.boardview .board-title .badge.blue {
	border-color:#7582ff;
	color:#7582ff
}
@media (max-width:1023px) {
	.boardview .board-title .badge {
		width:auto;
		min-width:4.5rem;
		height:2.4rem;
		margin:0 0.7rem 0.2rem 0;
		padding:0 1.1rem;
		line-height:2.2rem;
		font-size:1.2rem
	}
}
.boardview .board-title .date {
	display:inline-block;
	height:3.8rem;
	vertical-align:middle;
	line-height:3.8rem;
	color:#999;
	font-size:1.8rem;
	font-weight:400
}
@media (max-width:1318px) {
	.boardview .board-title .date {
		height:auto;
		line-height:normal;
		margin-left:0
	}
}
@media (max-width:1023px) {
	.boardview .board-title .date {
		font-size:1.2rem
	}
}
.boardview .board-title .username {
	display:inline-block;
	position:relative;
	height:3.8rem;
	vertical-align:middle;
	line-height:3.8rem;
	color:#999;
	font-size:1.8rem
}
@media (max-width:1318px) {
	.boardview .board-title .username {
		height:auto;
		line-height:normal
	}
}
@media (max-width:1023px) {
	.boardview .board-title .username {
		font-size:1.2rem
	}
}
.boardview .board-title .lock {
	display:inline-block;
	width:2rem;
	height:2.4rem;
	background:url("../images/icon_lock.svg") no-repeat left center/2rem 2.4rem;
	vertical-align:middle;
	font-size:0;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
@media (max-width:1023px) {
	.boardview .board-title .lock {
		width:1.6rem;
		background-size:auto 1.7rem;
		vertical-align:top
	}
}
.boardview .detail {
	margin-top:7rem;
	padding-bottom:5.2rem
}
.boardview .detail .detail-contents {
	padding:0 6rem;
	color:#666;
	font-size:1.6rem;
	font-weight:400
}
.boardview .detail .detail-contents img {
	display:block;
	max-width:100%;
	margin:0 auto
}
.boardview .detail .attachment {
	margin-top:7rem;
	padding:3rem 6rem;
	background:#f8f8f8
}
.boardview .detail .attachment>em {
	display:block;
	float:left;
	color:#333;
	font-size:1.7rem
}
.boardview .detail .attachment .filelist {
	display:block;
	float:none;
	overflow:hidden
}
.boardview .detail .attachment .filelist li {
	margin-top:1rem
}
.boardview .detail .attachment .filelist li:first-child {
	margin-top:0
}
.boardview .detail .attachment .file {
	display:block;
	position:relative;
	margin-left:7.2rem;
	padding-left:3.2rem;
	overflow:hidden;
	word-break:break-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis
}
.boardview .detail .attachment .file::after {
	display:inline-block;
	content:'';
	top:60%;
	left:0;
	position:absolute;
	width:2.2rem;
	height:1.9rem;
	margin-top:-1.1rem;
	background:url("../images/icon_attachment.svg") no-repeat 0 50%/2.2rem auto;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.boardview.answer {
	border-top:none;
	border-bottom:1px solid #e3e3e3;
	background:#fafafa
}
.boardview.answer .state {
	display:inline-block;
	position:relative;
	width:9.9rem;
	height:3.6rem;
	border:1px solid #999;
	background:#999;
	vertical-align:middle;
	line-height:3.4rem;
	text-align:center;
	color:#fff;
	font-size:1.6rem;
	font-weight:400;
	margin-right:1rem;
	background-color:#666
}
.boardview.answer .state::after {
	display:none
}
.boardview.answer .state.complete {
	background:#666;
	border-color:#666;
	color:#fff
}
.boardview.answer .state.process {
	background:transparent;
	border-color:#77222c;
	color:#77222c
}
@media (max-width:1023px) {
	.boardview.answer .state {
		width:auto;
		padding:0 2rem !important;
		height:2.4rem;
		line-height:2.2rem;
		font-size:1.2rem
	}
}
@media (max-width:1023px) {
	.boardview .board-title {
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
		-webkit-box-align:start;
		-ms-flex-align:start;
		align-items:flex-start;
		padding:1.6rem 1.5rem 1.4rem
	}
	.boardview .board-title .title {
		max-height:4.8rem
	}
	.boardview .board-title .info {
		margin:0.8rem 0 0 0
	}
	.boardview .board-title .info>*:not(:last-child) {
		padding-right:1rem;
		margin-right:1rem
	}
	.boardview .board-title .info>*::after {
		height:1rem;
		margin-top:-0.5rem
	}
	.boardview .detail {
		margin-top:3.5rem;
		padding-bottom:3.1rem;
		background:url("../images/bg.svg") no-repeat 50%
	}
	.boardview .detail .detail-contents {
		padding:0 1.5rem;
		font-size:1.4rem
	}
	.boardview .detail .attachment {
		margin-top:2.5rem;
		padding:1.5rem
	}
	.boardview .detail .attachment em {
		display:none
	}
	.boardview .detail .attachment .file {
		margin-left:0;
		padding-left:2.5rem;
		font-size:1.4rem
	}
	.boardview .detail .attachment .file::after {
		top:50%;
		background-size:1.5rem auto
	}
	.boardview.answer .board-title {
		position:relative
	}
	.boardview.answer .board-title .state {
		bottom:1rem;
		left:1.5rem;
		position:absolute;
		padding:0 1rem 0 0 !important;
		border:none;
		background:none;
		text-align:left;
		color:#77222c;
		font-size:1.4rem;
		font-weight:700
	}
	.boardview.answer .board-title .state::after {
		display:inline-block;
		content:'';
		top:50%;
		right:0;
		position:absolute;
		width:1px;
		height:1rem;
		margin-top:-0.5rem;
		background:#e3e3e3
	}
	.boardview.answer .board-title .info {
		padding-left:7rem
	}
}
.boardwrite .msg {
	margin-bottom:1rem;
	text-align:right;
	color:#666;
	font-size:1.6rem;
	font-weight:400
}
.boardwrite .msg sup {
	margin-right:0.3rem;
	vertical-align:top;
	color:#ca2034;
	font-size:1.6rem
}
.boardwrite table {
	table-layout:fixed;
	width:100%;
	border-top:1px solid #333
}
.boardwrite table colgroup col:nth-child(1) {
	width:14.5%
}
.boardwrite table colgroup col:nth-child(2) {
	width:auto
}
.boardwrite table th {
	padding:2rem;
	background:#f8f8f8;
	border-bottom:1px solid #e3e3e3;
	text-align:left;
	vertical-align:top;
	color:#333;
	font-size:1.6rem;
	font-weight:700
}
.boardwrite table th .essential {
	display:inline-block;
	position:relative;
	padding-left:1rem
}
.boardwrite table th .essential::after {
	content:"*";
	top:0;
	left:0;
	position:absolute;
	margin-right:0.3rem;
	vertical-align:top;
	color:#ca2034;
	font-size:1.6rem
}
.boardwrite table td {
	padding:2rem;
	border-bottom:1px solid #e3e3e3;
	font-size:0
}
.boardwrite table .optionbox {
	min-width:auto
}
.boardwrite table span.inpbox {
	width:100%;
	max-width:38.4rem
}
.boardwrite table .cate {
	max-width:38.4rem;
	font-size:0
}
.boardwrite table .cate .optionbox {
	margin-left:1.5%
}
.boardwrite table .cate .optionbox:first-child {
	width:59.5%;
	margin-left:0
}
.boardwrite table .cate .optionbox:last-child {
	width:38%
}
.boardwrite table .address {
	max-width:76.8rem
}
.boardwrite table .address .post {
	max-width:38.4rem;
	margin-bottom:1rem;
	font-size:0
}
.boardwrite table .address .post .inpbox {
	width:59.5%
}
.boardwrite table .address .post .btn-post {
	display:inline-block;
	min-width:14rem;
	height:5.5rem;
	padding:0 3rem;
	text-align:center;
	vertical-align:middle;
	line-height:5.5rem;
	color:#666;
	font-size:1.8rem;
	font-weight:700;
	background:#666;
	color:#fff;
	width:38% !important;
	min-width:auto !important;
	height:4rem;
	margin-left:1.5% !important;
	line-height:4rem;
	font-size:1.6rem
}
.boardwrite table .address .post .btn-post:not(:first-child) {
	margin-left:1rem
}
@media (max-width:1023px) {
	.boardwrite table .address .post .btn-post {
		min-width:8.5rem;
		height:4.8rem;
		line-height:4.8rem;
		font-size:1.5rem
	}
	.boardwrite table .address .post .btn-post:not(:first-child) {
		margin-left:0.6rem
	}
}
.boardwrite table .address>p:not(.post) {
	font-size:0
}
.boardwrite table .address>p:not(.post) .inpbox {
	width:49.5%;
	margin-left:1%
}
.boardwrite table .address>p:not(.post) .inpbox:first-child {
	margin-left:0
}
.boardwrite table .phone {
	max-width:38.4rem
}
.boardwrite table .phone .optionbox {
	width:32.5%
}
.boardwrite table .phone .inpbox {
	width:32%;
	margin-left:1.5%
}
.boardwrite table .caution {
	position:relative;
	margin-top:0.3rem;
	padding-left:1rem;
	color:#cc2e3f;
	font-size:1.5rem;
	font-weight:400
}
.boardwrite table .caution:first-of-type {
	margin-top:1rem
}
.boardwrite table .caution::after {
	content:"*";
	top:0;
	left:0;
	position:absolute;
	margin-right:0.3rem;
	vertical-align:top;
	color:#ca2034;
	font-size:1.6rem
}
.boardwrite table .caution.type2 {
	position:relative;
	margin-top:0rem;
	padding-left:1rem;
	color:#cc2e3f;
	line-height:1;
}
.boardwrite table .request-data {
	max-width:76.8rem;
	line-height:4rem
}
.boardwrite table .request-data::after {
	content:'';
	clear:both;
	display:block;
	overflow:hidden
}
.boardwrite table .request-data .ickbox {
	width:80%
}
.boardwrite table .request-data .optionbox {
	float:right;
	width:13.8rem
}
@media (max-width:1023px) {
	.boardwrite table colgroup col:nth-child(1) {
		width:30%
	}
	.boardwrite table th {
		padding:1.4rem 0.7rem;
		font-size:1.4rem
	}
	.boardwrite table td {
		padding:1.4rem 1rem
	}
	.boardwrite table .request-data {
		line-height:normal
	}
	.boardwrite table .request-data .ickbox {
		display:block;
		width:100%
	}
	.boardwrite table .request-data .optionbox {
		display:block;
		margin-top:1rem;
		width:100%
	}
	.boardwrite table .address .post .btn-post {
		height:4rem;
		padding:0 1rem;
		line-height:4rem;
		font-size:1.4rem
	}
	.boardwrite table .address>p:not(.post) .inpbox {
		width:100%;
		margin:0 0 1rem 0
	}
	.boardwrite table .address>p:not(.post) .inpbox:last-child {
		margin-bottom:0
	}
	.boardwrite table .caution {
		font-size:1.2rem
	}
}
.pagination {
	margin-top:7rem;
	text-align:center;
	font-size:0
}
.pagination button {
	display:inline-block;
	width:4rem;
	height:4rem;
	margin-left:-1px;
	border:1px solid #d7d7d7;
	background-color:#fbfbfb;
	background-repeat:no-repeat;
	background-position:50%;
	vertical-align:middle;
	font-size:0
}
.pagination button:first-child {
	margin-left:0
}
.pagination button.btn-first,.pagination button.btn-last {
	background-image:url("../images/icon_arr_02.svg");
	background-size:1.6rem 1.4rem
}
.pagination button.btn-last {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
.pagination button.btn-prev,.pagination button.btn-next {
	background-image:url("../images/icon_arr_01.svg");
	background-size:0.9rem 1.4rem
}
.pagination button.btn-next {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
.pagination span {
	display:inline-block;
	margin:0 2.5rem;
	font-size:0
}
.pagination span a {
	display:inline-block;
	z-index:0;
	position:relative;
	width:4rem;
	height:4rem;
	margin-left:-1px;
	border:1px solid #d7d7d7;
	vertical-align:middle;
	line-height:3.8rem;
	color:#444;
	font-size:1.6rem;
	font-weight:400
}
.pagination span a:first-child {
	margin-left:0
}
.pagination span a.on {
	z-index:1;
	border-color:#75272c;
	color:#75272c;
	font-weight:800
}
.pagination span a:hover {
	color:#75272c;
	font-weight:800
}
.pagination span a:focus {
	z-index:1
}
@media (max-width:1023px) {
	.pagination {
		margin-top:4.3rem
	}
	.pagination button {
		width:3.5rem;
		height:3.5rem
	}
	.pagination button.btn-first,.pagination button.btn-last {
		background-size:1.1rem auto
	}
	.pagination button.btn-prev,.pagination button.btn-next {
		background-size:0.6rem auto
	}
	.pagination span {
		margin:0 1.3rem
	}
	.pagination span a {
		width:3.5rem;
		height:3.5rem;
		line-height:3.3rem;
		font-size:1.4rem
	}
}
.none-contents {
	padding:14.5rem 0;
	background:#f8f8f8
}
.none-contents p {
	width:100%;
	padding-top:13.5rem;
	background:no-repeat 50% 0;
	background-size:11.2rem 10.8rem;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.1 114.2'%3E%3Cdefs%3E%3Cstyle%3E .st0%7Bfill:%23c5c1c1;%7D .st1%7Bfill:none;stroke:%23c5c1c1;stroke-width:5px;%7D %3C/style%3E%3C/defs%3E%3Cpath id='Rounded_Rectangle_4' class='st0' d='M19.7,39.7h30.1c1.1,0,2.1,0.8,2.1,2c0,0,0,0,0,0v1c0,1.1-1,2-2.2,2H19.7 c-1.1,0-2.1-0.9-2.2-2v-1C17.6,40.6,18.6,39.7,19.7,39.7C19.7,39.7,19.7,39.7,19.7,39.7z'/%3E%3Cpath id='Rounded_Rectangle_4-2' class='st0' d='M19.7,55.7h38.7c1.1,0,2.1,0.8,2.1,2c0,0,0,0,0,0v1c0,1.1-1,2-2.2,2H19.7 c-1.1,0-2.1-0.9-2.1-2v-1C17.6,56.6,18.6,55.7,19.7,55.7z'/%3E%3Cpath id='Rounded_Rectangle_4-3' class='st0' d='M19.7,70.7h33.4c1.1,0,2.1,0.8,2.1,2c0,0,0,0,0,0v1c0,1.1-1,2-2.2,2H19.7 c-1.1,0-2.1-0.9-2.2-2v-1C17.6,71.6,18.6,70.7,19.7,70.7C19.7,70.7,19.7,70.7,19.7,70.7z'/%3E%3Cpath id='Rounded_Rectangle_4-4' class='st0' d='M111.2,85.1l10.2,11c1,1,1,2.5,0,3.5c-1,1-2.5,1-3.5,0c-0.1-0.1-0.1-0.1-0.2-0.2 l-10.2-11c-1-1-1-2.5,0-3.5c1-1,2.5-1,3.5,0C111.1,84.9,111.2,85,111.2,85.1z'/%3E%3Cpath class='st1' d='M25.2,8.7H7.5c-2.8,0-5,2.2-5,5v93c0,2.8,2.2,5,5,5h66c8.3,0,15-3.7,15-12'/%3E%3Cpath class='st1' d='M88.5,36.3V13.7c0-2.8-2.2-5-5-5H65.6'/%3E%3Cpath class='st1' d='M95,44.2c-13.6-2.2-26.5,7-28.7,20.7s7,26.5,20.7,28.7s26.5-7,28.7-20.7c0.2-1.3,0.3-2.7,0.3-4 C116,56.7,107.1,46.2,95,44.2z'/%3E%3Cpath id='Rounded_Rectangle_5' class='st0' d='M99.8,74.8L85.8,59.7c-1-0.9-2.6-0.8-3.5,0.2c-0.8,0.9-0.8,2.2-0.1,3.1l14.1,15.1 c0.9,1,2.5,1,3.5,0.1C100.7,77.3,100.8,75.7,99.8,74.8L99.8,74.8z'/%3E%3Cpath class='st0' d='M81.7,74.8l14.8-15.1c1-1,2.6-1,3.6-0.1l0,0c1,0.9,1.1,2.4,0.2,3.4c0,0-0.1,0.1-0.1,0.1L85.5,78.1 c-1,1-2.6,1-3.6,0.1l0,0c-1-0.9-1.1-2.4-0.3-3.4C81.6,74.8,81.6,74.8,81.7,74.8z'/%3E%3Cpath class='st1' d='M29.2,2.5h30.5c2.8,0,5,2.2,5,5v9.2c0,2.8-2.2,5-5,5H29.2c-2.8,0-5-2.2-5-5V7.5C24.2,4.7,26.4,2.5,29.2,2.5z'/%3E%3C/svg%3E%0A");
	text-align:center;
	color:#666;
	font-size:1.8rem
}
@media (max-width:1023px) {
	.none-contents {
		display:block !important;
		padding:8.4rem 0 8.3rem !important
	}
	.none-contents p {
		padding-top:8rem;
		background-size:6.4rem auto;
		font-size:1.4rem
	}
}
.rel-list {
	margin-top:4.7rem;
	border-bottom:1px solid #e3e3e3
}
.rel-list li {
	height:8.1rem;
	padding:0 4rem;
	border-top:1px solid #e3e3e3;
	line-height:7.8rem;
	font-size:0
}
.rel-list li em {
	display:inline-block;
	position:relative;
	width:14rem;
	padding:0 4.5rem 0 2.8rem;
	vertical-align:middle;
	color:#333;
	font-size:1.7rem
}
.rel-list li em::after {
	display:inline-block;
	content:'';
	top:50%;
	right:0;
	position:absolute;
	width:1px;
	height:1.5rem;
	margin-top:-0.7rem;
	background:#e1e1e1
}
.rel-list li em::before {
	display:inline-block;
	content:'';
	top:50%;
	left:2px;
	position:absolute;
	width:0.8rem;
	height:0.8rem;
	margin-top:-0.4rem;
	border-top:2px solid #666;
	border-right:2px solid #666;
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg)
}
.rel-list li strong {
	display:inline-block;
	width:75%;
	margin-left:4.2rem;
	vertical-align:middle;
	color:#999;
	font-size:1.7rem;
	font-weight:200;
	overflow:hidden;
	word-break:break-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis
}
.rel-list li .date {
	float:right;
	color:#999;
	font-size:1.7rem
}
.rel-list li.prev em::before {
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
@media (max-width:1318px) {
	.rel-list li strong {
		width:70%
	}
}
@media (max-width:1023px) {
	.rel-list {
		margin-top:3.2rem
	}
	.rel-list li {
		height:5.1rem;
		padding:0 1.5rem;
		line-height:5rem
	}
	.rel-list li em {
		width:30%;
		max-width:14rem;
		padding:0 1.3rem 0 1.9rem;
		font-size:1.5rem
	}
	.rel-list li strong {
		width:65%;
		margin-left:1.2rem;
		font-size:1.5rem
	}
	.rel-list li .date {
		display:none
	}
}
.board-guide {
	padding:3.5rem;
	margin-bottom:4rem;
	background:url("../images/icon_document.png") no-repeat calc(100% - 8rem) center #f5f5f5;
	word-break:keep-all;
	font-weight:400
}
.board-guide-title {
	padding-left:2rem;
	margin-bottom:0.5rem;
	background:url("../images/icon_info.png") no-repeat left center;
	font-size:1.8rem
}
.board-guide p {
	padding-left:1.2rem;
	text-indent:-1.2rem
}
.board-guide p:before {
	content:'· '
}
@media (max-width:1318px) {
	.board-guide {
		padding-right:18%;
		background-position:95% center;
		background-size:10%
	}
	.board-guide-title {
		background-image:url("../images/icon_info_m.png");
		background-size:18px
	}
}
@media (max-width:1023px) {
	.board-guide {
		padding:2rem;
		margin-bottom:1.2rem;
		background-image:none;
		font-size:1.4rem
	}
	.board-guide-title {
		background-size:13px;
		font-size:1.5rem
	}
}
.privacy-terms {
	margin-bottom:3rem;
	border:1px solid #e3e3e3;
	word-break:keep-all;
	font-weight:400
}
.privacy-terms-inner {
	padding:3.5rem
}
.privacy-terms-checkbox {
	padding:1.5rem 3.5rem;
	border-top:1px solid #e3e3e3;
	background-color:#f8f8f8
}
.privacy-terms p {
	margin-bottom:0.9375rem
}
.privacy-terms ul {
	counter-reset:privacy
}
.privacy-terms li {
	counter-increment:privacy;
	padding-left:2rem;
	text-indent:-2rem
}
.privacy-terms li:before {
	content:counter(privacy) ". ";
	margin-right:5px
}
@media (max-width:1023px) {
	.privacy-terms {
		font-size:1.4rem
	}
	.privacy-terms-inner {
		padding:2rem
	}
	.privacy-terms-checkbox {
		padding:1.3rem 2rem
	}
}
@font-face {
	font-family:'swiper-icons';
	src:url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
	font-weight:400;
	font-style:normal
}
:root {
	--swiper-theme-color:#007aff
}
.swiper-container {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:hidden;
	list-style:none;
	padding:0;
	z-index:1
}
.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column
}
.swiper-wrapper {
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-transition-property:-webkit-transform;
	transition-property:-webkit-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(0px,0,0);
	transform:translate3d(0px,0,0)
}
.swiper-container-multirow>.swiper-wrapper {
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.swiper-container-multirow-column>.swiper-wrapper {
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column
}
.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	margin:0 auto
}
.swiper-container-pointer-events {
	-ms-touch-action:pan-y;
	touch-action:pan-y
}
.swiper-container-pointer-events.swiper-container-vertical {
	-ms-touch-action:pan-x;
	touch-action:pan-x
}
.swiper-slide {
	-ms-flex-negative:0;
	flex-shrink:0;
	width:100%;
	height:100%;
	position:relative;
	-webkit-transition-property:-webkit-transform;
	transition-property:-webkit-transform;
	transition-property:transform;
	transition-property:transform,-webkit-transform
}
.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;
	-ms-flex-align:start;
	align-items:flex-start;
	-webkit-transition-property:height,-webkit-transform;
	transition-property:height,-webkit-transform;
	transition-property:transform,height;
	transition-property:transform,height,-webkit-transform
}
.swiper-container-3d {
	-webkit-perspective:1200px;
	perspective:1200px
}
.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.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-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow {
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d
}
.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-slide-shadow-bottom {
	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: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: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: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:linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0))
}
.swiper-container-css-mode>.swiper-wrapper {
	overflow:auto;
	scrollbar-width:none;
	-ms-overflow-style:none
}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display:none
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align:start start
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
	-ms-scroll-snap-type:x mandatory;
	scroll-snap-type:x mandatory
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
	-ms-scroll-snap-type:y mandatory;
	scroll-snap-type:y mandatory
}
.sec-top {
	position:relative
}
.sec-top::after {
	content:'';
	clear:both;
	display:block;
	overflow:hidden
}
.sec-top .sec-tit {
	display:block;
	line-height:1;
	color:#000;
	font-size:3.6rem;
	font-weight:800;
	letter-spacing:-.3rem;
	float:left
}
.sec-top .sec-tit>i.youtube {
	display:inline-block;
	width:14.2rem;
	height:4.2rem;
	background:no-repeat 0 0 / auto 4.2rem;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 60' preserveAspectRatio='xMidYMid meet' focusable='false' class='style-scope ytd-topbar-logo-renderer' style='pointer-events:none;display:block;width:100%25;height:100%25;'%3E%3Cg viewBox='0 0 200 60' preserveAspectRatio='xMidYMid meet' class='style-scope ytd-topbar-logo-renderer'%3E%3Cg class='style-scope ytd-topbar-logo-renderer'%3E%3Cpath fill='%23FF0000' d='M63,14.87c-0.72-2.7-2.85-4.83-5.56-5.56C52.54,8,32.88,8,32.88,8S13.23,8,8.32,9.31 c-2.7,0.72-4.83,2.85-5.56,5.56C1.45,19.77,1.45,30,1.45,30s0,10.23,1.31,15.13c0.72,2.7,2.85,4.83,5.56,5.56 C13.23,52,32.88,52,32.88,52s19.66,0,24.56-1.31c2.7-0.72,4.83-2.85,5.56-5.56C64.31,40.23,64.31,30,64.31,30 S64.31,19.77,63,14.87z' class='style-scope ytd-topbar-logo-renderer'%3E%3C/path%3E%3Cpolygon fill='%23FFFFFF' points='26.6,39.43 42.93,30 26.6,20.57' class='style-scope ytd-topbar-logo-renderer'%3E%3C/polygon%3E%3C/g%3E%3Cg class='style-scope ytd-topbar-logo-renderer'%3E%3Cg id='youtube-paths' class='style-scope ytd-topbar-logo-renderer'%3E%3Cpath fill='%23282828' d='M92.69,48.03c-1.24-0.84-2.13-2.14-2.65-3.91c-0.52-1.77-0.79-4.12-0.79-7.06v-4 c0-2.97,0.3-5.35,0.9-7.15c0.6-1.8,1.54-3.11,2.81-3.93c1.27-0.82,2.94-1.24,5.01-1.24c2.04,0,3.67,0.42,4.9,1.26 c1.23,0.84,2.13,2.15,2.7,3.93c0.57,1.78,0.85,4.16,0.85,7.12v4c0,2.94-0.28,5.3-0.83,7.08c-0.55,1.78-1.45,3.09-2.7,3.91 c-1.24,0.82-2.93,1.24-5.06,1.24C95.65,49.29,93.93,48.87,92.69,48.03z M99.66,43.71c0.34-0.9,0.52-2.37,0.52-4.4v-8.59 c0-1.98-0.17-3.42-0.52-4.34c-0.34-0.91-0.95-1.37-1.82-1.37c-0.84,0-1.43,0.46-1.78,1.37c-0.34,0.91-0.52,2.36-0.52,4.34v8.59 c0,2.04,0.16,3.51,0.49,4.4c0.33,0.9,0.93,1.35,1.8,1.35C98.71,45.06,99.31,44.61,99.66,43.71z' class='style-scope ytd-topbar-logo-renderer'%3E%3C/path%3E%3Cpath fill='%23282828' d='M188.16,37.13v1.39c0,1.77,0.05,3.09,0.16,3.98c0.1,0.88,0.32,1.53,0.65,1.93 c0.33,0.4,0.84,0.61,1.53,0.61c0.93,0,1.57-0.36,1.91-1.08c0.34-0.72,0.53-1.92,0.56-3.6l5.35,0.31 c0.03,0.24,0.04,0.57,0.04,0.99c0,2.55-0.7,4.45-2.09,5.71c-1.39,1.26-3.36,1.89-5.91,1.89c-3.06,0-5.2-0.96-6.43-2.88 c-1.23-1.92-1.84-4.88-1.84-8.9v-4.81c0-4.14,0.64-7.15,1.91-9.06c1.27-1.9,3.45-2.85,6.54-2.85c2.13,0,3.76,0.39,4.9,1.17 c1.14,0.78,1.94,1.99,2.41,3.64c0.46,1.65,0.7,3.93,0.7,6.83v4.72H188.16z M188.95,25.53c-0.31,0.39-0.52,1.03-0.63,1.91 c-0.11,0.88-0.16,2.23-0.16,4.02v1.98h4.54v-1.98c0-1.77-0.06-3.11-0.18-4.02c-0.12-0.91-0.34-1.56-0.65-1.93 c-0.31-0.37-0.8-0.56-1.46-0.56C189.75,24.94,189.26,25.14,188.95,25.53z' class='style-scope ytd-topbar-logo-renderer'%3E%3C/path%3E%3Cpath fill='%23282828' d='M77.59,36.61l-7.06-25.49h6.16l2.47,11.55c0.63,2.85,1.09,5.27,1.39,7.28h0.18 c0.21-1.44,0.67-3.85,1.39-7.24l2.56-11.6h6.16L83.7,36.61v12.23h-6.11V36.61z' class='style-scope ytd-topbar-logo-renderer'%3E%3C/path%3E%3Cpath fill='%23282828' d='M126.45,21.28v27.55h-4.85l-0.54-3.37h-0.13c-1.32,2.55-3.3,3.82-5.93,3.82c-1.83,0-3.18-0.6-4.05-1.8 c-0.87-1.2-1.3-3.07-1.3-5.62V21.28h6.2v20.23c0,1.23,0.13,2.11,0.4,2.63c0.27,0.52,0.72,0.79,1.35,0.79 c0.54,0,1.06-0.16,1.55-0.49c0.49-0.33,0.86-0.75,1.1-1.26V21.28H126.45z' class='style-scope ytd-topbar-logo-renderer'%3E%3C/path%3E%3Cpath fill='%23282828' d='M158.27,21.28v27.55h-4.85l-0.54-3.37h-0.13c-1.32,2.55-3.3,3.82-5.93,3.82c-1.83,0-3.18-0.6-4.05-1.8 c-0.87-1.2-1.3-3.07-1.3-5.62V21.28h6.2v20.23c0,1.23,0.13,2.11,0.4,2.63c0.27,0.52,0.72,0.79,1.35,0.79 c0.54,0,1.06-0.16,1.55-0.49c0.49-0.33,0.86-0.75,1.1-1.26V21.28H158.27z' class='style-scope ytd-topbar-logo-renderer'%3E%3C/path%3E%3Cpath fill='%23282828' d='M143.31,16.11h-6.16v32.72h-6.07V16.11h-6.16v-4.99h18.38V16.11z' class='style-scope ytd-topbar-logo-renderer'%3E%3C/path%3E%3Cpath fill='%23282828' d='M178.8,25.69c-0.38-1.74-0.98-3-1.82-3.78c-0.84-0.78-1.99-1.17-3.46-1.17c-1.14,0-2.2,0.32-3.19,0.97 c-0.99,0.64-1.75,1.49-2.29,2.54h-0.05l0-14.52h-5.98v39.11h5.12l0.63-2.61h0.13c0.48,0.93,1.2,1.66,2.16,2.2 c0.96,0.54,2.02,0.81,3.19,0.81c2.1,0,3.64-0.97,4.63-2.9c0.99-1.93,1.48-4.95,1.48-9.06v-4.36 C179.36,29.84,179.17,27.43,178.8,25.69z M173.11,36.93c0,2.01-0.08,3.58-0.25,4.72c-0.16,1.14-0.44,1.95-0.83,2.43 c-0.39,0.48-0.91,0.72-1.57,0.72c-0.51,0-0.98-0.12-1.42-0.36c-0.43-0.24-0.79-0.6-1.06-1.08V27.71 c0.21-0.75,0.57-1.36,1.08-1.84c0.51-0.48,1.06-0.72,1.66-0.72c0.63,0,1.12,0.25,1.46,0.74c0.34,0.49,0.58,1.33,0.72,2.49 c0.13,1.17,0.2,2.83,0.2,4.99V36.93z' class='style-scope ytd-topbar-logo-renderer'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	vertical-align:top;
	font-size:0
}
.sec-top .sec-entit {
	display:inline-block;
	margin-left:1.5rem;
	vertical-align:bottom;
	color:#777;
	font-size:2rem;
	font-weight:500;
	letter-spacing:0
}
@media (max-width:1023px) {
	.sec-top .sec-tit {
		font-size:2.5rem
	}
	.sec-top .sec-tit>i.youtube {
		width:10rem;
		height:3rem;
		background-size:auto 3rem
	}
	.sec-top .sec-entit {
		margin-left:1rem;
		font-size:1.4rem
	}
}
.slide-controls-button {
	position:absolute;
	width:2.4rem;
	height:4.7rem;
	background:url("../images/icon_slide_controls.png") no-repeat center;
	font-size:0
}
.slide-controls-button.next {
	-webkit-transform:rotate(-180deg);
	transform:rotate(-180deg);
	right:-7rem
}
.slide-controls-button.prev {
	left:-7rem
}
.main-area .main-visual {
	position:relative;
	min-height:69rem;
	max-height:100vh
}
.main-area .main-visual .main-visual-slide {
	position:relative;
	z-index:0;
	height:100%
}
.main-area .main-visual .main-visual-slide .swiper-slide span {
	overflow:hidden;
	position:relative;
	width:100%;
	height:100%
}
.main-area .main-visual .main-visual-slide .swiper-slide span img {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)
}
.main-area .main-visual .main-visual-text {
	position:absolute;
	z-index:9;
	left:18%;
	top:34.6rem;
	-webkit-transition:all 0.3s;
	transition:all 0.3s
}
.main-area .main-visual .main-visual-text h2 {
	line-height:1;
	color:#fff;
	font-size:10.2rem;
	font-weight:800;
	text-shadow:2px -1px 8px rgba(0,0,0,0.5);
	letter-spacing:-0.22rem
}
.main-area .main-visual .main-visual-text p {
	display:inline-block;
	padding-left:1rem;
	margin-top:2.28rem;
	line-height:1;
	color:#fff;
	font-size:3rem;
	font-weight:800;
	text-shadow:2px -1px 8px rgba(0,0,0,0.5)
}
.main-area .main-visual .main-visual-controls {
	position:absolute;
	overflow:hidden;
	z-index:9;
	right:30.5%;
	bottom:7rem;
	width:22.5rem;
	height:5rem
}
.main-area .main-visual .main-visual-controls .main-pagination {
	position:absolute;
	left:50%;
	top:-1rem;
	width:7.5rem;
	text-align:center;
	color:#fff;
	font-weight:800;
	-webkit-transform:translate(-50%);
	transform:translate(-50%)
}
.main-area .main-visual .main-visual-controls .main-pagination>span {
	font-size:2.4rem;
	font-weight:800
}
.main-area .main-visual .main-visual-controls .main-pagination>span.swiper-pagination-current {
	margin-right:0.5rem;
	line-height:1;
	font-size:6rem
}
.main-area .main-visual .main-visual-controls>button {
	background-image:url("../images/icon_main_controls.png")
}
.main-area .main-visual .main-visual-controls>button.next {
	right:0
}
.main-area .main-visual .main-visual-controls>button.prev {
	left:0
}
.main-area .main-visual .scroll-text {
	position:absolute;
	z-index:9;
	left:50%;
	bottom:10.5rem;
	width:100%;
	height:0;
	max-width:1200px;
	margin-left:-600px;
	color:#fff;
	font-size:1.2rem;
	font-weight:800;
	text-align:right
}
.main-area .main-visual .scroll-text span {
	display:inline-block;
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg)
}
.main-area .main-contents {
	padding:7.7rem 0 10rem;
	margin:0 auto;
	max-width:1200px
}
.main-area .main-contents .main-list::after {
	content:'';
	clear:both;
	display:block;
	overflow:hidden
}
.main-area .main-contents .main-list>.item {
	width:47.8333%;
	float:left
}
.main-area .main-contents .main-list>.item .sec-top {
	position:relative;
	color:#000;
	font-size:2.4rem;
	width:100%
}
.main-area .main-contents .main-list>.item .sec-top>button {
	position:absolute;
	right:0;
	top:0.2rem;
	width:3rem;
	height:3rem;
	background:url("../images/icon_plus_02.svg") no-repeat center/100% auto;
	font-size:0
}
@media (max-width:1023px) {
	.main-area .main-contents .main-list>.item .sec-top>button {
		top:0rem;
		width:2.4rem;
		height:2.4rem
	}
}
.main-area .main-contents .main-list>.item .optionbox {
	margin:2.7rem 0 0 0;
	width:100%;
	height:6rem;
	background:#f7f7f7;
	border:0
}
.main-area .main-contents .main-list>.item .optionbox::after {
	right:3rem
}
.main-area .main-contents .main-list>.item .optionbox select {
	width:100%;
	height:100%;
	padding-left:3rem;
	color:#000;
	font-size:2rem
}
.main-area .main-contents .main-list>.item ul {
	margin-top:3.7rem
}
.main-area .main-contents .main-list>.item ul li {
	height:5rem
}
.main-area .main-contents .main-list>.item ul li a {
	display:block
}
.main-area .main-contents .main-list>.item ul li a>span {
	float:left;
	margin-right:3rem;
	width:7rem;
	height:5rem;
	line-height:4.7rem;
	text-align:center;
	font-size:1.6rem;
	font-weight:400;
	border:1px solid
}
.main-area .main-contents .main-list>.item ul li a>span.gray {
	border-color:#818181;
	color:#818181
}
.main-area .main-contents .main-list>.item ul li a>span.orange {
	border-color:#ff9257;
	color:#ff9257
}
.main-area .main-contents .main-list>.item ul li a>span.red {
	border-color:#c4555c;
	color:#c4555c
}
.main-area .main-contents .main-list>.item ul li a>span.purple {
	border-color:#a667e1;
	color:#a667e1
}
.main-area .main-contents .main-list>.item ul li a>span.green {
	border-color:#78a695;
	color:#78a695
}
.main-area .main-contents .main-list>.item ul li a>span.lightgreen {
	border-color:#76c070;
	color:#76c070
}
.main-area .main-contents .main-list>.item ul li a>span.blue {
	border-color:#7582ff;
	color:#7582ff
}
.main-area .main-contents .main-list>.item ul li a .innerbox {
	float:none;
	margin:0 0 0 auto;
	width:calc(100% - 8rem);
	height:5rem
}
.main-area .main-contents .main-list>.item ul li a .innerbox .title {
	display:block;
	max-width:100%;
	line-height:1.1;
	color:#000;
	font-size:2.2rem;
	font-weight:700;
	white-space:nowrap;
	overflow:hidden;
	word-break:break-all;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis
}
.main-area .main-contents .main-list>.item ul li a .innerbox .date {
	display:inline-block;
	vertical-align:bottom;
	line-height:1;
	color:#999;
	font-size:1.6rem;
	letter-spacing:.05rem
}
.main-area .main-contents .main-list>.item ul li:not(:first-child) {
	margin-top:2rem
}
.main-area .main-contents .main-list>.item.data-item {
	float:right
}
.main-area .main-contents .main-service-area {
	position:relative;
	z-index:0;
	margin:14.5rem calc((100vw - 120rem) / -2) 0
}
.main-area .main-contents .main-service-area .service-area-contents {
	position:relative;
	max-width:120rem;
	margin:0 auto
}
.main-area .main-contents .main-service-area .service-area-contents .service-slide {
	padding-top:4rem;
	overflow:hidden;
	width:100%
}
.main-area .main-contents .main-service-area .service-area-contents .service-slide .swiper-wrapper .swiper-slide {
	z-index:0;
	-webkit-box-shadow:9px 8px 17px -5px rgba(0,0,0,0);
	box-shadow:9px 8px 17px -5px rgba(0,0,0,0);
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-transition:-webkit-transform 0.3s ease-in-out;
	transition:-webkit-transform 0.3s ease-in-out;
	transition:transform 0.3s ease-in-out;
	transition:transform 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out
}
.main-area .main-contents .main-service-area .service-area-contents .service-slide .swiper-wrapper .swiper-slide a {
	display:block;
	padding:4.1rem 4rem 5.7rem
}
.main-area .main-contents .main-service-area .service-area-contents .service-slide .swiper-wrapper .swiper-slide a p {
	position:relative;
	width:100%;
	min-height:14rem;
	color:#fff;
	font-size:2.4rem;
	font-weight:400
}
.main-area .main-contents .main-service-area .service-area-contents .service-slide .swiper-wrapper .swiper-slide a p::after {
	display:inline-block;
	content:'';
	position:absolute;
	left:0;
	bottom:-0.8rem;
	width:2.6rem;
	height:2.3rem;
	background:url("../images/icon_slide_arrow.png") no-repeat center
}
.main-area .main-contents .main-service-area .service-area-contents .service-slide .swiper-wrapper .swiper-slide.service-1 {
	background:#78222d
}
.main-area .main-contents .main-service-area .service-area-contents .service-slide .swiper-wrapper .swiper-slide.service-2 {
	background:#73819e
}
.main-area .main-contents .main-service-area .service-area-contents .service-slide .swiper-wrapper .swiper-slide.service-3 {
	background:#22264c
}
.main-area .main-contents .main-service-area .service-area-contents .service-slide .swiper-wrapper .swiper-slide.service-4 {
	background:#e7c24a
}
.main-area .main-contents .main-service-area .service-area-contents .service-slide .swiper-wrapper .swiper-slide:hover {
	z-index:1;
	-webkit-box-shadow:9px 8px 17px -5px rgba(0,0,0,0.3);
	box-shadow:9px 8px 17px -5px rgba(0,0,0,0.3);
	-webkit-transform:translate3d(0,-2rem,0);
	transform:translate3d(0,-2rem,0)
}
.main-area .main-contents .main-service-area::after {
	display:inline-block;
	content:'';
	position:absolute;
	z-index:-1;
	left:0;
	bottom:-2.2rem;
	width:100%;
	height:100%;
	background:url("../images/img_main_text.png") no-repeat center;
	-webkit-transform:translateY(-15rem);
	transform:translateY(-15rem)
}
.main-area .main-contents .main-service-area .slide-controls-button {
	top:56%
}
.main-area .main-video-area {
	position:relative;
	z-index:0;
	padding:10.2rem 0 8rem;
	margin:0 auto;
	max-width:120rem
}
.main-area .main-video-area::after {
	display:inline-block;
	content:'';
	position:absolute;
	z-index:-1;
	top:0;
	right:25%;
	width:100vw;
	height:100%;
	background:#f8f0df
}
.main-area .main-video-area .sec-top>button {
	position:absolute;
	right:0;
	top:0.2rem;
	width:3rem;
	height:3rem;
	background:url("../images/icon_plus_02.svg") no-repeat center/100% auto;
	font-size:0
}
@media (max-width:1023px) {
	.main-area .main-video-area .sec-top>button {
		top:0rem;
		width:2.4rem;
		height:2.4rem
	}
}
.main-area .main-video-area .sec-top .sec-tit {
	letter-spacing:-.15rem
}
.main-area .main-video-area .video-contents {
	overflow:hidden;
	margin-top:4rem
}
.main-area .main-video-area .video-contents .video-area {
	position:relative;
	width:100%;
	height:auto;
	padding-bottom:56%
}
.main-area .main-video-area .video-contents .video-area iframe {
	position:absolute;
	width:100%;
	height:100%
}
.main-area .main-video-area .video-contents>p {
	margin-top:2.7rem;
	text-align:center;
	line-height:1;
	color:#000;
	font-size:2.4rem;
	font-weight:800
}
.main-area .main-video-area .video-thums-contents {
	position:relative;
	margin-top:6.5rem
}
.main-area .main-video-area .video-thums-contents .video-thum-slide {
	position:relative;
	overflow:hidden
}
.main-area .main-video-area .video-thums-contents .video-thum-slide ul li a {
	position:relative;
	display:block;
	width:100%
}
.main-area .main-video-area .video-thums-contents .video-thum-slide ul li a span {
	display:block;
	position:relative;
	height:0;
	padding-bottom:56.42%
}
.main-area .main-video-area .video-thums-contents .video-thum-slide ul li a span img {
	top:50%;
	left:50%;
	position:absolute;
	width:100%;
	height:auto;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)
}
.main-area .main-video-area .video-thums-contents .video-thum-slide ul li a span::before {
	display:inline-block;
	content:'';
	top:0;
	left:0;
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.35)
}
.main-area .main-video-area .video-thums-contents .video-thum-slide ul li a span::after {
	display:inline-block;
	content:'';
	top:50%;
	left:50%;
	position:absolute;
	width:46px;
	height:32px;
	background:url("../images/icon_youtube_play.png") no-repeat center;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)
}
.main-area .main-video-area .video-thums-contents .video-thum-slide ul li a p {
	margin-top:1.5rem;
	color:#000;
	font-size:1.8rem;
	font-weight:400;
	overflow:hidden;
	word-break:break-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis
}
.main-area .main-video-area .video-thums-contents .slide-controls-button {
	top:32%
}
.main-area .main-quick-link {
	padding:11.5rem 0 10rem;
	max-width:120rem;
	margin:0 auto
}
.main-area .main-quick-link .quick-link-contents {
	position:relative
}
.main-area .main-quick-link .quick-link-contents .quick-slide {
	overflow:hidden;
	width:100%;
	padding-top:4rem
}
.main-area .main-quick-link .quick-link-contents .quick-slide .swiper-wrapper .swiper-slide {
	z-index:0;
	overflow:hidden;
	background:#e5e5e5;
	-webkit-box-shadow:9px 8px 17px -5px rgba(0,0,0,0);
	box-shadow:9px 8px 17px -5px rgba(0,0,0,0);
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-transition:background 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out;
	transition:background 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out;
	transition:transform 0.3s ease-in-out,background 0.3s ease-in-out;
	transition:transform 0.3s ease-in-out,background 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out
}
.main-area .main-quick-link .quick-link-contents .quick-slide .swiper-wrapper .swiper-slide a {
	position:relative;
	display:block;
	padding:4.8rem 4rem 4rem;
	min-height:23.9rem
}
.main-area .main-quick-link .quick-link-contents .quick-slide .swiper-wrapper .swiper-slide a strong {
	line-height:1;
	color:#000;
	font-size:2.4rem;
	-webkit-transition:color 0.5s;
	transition:color 0.5s
}
.main-area .main-quick-link .quick-link-contents .quick-slide .swiper-wrapper .swiper-slide a p {
	margin-top:1.2rem;
	line-height:1.4;
	color:#888;
	font-size:1.8rem;
	font-weight:400;
	-webkit-transition:color 0.5s;
	transition:color 0.5s
}
.main-area .main-quick-link .quick-link-contents .quick-slide .swiper-wrapper .swiper-slide a::after {
	display:inline-block;
	content:'';
	position:absolute;
	left:4rem;
	bottom:4.4rem;
	width:2.6rem;
	height:2.3rem;
	background:url("../images/icon_slide_arrow_b.png") no-repeat center
}
.main-area .main-quick-link .quick-link-contents .quick-slide .swiper-wrapper .swiper-slide:nth-child(2n) {
	background:#f4f4f4
}
.main-area .main-quick-link .quick-link-contents .quick-slide .swiper-wrapper .swiper-slide:hover {
	z-index:1;
	background:#77222c;
	-webkit-box-shadow:9px 8px 17px -5px rgba(0,0,0,0.3);
	box-shadow:9px 8px 17px -5px rgba(0,0,0,0.3);
	-webkit-transform:translate3d(0,-2rem,0);
	transform:translate3d(0,-2rem,0)
}
.main-area .main-quick-link .quick-link-contents .quick-slide .swiper-wrapper .swiper-slide:hover a strong {
	color:#fff
}
.main-area .main-quick-link .quick-link-contents .quick-slide .swiper-wrapper .swiper-slide:hover a p {
	color:#e2cfd2
}
.main-area .main-quick-link .quick-link-contents .quick-slide .swiper-wrapper .swiper-slide:hover a::after {
	background-image:url("../images/icon_slide_arrow.png")
}
.main-area .main-quick-link .quick-link-contents .slide-controls-button {
	top:47%
}
@media (max-width:1318px) {
	.main-area .main-visual {
		min-height:56rem
	}
	.main-area .main-visual .pc-only {
		display:block
	}
	.main-area .main-visual .mobile-only {
		display:none
	}
	.main-area .main-visual .main-visual-slide .swiper-slide span img {
		top:0;
		-webkit-transform:translate(-50%,0);
		transform:translate(-50%,0)
	}
	.main-area .main-visual .main-visual-controls>button {
		display:block
	}
	.main-area .main-visual .main-visual-text {
		left:4.2rem;
		top:13.75rem
	}
	.main-area .main-visual .main-visual-text h2>br {
		display:none
	}
	.main-area .main-visual .scroll-text {
		display:none
	}
	.main-area .main-visual::after {
		display:none
	}
	.main-area .main-visual .main-visual-controls {
		right:0;
		bottom:0;
		width:18rem;
		height:5rem;
		background:rgba(0,0,0,0.35)
	}
	.main-area .main-visual .main-visual-controls .main-pagination {
		position:absolute;
		left:50%;
		top:1rem;
		width:7.5rem;
		text-align:center;
		color:#fff;
		font-weight:400;
		-webkit-transform:translate(-50%);
		transform:translate(-50%)
	}
	.main-area .main-visual .main-visual-controls .main-pagination>span {
		margin-left:4px;
		font-size:1.6rem;
		font-weight:300
	}
	.main-area .main-visual .main-visual-controls .main-pagination>span.swiper-pagination-current {
		margin-left:0;
		font-size:2.4rem;
		font-weight:800
	}
	.main-area .main-visual .main-visual-controls>button {
		width:5rem;
		height:5rem;
		display:block;
		background:rgba(0,0,0,0.65) url("../images/icon_main_controls_m.png") no-repeat center;
		background-size:0.8rem 1.5rem
	}
	.main-area .main-contents {
		width:89.33%
	}
	.main-area .main-contents .main-service-area {
		margin:4rem auto 0
	}
	.main-area .main-contents .main-service-area .service-area-contents::before {
		display:inline-block;
		content:'';
		position:absolute;
		z-index:9;
		left:calc((100vw - 100%) / -2);
		top:0;
		width:calc((100vw - 100%) / 2);
		height:100%;
		background:#fff
	}
	.main-area .main-contents .main-service-area .service-area-contents .service-slide {
		overflow:visible;
		padding-top:2rem
	}
	.main-area .main-contents .main-service-area::after {
		display:none
	}
	.main-area .main-video-area {
		width:89.33%
	}
	.main-area .main-video-area .video-thums-contents::before {
		display:inline-block;
		content:'';
		position:absolute;
		z-index:9;
		left:calc((100vw - 100%) / -2);
		top:0;
		width:calc((100vw - 100%) / 2);
		height:100%;
		background:#f8f0df
	}
	.main-area .main-video-area .video-thums-contents .video-thum-slide {
		overflow:visible;
		width:85%
	}
	.main-area .main-quick-link {
		width:89.33%
	}
	.main-area .main-quick-link .quick-link-contents {
		width:100%
	}
	.main-area .main-quick-link .quick-link-contents::before {
		display:inline-block;
		content:'';
		position:absolute;
		z-index:9;
		left:calc((100vw - 100%) / -2);
		top:0;
		width:calc((100vw - 100%) / 2);
		height:100%;
		background:#fff
	}
	.main-area .main-quick-link .quick-link-contents .quick-slide {
		overflow:visible;
		padding-top:2rem;
		width:85%
	}
	.main-area .slide-controls-button {
		display:none
	}
}
@media (max-width:1023px) {
	.main-area .main-visual .main-visual-slide .swiper-slide span img {
		width:100%
	}
	.main-area .main-visual .pc-only {
		display:none
	}
	.main-area .main-visual .mobile-only {
		display:block
	}
	.main-area .main-visual .main-visual-text h2 {
		font-size:5.7rem;
		text-shadow:none
	}
	.main-area .main-visual .main-visual-text h2>br {
		display:block
	}
	.main-area .main-visual .main-visual-text p {
		font-size:2rem;
		text-shadow:none
	}
	.main-area .main-visual::before {
		display:none
	}
	.main-area .main-contents {
		padding:4rem 0 4.5rem;
		max-width:75rem;
		margin:0 auto
	}
	.main-area .main-contents .main-list>.item {
		float:none;
		width:100%
	}
	.main-area .main-contents .main-list>.item .optionbox {
		margin-top:1.6rem;
		height:5.5rem
	}
	.main-area .main-contents .main-list>.item .optionbox::after {
		right:2rem
	}
	.main-area .main-contents .main-list>.item .optionbox select {
		padding:0 2rem;
		width:100%;
		font-size:1.7rem
	}
	.main-area .main-contents .main-list>.item ul {
		margin-top:2.5rem
	}
	.main-area .main-contents .main-list>.item ul li {
		height:4.5rem
	}
	.main-area .main-contents .main-list>.item ul li a>span {
		margin-right:1.5rem;
		width:5rem;
		height:4.5rem;
		line-height:4.5rem;
		font-size:1.2rem
	}
	.main-area .main-contents .main-list>.item ul li a .innerbox {
		width:calc(100% - 6.3rem);
		height:4.5rem
	}
	.main-area .main-contents .main-list>.item ul li a .innerbox .title {
		font-size:1.7rem
	}
	.main-area .main-contents .main-list>.item ul li a .innerbox .date {
		font-size:1.4rem;
		font-weight:400
	}
	.main-area .main-contents .main-list>.item ul li:not(:first-child) {
		margin-top:1.6rem
	}
	.main-area .main-contents .main-list>.item.data-item {
		float:none;
		margin-top:6rem
	}
	.main-area .main-contents .main-service-area {
		width:100%;
		margin:6rem auto 0
	}
	.main-area .main-contents .main-service-area .service-area-contents .service-slide {
		padding-top:4rem 0 0;
		width:74.9253%
	}
	.main-area .main-contents .main-service-area .service-area-contents .service-slide .swiper-wrapper .swiper-slide>a {
		padding:3rem 2.5rem 4.1rem 2.5rem
	}
	.main-area .main-contents .main-service-area .service-area-contents .service-slide .swiper-wrapper .swiper-slide>a p {
		min-height:12rem;
		font-size:2rem
	}
	.main-area .main-contents .main-service-area .service-area-contents .service-slide .swiper-wrapper .swiper-slide>a p::after {
		width:2rem;
		height:1.6rem;
		background-image:url("../images/icon_slide_arrow_m.png");
		background-size:2rem 1.6rem
	}
	.main-area .main-contents .main-service-area .service-area-contents .service-slide .swiper-wrapper .swiper-slide:hover {
		-webkit-transform:translateY(-1rem);
		transform:translateY(-1rem)
	}
	.main-area .main-video-area {
		padding:4rem 0 5rem;
		max-width:75rem;
		margin:0 auto
	}
	.main-area .main-video-area::after {
		right:0;
		margin:0 calc((100vw - 100%) / -2)
	}
	.main-area .main-video-area .video-contents {
		margin-top:4rem
	}
	.main-area .main-video-area .video-contents>p {
		margin-top:1.5rem;
		line-height:1.6;
		font-size:1.7rem
	}
	.main-area .main-video-area .video-thums-contents {
		margin-top:3.5rem
	}
	.main-area .main-video-area .video-thums-contents .video-thum-slide {
		width:48.5% !important
	}
	.main-area .main-video-area .video-thums-contents .video-thum-slide .swiper-wrapper .swiper-slide a span:after {
		background:url("../images/icon_youtube_play_m.png") no-repeat center
	}
	.main-area .main-video-area .video-thums-contents .video-thum-slide .swiper-wrapper .swiper-slide a p {
		margin-top:1.5rem;
		font-size:1.4rem;
		display:-webkit-box;
		overflow:hidden;
		min-height:4.2rem;
		white-space:normal;
		word-break:break-word;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical
	}
	.main-area .main-quick-link {
		padding:4rem 0 8rem;
		max-width:75rem;
		margin:0 auto
	}
	.main-area .main-quick-link .quick-link-contents .quick-slide {
		width:74.9253%
	}
	.main-area .main-quick-link .quick-link-contents .quick-slide .swiper-wrapper .swiper-slide>a {
		padding:3.5rem 2.5rem 3rem 2.5rem;
		min-height:17.8rem
	}
	.main-area .main-quick-link .quick-link-contents .quick-slide .swiper-wrapper .swiper-slide>a strong {
		font-size:2.1rem
	}
	.main-area .main-quick-link .quick-link-contents .quick-slide .swiper-wrapper .swiper-slide>a p {
		font-size:1.5rem
	}
	.main-area .main-quick-link .quick-link-contents .quick-slide .swiper-wrapper .swiper-slide>a::after {
		left:2.5rem;
		bottom:3rem;
		width:2rem;
		height:1.6rem;
		background-image:url("../images/icon_slide_arrow_b_m.png");
		background-size:2rem 1.6rem
	}
	.main-area .main-quick-link .quick-link-contents .quick-slide .swiper-wrapper .swiper-slide:hover {
		-webkit-transform:translateY(-1rem);
		transform:translateY(-1rem)
	}
	.main-area .main-quick-link .quick-link-contents .quick-slide .swiper-wrapper .swiper-slide:hover>a::after {
		background-image:url("../images/icon_slide_arrow_m.png")
	}
}
.modalpop {
	visibility:hidden;
	z-index:101;
	display:-moz-flex;
	display:-ms-flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	overflow-y:scroll;
	top:-99999rem;
	left:-99999rem;
	position:fixed;
	width:100%;
	height:100%;
	padding:2rem 4.26%;
	opacity:0;
	-webkit-transition:opacity 0.3s;
	transition:opacity 0.3s
}
.modalpop.active {
	visibility:visible;
	top:0;
	left:0;
	opacity:1
}
.modalpop .popupwrap {
	z-index:100;
	position:relative;
	width:100%;
	max-width:59rem;
	background:#fff
}
.modalpop .popupwrap h2 {
	min-height:8rem;
	padding:2.2rem 8rem 2rem 5rem;
	background:#811f2b;
	font-size:0
}
.modalpop .popupwrap h2 strong {
	display:inline-block;
	line-height:1.6;
	vertical-align:middle;
	color:#fff;
	font-size:2.2rem;
	font-weight:700
}
.modalpop .popupwrap .btn-popclose {
	top:0;
	right:2rem;
	position:absolute;
	width:6rem;
	height:8rem;
	font-size:0;
	text-indent:-99999rem;
	z-index:60
}
.modalpop .popupwrap .btn-popclose::before,.modalpop .popupwrap .btn-popclose::after {
	display:inline-block;
	content:'';
	top:50%;
	left:50%;
	position:absolute;
	width:2.6rem;
	height:2px;
	margin:0 0 0 -1.3rem;
	background:#fff;
	-webkit-transform-origin:center center;
	transform-origin:center center
}
.modalpop .popupwrap .btn-popclose::before {
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.modalpop .popupwrap .btn-popclose::after {
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}
.modalpop .popupwrap .popcontents {
	padding:4rem;
	word-break:keep-all
}
.modalpop .popupwrap .popcontents-field {
	display:table;
	width:100%;
	table-layout:fixed
}
.modalpop .popupwrap .popcontents-field:first-of-type {
	margin-bottom:15px
}
.modalpop .popupwrap .popcontents-field>* {
	display:table-cell;
	vertical-align:top
}
.modalpop .popupwrap .popcontents-field label {
	width:9rem;
	font-size:1.8rem
}
.modalpop .popupwrap .popcontents-field label em {
	display:block;
	font-weight:200;
	font-size:1.6rem;
	line-height:1
}
.modalpop .popupwrap .popcontents-field-info {
	padding-left:10rem;
	text-indent:-1rem
}
.modalpop .popupwrap .popcontents-field-info span {
	font-weight:bold;
	color:#ca2034
}
.modalpop .popupwrap .btnset {
	margin-top:3rem
}
@media (max-width:1318px) {
	.modalpop .popupwrap h2 {
		min-height:6rem;
		padding:1.7rem 6rem 1.6rem 2.4rem
	}
	.modalpop .popupwrap h2 strong {
		font-size:1.7rem
	}
	.modalpop .popupwrap .btn-popclose {
		right:1rem;
		width:4rem;
		height:6rem
	}
	.modalpop .popupwrap .btn-popclose::after,.modalpop .popupwrap .btn-popclose::before {
		width:2.1rem;
		margin:0 0 0 -1.05rem
	}
	.modalpop .popupwrap .popcontents {
		padding:3rem 2.5rem
	}
}
@media (max-width:1023px) {
	.modalpop .popupwrap .popcontents-field:first-of-type {
		margin-bottom:10px
	}
	.modalpop .popupwrap .popcontents-field label {
		width:6.5rem;
		font-size:1.4rem
	}
	.modalpop .popupwrap .popcontents-field label em {
		font-size:1.4rem
	}
	.modalpop .popupwrap .popcontents-field-info {
		padding-left:6.5rem
	}
}
.pop-transparents-layer {
	z-index:99;
	top:0;
	left:0;
	position:fixed;
	width:100%;
	min-height:100%;
	background:rgba(0,0,0,0.5)
}
.pop-alert .msg,.pop-confirm .msg {
	text-align:center;
	line-height:1.4;
	color:#666;
	font-size:1.8rem
}
.pop-post .pop-content-1 {
	font-size:2rem;
	font-weight:bold
}
.pop-post .pop-content-2 {
	color:#666
}
.pop-post .postbox {
	position:relative
}
.pop-post .postbox .search-bar {
	width:100%;
	height:5rem;
	padding:0 2rem;
	margin-top:3rem;
	border:1px solid #e3e3e3;
	line-height:4.8rem;
	color:#666;
	font-size:1.6rem
}
.pop-post .postbox .btn-search {
	top:0rem;
	right:0;
	position:absolute;
	width:5rem;
	height:5rem;
	background:#77222c;
	font-size:0
}
.pop-post .postbox .btn-search::after {
	display:inline-block;
	content:'';
	top:30%;
	right:28.9%;
	position:absolute;
	width:2.1rem;
	height:2.1rem;
	background:no-repeat 50% / 2.1rem;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.2 22.2'%3E%3Cpath fill='%23fff' d='M22.2,20.8L17.4,16c1.3-1.6,2.1-3.7,2.1-6c0-5.2-4.3-9.5-9.5-9.5S0.5,4.8,0.5,10s4.3,9.5,9.5,9.5c2.3,0,4.3-0.8,6-2.1 l4.9,4.9L22.2,20.8z M10,18c-4.4,0-8-3.6-8-8s3.6-8,8-8s8,3.6,8,8S14.4,18,10,18z'/%3E%3C/svg%3E%0A")
}
.pop-post .search-contents {
	width:100%;
	height:30rem;
	border:1px solid #e3e3e3;
	border-top:none
}
.pop-post .search-contents .content-wrapper {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	background:#fff;
	text-align:center;
	font-size:1.6rem
}
.pop-post .search-contents .content-wrapper .content-text {
	width:100%;
	padding-top:20.5rem;
	background:url("../images/icon_application_search.svg") no-repeat 50% 50%/8.6rem 8.2rem;
	color:#666
}
.pop-post .search-contents .content-list {
	max-width:51rem;
	max-height:30rem;
	overflow-y:auto;
	overflow-x:auto;
	display:block
}
.pop-post .search-contents .content-list li {
	width:100%;
	white-space:nowrap
}
.pop-post .search-contents .content-list li:first-child {
	padding-top:4rem
}
.pop-post .search-contents .content-list li a {
	display:inline-block;
	padding-left:3rem;
	line-height:2.8;
	font-weight:400;
	font-size:1.8rem
}
.pop-post .search-contents .content-list li a strong {
	margin-right:1rem
}
.pop-post .search-contents .content-list li .none-contents {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:100%;
	padding-bottom:2rem;
	background:url("../images/icon_none_contents.svg") no-repeat 50% 50%/8.6rem 8.2rem;
	color:#666;
	text-align:center;
	font-size:1.6rem
}
.pop-post .pagination {
	margin-top:4rem
}
@media (max-width:1318px) {
	.pop-post .search-contents .content-list {
		max-width:54.5rem
	}
}
@media (max-width:1023px) {
	.pop-post .pop-content-1 {
		padding-bottom:1.5rem;
		line-height:1.3
	}
	.pop-post .postbox .search-bar {
		height:4rem;
		margin-top:2.75rem
	}
	.pop-post .postbox .btn-search {
		width:4rem;
		height:4rem
	}
	.pop-post .postbox .btn-search::after {
		width:1.5rem;
		height:1.5rem;
		background-size:1.5rem
	}
	.pop-post .search-contents {
		height:22.5rem
	}
	.pop-post .search-contents .content-wrapper .content-text {
		padding-top:14.5rem;
		background-size:5rem 4.35rem;
		font-size:1.3rem
	}
	.pop-post .search-contents .content-list {
		max-height:22rem
	}
	.pop-post .search-contents .content-list li {
		margin-bottom:.8em;
		white-space:normal
	}
	.pop-post .search-contents .content-list li:first-child {
		padding-top:2.5rem
	}
	.pop-post .search-contents .content-list li:nth-last-child(-n+2) {
		margin-bottom:0
	}
	.pop-post .search-contents .content-list li a {
		padding:0 2rem;
		line-height:1.5;
		font-size:1.3rem
	}
	.pop-post .search-contents .content-list li .none-contents {
		padding-top:17rem !important;
		background-size:5rem 4.3rem;
		font-size:1.3rem
	}
	.pop-post .pagination {
		margin-top:3rem
	}
}
.pop-notice {
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
	padding-top:21.5rem
}
.pop-notice .popupwrap {
	position:relative;
	max-width:120rem;
	background:none
}
.pop-notice .popupwrap .btn-popclose {
	right:0;
	top:-5rem;
	padding:0;
	width:auto;
	height:auto;
	color:#fff;
	font-size:1.8rem;
	font-weight:500;
	text-indent:0
}
.pop-notice .popupwrap .btn-popclose::after,.pop-notice .popupwrap .btn-popclose::before {
	left:-1.4rem
}
.pop-notice .popupwrap .popcontents.notice-slide {
	overflow:hidden;
	padding:0
}
.pop-notice .popupwrap .popcontents.notice-slide .swiper-wrapper .swiper-slide {
	height:23rem;
	padding:4rem;
	background:#fff url("../images/icon_slide_arrow_b.png") no-repeat;
	background-position:bottom 4rem right 4rem
}
.pop-notice .popupwrap .popcontents.notice-slide .swiper-wrapper .swiper-slide a {
	display:block
}
.pop-notice .popupwrap .popcontents.notice-slide .swiper-wrapper .swiper-slide a>span {
	display:inline-block;
	height:3rem;
	padding:0 1rem;
	line-height:3rem;
	text-align:center;
	color:#fff;
	font-size:1.6rem
}
.pop-notice .popupwrap .popcontents.notice-slide .swiper-wrapper .swiper-slide a>span.gray {
	background:#818181
}
.pop-notice .popupwrap .popcontents.notice-slide .swiper-wrapper .swiper-slide a>span.orange {
	background:#ff9257
}
.pop-notice .popupwrap .popcontents.notice-slide .swiper-wrapper .swiper-slide a>span.red {
	background:#c4555c
}
.pop-notice .popupwrap .popcontents.notice-slide .swiper-wrapper .swiper-slide a>span.purple {
	background:#a667e1
}
.pop-notice .popupwrap .popcontents.notice-slide .swiper-wrapper .swiper-slide a>span.green {
	background:#78a695
}
.pop-notice .popupwrap .popcontents.notice-slide .swiper-wrapper .swiper-slide a>span.lightgreen {
	background:#76c070
}
.pop-notice .popupwrap .popcontents.notice-slide .swiper-wrapper .swiper-slide a>span.blue {
	background:#7582ff
}
.pop-notice .popupwrap .popcontents.notice-slide .swiper-wrapper .swiper-slide a>span.date {
	display:block;
	width:auto;
	height:auto;
	line-height:normal;
	font-weight:400;
	text-align:left;
	color:#999;
	font-size:1.6rem
}
.pop-notice .popupwrap .popcontents.notice-slide .swiper-wrapper .swiper-slide a strong {
	display:block;
	display:-webkit-box;
	overflow:hidden;
	margin-bottom:1.9rem;
	margin-top:0.7rem;
	height:7.2rem;
	color:#000;
	font-size:2.4rem;
	letter-spacing:-0.1rem;
	font-weight:800;
	white-space:normal;
	word-break:break-all;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.pop-notice .popupwrap .notice-slide-controls {
	position:absolute;
	left:50%;
	bottom:-3.2rem;
	padding:0 4rem;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%)
}
.pop-notice .popupwrap .notice-slide-controls .notice-pagination {
	display:inline-block;
	white-space:nowrap
}
.pop-notice .popupwrap .notice-slide-controls .notice-pagination .swiper-pagination-bullet {
	display:inline-block;
	width:1.4rem;
	height:1.4rem;
	border:2px solid #fff;
	border-radius:50%;
	cursor:pointer
}
.pop-notice .popupwrap .notice-slide-controls .notice-pagination .swiper-pagination-bullet:not(:first-child) {
	margin-left:1.6rem
}
.pop-notice .popupwrap .notice-slide-controls .notice-pagination .swiper-pagination-bullet-active {
	background:#fff
}
.pop-notice .popupwrap .notice-slide-controls .slide-controls-button {
	width:2rem;
	height:3.2rem;
	top:-0.4rem;
	background-image:url("../images/icon_popup_slide_arrow.png");
	background-position:center
}
.pop-notice .popupwrap .notice-slide-controls .slide-controls-button.next {
	right:0
}
.pop-notice .popupwrap .notice-slide-controls .slide-controls-button.prev {
	left:0
}
@media (max-width:1023px) {
	.pop-notice {
		padding-top:13.3rem
	}
	.pop-notice .popupwrap .btn-popclose {
		top:-3.6rem;
		font-size:1.3rem
	}
	.pop-notice .popupwrap .btn-popclose::after,.pop-notice .popupwrap .btn-popclose::before {
		width:1.65rem;
		top:0.98rem;
		left:-1rem
	}
	.pop-notice .popupwrap .popcontents.notice-slide .swiper-wrapper .swiper-slide {
		padding:2.4rem 2rem;
		max-height:20.2rem;
		background-image:none
	}
	.pop-notice .popupwrap .popcontents.notice-slide .swiper-wrapper .swiper-slide a>span {
		display:inline-block;
		height:3.2rem;
		line-height:3.2rem;
		text-align:center;
		font-size:1.5rem
	}
	.pop-notice .popupwrap .popcontents.notice-slide .swiper-wrapper .swiper-slide a>span.date {
		font-size:1.5rem
	}
	.pop-notice .popupwrap .popcontents.notice-slide .swiper-wrapper .swiper-slide a strong {
		margin-bottom:1.5rem;
		margin-top:0.7rem;
		min-height:7.6rem;
		font-size:1.7rem;
		-webkit-line-clamp:3
	}
	.pop-notice .popupwrap .notice-slide-controls {
		bottom:-3.2rem
	}
	.pop-notice .popupwrap .notice-slide-controls .notice-pagination .swiper-pagination-bullet {
		display:inline-block;
		width:1.1rem;
		height:1.15rem
	}
	.pop-notice .popupwrap .notice-slide-controls .notice-pagination .swiper-pagination-bullet:not(:first-child) {
		margin-left:1.5rem
	}
	.pop-notice .popupwrap .notice-slide-controls .notice-pagination .swiper-pagination-bullet-active {
		background:#fff
	}
	.pop-notice .popupwrap .notice-slide-controls .slide-controls-button {
		width:2rem;
		height:3.2rem;
		top:-0.4rem;
		background-image:url("../images/icon_popup_slide_arrow_m.png");
		background-size:1.1rem 2.1rem
	}
}
.pop-password .popupwrap {
	max-width:460px
}
.pop-password .popupwrap .msg {
	margin-bottom:3rem;
	font-size:1.8rem;
	font-weight:400
}
.pop-password .popupwrap .inpbox {
	height:5rem
}
@media (max-width:1023px) {
	.pop-password .popupwrap {
		min-width:335px
	}
	.pop-password .popupwrap .msg {
		margin-bottom:2rem;
		font-size:1.4rem
	}
	.pop-password .popupwrap .inpbox {
		height:4rem
	}
	.pop-password .popupwrap .btnset {
		margin-top:2.5rem
	}
	.pop-password .popupwrap .btnset .align-center .btn-confirm {
		min-width:13.2rem;
		height:4rem;
		line-height:2.4rem;
		font-size:1.4rem
	}
}
.pop-result .popupwrap {
	width:76.5rem;
	max-width:none
}
.pop-result .boardlist ul {
	border-top:0;
	width:100%
}
.pop-result .boardlist ul li {
	display:-moz-flex;
	display:-ms-flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding:2.8rem 0;
	border-bottom:1px solid #f0f0f0
}
.pop-result .boardlist ul li:first-child {
	padding-top:0
}
.pop-result .boardlist ul li .icon_right {
	margin-left:3rem
}
.pop-result .boardlist ul li .ickbox {
	-webkit-box-flex:0;
	-ms-flex:0 0 59%;
	flex:0 0 59%;
	position:relative;
	height:3.8rem;
	line-height:3.8rem
}
.pop-result .boardlist ul li .ickbox label {
	position:absolute;
	width:100%;
	height:3.8rem;
	padding-left:4rem;
	line-height:3.8rem;
	color:#666;
	font-size:1.8rem;
	overflow:hidden;
	word-break:break-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis
}
.pop-result .boardlist ul li .ickbox label::before {
	top:0.9rem
}
.pop-result .boardlist ul li .badge {
	margin-right:0
}
.pop-result .btn-cancle {
	display:inline-block;
	min-width:14rem;
	height:5.5rem;
	padding:0 3rem;
	text-align:center;
	vertical-align:middle;
	line-height:5.5rem;
	color:#666;
	font-size:1.8rem;
	font-weight:700;
	background:#77222c;
	color:#fff
}
.pop-result .btn-cancle:not(:first-child) {
	margin-left:1rem
}
@media (max-width:1023px) {
	.pop-result .btn-cancle {
		min-width:8.5rem;
		height:4.8rem;
		line-height:4.8rem;
		font-size:1.5rem
	}
	.pop-result .btn-cancle:not(:first-child) {
		margin-left:0.6rem
	}
}
@media (min-width:1280px) {
	.pop-result .boardlist>ul>li .innerbox .info>* {
		margin-right:3rem
	}
	.pop-result .boardlist>ul>li .innerbox .info>*:last-child {
		margin-right:0
	}
}
@media (max-width:1318px) {
	.pop-result .boardlist ul li {
		padding:1rem 0 1.2rem;
		min-height:auto
	}
	.pop-result .boardlist ul li .innerbox {
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column
	}
	.pop-result .boardlist ul li .ickbox {
		-webkit-box-flex:0;
		-ms-flex:0 0 3rem;
		flex:0 0 3rem;
		width:100%;
		line-height:3rem
	}
	.pop-result .boardlist ul li .ickbox label {
		height:3rem;
		padding-left:3.5rem;
		line-height:3rem;
		font-size:1.6rem
	}
	.pop-result .boardlist ul li .ickbox label::before {
		top:0.6rem
	}
	.pop-result .boardlist ul li .info {
		margin:0 0 0 3.5rem
	}
}
.page-notification .title {
	margin-bottom:8.3rem
}
.page-notification .notificationbox {
	position:relative;
	color:#000
}
.page-notification .notificationbox::after {
	display:inline-block;
	content:'';
	display:block;
	clear:both;
	width:100vw;
	height:16.4rem;
	margin-left:calc(-50vw+50%);
	background:url(/resources/images/img_notification_02.png) no-repeat 50%
}
.page-notification .notificationbox .backgroundimg img {
	width:100%
}
.page-notification .notificationbox .text-area {
	display:-moz-flex;
	display:-ms-flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
	margin-top:-8rem
}
.page-notification .notificationbox .text-title {
	display:-moz-flex;
	display:-ms-flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-flex:0;
	-ms-flex:0 0 36.9%;
	flex:0 0 36.9%;
	position:relative;
	margin:0 0 0 4rem;
	padding:7rem 4rem;
	background-color:#75272c
}
.page-notification .notificationbox .text-title:after {
	display:inline-block;
	content:'';
	top:0;
	left:0;
	position:absolute;
	width:100%;
	height:100%;
	background:url("../images/bg_notification_title.png") no-repeat 125% 100%;
	opacity:0.4
}
.page-notification .notificationbox .text-title strong {
	position:relative;
	z-index:1;
	font-weight:100;
	color:#fff;
	font-size:4.8rem;
	line-height:1.4
}
.page-notification .notificationbox .text-title strong .b {
	font-weight:800
}
.page-notification .notificationbox .text-desc {
	-webkit-box-flex:0;
	-ms-flex:0 0 59.1%;
	flex:0 0 59.1%;
	margin-top:13rem;
	padding:0 7rem 0 6.2rem
}
.page-notification .notificationbox .text-desc strong {
	display:block;
	margin-bottom:2rem;
	font-weight:800;
	color:#75272c;
	font-size:2.8rem
}
.page-notification .notificationbox .text-desc strong:before {
	display:inline-block;
	content:'';
	display:block;
	width:4.8rem;
	height:0.3rem;
	margin-bottom:2rem;
	background-color:#75272c
}
.page-notification .notificationbox .text-desc p {
	color:#333;
	font-size:2rem
}
.page-notification .notificationbox .icons-area {
	display:-moz-flex;
	display:-ms-flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	float:right;
	width:59.1%;
	margin:5rem 0 -5rem;
	padding-top:5rem;
	border-top:1px solid #e3e3e3
}
.page-notification .notificationbox .icons-area .icons-title {
	margin-right:2.8rem;
	font-weight:700;
	color:#999;
	font-size:1.6rem
}
.page-notification .notificationbox .icons {
	z-index:2;
	position:relative;
	font-size:0
}
.page-notification .notificationbox .icons a {
	display:inline-block;
	overflow:hidden;
	width:8rem;
	height:8rem;
	margin-left:3.5rem;
	background:no-repeat center / contain;
	font-size:0
}
.page-notification .notificationbox .icons a:first-child {
	margin-left:0
}
.page-notification .notificationbox .icons a img {
	width:100%
}
@media (max-width:1318px) {
	.page-notification .pc-only {
		display:block
	}
	.page-notification .mobile-only {
		display:none
	}
}
@media (max-width:1023px) {
	.page-notification .title {
		margin-bottom:2.1rem;
		font-size:2.4rem
	}
	.page-notification .notificationbox {
		border-top:1px solid #000
	}
	.page-notification .notificationbox .backgroundimg {
		margin-top:3rem
	}
	.page-notification .notificationbox .text-area {
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		margin-top:-4rem
	}
	.page-notification .notificationbox .text-area .text-title {
		-ms-flex-preferred-size:84.5333%;
		flex-basis:84.5333%;
		-webkit-box-pack:start;
		-ms-flex-pack:start;
		justify-content:flex-start;
		margin-left:-6%;
		padding:3rem 3rem
	}
	.page-notification .notificationbox .text-area .text-title strong {
		font-size:3.2rem
	}
	.page-notification .notificationbox .text-area .text-desc {
		-ms-flex-preferred-size:100%;
		flex-basis:100%;
		margin-top:4rem;
		padding:0 0 0 1.4rem
	}
	.page-notification .notificationbox .text-area .text-desc strong {
		margin-bottom:1.4rem;
		font-size:2rem
	}
	.page-notification .notificationbox .text-area .text-desc strong:before {
		margin-bottom:1.4rem
	}
	.page-notification .notificationbox .text-area .text-desc p {
		font-size:1.5rem
	}
	.page-notification .notificationbox .icons-area {
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		float:none;
		width:auto;
		margin-top:3rem;
		padding-top:3rem
	}
	.page-notification .notificationbox .icons-area .icons-title {
		font-size:1.2rem
	}
	.page-notification .notificationbox .icons {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-pack:distribute;
		justify-content:space-around;
		width:100%;
		margin-top:2rem;
		text-align:center;
		font-size:0
	}
	.page-notification .notificationbox .icons a {
		width:6.4rem;
		height:6.4rem;
		margin-left:1.8rem
	}
	.page-notification .notificationbox::after {
		display:none
	}
	.page-notification .pc-only {
		display:none
	}
	.page-notification .mobile-only {
		display:block
	}
}
.page-sitemap .sitemap-list {
	margin-top:7.7rem;
	padding-top:6rem;
	border-top:2px solid #000
}
.page-sitemap .sitemap-list::after {
	content:'';
	clear:both;
	display:block;
	overflow:hidden
}
.page-sitemap .sitemap-list dl {
	float:left;
	width:23.7%;
	height:30rem;
	margin-bottom:9.8rem;
	padding-left:7.5rem
}
.page-sitemap .sitemap-list dl dt {
	padding-bottom:1.3rem;
	border-bottom:2px solid #dbdbdb;
	color:#222;
	font-size:2.6rem
}
.page-sitemap .sitemap-list dl dd li {
	position:relative
}
.page-sitemap .sitemap-list dl dd li a {
	display:inline-block;
	padding-left:1rem;
	line-height:2.3;
	color:#666;
	white-space:nowrap;
	font-size:1.8rem;
	font-weight:400
}
.page-sitemap .sitemap-list dl dd li a.link {
	padding-right:2.4rem;
	background:url(../images/icon_link_ico.svg) no-repeat 100% 50%/1.6rem 1.6rem
}
.page-sitemap .sitemap-list dl dd li a::after {
	display:inline-block;
	content:'';
	top:2rem;
	left:0;
	position:absolute;
	width:0.4rem;
	height:0.4rem;
	border-radius:50%;
	background:#666
}
.page-sitemap .sitemap-list dl dd li:first-child {
	margin-top:1.8rem
}
.page-sitemap .sitemap-list dl:nth-last-child(4n) {
	padding-left:6.5rem
}
.page-sitemap .sitemap-list:nth-child(5) dd br {
	display:none
}
@media (max-width:1318px) {
	.page-sitemap .sitemap-list dl {
		padding-left:3.75rem
	}
	.page-sitemap .sitemap-list dl dd li a {
		font-size:1.4rem
	}
	.page-sitemap .sitemap-list dl dd li a::after {
		top:1.5rem
	}
}
@media (max-width:1023px) {
	.page-sitemap .sitemap-list {
		margin-top:2.15rem;
		padding-top:3rem
	}
	.page-sitemap .sitemap-list dl {
		width:50%;
		padding-left:1.5rem;
		margin-bottom:2.8rem;
		border-bottom:1px solid #dbdbdb
	}
	.page-sitemap .sitemap-list dl:nth-last-child(4n) {
		padding-left:1.5rem
	}
	.page-sitemap .sitemap-list dl dt {
		padding-bottom:0;
		border:0;
		font-size:1.8rem
	}
	.page-sitemap .sitemap-list dl dd li a {
		line-height:2;
		font-weight:300
	}
	.page-sitemap .sitemap-list dl dd li a.link {
		padding-right:2.4rem;
		white-space:nowrap
	}
	.page-sitemap .sitemap-list dl dd li a:nth-child(n+7) {
		margin-bottom:0;
		border:0
	}
	.page-sitemap .sitemap-list dl dd li a::after {
		top:1.3rem;
		width:0.2rem;
		height:0.2rem
	}
	.page-sitemap .sitemap-list dl dd li:first-child {
		margin-top:1rem
	}
	.page-sitemap .sitemap-list dl:nth-child(-n+2) {
		height:24rem
	}
	.page-sitemap .sitemap-list dl:nth-child(n+3):nth-child(-n+4) {
		height:22rem
	}
	.page-sitemap .sitemap-list dl:nth-child(n+5):nth-child(-n+6) {
		height:26rem
	}
	.page-sitemap .sitemap-list dl:nth-child(n+7):nth-child(-n+8) {
		height:21rem
	}
	.page-sitemap .sitemap-list dl:nth-child(n+9):nth-child(-n+10) {
		height:14rem;
		border:0
	}
}
.page-recruitment .pdf-btnset::after {
	content:'';
	clear:both;
	display:block;
	overflow:hidden
}
.page-recruitment .pdf-btnset .pdf-btn {
	float:left;
	width:76.25%;
	margin-bottom:3.5rem;
	padding-right:4.5rem;
	font-size:0
}
.page-recruitment .pdf-btnset .pdf-btn>a {
	display:inline-block;
	position:relative;
	width:33.33%;
	height:6rem;
	text-align:center;
	line-height:6rem;
	color:#222;
	font-size:1.6rem;
	font-weight:700
}
.page-recruitment .pdf-btnset .pdf-btn>a span.pc-only {
	display:inline-block
}
.page-recruitment .pdf-btnset .pdf-btn>a span.mobile-only {
	display:none
}
.page-recruitment .pdf-btnset .pdf-btn>a span::before {
	display:inline-block;
	content:'';
	width:1.6rem;
	height:1.7rem;
	margin-right:1.2rem;
	vertical-align:middle;
	background:no-repeat 0 50% / 1.6rem 1.7rem;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cdefs%3E%3Cstyle%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%237a2731;%7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Crect y='15' class='st0' width='16' height='2'/%3E%3Cpolygon class='st0' points='8,13.6 14.3,7.4 12.8,6 9,9.8 9,0 7,0 7,9.8 3.1,5.8 1.6,7.2 6.6,12.2 '/%3E%3C/g%3E%3C/svg%3E%0A")
}
.page-recruitment .pdf-btnset .pdf-btn>a.pdf-enlarged-view span::before {
	width:2rem;
	height:2rem;
	background:no-repeat 0 50% / 2rem;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cg%3E%3Cpolygon fill='%237a2731' points='9.7,5.2 7.7,5.2 7.7,7.7 5.2,7.7 5.2,9.7 7.7,9.7 7.7,12.2 9.7,12.2 9.7,9.7 12.2,9.7 12.2,7.7 9.7,7.7 '/%3E%3Cpath fill='%237a2731' d='M14.6,13.2c1-1.2,1.5-2.8,1.6-4.5c0-4.1-3.3-7.5-7.4-7.6c-4.1,0-7.5,3.3-7.6,7.4c-0.1,4.1,3.3,7.5,7.4,7.6 c1.7,0,3.3-0.6,4.6-1.5l4.4,4.4l1.4-1.4L14.6,13.2z M8.6,14.7c-3.3-0.1-6-2.8-5.9-6.1c0-3.3,2.7-6,6.1-5.9c3.3,0,6,2.7,5.9,6.1 C14.7,12.1,12,14.8,8.6,14.7z'/%3E%3C/g%3E%3C/svg%3E%0A")
}
.page-recruitment .pdf-btnset .pdf-btn>a.btn-blank span::before {
	width:2rem;
	height:2rem;
	background:no-repeat 0 50% / 2rem;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.12 18.74'%3E%3Cstyle%3E .cls-1%7Bfill:none;stroke:%237a2731;stroke-width:2px;%7D .cls-2%7Bfill:%237a2731;%7D %3C/style%3E%3Cpath class='cls-1' d='M14.34,10.35v7.39H1V4.68H8.44'/%3E%3Crect id='Rectangle_29_copy' data-name='Rectangle 29 copy' class='cls-2' x='5.52' y='4.69' width='13.98' height='2' transform='translate(-0.31 10.64) rotate(-45.55)'/%3E%3Cpath class='cls-2' d='M16.12,0h2V10h-2Zm-8,2V0h10V2Z'/%3E%3C/svg%3E")
}
.page-recruitment .pdf-btnset .pdf-btn>a::after {
	display:inline-block;
	content:'';
	top:50%;
	right:0;
	position:absolute;
	width:.1rem;
	height:2.5rem;
	margin-top:-1.25rem;
	background:#999
}
.page-recruitment .pdf-btnset .pdf-btn>a:last-child::after {
	display:none
}
.page-recruitment .pdf-btnset .optionbox {
	float:right;
	position:relative;
	width:23.75%;
	height:6rem;
	margin-left:0;
	border:0;
	background-color:#77222c
}
.page-recruitment .pdf-btnset .optionbox:after {
	border-top-color:#fff
}
.page-recruitment .pdf-btnset .optionbox select {
	padding:0 2.5rem;
	color:#fff
}
.page-recruitment .pdf-btnset .optionbox select option:not(checked) {
	color:#333
}
.page-recruitment .pdf-list::after {
	content:'';
	clear:both;
	display:block;
	overflow:hidden
}
.page-recruitment .pdf-list .pdf-view {
	float:left;
	overflow:hidden;
	width:76.25%;
	padding-right:4.5rem
}
.page-recruitment .pdf-list .pdf-view .pdf-title {
	margin-bottom:1.2rem;
	font-weight:700;
	font-size:1.6rem;
	line-height:1.4;
	color:#222
}
.page-recruitment .pdf-list .pdf-view .pdfobject-container {
	overflow:hidden !important;
	width:100%;
	height:auto;
	padding-bottom:138%
}
.page-recruitment .pdf-list .pdf-view img {
	max-width:100%
}
.page-recruitment .pdf-list .info-list {
	float:left;
	width:23.75%
}
.page-recruitment .pdf-list .info-list li {
	display:inline-block;
	position:relative;
	width:100%;
	margin-bottom:0.3rem;
	background:#f4f4f4
}
.page-recruitment .pdf-list .info-list li a {
	display:block;
	width:100%;
	padding:1.8rem 4.5rem 1.8rem 2.5rem;
	line-height:1.4;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	color:#333;
	font-size:1.6rem
}
.page-recruitment .pdf-list .info-list li a::after {
	display:inline-block;
	content:'';
	top:50%;
	right:2.8rem;
	position:absolute;
	width:0.8rem;
	height:0.8rem;
	margin-top:-0.4rem;
	border-top:2px solid #999;
	border-left:2px solid #999;
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg)
}
.page-recruitment .pdf-list .info-list li.on {
	background:#77222c
}
.page-recruitment .pdf-list .info-list li.on a {
	color:#fff
}
.page-recruitment .pdf-list .info-list li.on a::after {
	border-color:#fff
}
@media (max-width:1023px) {
	.page-recruitment .pdf-btnset {
		margin-bottom:2rem
	}
	.page-recruitment .pdf-btnset .pdf-btn {
		clear:both;
		float:none;
		width:100%;
		margin:3.5rem 0 0 0;
		padding:0
	}
	.page-recruitment .pdf-btnset .pdf-btn>a {
		position:relative;
		width:32%;
		height:4rem;
		margin-right:2%;
		padding:0;
		line-height:4rem;
		color:#fff;
		font-size:1.4rem
	}
	.page-recruitment .pdf-btnset .pdf-btn>a span.pc-only {
		display:none
	}
	.page-recruitment .pdf-btnset .pdf-btn>a span.mobile-only {
		display:inline-block
	}
	.page-recruitment .pdf-btnset .pdf-btn>a span::before {
		width:1.6rem;
		height:1.65rem;
		margin-right:0.7rem;
		background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cdefs%3E%3Cstyle%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23fff;%7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Crect y='15' class='st0' width='16' height='2'/%3E%3Cpolygon class='st0' points='8,13.6 14.3,7.4 12.8,6 9,9.8 9,0 7,0 7,9.8 3.1,5.8 1.6,7.2 6.6,12.2 '/%3E%3C/g%3E%3C/svg%3E%0A");
		background-size:1.6rem 1.65rem
	}
	.page-recruitment .pdf-btnset .pdf-btn>a::after {
		display:none
	}
	.page-recruitment .pdf-btnset .pdf-btn>a.pdf-enlarged-view {
		background:#eaeaea;
		color:#000
	}
	.page-recruitment .pdf-btnset .pdf-btn>a.pdf-enlarged-view span::before {
		width:1.8rem;
		height:1.8rem;
		margin-right:0.45rem;
		background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cg%3E%3Cpolygon fill='%23000' points='9.7,5.2 7.7,5.2 7.7,7.7 5.2,7.7 5.2,9.7 7.7,9.7 7.7,12.2 9.7,12.2 9.7,9.7 12.2,9.7 12.2,7.7 9.7,7.7 '/%3E%3Cpath fill='%23000' d='M14.6,13.2c1-1.2,1.5-2.8,1.6-4.5c0-4.1-3.3-7.5-7.4-7.6c-4.1,0-7.5,3.3-7.6,7.4c-0.1,4.1,3.3,7.5,7.4,7.6 c1.7,0,3.3-0.6,4.6-1.5l4.4,4.4l1.4-1.4L14.6,13.2z M8.6,14.7c-3.3-0.1-6-2.8-5.9-6.1c0-3.3,2.7-6,6.1-5.9c3.3,0,6,2.7,5.9,6.1 C14.7,12.1,12,14.8,8.6,14.7z'/%3E%3C/g%3E%3C/svg%3E%0A");
		background-size:1.8rem
	}
	.page-recruitment .pdf-btnset .pdf-btn>a.pdf-download {
		background:#77222c
	}
	.page-recruitment .pdf-btnset .pdf-btn>a.hwp-download {
		margin-right:0;
		background:#666
	}
	.page-recruitment .pdf-btnset .pdf-btn>a.btn-blank {
		margin-right:0;
		background:#666
	}
	.page-recruitment .pdf-btnset .pdf-btn>a.btn-blank span::before {
		width:1.8rem;
		height:1.8rem;
		margin-right:0.45rem;
		background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.12 18.74'%3E%3Cstyle%3E .cls-1%7Bfill:none;stroke:%23fff;stroke-width:2px;%7D .cls-2%7Bfill:%23fff;%7D %3C/style%3E%3Cpath class='cls-1' d='M14.34,10.35v7.39H1V4.68H8.44'/%3E%3Crect id='Rectangle_29_copy' data-name='Rectangle 29 copy' class='cls-2' x='5.52' y='4.69' width='13.98' height='2' transform='translate(-0.31 10.64) rotate(-45.55)'/%3E%3Cpath class='cls-2' d='M16.12,0h2V10h-2Zm-8,2V0h10V2Z'/%3E%3C/svg%3E");
		background-size:1.8rem
	}
	.page-recruitment .pdf-btnset .optionbox {
		clear:both;
		float:none;
		width:100%;
		height:4.7rem
	}
	.page-recruitment .pdf-btnset .optionbox select {
		padding:0 1.5rem;
		font-size:1.4rem
	}
	.page-recruitment .pdf-list .pdf-view {
		width:100%;
		padding-right:0
	}
	.page-recruitment .pdf-list .info-list {
		display:none
	}
}
.application_container {
	width:100%;
	padding:0 8.6rem;
	font-size:0
}
@media (max-width:1023px) {
	.application_container {
		padding:0
	}
}
.application_container .application_box {
	display:inline-block;
	position:relative;
	width:47.82%;
	height:33rem;
	border-radius:1rem;
	cursor:pointer
}
.application_container .application_box>span {
	position:absolute;
	top:50%;
	left:50%;
	text-align:center;
	color:#fff;
	font-size:3rem;
	font-weight:400;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)
}
.application_container .application_box>span::before {
	display:inline-block;
	content:'';
	display:block;
	margin-bottom:3rem;
	width:9.6rem;
	height:9rem;
	background:no-repeat 50%
}
.application_container .application_box:first-child {
	margin-right:4.36%;
	background:url("../images/bg_application_apply.png") no-repeat 50%
}
.application_container .application_box:first-child span::before {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.25 114.24'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:none;stroke:%23fff;stroke-width:5px;%7D%3C/style%3E%3C/defs%3E%3Cpath id='Rounded_Rectangle_4' data-name='Rounded Rectangle 4' class='cls-1' d='M19.74,39.74H49.87a2.07,2.07,0,0,1,2.15,2v1a2.08,2.08,0,0,1-2.15,2H19.74a2.09,2.09,0,0,1-2.16-2v-1A2.08,2.08,0,0,1,19.74,39.74Z'/%3E%3Cpath id='Rounded_Rectangle_4-2' data-name='Rounded Rectangle 4-2' class='cls-1' d='M19.73,55.74h38.7a2.07,2.07,0,0,1,2.15,2v1a2.08,2.08,0,0,1-2.15,2H19.73a2.09,2.09,0,0,1-2.15-2v-1A2.08,2.08,0,0,1,19.73,55.74Z'/%3E%3Cpath id='Rounded_Rectangle_4-3' data-name='Rounded Rectangle 4-3' class='cls-1' d='M19.74,70.74H53.1a2.07,2.07,0,0,1,2.15,2v1a2.08,2.08,0,0,1-2.15,2H19.74a2.09,2.09,0,0,1-2.16-2v-1A2.08,2.08,0,0,1,19.74,70.74Z'/%3E%3Cpath class='cls-2' d='M25.16,8.74H7.5a5,5,0,0,0-5,5v93a5,5,0,0,0,5,5h66c8.28,0,15-3.72,15-12'/%3E%3Cpath class='cls-2' d='M88.5,36.31V13.74a5,5,0,0,0-5-5H65.63'/%3E%3Crect class='cls-2' x='24.16' y='2.5' width='40.47' height='19.24' rx='5'/%3E%3Cpath class='cls-2' d='M73,89.08l2.57,2.57,47.89-47.9a4.27,4.27,0,0,0,0-6l-8.1-8.1a4.27,4.27,0,0,0-6,0L61.47,77.5,64,80.07'/%3E%3Cpolygon class='cls-2' points='60.31 80.07 58.19 94.92 73.04 92.8 73.04 89.08 64.03 80.07 60.31 80.07'/%3E%3Crect class='cls-1' x='105.06' y='35.34' width='5' height='19' transform='translate(-0.2 89.19) rotate(-45)'/%3E%3C/svg%3E");
	margin-left:3rem
}
.application_container .application_box:nth-child(2) {
	background:url("../images/bg_application_search.png") no-repeat 50%
}
.application_container .application_box:nth-child(2) span::before {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.1 114.2'%3E%3Cstyle%3E .st0%7Bfill:%23fff;%7D .st1%7Bfill:none;stroke:%23fff;stroke-width:5px;%7D .st2%7Bdisplay:none;fill:%23fff;%7D%0A%3C/style%3E%3Cpath id='Rounded_Rectangle_4' class='st0' d='M19.7,39.7h30.1c1.1,0,2.1,0.8,2.1,2l0,0v1c0,1.1-1,2-2.2,2h-30c-1.1,0-2.1-0.9-2.2-2 v-1C17.6,40.6,18.6,39.7,19.7,39.7L19.7,39.7z'/%3E%3Cpath id='Rounded_Rectangle_4-2' class='st0' d='M19.7,55.7h38.7c1.1,0,2.1,0.8,2.1,2l0,0v1c0,1.1-1,2-2.2,2H19.7 c-1.1,0-2.1-0.9-2.1-2v-1C17.6,56.6,18.6,55.7,19.7,55.7z'/%3E%3Cpath id='Rounded_Rectangle_4-3' class='st0' d='M19.7,70.7h33.4c1.1,0,2.1,0.8,2.1,2l0,0v1c0,1.1-1,2-2.2,2H19.7 c-1.1,0-2.1-0.9-2.2-2v-1C17.6,71.6,18.6,70.7,19.7,70.7L19.7,70.7z'/%3E%3Cpath id='Rounded_Rectangle_4-4' class='st0' d='M111.2,85.1l10.2,11c1,1,1,2.5,0,3.5s-2.5,1-3.5,0c-0.1-0.1-0.1-0.1-0.2-0.2 l-10.2-11c-1-1-1-2.5,0-3.5s2.5-1,3.5,0C111.1,84.9,111.2,85,111.2,85.1z'/%3E%3Cpath class='st1' d='M25.2,8.7H7.5c-2.8,0-5,2.2-5,5v93c0,2.8,2.2,5,5,5h66c8.3,0,15-3.7,15-12'/%3E%3Cpath class='st1' d='M88.5,36.3V13.7c0-2.8-2.2-5-5-5H65.6'/%3E%3Cpath class='st1' d='M95,44.2c-13.6-2.2-26.5,7-28.7,20.7s7,26.5,20.7,28.7s26.5-7,28.7-20.7c0.2-1.3,0.3-2.7,0.3-4 C116,56.7,107.1,46.2,95,44.2z'/%3E%3Cpath id='Rounded_Rectangle_5' class='st2' d='M99.8,74.8l-14-15.1c-1-0.9-2.6-0.8-3.5,0.2c-0.8,0.9-0.8,2.2-0.1,3.1l14.1,15.1 c0.9,1,2.5,1,3.5,0.1C100.7,77.3,100.8,75.7,99.8,74.8L99.8,74.8z'/%3E%3Cpath class='st2' d='M81.7,74.8l14.8-15.1c1-1,2.6-1,3.6-0.1l0,0c1,0.9,1.1,2.4,0.2,3.4l-0.1,0.1l-14.7,15c-1,1-2.6,1-3.6,0.1l0,0 C80.9,77.3,80.8,75.8,81.7,74.8C81.6,74.8,81.6,74.8,81.7,74.8z'/%3E%3Cpath class='st1' d='M29.2,2.5h30.5c2.8,0,5,2.2,5,5v9.2c0,2.8-2.2,5-5,5H29.2c-2.8,0-5-2.2-5-5V7.5C24.2,4.7,26.4,2.5,29.2,2.5z'/%3E%3C/svg%3E%0A");
	margin-left:5rem
}
@media (max-width:1023px) {
	.application_container .application_box {
		width:100%;
		height:13rem
	}
	.application_container .application_box:first-child {
		margin-right:0;
		margin-bottom:1.5rem;
		background:url("../images/bg_application_apply_m.png") left bottom;
		background-size:cover
	}
	.application_container .application_box:first-child span::before {
		position:absolute;
		right:10rem;
		margin-bottom:3rem;
		width:5rem;
		height:4.5rem
	}
	.application_container .application_box:nth-child(2) {
		background:url("../images/bg_application_search_m.png") top right;
		background-size:cover
	}
	.application_container .application_box:nth-child(2) span::before {
		position:absolute;
		right:14rem;
		margin-bottom:3rem;
		width:5rem;
		height:4.5rem
	}
	.application_container .application_box>span {
		line-height:3.2rem;
		color:#fff;
		font-size:2.3rem
	}
	.application_container .application_box>span::before {
		top:-5px
	}
}
.page-enterinfo .enterinfo_open::after {
	content:'';
	clear:both;
	display:block;
	overflow:hidden
}
.page-enterinfo .enterinfo_open .postcard_container {
	float:left;
	width:25%;
	padding-right:4rem;
	margin-bottom:7rem
}
@media (max-width:1318px) {
	.page-enterinfo .enterinfo_open .postcard_container {
		width:50%;
		margin-bottom:3rem;
		padding-right:2rem
	}
}
@media (max-width:1023px) {
	.page-enterinfo .enterinfo_open .postcard_container {
		width:100%;
		margin-bottom:3rem;
		padding:1rem
	}
}
.page-enterinfo .enterinfo_open .postcard_container .postcard_image {
	overflow:hidden;
	position:relative;
	width:100%;
	height:34rem;
	cursor:pointer
}
.page-enterinfo .enterinfo_open .postcard_container .postcard_image>a {
	display:block;
	width:100%;
	height:100%;
	font-size:0
}
.page-enterinfo .enterinfo_open .postcard_container .postcard_image>a::after {
	content:"";
	display:none;
	top:0;
	left:0;
	position:absolute;
	width:100%;
	height:100%;
	background:url("../images/icon_view_large.png") no-repeat center center;
	background-color:rgba(51,51,51,0.55)
}
.page-enterinfo .enterinfo_open .postcard_container .postcard_image img {
	width:100%;
	height:360px
}
.page-enterinfo .enterinfo_open .postcard_container .postcard_image:hover a::after {
	display:block
}
@media (max-width:1023px) {
	.page-enterinfo .enterinfo_open .postcard_container .postcard_image>a::after {
		display:block;
		background-color:unset
	}
}
.page-enterinfo .enterinfo_open .postcard_container .text_in {
	height:7.4rem;
	vertical-align:center
}
.page-enterinfo .enterinfo_open .postcard_container .text_in span {
	display:block;
	margin:2.5rem 0;
	padding-left:1rem;
	color:#333333;
	font-size:1.8rem;
	font-weight:700
}
@media (max-width:1023px) {
	.page-enterinfo .enterinfo_open .postcard_container .text_in span {
		display:inline-block;
		float:left;
		width:52.7%;
		margin-right:10.57%;
		padding:0;
		font-size:1.6rem
	}
}
.page-enterinfo .enterinfo_open .postcard_container .btn_pdf {
	width:100%;
	padding:1.6rem 7rem;
	border:1px #e3e3e3 solid;
	color:#666;
	font-size:1.6rem;
	font-weight:600
}
.page-enterinfo .enterinfo_open .postcard_container .btn_pdf::after {
	content:"";
	display:inline-block;
	margin-left:7px;
	width:2rem;
	height:2rem;
	background:no-repeat 50%;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cdefs%3E%3Cstyle%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%2377222c;%7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Crect y='15' class='st0' width='16' height='2'/%3E%3Cpolygon class='st0' points='8,13.6 14.3,7.4 12.8,6 9,9.8 9,0 7,0 7,9.8 3.1,5.8 1.6,7.2 6.6,12.2 '/%3E%3C/g%3E%3C/svg%3E%0A")
}
.page-enterinfo .enterinfo_open .postcard_container .btn_pdf:hover {
	background-color:#77222c;
	color:#fff
}
.page-enterinfo .enterinfo_open .postcard_container .btn_pdf:hover::after {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cdefs%3E%3Cstyle%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23fff;%7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Crect y='15' class='st0' width='16' height='2'/%3E%3Cpolygon class='st0' points='8,13.6 14.3,7.4 12.8,6 9,9.8 9,0 7,0 7,9.8 3.1,5.8 1.6,7.2 6.6,12.2 '/%3E%3C/g%3E%3C/svg%3E%0A")
}
@media (max-width:1023px) {
	.page-enterinfo .enterinfo_open .postcard_container .btn_pdf {
		float:left;
		width:36.73%;
		margin-top:2rem;
		padding:1.4rem 1.85rem;
		background:#77222c;
		color:#fff;
		font-size:1.3rem
	}
	.page-enterinfo .enterinfo_open .postcard_container .btn_pdf::after {
		content:"";
		display:none
	}
}
.page-enterinfo .enterinfo_open .postcard_container:nth-child(4n) {
	margin-right:0
}
.page-enterinfo .enterinfo_open .postcard_container:nth-last-child(-n+4) {
	margin-bottom:0
}
.page-highschool-program .badgeset {
	width:100%;
	margin-bottom:1.5rem;
	font-size:0
}
.page-highschool-program .badgeset .badge {
	width:10.5rem;
	margin-right:1rem
}
.page-highschool-program .boardlist>ul>li>a {
	padding:4.8rem 5rem 4.3rem;
	height:auto
}
.page-highschool-program .boardlist .innerbox {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
	position:relative
}
.page-highschool-program .boardlist .innerbox>ul.infolist {
	margin-top:1.2rem
}
.page-highschool-program .boardlist .innerbox>ul.infolist>li {
	position:relative;
	padding-left:1.2rem;
	line-height:1.666;
	color:#999;
	font-size:1.8rem;
	font-weight:400
}
.page-highschool-program .boardlist .innerbox>ul.infolist>li::after {
	display:inline-block;
	content:'';
	top:1.4rem;
	left:0;
	position:absolute;
	width:0.3rem;
	height:0.3rem;
	border-radius:50%;
	background:#999
}
.page-highschool-program .boardview .board-title {
	position:relative;
	padding-top:8.5rem
}
.page-highschool-program .boardview .board-title .badgeset {
	top:3.8rem;
	left:4rem;
	position:absolute
}
.page-highschool-program .boardview .board-title .state {
	display:inline-block;
	position:relative;
	width:9.9rem;
	height:3.6rem;
	border:1px solid #999;
	background:#999;
	vertical-align:middle;
	line-height:3.4rem;
	text-align:center;
	color:#fff;
	font-size:1.6rem;
	font-weight:400
}
.page-highschool-program .boardview .board-title .state::after {
	display:none
}
.page-highschool-program .boardview .board-title .state.complete {
	background:#666;
	border-color:#666;
	color:#fff
}
.page-highschool-program .boardview .board-title .state.process {
	background:transparent;
	border-color:#77222c;
	color:#77222c
}
@media (max-width:1023px) {
	.page-highschool-program .boardview .board-title .state {
		width:auto;
		padding:0 2rem !important;
		height:2.4rem;
		line-height:2.2rem;
		font-size:1.2rem
	}
}
.page-highschool-program .boardview .detail_table {
	width:100%;
	margin-top:-1px
}
.page-highschool-program .boardview .detail_table th {
	width:12%;
	padding:1.6rem 4rem;
	border:1px #e3e3e3 solid;
	border-left:0;
	background-color:#f8f8f8;
	text-align:center;
	color:#333;
	font-size:1.8rem
}
.page-highschool-program .boardview .detail_table td {
	width:88%;
	padding:1.6rem 4rem;
	border:1px solid #e3e3e3;
	border-right:0;
	color:#666;
	font-size:1.8rem;
	font-weight:400
}
@media (max-width:1023px) {
	.page-highschool-program .badgeset {
		margin-top:-0.6rem;
		padding-right:8.5rem
	}
	.page-highschool-program .badgeset .badge {
		width:auto;
		margin:0.6rem 0.6rem 0 0
	}
	.page-highschool-program .boardlist>ul>li>a {
		height:auto;
		padding:2rem 1.5rem 2rem;
		font-size:1.3rem
	}
	.page-highschool-program .boardlist .num {
		display:none
	}
	.page-highschool-program .boardlist .innerbox {
		padding-left:0
	}
	.page-highschool-program .boardlist .innerbox ul.infolist {
		margin-top:1rem
	}
	.page-highschool-program .boardlist .innerbox ul.infolist>li {
		font-size:1.3rem
	}
	.page-highschool-program .boardlist .icon_right {
		top:2rem;
		right:1.5rem;
		position:absolute
	}
}
@media (max-width:1023px) {
	.page-highschool-program .boardview .board-title {
		display:block;
		position:relative;
		padding-top:1.6rem
	}
	.page-highschool-program .boardview .board-title .badgeset {
		position:static
	}
	.page-highschool-program .boardview .board-title .info {
		top:1.6rem;
		right:1.5rem;
		position:absolute;
		margin-top:0
	}
	.page-highschool-program .boardview .detail_table th {
		width:23.5%;
		padding:1.2rem 1rem 1.1rem;
		font-size:1.3rem
	}
	.page-highschool-program .boardview .detail_table td {
		width:76.5%;
		padding:1.2rem 1rem 1.1rem;
		font-size:1.3rem
	}
}
.page-faq .faqlist>ul {
	border-top:2px solid #222
}
.page-faq .faqlist>ul>li {
	height:auto !important;
	font-size:0;
	height:11.6rem
}
.page-faq .faqlist>ul>li:last-child {
	border-bottom:1px #eaeaea solid
}
.page-faq .faqlist>ul>li .faq_question {
	position:relative;
	padding:3.8rem 9rem 4.1rem 12.7rem;
	border-top:1px solid #eaeaea;
	cursor:pointer
}
.page-faq .faqlist>ul>li .faq_question::after {
	display:inline-block;
	content:'';
	top:50%;
	right:4.5rem;
	position:absolute;
	width:1.5rem;
	height:2rem;
	margin:-1rem 0 0 0;
	background:no-repeat 0 55% / auto 2rem;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.1 12.8'%3E%3Cdefs%3E%3Cstyle%3E .st0%7Bfill:none;stroke:%23666;%7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M7.8,0.4l-7,6l7,6'/%3E%3C/svg%3E%0A");
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg)
}
@media (max-width:1023px) {
	.page-faq .faqlist>ul>li .faq_question::after {
		right:2rem;
		width:1rem;
		height:1.5rem;
		margin-top:-0.75rem;
		background-size:1rem 1.5rem
	}
}
.page-faq .faqlist>ul>li .faq_question:hover {
	background:#fafafa
}
.page-faq .faqlist>ul>li .faq_question.on::after {
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.1 12.8'%3E%3Cdefs%3E%3Cstyle%3E .st0%7Bfill:none;stroke:%2377222c;%7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M7.8,0.4l-7,6l7,6'/%3E%3C/svg%3E%0A")
}
.page-faq .faqlist>ul>li .faq_question .letter {
	display:inline-block;
	top:50%;
	left:5rem;
	position:absolute;
	vertical-align:middle;
	color:#000;
	font-size:2.8rem;
	font-weight:400;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
.page-faq .faqlist>ul>li .faq_question .info .badge {
	display:inline-block;
	width:9.1rem;
	height:3.6rem;
	margin-right:1.7rem;
	background:#fff;
	border:1px solid;
	text-align:center;
	vertical-align:middle;
	line-height:3.2rem;
	font-size:1.6rem
}
.page-faq .faqlist>ul>li .faq_question .info .badge.gray {
	border-color:#818181;
	color:#818181
}
.page-faq .faqlist>ul>li .faq_question .info .badge.orange {
	border-color:#ff9257;
	color:#ff9257
}
.page-faq .faqlist>ul>li .faq_question .info .badge.red {
	border-color:#c4555c;
	color:#c4555c
}
.page-faq .faqlist>ul>li .faq_question .info .badge.purple {
	border-color:#a667e1;
	color:#a667e1
}
.page-faq .faqlist>ul>li .faq_question .info .badge.green {
	border-color:#78a695;
	color:#78a695
}
.page-faq .faqlist>ul>li .faq_question .info .badge.lightgreen {
	border-color:#76c070;
	color:#76c070
}
.page-faq .faqlist>ul>li .faq_question .info .badge.blue {
	border-color:#7582ff;
	color:#7582ff
}
@media (max-width:1023px) {
	.page-faq .faqlist>ul>li .faq_question .info .badge {
		width:auto;
		min-width:4.5rem;
		height:2.4rem;
		margin:0 0.7rem 0.2rem 0;
		padding:0 1.1rem;
		line-height:2.2rem;
		font-size:1.2rem
	}
}
.page-faq .faqlist>ul>li .faq_question .info .title {
	display:inline-block;
	line-height:1.8;
	vertical-align:middle;
	color:#333;
	font-size:2.2rem;
	font-weight:700;
	overflow:hidden;
	word-break:break-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	display:block;
	white-space:normal
}
@media (max-width:1318px) {
	.page-faq .faqlist>ul>li .faq_question .info .title {
		display:-webkit-box;
		width:100%;
		max-height:7.5rem;
		white-space:normal;
		word-wrap:break-word;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical
	}
}
@media (max-width:1023px) {
	.page-faq .faqlist>ul>li .faq_question .info .title {
		max-height:4.7rem;
		line-height:1.6;
		font-size:1.6rem
	}
}
.page-faq .faqlist>ul>li .faq_answer {
	display:none;
	overflow:hidden;
	position:relative;
	border-top:1px solid #eaeaea;
	background:#fafafa
}
.page-faq .faqlist>ul>li .faq_answer .letter {
	top:50%;
	left:5rem;
	position:absolute;
	color:#77222c;
	font-size:2.8rem;
	font-weight:400;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
.page-faq .faqlist>ul>li .faq_answer .answer {
	display:block;
	padding:3.7rem 5rem 3.7rem 13rem;
	line-height:1.875;
	color:#666;
	font-size:1.6rem
}
@media (max-width:1318px) {
	.page-faq .faqlist>ul>li .faq_question .info .title {
		display:block;
		height:auto;
		max-height:none
	}
}
@media (max-width:1023px) {
	.page-faq .faqlist>ul>li .faq_question {
		padding:2rem 5rem 2rem 5rem
	}
	.page-faq .faqlist>ul>li .faq_question .letter {
		left:1.4rem;
		font-size:2.1rem
	}
	.page-faq .faqlist>ul>li .faq_question::after {
		height:1.4rem
	}
	.page-faq .faqlist>ul>li .faq_answer .letter {
		left:1.4rem;
		font-size:2.1rem
	}
	.page-faq .faqlist>ul>li .faq_answer .answer {
		padding:2rem 5rem 2rem 5rem;
		line-height:1.428;
		font-size:1.4rem
	}
}
#main_gate {
	overflow-y:auto;
	width:100%;
	height:100%;
	background:url("../images/bg_main_gate.png") no-repeat center center/cover
}
#main_gate::before {
	display:none;
	content:"";
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:url("../images/img_grid_line.png") repeat 5rem 0
}
#main_gate .gate_container {
	max-width:1200px;
	margin:0 auto;
	position:relative
}
#main_gate .gate_container .gate_header {
	width:100%;
	height:11.8rem
}
#main_gate .gate_container .gate_header>h1 a svg {
	float:left;
	width:152px;
	height:117px
}
#main_gate .gate_container .gate_header>h1 a svg .logo-st1 {
	fill:transparent;
	-webkit-transition:0.3s;
	transition:0.3s
}
#main_gate .gate_container .gate_header>h1 a svg .logo-st2 {
	fill:#fff
}
#main_gate .gate_container .gate_header>h1 a svg .logo-st0 path {
	fill:#fff;
	-webkit-transition:0.3s;
	transition:0.3s
}
#main_gate .gate_container .gate_header .gate_menu {
	float:right;
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
#main_gate .gate_container .gate_header .gate_menu ul li {
	display:inline-block
}
#main_gate .gate_container .gate_header .gate_menu ul li a {
	display:inline-block;
	color:#fff;
	font-size:1.8rem;
	font-weight:700;
	text-align:center
}
#main_gate .gate_container .gate_header .gate_menu ul li:nth-child(2) {
	margin-left:120px
}
#main_gate .gate_container .gate_content {
	width:100%;
	margin-bottom:2.8rem
}
#main_gate .gate_container .gate_content .gate_card {
	float:left;
	margin:0.05%;
	width:24.86%;
	height:23rem;
	background-color:#fff
}
#main_gate .gate_container .gate_content .gate_card a {
	display:block;
	position:relative;
	width:100%;
	height:100%;
	padding:4rem
}
#main_gate .gate_container .gate_content .gate_card a em {
	display:inline-block;
	height:3rem;
	margin-bottom:0.5rem;
	padding:0 1rem;
	line-height:3rem;
	color:#fff;
	font-size:1.6rem
}
#main_gate .gate_container .gate_content .gate_card a em.gray {
	background-color:#818181
}
#main_gate .gate_container .gate_content .gate_card a em.orange {
	background-color:#ff9257
}
#main_gate .gate_container .gate_content .gate_card a em.red {
	background-color:#c4555c
}
#main_gate .gate_container .gate_content .gate_card a em.purple {
	background-color:#a667e1
}
#main_gate .gate_container .gate_content .gate_card a em.green {
	background-color:#78a695
}
#main_gate .gate_container .gate_content .gate_card a em.lightgreen {
	background-color:#76c070
}
#main_gate .gate_container .gate_content .gate_card a em.blue {
	background-color:#7582ff
}
#main_gate .gate_container .gate_content .gate_card a h3 {
	margin-bottom:1rem;
	color:#000;
	font-size:2.2rem;
	font-weight:800
}
#main_gate .gate_container .gate_content .gate_card a .date {
	display:inline-block;
	position:absolute;
	left:3.6rem;
	bottom:3.6rem;
	width:100%;
	background:none
}
#main_gate .gate_container .gate_content .gate_card a span {
	position:absolute;
	right:3.6rem;
	bottom:3.6rem;
	width:2.5rem;
	height:2.5rem;
	background:url("../images/icon_arrow_right.png") no-repeat center/25px
}
#main_gate .gate_container .gate_content::after {
	content:'';
	clear:both;
	display:block;
	overflow:hidden
}
#main_gate .gate_container .gate_bottom {
	text-align:right;
	font-size:1.8rem;
	font-weight:500
}
#main_gate .gate_container .gate_bottom .checkbox {
	display:inline-block
}
#main_gate .gate_container .gate_bottom .checkbox input[type="checkbox"] {
	position:relative;
	opacity:1;
	width:1.5rem;
	height:1.6rem;
	border:2px #fff solid;
	cursor:pointer
}
#main_gate .gate_container .gate_bottom .checkbox input[type="checkbox"]:checked:after {
	content:"";
	position:absolute;
	top:-5px;
	left:-4px;
	height:10px;
	width:20px;
	margin:auto;
	-webkit-mask:url("../images/icon_arr_01.svg") no-repeat center/20px;
	mask:url("../images/icon_arr_01.svg") no-repeat center/20px;
	background-color:#fff;
	text-align:center;
	vertical-align:middle;
	line-height:1;
	color:#fff;
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg)
}
#main_gate .gate_container .gate_bottom .checkbox label {
	margin-left:1rem;
	color:#fff;
	cursor:pointer
}
#main_gate .gate_container .gate_bottom span {
	margin-left:4rem;
	color:#fff;
	cursor:pointer
}
#main_gate .gate_container.wide {
	max-width:1256px
}
#main_gate .gate_container.wide .gate_content {
	width:auto;
	margin-right:-1rem;
	margin-left:-1rem
}
#main_gate .gate_container.wide .gate_content .gate_card {
	width:calc(25% - 2rem);
	margin:1rem
}
#main_gate .gate_container.wide .gate_content .gate_card:nth-child(-n+4) {
	/* margin-top:0 */
}
#main_gate .gate_container.wide .gate_bottom {
	margin-top:-1rem
}
@media (max-width:1318px) {
	#main_gate .gate_container .gate_content {
		padding:1rem
	}
	#main_gate .gate_container .gate_content .gate_card {
		width:49.9%
	}
	#main_gate .gate_container.wide .gate_content .gate_card {
		width:calc(50% - 2rem)
	}
}
@media (max-width:1023px) {
	#main_gate .gate_container #header {
		position:static;
		margin-bottom:1.8rem
	}
	#main_gate .gate_container .gate_header {
		height:auto
	}
	#main_gate .gate_container .gate_header h1 {
		position:relative;
		margin-bottom:8.5rem;
		border-bottom:1px #acb4c3 solid
	}
	#main_gate .gate_container .gate_header h1 a {
		display:inline-block;
		margin:1.8rem 2rem 0 2rem
	}
	#main_gate .gate_container .gate_header h1 a svg {
		float:none;
		width:9.3rem;
		height:38px
	}
	#main_gate .gate_container .gate_header h1 a svg .logo-st0 {
		display:none
	}
	#main_gate .gate_container .gate_header h1::after {
		content:"입학홈페이지";
		display:inline-block;
		top:44%;
		left:30%;
		position:absolute;
		width:9rem;
		margin:-1.4rem 0 0 1rem;
		color:#fff;
		font-size:1.6rem;
		font-weight:700
	}
	#main_gate .gate_container .gate_header .gate_menu {
		float:none;
		position:static;
		padding:0 2rem
	}
	#main_gate .gate_container .gate_header .gate_menu ul li {
		text-align:center;
		width:49%;
		height:6rem;
		padding:1.5rem 0;
		background-color:#77222c
	}
	#main_gate .gate_container .gate_header .gate_menu ul li:nth-child(2) {
		margin-left:1%;
		background-color:#ed9c0f
	}
	#main_gate .gate_container .gate_header .gate_menu ul li a>br {
		display:none
	}
	#main_gate .gate_container .gate_content {
		margin-top:1.5rem;
		padding:0 2rem;
		overflow-x:hidden
	}
	#main_gate .gate_container .gate_content .gate_card {
		width:100%;
		height:17.75rem;
		margin:0.8rem 0
	}
	#main_gate .gate_container .gate_content .gate_card a {
		padding:2.5rem 3rem
	}
	#main_gate .gate_container .gate_content .gate_card a h3 {
		font-size:1.7rem
	}
	#main_gate .gate_container .gate_content .gate_card a .date {
		left:3rem
	}
	#main_gate .gate_container .gate_bottom {
		position:absolute;
		top:8rem;
		left:0;
		width:100%;
		padding:0 2rem;
		font-size:1.3rem
	}
	#main_gate .gate_container .gate_bottom .checkbox {
		float:left
	}
	#main_gate .gate_container .gate_bottom .checkbox input[type="checkbox"]:checked:after {
		top:-3px;
		left:-6px;
		-webkit-mask:url(../images/icon_arr_01.svg) no-repeat center/15px;
		mask:url(../images/icon_arr_01.svg) no-repeat center/15px
	}
	#main_gate .gate_container .gate_bottom>span {
		float:right
	}
	#main_gate .gate_container .gate_bottom .close {
		font-size:1.8rem
	}
	#main_gate .gate_container.wide .gate_header .gate_menu {
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
	#main_gate .gate_container.wide .gate_content .gate_card {
		width:calc(100% - 2rem);
		margin-top:0.8rem;
		margin-bottom:0.8rem
	}
	#main_gate .gate_container.wide .gate_content .gate_card:nth-child(-n+4) {
		margin-top:0.8rem
	}
	#main_gate .gate_container.wide .gate_bottom {
		margin-top:0
	}
}
@media (max-width:1023px) {
	#main_gate {
		background:url("../images/bg_main_gate_m.png") no-repeat center center/fill
	}
	#main_gate::before {
		display:none
	}
}
.page-introduce-school .spot-image {
	margin-bottom:2.6rem
}
.page-introduce-school .spot-image a {
	display:block;
	position:relative
}
@media (max-width:1318px) {
	.page-introduce-school .spot-image a .pc-only {
		display:block
	}
	.page-introduce-school .spot-image a .mobile-only {
		display:none
	}
}
@media (max-width:1023px) {
	.page-introduce-school .spot-image a .pc-only {
		display:none
	}
	.page-introduce-school .spot-image a .mobile-only {
		display:block;
		overflow:hidden;
		max-height:20rem
	}
	.page-introduce-school .spot-image a .mobile-only img {
		margin-top:-10%
	}
}
.page-introduce-school .spot-image a>img {
	width:100%;
	min-height:12rem
}
.page-introduce-school .spot-image a .txt-box {
	top:23.8%
}
.page-introduce-school .spot-image a .txt-box .txt-eyebrow {
	font-size:2.2rem;
	color:rgba(255,255,255,0.5)
}
.page-introduce-school .spot-image a .txt-box .txt-title {
	font-size:3.6rem;
	color:#fff
}
.page-introduce-school .spot-image a .txt-box .img_arrow {
	margin-top:3.6rem;
	margin-top:3%
}
@media (max-width:1023px) {
	.page-introduce-school .spot-image a .txt-box .txt-eyebrow {
		font-size:1.3rem
	}
	.page-introduce-school .spot-image a .txt-box .txt-title {
		font-size:2.1rem
	}
	.page-introduce-school .spot-image a .txt-box .img_arrow {
		width:2.6rem;
		height:1.1rem
	}
	.page-introduce-school .spot-image a .txt-box .img_arrow {
		margin-top:0
	}
}
.page-introduce-school .introduce-links {
	margin-right:-0.8rem;
	margin-left:-0.8rem
}
@media (max-width:1023px) {
	.page-introduce-school .introduce-links {
		margin:-1.1rem
	}
}
.page-introduce-school .introduce-links::after {
	content:'';
	clear:both;
	display:block;
	overflow:hidden
}
.page-introduce-school .introduce-links .item {
	float:left;
	width:20%;
	padding:0 0.8rem
}
@media (max-width:1023px) {
	.page-introduce-school .introduce-links .item {
		width:50%;
		padding:1.1rem
	}
}
.page-introduce-school .introduce-links .item .pod {
	display:block;
	position:relative;
	z-index:1
}
.page-introduce-school .introduce-links .item .pod:hover {
	-webkit-box-shadow:15px 25.981px 30px 0px rgba(33,8,9,0.35);
	box-shadow:15px 25.981px 30px 0px rgba(33,8,9,0.35)
}
.page-introduce-school .introduce-links .item .pod>img {
	width:100%
}
@media (max-width:1023px) {
	.page-introduce-school .introduce-links .item .pod:hover {
		-webkit-box-shadow:none;
		box-shadow:none
	}
}
.page-introduce-school .txt-box {
	position:absolute;
	top:18%;
	left:50%;
	width:100%;
	text-align:center;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%)
}
.page-introduce-school .txt-box .txt-eyebrow {
	display:block;
	font-weight:500;
	font-size:1.6rem;
	line-height:1.2;
	color:rgba(51,51,51,0.45)
}
.page-introduce-school .txt-box .txt-title {
	display:block;
	margin-top:0.8rem;
	font-weight:800;
	font-size:2.4rem;
	line-height:1.4;
	color:#333
}
@media (max-width:1023px) {
	.page-introduce-school .txt-box .txt-eyebrow {
		font-size:1.2rem
	}
	.page-introduce-school .txt-box .txt-title {
		font-size:1.8rem
	}
}
.introduce-school-bg {
	position:relative;
	margin-top:-6rem;
	padding-top:12.28%;
	background:url("../images/bg_introduceSchool_submain.png") no-repeat 50% 0/100% auto
}
@media (max-width:1023px) {
	.introduce-school-bg {
		margin-top:-1.2rem
	}
}
.notice-box {
	position:relative;
	max-width:870px;
	padding:1.8rem 2rem 1.6rem 6.5rem;
	background:#f4f4f4 url("../images/bg_noticeBox.png") no-repeat 0 0/6rem 100%
}
.notice-box+.pdf-list {
	margin-top:2rem
}
@media (max-width:1023px) {
	.notice-box+.pdf-list {
		margin-top:1rem
	}
}
@media (max-width:1023px) {
	.notice-box {
		padding:1.5rem 15rem 1.5rem 6.5rem
	}
}
.notice-box p {
	display:inline-block;
	position:relative;
	padding-left:2.6rem;
	font-weight:400;
	font-size:1.6rem;
	line-height:1.4;
	color:#666
}
@media (max-width:1023px) {
	.notice-box p {
		padding-left:2rem;
		font-size:1.3rem
	}
}
.notice-box p:before {
	content:'';
	position:absolute;
	top:0.3rem;
	left:0;
	width:1.8rem;
	height:1.8rem;
	background:url("../images/icon_info.png") no-repeat 50% 50%/100% auto
}
@media (max-width:1023px) {
	.notice-box p:before {
		top:0.2rem;
		width:1.4rem;
		height:1.4rem;
		background-image:url("../images/icon_info_m.png")
	}
}
.notice-box .goto {
	position:absolute;
	top:50%;
	right:2rem;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	width:11.8rem;
	height:3.2rem;
	border:1px solid #77222c;
	border-radius:3.2rem;
	background-color:#f4f4f4;
	font-weight:700;
	font-size:1.4rem;
	line-height:3rem;
	color:#77222c;
	text-align:center
}
.notice-box .goto:before {
	content:'';
	display:inline-block;
	width:1.4rem;
	height:1.4rem;
	margin-right:0.5rem;
	background:url("../images/icon_house.svg") no-repeat 50% 50%/100% auto;
	vertical-align:-0.1rem
}
@media (max-width:1023px) {
	.notice-box .goto:before {
		width:1.2rem;
		height:1.2rem
	}
}
.notice-box .goto:after {
	content:'';
	display:inline-block;
	width:0.8rem;
	height:0.8rem;
	margin-left:1rem;
	border-top:2px solid #77222c;
	border-left:2px solid #77222c;
	vertical-align:1px;
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg)
}
@media (max-width:1023px) {
	.notice-box .goto {
		width:10.8rem;
		height:2.8rem;
		font-size:1.3rem;
		line-height:2.8rem
	}
	.notice-box .goto:before {
		width:1rem;
		height:1rem;
		vertical-align:0
	}
	.notice-box .goto:after {
		width:0.6rem;
		height:0.6rem;
		margin-left:0.8rem;
		vertical-align:0.2rem
	}
}
.notice-box+.document-area {
	margin-top:6rem
}
.hide {
	position:absolute;
	left:-9999px;
	top:-9999px;
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	font-size: 0;
}