* {
	margin: 0px; padding: 0px; box-sizing: border-box; -webkit-text-size-adjust: none; -webkit-overflow-scrolling: touch; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
html {
	width: 100%; font-size: 10px;
}
body {
	width: 100%; color: rgba(102, 102, 102, 0.9); line-height: 1.5; font-size: 1.4rem; -ms-word-break: keep-all; -ms-word-wrap: break-word;
}
ul {
	list-style: none;
}
ol {
	list-style: none;
}
li {
	list-style: none;
}
a {
	color: inherit; text-decoration: none; cursor: pointer;
}
a:focus {
	
}
em {
	font-style: normal;
}
address {
	font-style: normal;
}
i {
	font-style: normal;
}
caption {
	width: 0px; height: 0px; overflow: hidden; font-size: 0px; visibility: hidden;
}
hr {
	line-height: 0; font-size: 0px;
}
select {
	border-radius: 0px; color: rgba(102, 102, 102, 0.9); -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
select::-ms-expand {
	display: none;
}
button {
	background: none; border: 0px currentColor; border-image: none; vertical-align: middle; cursor: pointer;
}
button:focus {
	
}
pre {
	white-space: pre-line; -ms-word-break: break-all;
}
img {
	border: 0px currentColor; border-image: none; vertical-align: middle;
}
input[type='text'] {
	background: rgb(255, 255, 255); padding: 0px; border-radius: 0px; border: 0px currentColor; border-image: none; color: rgba(102, 102, 102, 0.9); vertical-align: middle; display: block;
}
input[type='password'] {
	background: rgb(255, 255, 255); padding: 0px; border-radius: 0px; border: 0px currentColor; border-image: none; color: rgba(102, 102, 102, 0.9); vertical-align: middle; display: block;
}
input[type='file'] {
	background: rgb(255, 255, 255); padding: 0px; border-radius: 0px; border: 0px currentColor; border-image: none; color: rgba(102, 102, 102, 0.9); vertical-align: middle; display: block;
}
input[type='radio'] {
	vertical-align: middle;
}
input[type='checkbox'] {
	vertical-align: middle;
}
input::-ms-clear {
	display: none;
}
input:-ms-input-placeholder {
	color: rgb(188, 188, 188); font-size: 1.4rem; font-weight: 400;
}
textarea {
	background: rgb(255, 255, 255); color: rgba(102, 102, 102, 0.9); vertical-align: middle; display: block; -ms-overflow-x: hidden; -ms-overflow-y: auto; resize: none;
}
textarea:-ms-input-placeholder {
	color: rgb(188, 188, 188); font-weight: 400;
}
fieldset {
	background: 0px; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
fieldset legend {
	line-height: 0; font-size: 0px; visibility: hidden;
}
table {
	border-collapse: collapse;
}
body {
	font-family: 'Noto Sans KR', sans-seriffont-weight: 400;
}
button {
	font-family: 'Noto Sans KR', sans-serif font-weight: 400;
}
input {
	font-family: 'Noto Sans KR', sans-seriffont-weight: 400;
}
textarea {
	font-family: 'Noto Sans KR', sans-serif font-weight: 400;
}
select {
	font-family: 'Noto Sans KR', sans-serif font-weight: 400;
}
pre {
	font-family: 'Noto Sans KR', sans-serif font-weight: 400;
}
.hide {
	left: -1000%; top: 0px; width: 0px; height: 0px; line-height: 0.1%; overflow: hidden; font-size: 0.1%; position: absolute;
}
.transparents-layer {
	background: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 100; opacity: 0.5;
}
.nocontents {
	padding: 5rem; width: 100%; text-align: center; font-size: 1.6rem;
}
dl.skipnavi {
	position: relative;
}
dl.skipnavi dt {
	display: none;
}
dl.skipnavi dd a {
	left: 0px; top: -50px; font-size: 0px; position: absolute;
}
dl.skipnavi dd a:active {
	background: rgb(102, 102, 102); left: 0px; top: 0px; width: 400px; height: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 14px; padding-top: 9px; font-size: 12px; font-weight: 600; text-decoration: none; display: block; z-index: 51;
}
dl.skipnavi dd a:focus {
	background: rgb(102, 102, 102); left: 0px; top: 0px; width: 400px; height: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 14px; padding-top: 9px; font-size: 12px; font-weight: 600; text-decoration: none; display: block; z-index: 51;
}
.slick-slider {
	height: 100%; font-size: 0px; display: block; position: relative; box-sizing: border-box; -ms-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -moz-box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -webkit-tap-highlight-color: transparent;
}
.slick-list {
	margin: 0px; padding: 0px; width: 100%; height: 100%; overflow: hidden; display: block; position: relative;
}
.slick-list.dragging {
	cursor: pointer;
}
.slick-slider .slick-track {
	transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
}
.slick-slider .slick-list {
	transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
}
.slick-track {
	left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: relative;
}
.slick-track::before {
	display: table; content: "";
}
.slick-track::after {
	display: table; content: "";
}
.slick-track::after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	width: auto; height: 100%; float: left; display: none; min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	height: auto; display: block;
}
.slick-arrow.slick-hidden {
	display: none;
}
#ui-datepicker-div {
	background: rgb(255, 255, 255); left: -99999rem; margin-top: 0.4rem; margin-left: -0.1rem; position: absolute;
}
.ui-datepicker {
	left: 0px; width: 28.4rem;
}
.ui-datepicker table {
	width: 100%; margin-bottom: 0px;
}
.ui-datepicker-title {
	text-align: center;
}
.ui-datepicker-title select {
	background-position: 100% 0px; padding: 0px 3rem 0px 1rem; width: 10.6rem; height: 3rem; color: rgb(85, 85, 85); background-color: rgb(252, 252, 252);
}
.ui-datepicker-title select:last-child {
	margin-left: 0.5rem;
}
.ui-datepicker .ui-widget-header {
	background: rgb(255, 255, 255); border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(221, 221, 221) rgb(221, 221, 221) currentColor; padding: 1rem; border-image: none; position: relative;
}
.ui-datepicker .ui-widget-header a {
	top: 1.6rem; width: 0.8rem; height: 1.3rem; color: transparent; display: block; position: absolute; background-repeat: no-repeat;
}
.ui-datepicker .ui-widget-header .ui-datepicker-prev {
	background: url("../images/icon_paging_prev.png"); left: 1.3rem;
}
.ui-datepicker .ui-widget-header .ui-datepicker-next {
	background: url("../images/icon_paging_next.png"); right: 1.3rem;
}
.ui-datepicker .ui-widget-header .ui-state-hover {
	border: currentColor; border-image: none;
}
.ui-datepicker-calendar {
	border-width: medium 1px 1px; border-style: none solid solid; border-color: currentColor rgb(221, 221, 221) rgb(204, 204, 204); margin: 0px; border-image: none;
}
.ui-datepicker td {
	margin: 0px; padding: 0px 0.6rem; height: 3rem; text-align: right; color: rgb(85, 85, 85); font-size: 1.3rem; border-top-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid;
}
.ui-datepicker td:hover {
	background: rgb(204, 204, 204); color: rgb(0, 0, 0);
}
.ui-datepicker td:hover .ui-state-default {
	background: rgb(204, 204, 204); color: rgb(0, 0, 0);
}
.ui-datepicker-today {
	background: rgb(241, 241, 241); color: rgb(0, 0, 0);
}
.ui-datepicker-today .ui-state-default.ui-state-highlight {
	background: rgb(241, 241, 241); color: rgb(0, 0, 0);
}
.ui-datepicker td:first-child {
	border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}
.ui-state-default {
	border: currentColor; border-image: none;
}
.ui-widget-content .ui-state-default {
	border: currentColor; border-image: none;
}
.ui-widget-header .ui-state-default {
	border: currentColor; border-image: none;
}
.ui-button {
	border: currentColor; border-image: none;
}
html .ui-button.ui-state-disabled:hover {
	border: currentColor; border-image: none;
}
html .ui-button.ui-state-disabled:active {
	border: currentColor; border-image: none;
}
.ui-widget.ui-widget-content {
	border-color: rgb(221, 221, 221); border-radius: 0px;
}
.ui-state-default {
	background: rgb(255, 255, 255); color: rgb(102, 102, 102);
}
.ui-widget-content .ui-state-default {
	background: rgb(255, 255, 255); color: rgb(102, 102, 102);
}
.ui-widget-header .ui-state-default {
	background: rgb(255, 255, 255); color: rgb(102, 102, 102);
}
.ui-button {
	background: rgb(255, 255, 255); color: rgb(102, 102, 102);
}
html .ui-button.ui-state-disabled:hover {
	background: rgb(255, 255, 255); color: rgb(102, 102, 102);
}
html .ui-button.ui-state-disabled:active {
	background: rgb(255, 255, 255); color: rgb(102, 102, 102);
}
.ui-datepicker .ui-datepicker-buttonpane {
	border-width: medium 1px 1px; border-style: none solid solid; border-color: currentColor rgb(153, 153, 153) rgb(153, 153, 153); padding: 8px; border-image: none; margin-top: 0px; position: relative;
}
.ui-datepicker .ui-datepicker-buttonpane .ui-state-default {
	border-radius: 0.3rem; border: 1px solid rgb(204, 204, 204); border-image: none; width: 4.3rem; height: 2.2rem; color: rgb(102, 102, 102); line-height: 2.2rem; font-size: 1.3rem;
}
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close {
	top: 0.8rem; right: 0.8rem; position: absolute;
}
.ui-datepicker-calendar th {
	color: rgb(51, 51, 51); padding-bottom: 0.5rem; font-size: 1.3rem;
}
.hide {
	left: -1000%; top: 0px; width: 0px; height: 0px; line-height: 0.1%; overflow: hidden; font-size: 0.1%; position: absolute;
}
.transparents-layer {
	background: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 100; opacity: 0.5;
}
.nocontents {
	padding: 5rem; width: 100%; text-align: center; font-size: 1.6rem;
}
.tab-hiddencontents {
	display: none;
}
.tab-hiddencontents.on {
	display: block;
}
.pc-only {
	display: block !important;
}
.mobile-only {
	display: none !important;
}
.pull-left {
	clear: none !important; float: left !important;
}
.pull-right {
	clear: none !important; float: right !important;
}
.pull-none {
	overflow: hidden; clear: none !important; float: none !important; display: block;
}
input[type='radio'] {
	margin: -0.1rem; padding: 0px; border: 0px currentColor; border-image: none; width: 0.1rem; height: 0.1rem; overflow: hidden; position: absolute; clip: rect(0px, 0px, 0px, 0px);
}
input[type='radio'] + label {
	padding-left: 2.6rem; font-size: 1.6rem; font-weight: 400; display: inline-block; position: relative; cursor: pointer; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none;
}
input[type='radio'] + label::before {
	background: url("../images/bg_iradio_off.png") no-repeat 0px 90%; left: 0px; top: 0px; width: 2.2rem; height: 2.2rem; text-align: center; position: absolute; content: "";
}
input[type='radio']:checked + label::before {
	background: url("../images/bg_iradio_on.png") no-repeat 0px 90%;
}
input[type='radio']:checked + label::after {
	background: url("../images/bg_iradio_on.png") no-repeat 0px 90%; left: 0px; top: 0px; width: 2.2rem; height: 2.2rem; position: absolute; content: "";
}
input[type='checkbox'] {
	margin: -0.1rem; padding: 0px; border: 0px currentColor; border-image: none; width: 0.1rem; height: 0.1rem; overflow: hidden; position: absolute; clip: rect(0px, 0px, 0px, 0px);
}
input[type='checkbox'] + label {
	color: rgb(51, 51, 51); padding-left: 2.6rem; font-size: 1.6rem; font-weight: 400; display: inline-block; position: relative; cursor: pointer; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none;
}
input[type='checkbox'] + label::before {
	background: url("../images/bg_icheck_off.png") no-repeat 0px 100%; left: 0px; top: 0px; width: 2.2rem; height: 2.2rem; text-align: center; position: absolute; content: "";
}
input[type='checkbox']:checked + label::before {
	background: url("../images/bg_icheck_on.png") no-repeat 0px 100%; line-height: 2.2rem;
}
input[type='checkbox']:checked + label::after {
	background: url("../images/bg_icheck_on.png") no-repeat 0px 100%; left: 0px; top: 0px; width: 2.2rem; height: 2.2rem; position: absolute; content: "";
}
.inpbox {
	background: rgb(246, 246, 246); border: 0px currentColor; border-image: none; height: 5rem; vertical-align: middle; display: block; position: relative;
}
.inpbox input[type='text'] {
	background: 0px; padding: 0px 2rem; border: 0px currentColor; border-image: none; width: 100%; height: 100%; color: rgb(102, 102, 102); font-size: 1.6rem; font-weight: 400;
}
.inpbox input[type='password'] {
	background: 0px; padding: 0px 2rem; border: 0px currentColor; border-image: none; width: 100%; height: 100%; color: rgb(102, 102, 102); font-size: 1.6rem; font-weight: 400;
}
.inpbox input[type='text']:disabled {
	background: rgb(221, 221, 221);
}
.inpbox input[type='password']:disabled {
	background: rgb(221, 221, 221);
}
.optionbox {
	background: rgb(246, 246, 246); border: 0px currentColor; border-image: none; height: 5rem; vertical-align: middle; display: block; position: relative;
}
.optionbox select {
	background: url("../images/icon_arr_02.png") no-repeat 90% 50% rgb(246, 246, 246); padding: 0px 3rem 0px 2rem; border-radius: 0px; border: 0px currentColor; border-image: none; width: 100%; height: 100%; color: rgb(153, 153, 153); font-size: 1.6rem; font-weight: 200; display: block;
}
.optionbox select option {
	font-size: 1.5rem;
}
.datebox {
	background: rgb(246, 246, 246); width: 17.3rem; height: 5rem; padding-right: 2rem; float: left; position: relative;
}
.datebox input {
	background: 0px; padding: 0px 0px 0px 1rem; border: 0px currentColor; border-image: none; width: 100%; height: 100%; color: rgb(102, 102, 102); font-size: 1.6rem;
}
.datebox img {
	top: 1.4rem; width: 2.2rem; right: 0.9rem; position: absolute;
}
#wrap {
	width: 100%; opacity: 0;
}
.btn-gotop {
	background: url("../images/btn_gotop_m.png") no-repeat 100% 50% / 100% auto; padding: 0px; border: 0px currentColor; border-image: none; width: 4rem; height: 4rem; right: 2%; bottom: 2%; text-indent: -99999rem; font-size: 0px; position: fixed; z-index: 60;
}
body#main .header {
	
}
body#main .header .topmenu .subdepth-layer {
/* 	box-shadow: 0px 0.3rem 0.6rem rgba(0,0,0,0.1); */
}
body#main .section-footer .footer .btn-gotop {
	display: none;
}
.header {
	background: url("../images/bg_headerline.png") repeat-x 0px 100%; width: 100%; height: 9rem; position: absolute; z-index: 50;
}
.header::after {
	overflow: hidden; clear: both; display: block; content: "";
}
.header h1 {
	width: 100%; height: 17rem;float: left;
}
.header h1 a {
	background: url("../images/logo.png") no-repeat 50%; width: 100%; height: 100%; text-indent: -99999rem; font-size: 0px; display: block;
}
.header .topmenu {
	height: 9rem; padding-top: 2.7rem; margin-left: 15rem; display: inline-block;
}
.header .topmenu > ul {
	height: 6.3rem;
}
.header .topmenu > ul::after {
	overflow: hidden; clear: both; display: block; content: "";
}
.header .topmenu > ul > li {
	margin: 0px; padding: 0px; height: 6.3rem; float: left; position: relative;
}
.header .topmenu > ul > li > a {
	padding: 0px 4rem; width: 100%; height: 6.3rem; color: rgb(255, 255, 255); font-size: 2.2rem; font-weight: 700; display: block;
}
.header .topmenu > ul > li:hover > a {
	color: rgb(254, 187, 0); border-bottom-color: rgb(254, 187, 0); border-bottom-width: 3px; border-bottom-style: solid;
}
.header .topmenu > ul > li.on > a {
	color: rgb(254, 187, 0);
}
.header .topmenu > ul > li > ul > li.on a {
	color: rgb(254, 187, 0);
}
.header .topmenu > ul > li ul {
	left: 0px; top: 5.8rem; width: 102%; height: 25rem; padding-top: 3.5rem; padding-left: 4rem; display: none; position: absolute; z-index: 52;
}
.header .topmenu > ul > li:last-child ul {
	width: 60rem;
}
.header .topmenu > ul > li ul li {
	margin: 1.5rem 0px 0px; float: none;
}
.header .topmenu > ul > li ul li:first-child {
	margin-top: 0px;
}
.header .topmenu > ul > li ul li a {
	color: rgb(51, 51, 51); line-height: 2.2rem; font-size: 1.8rem; font-weight: 400;
}
.header .topmenu > ul > li ul li a:hover {
	color: rgb(243, 182, 10);
}
.header .topmenu .subdepth-layer {
	background: rgb(255, 255, 255); left: 0px; top: 9rem; width: 100%; height: 24rem; position: absolute; z-index: 51; opacity: 0;
}
.header .utilmenu {
	padding-top: 3.3rem; margin-right: 6.4rem; float: right;
}
.header .utilmenu::after {
	overflow: hidden; clear: both; display: block; content: "";
}
.header .utilmenu ul::after {
	overflow: hidden; clear: both; display: block; content: "";
}
.header .utilmenu ul.othermenu {
	height: 2.7rem; float: left;
}
.header .utilmenu ul.othermenu li {
	margin-left: 4rem; float: left;
}
.header .utilmenu ul.othermenu li:first-child {
	margin-left: 0px;
}
.header .utilmenu ul.othermenu li a {
	color: rgb(255, 255, 255); font-size: 1.8rem; font-weight: 700;
}
.header .utilmenu ul.othermenu li:hover a {
	color: rgb(254, 187, 0);
}
.header .utilmenu ul.snsmenu {
	height: 2.7rem; padding-left: 4.7rem; margin-left: 4rem; float: left; position: relative;
}

.header .btn-allmenu {
	top: 50%; width: 2.5rem; height: 2.5rem; right: 1.5rem; font-size: 0px; margin-top: -1.2rem; position: absolute; z-index: 55;
}
.header .btn-allmenu i {
	transition:background-color 0.3s, opacity 0.3s 0.3s, margin 0.3s 0.3s, transform 0.3s; left: 0px; top: 50%; width: 100%; height: 0.2rem; right: 0px; margin-top: -0.1rem; position: absolute; background-color: rgb(0, 0, 0);
}
.header .btn-allmenu i:nth-child(1) {
	margin-top: -1.1rem;
}
.header .btn-allmenu i:nth-child(3) {
	margin-top: 0.9rem;
}
.header .btn-allmenu:hover i {
	background-color: rgb(242, 179, 3);
}
.header.expand {
	background: url("../images/bg_headerline_on.png") repeat-x 0px 100% rgb(255, 255, 255);
}
.header.expand h1 a {
	background: url("../images/logo_b.png") no-repeat 50%;
}
.header.expand .topmenu > ul > li > a {
	color: rgb(51, 51, 51);
}
.header.expand .topmenu > ul > li:hover > a {
	color: rgb(254, 187, 0);
}
.header.expand .btn-allmenu i {
	transition-delay: 0.4s, 0.4s, 0.4s, 0.6s; background-color: rgb(255, 255, 255);
}
.header.expand .btn-allmenu i:nth-child(1) {
	margin-top: -0.1rem; transform: rotate(-45deg);
}
.header.expand .btn-allmenu i:nth-child(2) {
	opacity: 0;
}
.header.expand .btn-allmenu i:nth-child(3) {
	margin-top: -0.1rem; transform: rotate(45deg);
}
.header.expand .btn-allmenu i {
	background-color: rgb(255, 255, 255);
}
.header.expand .btn-allmenu:hover i {
	background-color: rgb(255, 255, 255);
}
.container {
	margin: 0px; padding: 0px; overflow: hidden; clear: both;
}
.container::after {
	overflow: hidden; clear: both; display: block; content: "";
}
.container .subvisual {
	background-position: 50% -10%; animation:imgScale 3s both; height: 39.3rem; overflow: hidden; position: relative; z-index: 40; background-attachment: fixed; background-repeat: no-repeat;
}
.container .subvisual h2 {
	margin: 0px 0px 0px -60rem; left: 50%; top: 50%; width: 118rem; text-align: center; color: rgb(255, 255, 255); position: absolute;
}
.container .subvisual h2 strong {
	margin: 0px; line-height: 6rem; font-family: 'Noto Sans KR', sans-serif;  font-size: 5.8rem; font-weight: 500; display: block;
}
.container .subvisual h2 span {
	font-size: 1.8rem; font-weight: 200; margin-top: 1.6rem; display: block;
}
.container .pagenavi {
	background: rgb(255, 255, 255); width: 100%; height: 7.1rem; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; position: relative; z-index: 41; min-width: 118rem; transform: translateZ(0px);
}
.container .pagenavi .btn-fontsize {
	margin: 0px 0px 0px -59rem; left: 50%; top: 0px; width: 118rem; height: 7rem; border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; display: block; position: absolute; z-index: 61;
}
.container .pagenavi .btn-fontsize button {
	width: 7rem; height: 7rem; text-indent: -99999rem; font-size: 0px; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; float: right;
}
.container .pagenavi .btn-fontsize .btn-font-large {
	background: url("../images/icon_fontsize_large.png") no-repeat 50%;
}
.container .pagenavi .btn-fontsize .btn-font-small {
	background: url("../images/icon_fontsize_small.png") no-repeat 50%;
}
.container .pagenavi::after {
	background: rgb(255, 255, 255); top: 0px; width: 50%; height: 7rem; right: 0px; overflow: hidden; display: block; position: absolute; z-index: -10; content: ""; transform: translateX(-50%);
}
.container .pagenavi::before {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 50%; height: 7rem; overflow: hidden; display: block; position: absolute; z-index: -10; content: ""; transform: translateX(50%);
}
.container .pagenavi > ul {
	margin: 0px auto; padding: 0px 14rem 0px 0px; width: 118rem; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; position: relative; z-index: 62;
}
.container .pagenavi > ul::after {
	overflow: hidden; float: left; display: block; content: "";
}
.container .pagenavi > ul > li {
	height: 7rem; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; float: left; position: relative;
}
.container .pagenavi > ul > li.home {
	width: 7rem;
}
.container .pagenavi > ul > li.home a {
	background: url("../images/icon_home.png") no-repeat 50%; width: 100%; height: 100%; text-indent: -99999rem; font-size: 0px; display: block;
}
.container .pagenavi > ul > li .holder {
	width: 25.5rem; height: 100%; line-height: 7rem; display: block; position: relative; z-index: 41;
}
.container .pagenavi > ul > li .holder > a {
	background: url("../images/icon_arr_02.png") no-repeat 90% 50%; padding: 0px 3rem; font-size: 1.6rem; display: block;
}
.container .pagenavi > ul > li:last-child {
	border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid;
}
.container .pagenavi > ul > li:last-child .holder > a {
	background: url("../images/icon_arr_03.png") no-repeat 90% 50%; color: rgb(255, 255, 255); font-weight: 500;
}
.container .pagenavi > ul > li:last-child ul {
	border-width: 0px; left: 0px; width: 100%;
}
.container .pagenavi > ul > li ul {
	border-width: 0px 1px 1px; border-style: solid; border-color: rgb(221, 221, 221); padding: 0px; transition:0.2s linear; left: -0.1rem; top: -25rem; width: 25.7rem; display: none; position: absolute; z-index: 40;
}
.container .pagenavi > ul > li ul {
	background: rgb(255, 255, 255);
}
.container .pagenavi > ul > li ul li {
	height: 5rem; line-height: 5rem;
}
.container .pagenavi > ul > li ul li a {
	padding: 0px 3rem; height: 5rem; line-height: 5rem; font-size: 1.5rem; display: block;
}
.container .pagenavi > ul > li ul li a:hover {
	background: rgb(247, 247, 247);
}
.container .pagenavi.topFixed {
	top: 0px; position: fixed; z-index: 60; box-shadow: 0px 10px 15px -15px rgba(0,0,0,0.3);
}
.container .pagenavi.topFixed > ul {
	background: rgb(255, 255, 255);
}
.container .pagenavi.topFixed::before {
	background: rgb(255, 255, 255); transition:transform 0.5s; transform: translateX(0px);
}
.container .pagenavi.topFixed::after {
	background: rgb(255, 255, 255); transition:transform 0.5s; transform: translateX(0px);
}
.container .contentsarea {
	margin: 0px auto 10rem; padding: 10rem 0px 4rem; width: 118rem; min-height: 50rem;
}
.container .contentsarea::after {
	overflow: hidden; clear: both; display: block; content: "";
}
.container .contentsarea.wideType {
	width: 100%;
}

.btncenter {
	text-align: center; clear: both; font-size: 0px; display: block;
}
.btncenter button {
	margin: 0px 0px 0px 1rem;
}
.btncenter button:first-child {
	margin-left: 0px;
}
.btnright {
	text-align: right; clear: both; font-size: 0px; display: block; position: relative;
}
.btnright::after {
	overflow: hidden; clear: both; display: block; content: "";
}
.btnright .txt-bottom {
	padding: 0px 0px 0px 1.2rem; left: 0px; top: -0.5rem; height: 2.5rem; line-height: 2.5rem; font-size: 1.6rem; font-weight: 400; display: inline-block; position: absolute;
}
.btnright .txt-bottom::before {
	background: rgb(248, 185, 8); border-radius: 50%; left: 0px; top: 50%; width: 0.3rem; height: 0.3rem; margin-top: -0.15rem; position: absolute; content: "";
}
.btnright span.btnleft {
	float: left;
}
.btnright button {
	margin: 0px 0px 0px 1rem;
}
.btnright button:first-child {
	margin-left: 0px;
}
.btn-moreview {
	margin: 3rem 2rem 0px;
}
.btn-moreview button {
	background: rgb(246, 246, 246); padding: 0px; border: 0.1rem solid rgb(221, 221, 221); border-image: none; width: 100%; height: 5rem; text-align: center; color: rgb(153, 153, 153); line-height: 5rem; font-size: 1.7rem; font-weight: 700;
}
.btn-moreview button:only-child {
	width: 100%; float: none;
}
.btn-list {
	background: url("../images/btn_listgo.png") no-repeat 50% rgb(102, 102, 102); width: 6rem; height: 6rem; text-indent: -99999rem; font-size: 0px;
}
.btn-gray {
	background: rgb(102, 102, 102); padding: 0px 2rem; text-align: center; color: rgb(255, 255, 255);
}
.btn-white {
	background: rgb(255, 255, 255); padding: 0px 2rem; border: 1px solid rgb(174, 174, 174); border-image: none; text-align: center; color: rgb(102, 102, 102);
}
.btn-black {
	background: rgb(51, 51, 51); padding: 0px 2rem; text-align: center; color: rgb(255, 255, 255);
}
.btn-green-border {
	background: rgb(255, 255, 255); padding: 0px 2rem; border: 1px solid rgb(57, 176, 108); border-image: none; height: 3.5rem; text-align: center; color: rgb(57, 176, 108);
}
.btn-green-border:hover {
	background: rgb(57, 176, 108); color: rgb(255, 255, 255);
}
.btn-gray-border {
	background: rgb(255, 255, 255); padding: 0px 2rem; border: 1px solid rgb(221, 221, 221); border-image: none; height: 3.5rem; text-align: center; color: rgb(153, 153, 153);
}
.btn-reaction {
	background: url("../images/icon_moreview.png") no-repeat 50% rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-image: none; width: 5rem; height: 5rem; text-indent: -99999rem; font-size: 0px;
}
.btn-border {
	background: rgb(255, 255, 255); padding: 0px 2rem; border: 1px solid rgb(102, 102, 102); border-image: none; text-align: center; color: rgb(102, 102, 102);
}
.btn-large {
	padding: 0px 3rem; height: 5rem; font-size: 1.6rem; font-weight: 600; min-width: 10rem;
}
button .filter {
	background: url("../images/icon_filter.png") no-repeat 100% 50% / 2.2rem auto; padding: 0px 3rem 0px 0px; display: inline-block;
}
.btn-ok {
	background: rgb(102, 102, 102); padding: 0px 2rem; text-align: center; color: rgb(255, 255, 255);
}
.btn-cancel {
	background: rgb(255, 255, 255); padding: 0px 2rem; border: 1px solid rgb(221, 221, 221); border-image: none; text-align: center; color: rgb(102, 102, 102);
}
.btn-print {
	background: url("../images/icon_print.png") no-repeat 50%; border: 1px solid rgb(221, 221, 221); border-image: none; width: 5rem !important; height: 5rem; font-size: 0px;
}
.btn-yellow {
	background: rgb(255, 162, 17); color: rgb(255, 255, 255);
}
body.fp-viewing-section-3 .header .topmenu ul li a:not(:hover) {
	color: rgb(51, 51, 51);
}
body.fp-viewing-section-3 .header .utilmenu ul.othermenu li a:not(:hover) {
	color: rgb(51, 51, 51);
}

body.fp-viewing-section-3 .header .utilmenu > .btn-fontup {
	background: rgb(230, 230, 230); color: rgb(51, 51, 51);
}
body.fp-viewing-section-3 .header .utilmenu > .btn-fontup:hover {
	background: rgb(203, 203, 203);
}
body.fp-viewing-section-3 .navi-main ul li:not(.active) a {
	opacity: 0.5;
}
body.fp-viewing-section-3 .navi-main ul li:not(.active)::before {
	opacity: 0.4;
}
body.fp-viewing-section-3 .navi-main ul li::after {
	opacity: 0.4;
}
body.fp-viewing-section-4 .header h1 a {
	background: url("../images/logo_b.png") no-repeat 50%;
}
body.fp-viewing-section-4 .header .topmenu ul li a:not(:hover) {
	color: rgb(51, 51, 51);
}
body.fp-viewing-section-4 .navi-main ul li:not(.active) a {
	color: rgb(51, 51, 51); opacity: 0.4;
}
body.fp-viewing-section-4 .navi-main ul li:not(.active)::before {
	background: rgb(51, 51, 51); opacity: 0.25;
}
body.fp-viewing-section-4 .navi-main ul li::after {
	background: rgb(51, 51, 51); opacity: 0.15;
}
body.fp-viewing-section-4 .navi-main ul li.active a {
	color:#fff;
}
body.fp-viewing-section-4 .navi-main ul li.active::before {
	background:#49b8ff;
}
body.fp-viewing-footer .header {
	
}
body.fp-viewing-footer .header.expand .topmenu > ul > li > a {
	color: rgb(255, 255, 255);
}
body.fp-viewing-footer .header.expand .topmenu > ul > li:hover > a {
	color: rgb(254, 187, 0);
}
body.fp-viewing-footer .header.expand .topmenu > ul > li.on > a {
	color: rgb(254, 187, 0);
}
.navi-main {
	left: 6.4rem; height: 100%; display: flex; position: fixed; z-index: 10; min-height: 73.5rem; flex-direction: column; justify-content: center; -webkit-flex-direction: column; -moz-flex-direction: column; -msflex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center;
}
.navi-main ul li {
	padding-left: 2.8rem; margin-top: 1rem; position: relative;
}
.navi-main ul li:first-child {
	margin-top: 0px;
}
.navi-main ul li::before {
	background: rgb(255, 255, 255); border-radius: 50%; left: 0.2rem; top: 50%; width: 0.7rem; height: 0.7rem; margin-top: -0.35rem; display: block; position: absolute; content: ""; opacity: 0.2;
}
.navi-main ul li::after {
	background: rgb(255, 255, 255); left: 0.5rem; top: 1.8rem; width: 0.1rem; height: 3.3rem; display: block; position: absolute; content: ""; opacity: 0.15;
}
.navi-main ul li a {
	color: rgb(255, 255, 255); font-size: 2rem; opacity: 0.3;
}
.navi-main ul li.active::before {
	left: 0px; width: 1.1rem; height: 1.1rem; opacity: 1;
}
.navi-main ul li.active a {
	opacity: 1;
}
.navi-main ul li:last-child::after {
	display: none;
}
.maincontentsarea .section {
	background: no-repeat 50% / 120% auto; transition:background 2s 1s; min-height: 73.5rem;
}

.maincontentsarea .fp-tableCell button.mouse {
	/* background: url("../images/icon_mouse_w.png") no-repeat 50%;  */
    left: 50%; width: 2.2rem; height: 3.4rem; bottom: 4rem; text-indent: -99999rem; font-size: 0px; display: block; position: absolute; content: ""; transform: translate(-50%, -50%);
}
.maincontentsarea .section::after {
	/* background: url("../images/icon_mouse_arr_w.png") no-repeat 50%;  */
    animation:arrUpDown 1s infinite; left: 50%; width: 1.3rem; height: 0.8rem; bottom: 4.5rem; margin-left: -0.65rem; display: block; position: absolute; content: "";
}
.maincontentsarea .section .innerbox {
	padding-left: 22%; 

}
.maincontentsarea .section .innerbox::after {
	overflow: hidden; clear: both; display: block; content: "";
}
.maincontentsarea .section .contentsbox {
	float: left;
}
.maincontentsarea .section .contentsbox .slick-list {
	padding: 0px 0px 2rem !important;
}
.maincontentsarea .section .contentsbox .slick-track {
	display: flex; align-items: flex-end; -webkit-align-items: flex-end; -ms-align-items: flex-end; -moz-align-items: flex-end;
}
.maincontentsarea .section .contentsbox .slick-slide {
	margin-right: 2rem; cursor: pointer; box-shadow: 1rem 1rem 2rem -1rem rgba(0,0,0,0.05);
}
.maincontentsarea .section.section-footer {
	margin: 0px; min-height: auto;
}
.maincontentsarea dl.title {
	width: 48rem;  float: left; 
}
.maincontentsarea .section-5 dl.title {
	width: 48rem;  float: left; 
}
.maincontentsarea dl.title dt em {
	background: url("../images/bg_main_title_01.png") no-repeat 50%; width: 5rem; height: 5rem; text-align: center; color: rgb(56, 41, 36); line-height: 5rem; font-size: 1.6rem; margin-bottom: 4rem; display: block;
}
.maincontentsarea dl.title dt strong {
	color: rgb(255, 255, 255); line-height: 1.25;  font-size: 5rem; font-weight: 600; display: block;
	letter-spacing: -2px;
	font-family: 'Noto Sans KR', sans-serif
}
.maincontentsarea dl.title dd {
	margin-top: 1.8rem; position: relative;
}
.maincontentsarea dl.title dd > p {
	color: rgb(255, 255, 255); font-size: 1.6rem;
	line-height: 2.4rem;
	font-weight: 500;
	margin-top: 4rem;
}
.maincontentsarea dl.title dd .slide-arrs {
	width: 10rem; height: 5rem; font-size: 0px; margin-top: 6.5rem; display: block;
}
.maincontentsarea dl.title dd .slide-arrs > button {
	border: 1px solid rgba(255, 255, 255, 0.7); border-image: none; width: 50%; height: 100%; text-indent: -99999px; font-size: 0px; margin-left: -0.1rem;
}
.maincontentsarea dl.title dd .slide-arrs > button.slick-prev {
	background: url("../images/icon_slide_prev_01.png") no-repeat 50%; margin-left: 0px;
}
.maincontentsarea dl.title dd .slide-arrs > button.slick-next {
	background: url("../images/icon_slide_next_01.png") no-repeat 50%;
}
.maincontentsarea dl.title dd .page {
	left: 13rem; bottom: 1.3rem; position: absolute;
}

.maincontentsarea .section li .info > .address {
	 overflow: hidden; font-size: 1.6rem; display: block; -ms-text-overflow: ellipsis;
	  font-weight: 300;
}
.maincontentsarea .section-0 {
	background-image: url("/theme/basic/img/main_bg00.jpg");
	background-size: cover ;
}
.maincontentsarea .section-1 {
	background-image: url("/theme/basic/img/main_bg0.jpg");
	background-size: cover ;
}
.maincontentsarea .section-2 {
	background-image: url("/theme/basic/img/main_bg1.jpg");
	background-size: cover ;
}
.maincontentsarea .section-3 {
	background-image: url("/theme/basic/img/main_bg2.jpg");
	background-size: cover ;
}
.maincontentsarea .section-4 {
	background-image: url("/theme/basic/img/main_bg3.jpg");
	background-size: cover ;
}
.maincontentsarea .section-5 {
	background-image: url("/theme/basic/img/main_bg6.jpg");
	background-size: cover ;
}
.maincontentsarea .section-6 {
	background-image: url("/theme/basic/img/main_bg4.jpg");
	background-size: cover ;
}
.maincontentsarea .section-7 {
	background-image: url("/theme/basic/img/main_bg7.jpg");
	background-size: cover ;
}
.maincontentsarea .section-8 {
	background-image: url("/theme/basic/img/main_bg8.jpg");
	background-size: cover ;
}

.maincontentsarea .section-1 dl.title  {
	width: 100%;
}
.maincontentsarea .section-1 dl.title dd ul  {
	margin-top: 7rem;
}
.maincontentsarea .section-1 dl.title dd ul li,
.maincontentsarea .section-4 dl.title dd ul li{
	text-align: center;
	display: inline-block;
	margin-right: 4rem;
}
.maincontentsarea .section-4 dl.title dd ul dd p {
	margin-top: 0;
}
.maincontentsarea .section-4 dl.title dd {
	margin-top: 0;
}
.maincontentsarea .section-4 dl.title dd ul {
	margin-top: 20px;
}
.maincontentsarea .section-1 dl.title dd>p {
	font-size: 1.5rem;	
}
.maincontentsarea .section-1 dl.title>dt strong {

}
.maincontentsarea .section-1 .innerbox {
	padding-top: 0rem;
}
.maincontentsarea .section-1 dl.title ul li dt strong {
	line-height: 0;
}



/**/
.maincontentsarea .section-0 .contentsbox {
margin-left: 10rem;
    width: calc(100% - 37rem - 22.4rem);
}

.maincontentsarea .section-0 dl.title dt em {
    color: rgb(224, 131, 30); background-image: url("../images/bg_main_title_02.png");
}

.maincontentsarea .section-0 .slide-main3 li {
    width: 46rem !important; height: 50rem; position: relative;
}
.maincontentsarea .section-0 .slide-main3 li .pic {
    background: rgb(244, 244, 244); width: 100%; height: 31rem; overflow: hidden; font-size: 0px; display: block; position: relative;
}
.maincontentsarea .section-0 .slide-main3 li .pic img {
    height: 100%;
    margin-left: -44%;
}
.maincontentsarea .section-0 .slide-main3 li .info {
    background:transparent; padding-top: 1.5rem; width: 100%; height: 17rem;
    color: #fff;
}


/**/
.section1_sign {
	position: absolute;
	width: 550px;
	right: 0;
	bottom: 150px;
	margin: auto;	
	z-index: 999;
}

.section1_sign img {
	width: 100%;
}

/**/
.maincontentsarea .section-2 .innerbox {
 margin-top: 14rem;
}
.maincontentsarea .section-2 .contentsbox {
	width: calc(100% - 37rem - 12.4rem);
	height: 58.7rem;  padding-top: 1.5rem; position: relative;
}
.maincontentsarea .section-2 dl.title dd > .list-link {
	margin-top: 4rem;
}
.maincontentsarea .section-2 dl.title dd > .list-link ul::after {
	overflow: hidden; clear: both; display: block; content: "";
}
.maincontentsarea .section-2 dl.title dd > .list-link ul li {
	padding-left: 1.9rem; margin-left: 1.4rem; float: left; position: relative;
}
.maincontentsarea .section-2 dl.title dd > .list-link ul li::before {
	background: rgb(133, 134, 138); border-radius: 50%; left: 0px; top: 50%; width: 0.4rem; height: 0.4rem; margin-top: -0.2rem; vertical-align: middle; display: block; position: absolute; content: "";
}
.maincontentsarea .section-2 dl.title dd > .list-link ul li:first-child {
	padding: 0px; margin-left: 0px;
}
.maincontentsarea .section-2 dl.title dd > .list-link ul li:first-child::before {
	display: none;
}
.maincontentsarea .section-2 dl.title dd > .list-link ul li a {
	color: rgb(255, 255, 255, 0.7); font-size: 1.6rem; border-bottom-color: transparent; border-bottom-width: 2px; border-bottom-style: solid; display: block;
}
.maincontentsarea .section-2 dl.title dd > .list-link ul li.on a {
	border-color: #fff; color:#fff; font-weight: 600;
}
.maincontentsarea .section-2 dl.title dd > .list-link ul li:hover a {
	color: #fff;
}
.maincontentsarea .section-2 dl.title dd .slide-arrs {
	display: none;
}
.maincontentsarea .section-2 dl.title dd .slide-arrs.on {
	display: block;
}
.maincontentsarea .section-2 .slide-book {
	margin-right: -2rem;
	margin-left: 10rem;
	padding-bottom: 35px;
}
.maincontentsarea .section-2 .slide-book li {
	width: 27.6rem !important; height: 42.7rem; overflow: hidden; position: relative; margin: 0 2%;	
}
.maincontentsarea .section-2 .slide-book li .pic {
	background: rgb(244, 244, 244); width: 100%; height: 35.8rem; font-size: 0px; display: block; position: relative;
		border-radius: 20px;	
}
.maincontentsarea .section-2 .slide-book li .pic img {
	left: 50%; top: 50%; width: 100%; position: absolute; transform: translate3d(-50%, -50%, 0px);
}
.maincontentsarea .section-2 .slide-book li .info {
	background: transparent;  width: 100%; 
}
.maincontentsarea .section-2 .slide-book li .info > .cate {
	width: 100%; color: #fff; overflow: hidden; font-size: 1.8rem; font-weight: 500; margin-bottom: 1rem; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.maincontentsarea .section-2 .slide-book li .info > .cate > i {
	color: inherit; font-size: inherit; vertical-align: middle; display: inline; position: relative;
}
.maincontentsarea .section-2 .slide-book li .info > .cate > i::before {
	background: url("../images/icon_arr_01.png") no-repeat 50%; margin: 0px 0.8rem; width: 0.5rem; height: 1rem; display: inline-block; content: "";
}
.maincontentsarea .section-2 .slide-book li .info > .cate > i:first-child {
	margin-left: 0px;
}
.maincontentsarea .section-2 .slide-book li .info > .cate > i:first-child::before {
	display: none;
}
.maincontentsarea .section-2 .slide-book li .info > .cate > i:last-child{
float: right;
}
.maincontentsarea .section-2 .slide-book li .info > .title {
	height: 6.6rem; color: rgb(51, 51, 51); line-height: 1.33; overflow: hidden; font-family: 'Noto Sans KR', sans-serif;  font-size: 2.4rem; font-weight: 800; display: block;
}
.maincontentsarea .section-2 .slide-book li .info > .writer {
	width: 100%; color: rgb(153, 153, 153); overflow: hidden; font-size: 1.5rem; margin-top: 1rem; vertical-align: middle; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.maincontentsarea .section-2 .slide-book li .info > .writer > i {
	color: inherit; padding-left: 1.1rem; font-size: inherit; margin-left: 0.6rem; display: inline; position: relative;
}
.maincontentsarea .section-2 .slide-book li .info > .writer > i::before {
	background: rgb(221, 221, 221); left: 0px; top: 50%; width: 0.1rem; height: 1.2rem; margin-top: -0.6rem; display: block; position: absolute; content: "";
}
.maincontentsarea .section-2 .slide-book li .info > .writer > i:first-child {
	padding-left: 0px; margin-left: 0px;
}
.maincontentsarea .section-2 .slide-book li .info > .writer > i:first-child::before {
	display: none;
}
.maincontentsarea .section-2 .slide-book li .info > p {
	height: 8rem; color: rgba(102, 102, 102, 0.8); line-height: 1.6; overflow: hidden; font-size: 1.6rem; margin-top: 1rem; display: block;
}
.maincontentsarea .section-2 .slide-book.type-cate li .info > .title {
	height: 3.5rem; min-height: 3.5rem; max-height: 3.5rem;
}
.maincontentsarea .section-2 .slide-book.type-cate li .info > p {
	height: 5.5rem;
}
.maincontentsarea .section-2 .slide-book > .btn-more {
	background: url("../images/icon_plus_01.png") no-repeat 100% 30%; top: 0px; height: 3rem; right: 0px; color: rgb(255, 255, 255); padding-right: 2.2rem; font-size: 1.5rem; font-weight: 400; display: none; position: absolute;
}
.maincontentsarea .section-2 .tab_hiddencontents.tab1 .slide-book li .pic {
	overflow: hidden;
}
.maincontentsarea .section-2 .tab_hiddencontents.tab1 .slide-book li .pic img {
	width: 100%; 
}
.maincontentsarea .btn-place {
	background: transparent; border-radius: 2.4rem; width: 15.5rem; height: 4.8rem; color: rgb(255, 255, 255); font-size: 1.6rem; margin-top: 5rem;
	border: 1px solid #fff;
	font-family: 'Noto Sans KR', sans-serif
}


/**/
.maincontentsarea .section-3 .contentsbox {
margin-left: 10rem;
	width: calc(100% - 37rem - 22.4rem);
}

.maincontentsarea .section-3 dl.title dt em {
	color: rgb(224, 131, 30); background-image: url("../images/bg_main_title_02.png");
}

.maincontentsarea .section-3 .slide-main2 li {
	width: 46rem !important; height: 50rem; position: relative;
}
.maincontentsarea .section-3 .slide-main2 li .pic {
	background: rgb(244, 244, 244); width: 100%; height: 31rem; overflow: hidden; font-size: 0px; display: block; position: relative;
}
.maincontentsarea .section-3 .slide-main2 li .pic img {
height: 100%;
}
.maincontentsarea .section-3 .slide-main2 li .info {
	background:transparent; padding-top: 1.5rem; width: 100%; height: 17rem;
	color: #fff;
}
.maincontentsarea .section li .info > .title {
	width: 100%; overflow: hidden; font-family: 'Noto Sans KR', sans-serif;  font-size: 2rem; font-weight: 500; margin-bottom: 0.5rem; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.maincontentsarea .section-3 .slide-main2 li .info > .time {
overflow: hidden; font-size: 1.6rem; display: block;  -ms-text-overflow: ellipsis;
}
.maincontentsarea .section-3 .slide-main2 li .info > .time > b {
	color: inherit; font-size: inherit; font-weight: inherit;
}
.maincontentsarea .section-3 .slide-main2 li .info > .time > i {
	color: inherit; padding-left: 1.1rem; font-size: inherit; font-weight: inherit; margin-left: 1.1rem; position: relative;
}
.maincontentsarea .section-3 .slide-main2 li .info > .time > i::before {
	background: rgb(199, 199, 199); left: 0px; top: 50%; width: 0.1rem; height: 1.2rem; margin-top: -0.6rem; display: block; position: absolute; content: "";
}



/* section4 */
.maincontentsarea .section-4 .contentsbox {
margin-left: 10rem;
	width: calc(100% - 37rem - 22.4rem);
}

.maincontentsarea .section-4 dl.title dt em {
	color: rgb(224, 131, 30); background-image: url("../images/bg_main_title_02.png");
}

.maincontentsarea .section-4 .slide-main3 li {
	width: 46rem !important; height: 50rem; position: relative;
}
.maincontentsarea .section-4 .slide-main3 li .pic {
	background: rgb(244, 244, 244); width: 100%; height: 31rem; overflow: hidden; font-size: 0px; display: block; position: relative;
}
.maincontentsarea .section-4 .slide-main3 li .pic img {
	height: 100%;
	margin-left: -44%;
}
.maincontentsarea .section-4 .slide-main3 li .info {
	background:transparent; padding-top: 1.5rem; width: 100%; height: 17rem;
	color: #fff;
}

.maincontentsarea .section-3 .innerbox {
	padding-top: 5rem;
}


/*section5*/
.maincontentsarea .section-5 .innerbox {
 margin-top: 14rem;
}
.maincontentsarea .section-5 .contentsbox {
	width: calc(100% - 37rem - 12.4rem);
	height: 58.7rem;  padding-top: 1.5rem; position: relative;
}
.maincontentsarea .section-5 dl.title dd > .list-link {
	margin-top: 4rem;
}
.maincontentsarea .section-5 dl.title dd > .list-link ul::after {
	overflow: hidden; clear: both; display: block; content: "";
}
.maincontentsarea .section-5 dl.title dd > .list-link ul li {
	padding-left: 1.9rem; margin-left: 1.4rem; float: left; position: relative;
}
.maincontentsarea .section-5 dl.title dd > .list-link ul li::before {
	background: rgb(133, 134, 138); border-radius: 50%; left: 0px; top: 50%; width: 0.4rem; height: 0.4rem; margin-top: -0.2rem; vertical-align: middle; display: block; position: absolute; content: "";
}
.maincontentsarea .section-5 dl.title dd > .list-link ul li:first-child {
	padding: 0px; margin-left: 0px;
}
.maincontentsarea .section-5 dl.title dd > .list-link ul li:first-child::before {
	display: none;
}
.maincontentsarea .section-5 dl.title dd > .list-link ul li a {
	color: rgb(255, 255, 255, 0.7); font-size: 1.6rem; border-bottom-color: transparent; border-bottom-width: 2px; border-bottom-style: solid; display: block;
}
.maincontentsarea .section-5 dl.title dd > .list-link ul li.on a {
	border-color: #fff; color:#fff; font-weight: 600;
}
.maincontentsarea .section-5 dl.title dd > .list-link ul li:hover a {
	color: #fff;
}
.maincontentsarea .section-5 dl.title dd .slide-arrs {
	display: none;
}
.maincontentsarea .section-5 dl.title dd .slide-arrs.on {
	display: block;
}
.maincontentsarea .section-5 .slide-book {
	margin-right: -2rem;
	margin-left: 10rem;
	padding-bottom: 35px;
}
.maincontentsarea .section-5 .slide-book .swiper-slide {
	width: 28.5rem !important; height: 34rem; position: relative; margin: 1%;	
	border-radius: 20px;	
}
.maincontentsarea .section-5 .slide-book li .pic {
	background: rgb(244, 244, 244); width: 100%; height: 16.3rem; font-size: 0px; display: block; position: relative;
		
}
.maincontentsarea .section-5 .slide-book .swiper-slide ul {

}
.maincontentsarea .section-5 .slide-book .swiper-slide li{
	width: 28.5rem !important; height: 16rem; position: relative; margin:4% 1%;	
	border-radius: 20px;	
}
.maincontentsarea .section-5 .slide-book li .pic img {
	left: 50%; top: 50%; width: 100%; position: absolute; transform: translate3d(-50%, -50%, 0px);
}


.maincontentsarea .section-5 .slide-book > .btn-more {
	background: url("../images/icon_plus_01.png") no-repeat 100% 30%; top: 0px; height: 3rem; right: 0px; color: rgb(255, 255, 255); padding-right: 2.2rem; font-size: 1.5rem; font-weight: 400; display: none; position: absolute;
}
.maincontentsarea .section-5 .tab_hiddencontents.tab1 .slide-book li .pic {
	overflow: hidden;
}
.maincontentsarea .section-5 .tab_hiddencontents.tab1 .slide-book li .pic img {
	width: 100%; 
}


/**/
.maincontentsarea .section-6 .contentsbox {
margin-left: 10rem;
	width: calc(100% - 37rem - 22.4rem);
}
.maincontentsarea .section-6 dl.title dt em {
	color: rgb(224, 131, 30); background-image: url("../images/bg_main_title_02.png");
}

.maincontentsarea .section-6  li {
	width: 46rem !important; height: 50rem; position: relative;
}
.maincontentsarea .section-6  li .pic {
	background: rgb(244, 244, 244); width: 100%; height: 31rem; overflow: hidden; font-size: 0px; display: block; position: relative;
}
.maincontentsarea .section-6  li .pic img {
	height: 100%;
	margin-left: -44%;
}





/*section7*/
/**/
.maincontentsarea .section-7 .innerbox {
 margin-top: 20rem;
}
.maincontentsarea .section-7 .contentsbox {
	width: calc(100% - 37rem - 12.4rem);
	height: 58.7rem;  padding-top: 1.5rem; position: relative;
}
.maincontentsarea .section-7 dl.title dd > .list-link {
	margin-top: 4rem;
}
.maincontentsarea .section-7 dl.title dd > .list-link ul::after {
	overflow: hidden; clear: both; display: block; content: "";
}
.maincontentsarea .section-7 dl.title dd > .list-link ul li {
	padding-left: 1.9rem; margin-left: 1.4rem; float: left; position: relative;
}
.maincontentsarea .section-7 dl.title dd > .list-link ul li::before {
	background: rgb(133, 134, 138); border-radius: 50%; left: 0px; top: 50%; width: 0.4rem; height: 0.4rem; margin-top: -0.2rem; vertical-align: middle; display: block; position: absolute; content: "";
}
.maincontentsarea .section-7 dl.title dd > .list-link ul li:first-child {
	padding: 0px; margin-left: 0px;
}
.maincontentsarea .section-7 dl.title dd > .list-link ul li:first-child::before {
	display: none;
}
.maincontentsarea .section-7 dl.title dd > .list-link ul li a {
	color: rgb(255, 255, 255, 0.7); font-size: 1.6rem; border-bottom-color: transparent; border-bottom-width: 2px; border-bottom-style: solid; display: block;
}
.maincontentsarea .section-7 dl.title dd > .list-link ul li.on a {
	border-color: #fff; color:#fff; font-weight: 600;
}
.maincontentsarea .section-7 dl.title dd > .list-link ul li:hover a {
	color: #fff;
}
.maincontentsarea .section-7 dl.title dd .slide-arrs {
	display: none;
}
.maincontentsarea .section-7 dl.title dd .slide-arrs.on {
	display: block;
}
.maincontentsarea .section-7 .slide-book {
	margin-right: -2rem;
	margin-left: 10rem;
	padding-bottom: 35px;
}
.maincontentsarea .section-7 .slide-book li {
	width: 50rem !important; height: 29rem; overflow: hidden; position: relative; margin: 0 2%;	
	border-radius: 20px;	
}
.maincontentsarea .section-7 .slide-book li .pic {
	background: rgb(244, 244, 244); width: 100%; height: 28rem; font-size: 0px; display: block; position: relative;
		
}
.maincontentsarea .section-7 .slide-book li .pic img {
	left: 50%; top: 50%; width: 100%; position: absolute; transform: translate3d(-50%, -50%, 0px);
}
.maincontentsarea .section-7 .slide-book li .info {
	background: transparent;  width: 100%; 
}
.maincontentsarea .section-7 .slide-book li .info > .cate {
	width: 100%; color: #fff; overflow: hidden; font-size: 1.8rem; font-weight: 500; margin-bottom: 1rem; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.maincontentsarea .section-7 .slide-book li .info > .cate > i {
	color: inherit; font-size: inherit; vertical-align: middle; display: inline; position: relative;
}
.maincontentsarea .section-7 .slide-book li .info > .cate > i::before {
	background: url("../images/icon_arr_01.png") no-repeat 50%; margin: 0px 0.8rem; width: 0.5rem; height: 1rem; display: inline-block; content: "";
}
.maincontentsarea .section-7 .slide-book li .info > .cate > i:first-child {
	margin-left: 0px;
}
.maincontentsarea .section-7 .slide-book li .info > .cate > i:first-child::before {
	display: none;
}
.maincontentsarea .section-7 .slide-book li .info > .cate > i:last-child{
float: right;
}
.maincontentsarea .section-7 .slide-book li .info > .title {
	height: 6.6rem; color: rgb(51, 51, 51); line-height: 1.33; overflow: hidden; font-family: 'Noto Sans KR', sans-serif;  font-size: 2.4rem; font-weight: 800; display: block;
}
.maincontentsarea .section-7 .slide-book li .info > .writer {
	width: 100%; color: rgb(153, 153, 153); overflow: hidden; font-size: 1.5rem; margin-top: 1rem; vertical-align: middle; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.maincontentsarea .section-7 .slide-book li .info > .writer > i {
	color: inherit; padding-left: 1.1rem; font-size: inherit; margin-left: 0.6rem; display: inline; position: relative;
}
.maincontentsarea .section-7 .slide-book li .info > .writer > i::before {
	background: rgb(221, 221, 221); left: 0px; top: 50%; width: 0.1rem; height: 1.2rem; margin-top: -0.6rem; display: block; position: absolute; content: "";
}
.maincontentsarea .section-7 .slide-book li .info > .writer > i:first-child {
	padding-left: 0px; margin-left: 0px;
}
.maincontentsarea .section-7 .slide-book li .info > .writer > i:first-child::before {
	display: none;
}
.maincontentsarea .section-7 .slide-book li .info > p {
	height: 8rem; color: rgba(102, 102, 102, 0.8); line-height: 1.6; overflow: hidden; font-size: 1.6rem; margin-top: 1rem; display: block;
}
.maincontentsarea .section-7 .slide-book.type-cate li .info > .title {
	height: 3.5rem; min-height: 3.5rem; max-height: 3.5rem;
}
.maincontentsarea .section-7 .slide-book.type-cate li .info > p {
	height: 5.5rem;
}
.maincontentsarea .section-7 .slide-book > .btn-more {
	background: url("../images/icon_plus_01.png") no-repeat 100% 30%; top: 0px; height: 3rem; right: 0px; color: rgb(255, 255, 255); padding-right: 2.2rem; font-size: 1.5rem; font-weight: 400; display: none; position: absolute;
}
.maincontentsarea .section-7 .tab_hiddencontents.tab1 .slide-book li .pic {
	overflow: hidden;
}
.maincontentsarea .section-7 .tab_hiddencontents.tab1 .slide-book li .pic img {
	width: 100%; 
}



/**/





.maincontentsarea .section-8::before {
	display: none;
}
.maincontentsarea .section-8::after {
	display: none;
}
.maincontentsarea .section-8 dl.title dt em {
	color: rgb(255, 255, 255); background-image: url("../images/bg_main_title_04.png");
}
.maincontentsarea .section-8 .contentsbox {
	width: 60%; position: relative;
}
.maincontentsarea .section-8 .list-board ul {
	margin: -2% 0px 0px 4rem;
}
.maincontentsarea .section-8 .list-board ul::after {
	overflow: hidden; clear: both; display: block; content: "";
}
.maincontentsarea .section-8 .list-board ul li {
	background: rgb(0, 0, 0,0.5); margin: 2% 0px 0px 2%; width: 28%; height: 22rem; float: left; position: relative;
}
.maincontentsarea .section-8 .list-board ul li::after {
	width: 8.9rem; height: 5.9rem; right: 2rem; bottom: 3.6rem; display: block; position: absolute; content: "";
}
.maincontentsarea .section-8 .list-board ul li a {
	padding: 3rem 3rem; width: 100%; height: 100%; display: block;
}
.maincontentsarea .section-8 .list-board ul li a > strong {
	color: #fff; font-family: 'Noto Sans KR', sans-serif;  font-size: 2.8rem; font-weight: 800; margin-bottom: 2rem; display: block;
}
.maincontentsarea .section-8 .list-board ul li a > span {
	font-size: 1.6rem; display: block; color: #fff; opacity: 0.6;
}

.maincontentsarea .section-footer::before {
	display: none;
}
.maincontentsarea .section-footer::after {
	display: none;
}




@media screen and (max-width:1650px)
{

.maincontentsarea .section-1 .innerbox {
	padding-top: 13rem;
}

.maincontentsarea .section .innerbox{
padding-left: 28rem;
}
/* .maincontentsarea .section-2 .innerbox > .contentsbox {
	width: calc(100% - 34rem - 16.4rem);
} */
.maincontentsarea .section-2 .slide-book > .btn-more {
	display: none;
}
.maincontentsarea .section-8 .innerbox > .contentsbox {
	width: calc(100% - 36rem - 11rem - 1.4rem);
}
.container .pagenavi > ul > li:hover ul {
	top: 6.9rem; display: block;
}
.popupwrap.pop-main {
	top: 27% !important;
}
.maincontentsarea .section-3 .slide-main2 li {
width: 58rem !important;
}
.maincontentsarea .section-3 .slide-main2 li .pic img {
width: 150%;
}
}
@media screen and (max-width:1440px)
{
.header .topmenu {
	margin-left: 10rem;
}
.header .utilmenu ul.othermenu li {
	margin-left: 3rem;
}
.header .utilmenu ul.snsmenu {
	padding-left: 2.7rem; margin-left: 3rem;
}
.header .utilmenu ul.snsmenu li {
	margin-left: 2.5rem;
}
.header .utilmenu > .btn-fontup {
	margin-left: 2rem;
}
.footer .innerbox {
	width: calc(100% - 22.9rem - 6.4rem); margin-left: 22.9rem !important;
}
.maincontentsarea .section-8 .list-board ul li a {
padding: 3rem 2rem;
}


.section1_sign {
	position: absolute;
	width: 550px;
	right: -10%;
	bottom: 150px;
}

.maincontentsarea dl.title dt strong {
font-size:5rem;
}
.maincontentsarea dl.title dd > p {
}

.maincontentsarea .section .innerbox {
	padding-left: 24rem; 
}
.maincontentsarea .section .innerbox > .contentsbox {
	width: calc(100% - 34rem - 7rem);
	margin-left: -5em;
}
/* .maincontentsarea dl.title {
	margin-right: 11rem;
} */
.maincontentsarea .section-2 .contentsbox {
	height: 49.7rem;
}
.maincontentsarea .section-8 .innerbox > .contentsbox {
	width: calc(100% - 34rem - 11rem - 1.4rem);
}

.maincontentsarea .section-8 .list-board ul li a > strong {
font-size: 2.3rem;
margin-bottom: 1rem;
}
.maincontentsarea .section-8 .list-board ul li a > span {
font-size: 1.3rem;
}
.maincontentsarea .section-8 .list-board ul li {
height: 20rem;
}






}
@media screen and (max-width:1279px) and (min-width:1025px)
{
.header .topmenu {
	margin-left: 5rem;
}
.header .topmenu > ul > li > a {
	padding: 0px 3.1rem; font-size: 2.1rem;
}
.header .topmenu > ul > li ul {
	padding-left: 3rem;
}
.header .topmenu > ul > li:first-child ul li:last-child a {
	font-size: 1.6rem;
}
.header .topmenu > ul > li ul li a {
	font-size: 1.7rem;
}
.header .utilmenu {
	margin-right: 3rem;
}
.header .utilmenu ul.othermenu li {
	margin-left: 1rem;
}
.header .utilmenu ul.snsmenu {
	padding-left: 1rem; margin-left: 1rem;
}
.header .utilmenu ul.snsmenu li {
	margin-left: 1rem;
}
.header .utilmenu > .btn-fontup {
	margin-left: 1rem;
}
.footer .innerbox {
	width: calc(100% - 20rem - 3rem); margin-left: 20rem !important;
}
.navi-main {
	left: 3.2rem;
}
.maincontentsarea .section .innerbox {
	padding-left: 25rem;
}
.maincontentsarea .section .innerbox > .contentsbox {
	width: calc(100% - 30rem - 15rem);
	margin-left: 3rem;
}
.maincontentsarea .section-2 .slide-book li {
	height: 44.7rem;
}
.maincontentsarea .section-2 .slide-book{
margin-left: 0;
padding-bottom: 0;
}
.maincontentsarea .section-2 .slide-book li {
width: 28.6rem !important;
}
.maincontentsarea .section-2 .slide-book li .pic{
height: 37.8rem
}


.maincontentsarea .section-5 .slide-book{
margin-left: 0;
}
.maincontentsarea .section-5 .innerbox > .contentsbox{
	width: calc(100% - 30rem - 20rem);
	margin-left: 0;
}
.maincontentsarea .section-5 .slide-book li .pic{
height: 16.3rem;
}

.maincontentsarea .section-7 .slide-book{
margin-left: 0;
}
.maincontentsarea .section-7 .slide-book li {
width: 50rem !important; height: 29rem;
}
.maincontentsarea .section-7 .slide-book li .pic{
height: 28rem
}

.maincontentsarea dl.title {
	width: 42rem; 
	margin-top: 0rem;
}
.maincontentsarea dl.title dd > p {
	font-size: 1.6rem;
}
.maincontentsarea .section-2 dl.title dd > .list-link ul li a {
	font-size: 1.6rem;
}
.maincontentsarea .section-2 .slide-book > .btn-more {
	right: 3rem;
}
.maincontentsarea .section-2 .slide-book.type-cate li .info > p {
	height: 5rem;
}
.maincontentsarea .section-4 .slide-interview li .info > .title {
	height: 6.5rem;
}
.maincontentsarea .section-8 .innerbox > .contentsbox {
	width: calc(100% - 32rem - 2rem - 16rem);
}
.maincontentsarea .section-8 .list-board ul {
margin: -2% 0 0 0;
}
.maincontentsarea .section-8 .list-board ul li {
width: 46%;
height: 18rem;
}

.maincontentsarea .section-8  dl.title {
margin-top: 8rem;
}
.maincontentsarea .section-8 .slide-banner {
	margin: 10rem 0px 0px; width: 100%;
}
.maincontentsarea .section-8 .list-board ul li a {
	padding: 2.5rem 2rem;
}
.maincontentsarea .section-8 .list-board ul li a > strong {
	font-size: 2.2rem;
}
.maincontentsarea .section-3 .slide-main2 li {
width: 26rem !important;
}
.maincontentsarea .section-3 .slide-main2 li .pic{
height: 25rem;
}
.maincontentsarea .section-3 .slide-main2 li .pic img {
width: 320%;
}
.maincontentsarea .section-3 .slide-main2 li .info{
padding: 1rem;
}
.maincontentsarea .section-3 .slide-main2 li .info > .address {

}

.maincontentsarea .section-5 dl.title {

}

}