@charset "utf-8";
   
/* reset css */  

@import url(//fonts.googleapis.com/css?family=Noto+Sans+KR|Meddon|Shrikhand);
@import url('https://fonts.googleapis.com/css2?family=Caveat&family=Galada&family=Yeon+Sung&display=swap');
@import url(//fonts.googleapis.com/earlyaccess/cwtexkai.css);



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button {
	margin: 0;
	padding: 0;
	outline: none; 
}
fieldset, img {
	border: 0;
}
dl, ul, ol, menu, li {
	list-style: none;
}
iframe, embed {
	width: 100%;
}
table .imageblock {
	width: 100% !important;
}
table {
	border-spacing: 1px 0;
}
button {
	background-color: transparent;
	border: 0;
}
/* 배경 */
body {
	background: #fff;
}
/* 웹폰트 */
@import url(//fonts.googleapis.com/css?family=Meddon);
@font-face {
    font-family: 'NanumBarunpen';
    src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumBarunpen.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* 전체 폰트 */
html,
th,
td,
input,
select,
textarea,
button,
#tt-body-page blockquote,
#tt-body-page blockquote p,
#tt-body-page blockquote[data-ke-style='box'],
#tt-body-page div[data-ke-type='moreLess'] .btn-toggle-moreless,
figure figcaption,
figure[data-ke-type='video'] figcaption,
code {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  font-family: 'cwtexkai','NanumBarunpen','Noto Sans KR','Yeon Sung', sans-serif;
	font-size: 14px;
	line-height: 1.8;
	color: #000000;
	
}
a {
	color: #666;
	text-decoration: none;
}

/* 링크 */
a,
a:link {
    text-decoration: none;
    color: #304231;
    transition: color .4s;
}

a:hover,
a:focus {
    color: #C4DAC6;
}

/* 입력창 폰트 색상 */
::-webkit-input-placeholder { /* 크롬 4–56 */
	color: #000000;
}
:-moz-placeholder { /* 파이어폭스 4–18 */
	color: #000000;
}
::-moz-placeholder { /* 파이어폭스 19–50 */
	color: #000000;
}
:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */
	color:  #000000;
}
::placeholder { /* 파이어폭스 51+, 크롬 57+ */
	color: #000000;
}
/* 마우스 드래그 블럭 */
::selection{ 
  color: transparent; 
  text-shadow: 0 0 2px #304231; 
  transition: all 250ms ease-in; 
	text-decoration:underline;
} 
::-moz-selection{ 
  color: transparent; 
  text-shadow: 0 0 2px #304231; 
  transition: all 250ms ease-in; 
}  

/* 스크롤바 */
::-webkit-scrollbar {
	width:5px;
	height:5px;
	background:transparent;
}
::-webkit-scrollbar-thumb {
	width:5px;
	background:#666;
}

/* 목록 없음 */
.article_skin .empty > ul {
    display: none;
}

#tt-body-category .empty .category,
#tt-body-search .empty .search {
    display: block;
}

/* 전체 박스 */
#container {
	position: relative;
	margin: 100px auto 50px;
	width: 600px;
}
/* 상단 영역 */
#header {
	position: relative;
	display: flex;
	height: 57px;
	font-family: 'Galada','Noto Sans KR', sans-serif;
	font-size: 1em;
	margin-bottom: 20px;
	overflow: hidden;
	text-transform: capitalize;
	white-space: nowrap;
}
#header:before, #header:after {
	content: "";
	box-sizing: border-box;
	border-color: inherit;
	position: absolute;
	bottom: 8px;
	height: 20px;
}
#header:before {
	left: 0;
	width: 15%;
	border-right: 2px solid;
	border-top: 2px solid;
}
#header:after {
	left: 15%;
	width: 100%;
	margin-left: -2px;
	border-left: 3px solid;
	border-top: 2px solid;
	transform: skew(-45deg);
	transform-origin: left bottom;
}
#header .title {
	flex: 1.5;
	margin-left: 10px;
}
#header .catebox {
	flex: 8.5;
	text-align: right;
	position: relative;
}
.catebox .etc > span {
	cursor: pointer;
}


@media all and (min-width: 769px) {
	#header .btn {
		display: none;
	}
	/* 카테고리 */
	.tt_category, .category_list > li, .sub_category_list > li, #header .catebox .cate, #header .catebox .etc {
		display: inline-block;
	}
	.link_tit {
		display: none;
	}
	.sub_category_list, #header .catebox .etc .etcbox {
		position: absolute;
		text-align: revert;
		right: 0;
    display: none;
		padding-top: 10px;
		z-index: 9999999;
		width: 100%;
		font-size: .9em;
	}
	.category_list > li:hover .sub_category_list, #header .catebox .etc:hover .etcbox {
		display: block;
	}
	a.link_item, a.link_sub_item, #header .catebox .cate:first-child, #header .catebox .etc, .search, #header .catebox .etc a {
		margin: 0 10px;
	}
	a.link_sub_item, #header .catebox .etc a {
		opacity: 0.8;
	}
	/* 검색 */
	.search {
		display: inline-block;
	}
	.search input {
		border: 0;
		background: transparent;
		font-family: 'Noto Sans KR', sans-serif;
		width: 80px;
		font-size: .9em;
		text-align: right;
		opacity: 0.8;
	}
	.search .submit {
		display: none;
	}
}
/* 목록 없음 */
.lst_web .empty > ul {
    display: none;
}

#tt-body-category .empty .category,
#tt-body-search .empty .search {
    display: block;
}

/* 본문 영역 */
#content {
    position: relative;
    font-family:'cwtexkai','NanumBarunpen', 'Noto Sans KR', sans-serif;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    animation: notice 0.5s 0s ease both 1;
    margin: 40px auto;
    padding: 30px;
    border: 2px solid;
}
.list_wrap:after {
	display: block;
	clear: both;
	content: '';
	overflow: auto;
}
/* 갤러리형 */
#lst_gal .thumb {
	width: 29.3%;
	position: relative;
	float: left;
	margin: 2%;
	overflow: hidden;
}
#lst_gal .thumb * {
	transition: 0.5s;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#lst_gal .thumb a {
	display: block;
	border: 2px solid;
}
#lst_gal .thumb img {
	width: 100%;
	vertical-align: top;
}
#lst_gal .thumb:hover img {
	opacity: 0.6;
	-webkit-filter: blur(1px);
	filter: blur(1px);
}
#lst_gal .thumb:hover .info {
	opacity: 1;
}
#lst_gal .thumb .info {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	margin: auto;
	text-align: center;
	opacity: 0;
	line-height: 1.4;
	background: rgba(102, 102, 102, 0.8);
	color: #fff;
}
#lst_gal .thumb .info .title {
	font-weight: bold;
	letter-spacing: 2px;
	width: 80%;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
#lst_gal .thumb .info .date {
	font-size: .8em;
}
/* 목록형 */
#lst_web .thumb {
	position: relative;
}
#lst_web .thumb a {
	display: block;
	padding: 15px 0;
	border-bottom: 2px solid;
}
#lst_web .thumb img {
	display: none;
}
#lst_web .thumb .title, #lst_web .thumb .date {
	display: inline-block;
	vertical-align: middle;
}
#lst_web .thumb .title {
	width: calc(100% - 60px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: bold;
	transition: .5s;
}
#lst_web .thumb:hover .title {
	letter-spacing: 2px;
}
#lst_web .thumb .date {
	font-size: .8em;
	float: right;
	line-height: 23px;
}
/* ----------------------
    보호글 비밀번호 입력창
------------------------- */
.pass {
    height: 40vh;
    -ms-display: flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
}

.pass form {
    width: 200px;
    margin: auto;
}

.pass input,
.pass button {
    margin: 5px 0;
    padding: 5px 0;
}

.pass input {
    width: 100%;
    border: 0;
    background: transparent;
}

.pass button {
    width: 100%;
    border: 1px solid;
    border-color: #C4DAC6;
    border-radius: 5px;
    letter-spacing: 3px;
    padding: 10px;
    transition: .4s;
    color: #638A66;

}

.pass button:hover {
    color: #C4DAC6;
    background-color: #638A66;
}

.pass input[required] + label {
    display: block;
    height: 48px;
    margin-top: -48px;
    margin-bottom: 0;
    pointer-events: none;
    line-height: 1;
}

.pass input[required] + label:before {
    content: attr(placeholder);
    height: 48px;
    line-height: 48px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: .8em;
    color: #638A66;
    transition: .4s;
}

.pass input[required]:focus + label:before,
.pass input[required]:valid + label:before {
    -webkit-transform: translate(0, -24px) scale(1, 1);
    transform: translate(0, -24px) scale(1, 1);
    font-style: italic;
    color: #fff0;
		border: 0;
		background: transparent;
		text-align: right;
		opacity: 0.8;
}

/* 본문 타이틀 */
.titlebox {
	margin-bottom: 30px;
	text-align: center;
}
.titlebox .title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.titlebox .title a {
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 3px;
	padding: 0 10px 3px;
  color: #000000;
	border-bottom: 2px solid;
	display: inline-block;
}
.titlebox .date, .titlebox .admin {
	font-size: .8em;
}
.titlebox .date {
	display: inline-block;
}
.titlebox .cate{
	font-size: .8em;
	margin-right: 0.5em;
}
.titlebox .admin {
	/* float: right; */
}
.titlebox .admin i {
	padding: 0 3px;
}
.fa-lock {
    content: "\f3c1";
}

/* ---------------
    본문
--------------- */
.text-item u {
    text-decoration: none;
    position: relative;
    background-image: linear-gradient(to right, #ffa700 0%, #ffa700 100%);
    background-size: 100% 2px;
    background-position: center 100%;
    background-repeat: no-repeat;
    transition: .4s ease-out;
}

.text-item u:hover {
    color: #ffffff;
    background-size: 100% 100%;
}

.text-item u:hover::before {
    transform: translateY(0);
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
}


/* 인용구 */
.text-item blockquote,
.text-item blockquote p {
    font-style: italic;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.tx-quote-tistory:before,
blockquote[data-ke-style='normal']:before,
#tt-body-page blockquote[data-ke-style='normal']:before,
blockquote[data-ke-style='style2']:before,
#tt-body-page blockquote[data-ke-style='style2']:before {
    content: '\e67f';
    font-family: 'themify';
    position: absolute;
    left: 0;
    top: 0;
}

.tx-quote-tistory:after,
blockquote[data-ke-style='normal']:after,
#tt-body-page blockquote[data-ke-style='normal']:after,
blockquote[data-ke-style='style2']:after,
#tt-body-page blockquote[data-ke-style='style2']:after {
    content: '\e67e';
    font-family: 'themify';
    position: absolute;
    right: 0;
    bottom: 0;
}

.tx-quote-tistory,
blockquote[data-ke-style='normal'],
#tt-body-page blockquote[data-ke-style='normal'],
blockquote[data-ke-style='style2'],
#tt-body-page blockquote[data-ke-style='style2'] {
    position: relative;
	 	text-align: inherit;
    height: auto;
    padding: 0 2em;
    font-style: italic;
    font-size: inherit;
    color: inherit;
}

/* 인용구2 */
blockquote[data-ke-style='box'],
#tt-body-page blockquote[data-ke-style='box'],
blockquote[data-ke-style='style3'],
#tt-body-page blockquote[data-ke-style='style3'] {
	
    padding: 10px;
    background-color: transparent;
    border: 1px solid;
    border-color: #C4DAC6;
    
    border-radius: 5px;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}
/* 더보기 */
.text-item .btn_less::before {
    display: none;
}

.text-item .btn_more::before {
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    vertical-align: inherit;
}

.text-item .btn_more,
.text-item .btn_less,
#tt-body-page div[data-ke-type='moreLess'] .btn-toggle-moreless,
div[data-ke-type='moreLess'] .btn-toggle-moreless {
    font-size: .8em;
  	font-family: 'NanumBarunpen';
    height: auto;
    transition: .4s;
    margin: 0;
    width: auto;
    color: #7db181;
	  border: 1px solid ;
    border-radius: 5px;
    padding: 3px 5px;
    line-height: 1;
    border-radius: 5px;
    font-family: 'Shrikhand', 'Binggrae-Bold';
}

.text-item .btn_more {
    margin-bottom: 10px;
}

#tt-body-page div[data-ke-type='moreLess'] .btn-toggle-moreless,
div[data-ke-type='moreLess'] .btn-toggle-moreless {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.text-item .btn_more:hover,
.text-item .btn_less:hover,
#tt-body-page div[data-ke-type='moreLess'] .btn-toggle-moreless:hover,
div[data-ke-type='moreLess'] .btn-toggle-moreless:hover,
.text-item .btn_less:first-child,
#tt-body-page div[data-ke-type='moreLess'].open .btn-toggle-moreless,
.text-item div[data-ke-type="moreLess"].open .btn-toggle-moreless {
    color: #7db181;
    background-color: #c9e9cc;
}

.text-item .btn_more:before,
.text-item .btn_less span:before,
.text-item .btn-toggle-moreless:before {
    content: '\f114';
    font-family:'fontAwesome';
    margin-right: 5px;
}

.text-item .btn_less span:before,
#tt-body-page div[data-ke-type='moreLess'].open .btn-toggle-moreless:before,
.text-item div[data-ke-type="moreLess"].open .btn-toggle-moreless:before {
    content: '\f115';
}

.text-item .btn_less:hover:first-child,
#tt-body-page div[data-ke-type='moreLess'].open .btn-toggle-moreless:hover,
.text-item div[data-ke-type="moreLess"].open .btn-toggle-moreless:hover {
    color: #fff;
}


.text-item .btn_less:last-child {
    display: none;
}

.text-item .moreless_content .more-txt,
.text-item .moreless-content,
div[data-ke-type='moreLess'] .moreless-content,
#tt-body-page div[data-ke-type='moreLess'] .moreless-content {
    border: 1px solid;
    padding: 10px;
    margin: 5px 0 10px;
    line-height: inherit;
    border-color: #C4DAC6;
    border-radius: 5px;
}
/* 본문 태그¸ */
.tagTrail {
	color: transparent;
	margin: 10px 0;
	font-size: .9em;
}
.tagTrail .tag {
	color: #666;
	width: 80px;
	font-weight: bold;
	display: inline-block;
}
/* ---------------
    댓글 펼침
--------------- */
.tags + #opencmt {
    margin-top: 10px;
}

#opencmt {
    margin-top: 25px;
}

#opencmt .cnt:empty:after {
    content: '댓글';
}

body.cmtopen #opencmt {
    display: none;
}

/* ---------------
    댓글, 방명록
--------------- */

body.cmtopen #rp > div {
    display: block;
}

#rp > div {
    display: none;
}

#rp .write {
    margin-top: 30px;
}

/* 댓글, 방명록 작성 */
.write textarea {
    height: 100px;
    min-height: 100px;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    position: relative;
    z-index: 100;
    display: block;
    vertical-align: top;
    border: 1px solid;
    border-color: #C4DAC6;
    border-radius: 5px;
    transition: height .4s;
  	box-sizing: border-box;
}

.write textarea:active,
.write textarea:focus {
	  padding : 10px;
    height: 150px;
}

.write button {
    padding: 5px;
    transition: .4s;
    border: 1px solid;
    border-color: #C4DAC6;
    border-radius: 5px;
    width: 100%;
    color: #638A66;
}

.write button:hover {
    color: #C4DAC6;
    background-color: #638A66;
}

.write .inputbox {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 5px;
}

.write .inputbox input,
.write .secret {
    border: 1px solid;
    border-color: #C4DAC6;
    border-radius: 5px;
    overflow: hidden;
    padding: 5px;
    margin-right: 5px;
}

.write .inputbox input {
    max-width: 50%;
    width: 100%;
}

.write .secret {
    position: relative;
    min-width: 31px;
    height: 31px;
}

.write .inputbox input[name="secret"] {
    visibility: hidden;
}

.write input[name="secret"]:after {
    content: "\e603";
    font-family: 'themify';
    transition: .4s;
    visibility: visible;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.write input[name="secret"]:checked:after {
    content: "\e62b";
    background-color: #C4DAC6;
    color: #638A66;
}

/* 댓글, 방명록 목록 */
#rp.order .lst {
    flex-direction: column-reverse;
}

.lst {
    display: flex;
    flex-direction: column;
}

.lst > ul {
    padding: 30px 0;
}

.lst > ul:not(:last-child) {
    border-bottom: 1px solid;
    border-color: #C4DAC6;
}

.lst > ul:last-child,
#rp.order .lst > ul:first-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.lst .guest {
    display: flex;
    align-items: flex-start;
}

.lst .pro,
.lst .name img[alt="BlogIcon"] {
    display: none;
}

.profile .lst .pro {
    display: inherit;
    align-self: flex-start;
}

.lst .pro {
    flex: 0 0 50px;
    margin-right: 15px;
}

.lst .pro img {
    border-radius: 5px;
    border: 1px solid;
    border-color: #C4DAC6;
    height: 50px;
}

.lst .guest > div:last-child {
    flex-grow: 1;
}

.lst .text {
	  background-color: #C4DAC6;
    color: #638A66;
    border-radius: 5px;
    padding: 10px;
    word-wrap: break-word;
    word-break: keep-all;
}

.lst .info {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    color: #638A66;
}

.lst .info a {
    color: #638A66;
}

.lst .info a:hover {
    color: #C4DAC6;
}

.lst .info .name,
.lst .info .name a {
    font-weight: bold;
    font-size: 1.05rem;
}

.lst .name:before,
.lst .name a:before {
    font-family: "themify";
    font-size: .8em;
    margin-right: 3px;
    vertical-align: middle;
}

.lst .rp_admin .name a:before,
.lst .guest_admin .name a:before {
    content: "\e642";
}

.lst .rp_secret .name:before,
.lst .guest_secret .name:before,
.lst .hiddenComment .name:before {
    content: "\e62b  ";
}

.lst .name .tistoryProfileLayerTrigger {
    background-image: none;
    width: auto;
    margin: 0;
    position: relative;
}

.lst .name .tistoryProfileLayerTrigger:after {
    content: '\f2bd';
    font-family: 'fontAwesome';
    font-size: .6em;
    color: inherit;
    transition: .4s;
}

.lst .info .cmt-btn {
    position: relative;
    font-size: .8rem;
}

.lst .info .cmt-btn i {
    display: inline-block;
    transition: .4s;
    margin-left: 10px;
    cursor: pointer;
}

.lst .info .cmt-btn .ti-eraser {
    vertical-align: middle;
}

.lst .info .cmt-btn .ti-more-alt {
    color: #638A66;

}

.lst .info .cmt-btn:hover .ti-more-alt {
    transform: rotate(90deg);
}

.lst .info .cmt-btn,
.lst .info .cmt-btn > ul,
.lst .date {
    display: flex;
    align-items: center;
}

.lst .info .cmt-btn > ul {
    overflow: hidden;
    white-space: nowrap;
    transition: opacity .4s ease-in-out, max-width 1s ease-in-out;
    opacity: 0;
    max-width: 0;
}

.lst .info .cmt-btn:hover > ul {
    opacity: 1;
    max-width: 300px;
}

.lst .date {
    cursor: default;
}

.lst .date a {
    visibility: hidden;
    font-size: 0;
    margin-left: 10px;
}

.lst .date a:after {
    content: "\e6c5";
    font-family: "themify";
    visibility: visible;
    font-size: .8rem;
    display: inline-block;
}

.lst .tt_more_preview_comments_text {
    background-color: #C4DAC6;
    padding: 5px;
}

.lst .rp_admin .text,
.lst .guest_admin .text {
    background-color: #C4DAC6;
    color: #638A66;
    border-radius: 5px;
    padding: 10px;
}

/* 답글 */
.lst .reply .guest {
    margin-top: 30px;
}

.lst .rp_admin,
.lst .guest_admin {
    flex-direction: row-reverse;
}

.lst .rp_admin .pro,
.lst .guest_admin .pro {
    margin: 0 0 0 15px;
}

/* 공지 */
.titlebox .date, .titlebox .admin {
	font-size: .8em;
}
.titlebox .date {
	display: inline-block;
}
.titlebox .admin {
	/* float: right; */
}
.titlebox .admin i {
	padding: 0 3px;
}


/* 페이징 */
.paging {
	text-align: center;
	margin-top: 30px;
	font-size: .8em;
}
.paging .no-more-prev, .paging .no-more-next, .paging .num {
	padding: 0 7px;
}
.paging .selected {
	font-weight: bold;
	border-bottom: 2px solid;
}
/* 탑버튼 */
a.top {
			position: fixed;
		right: 10px;
		bottom: 10px;
		padding: 10px;
		margin-top: 0;
	text-align: center;
	margin-top: 40px;
	font-size: 1.5em;
}

a.top:hover {
    color: #638A66;
    color: var(--point2);
}
/* 카피라이트 삭제 금지 */
.copy {
	position: static;
	margin: 20px 0;
	bottom: 10px;
	right: 10px;
	white-space: nowrap;
	text-align: center;
	font-size: 12px;
	font-family: 'Calibri', sans-serif;
}

/* 부드러운 화면 전환 */
.smooth-screen #container,
.smooth-screen .copy,
.smooth-screen .myoskin .item,
.smooth-screen .noti,
.smooth-screen #article {
    animation: fadein 2000ms ease-out;
    -moz-animation: fadein 2000ms ease-out;
    -webkit-animation: fadein 2000ms ease-out;
    -o-animation: fadein 2000ms ease-out;
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* 모바일 영역 */
@media (max-width: 768px) {
	#container {
		width: auto;
		margin: 15px;
	}
	#header {
		display: block;
	}
	#header .title {
		margin-left: 0;
		display: inline-block;
	}
	#header .catebox > ul {
		display: none;
	}
	.cmt-write .info input, .guestWrite .info input {
		max-width: 18%;
	}
	.top {
		position: fixed;
		right: 10px;
		bottom: 10px;
		padding: 10px;
		margin-top: 0;
	}
	.copy {
		position: static;
		text-align: center;
		margin: 20px 0;
	}
	/* 모바일 카테고리 슬라이드 */
	#header .btn {
		float: right;
	}
	html.open {
		position: fixed;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.page_cover.open {
		display: block;
	}
	.page_cover {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0px;
		left: 0px;
		background-color: rgba(0, 0, 0, 0.4);
		z-index: 999;
		display: none;
	}
	#header .catebox {
		width: 70%;
		overflow: hidden;
		height: 100%;
		position: fixed;
		top: 0px;
		left: -71%;
		margin: 0;
		z-index: 999999;
		transition: All 0.2s ease;
		-webkit-transition: All 0.2s ease;
		-moz-transition: All 0.2s ease;
		-o-transition: All 0.2s ease;
		background: #fff;
		line-height: 2;
	}
	#header .catebox.open {
		left: 0;
	}
	#header .catebox .scroll {
		width: 102%;
		height: 100%;
		overflow-y: scroll;
	}
	#header .catebox .scroll > ul {
		margin: 50px 10%;
		position: relative;
		text-align: left;
	}
	/* 모바일 카테고리 */
	.catebox .cate:first-child, .catebox .cate:nth-child(2) {
		margin-bottom: 20px;
	}
	.link_tit {
		display: none;
	}
	.sub_category_list {
		padding-left: 15px;
	}
	.link_sub_item:before {
		content: '\f0da';
		font-family: fontAwesome;
		margin-right: 3px
	}
	.catebox .etc > span {
		display: none;
	}
	/* 모바일 검색 */
	.search {
		margin: 20px 0;
	}
	.search input {
		background: transparent;
		border: 0;
		font-family:'Noto Sans KR', sans-serif;
		font-size: 1.1em;
	}
	.search .submit {
		display: none;
	}
}

/* 본문 목차 목록 모듈 (TOC) 시작 */

div.rgyList,
div#rgyTOC {
    position: relative;
    padding: 10px;
    border-top: 10px solid #FF5544;
    border-top: 10px solid var(--mouseHoverColor);
    background-color: #f7fbff;
	  font-family: 'NanumBarunpen', 'Noto Sans KR', sans-serif;
}

div.rgyList::after,
div#rgyTOC::after {
    position: absolute;
    content: "<LIST>";
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    font-size: 1.3em;
    font-family: 'Caveat';
    font-style: italic;
    color: #FF5544;
    letter-spacing: 5px;
}

div.rgyList li,
div#rgyTOC li {
	  border-top: 1px solid #ccc;
    list-style-type: none !important;
}

div.rgyList > ol > li:first-child,
div.rgyList > ul > li:first-child,
div#rgyTOC > ol > li:first-child,
div#rgyTOC > ul > li:first-child {
    border-top: 1px dashed #FF5544;
    border-top: 1px dashed var(--mouseHoverColor);
}

div.rgyList > ol > li a,
div.rgyList > ul > li a,
div#rgyTOC > ol > li a,
div#rgyTOC > ul > li a {
    position: relative;
    display: block;
	  text-align: left;
    padding: 0 20px 0 10px;
    border-bottom: 1px dashed #FF5544;
    border-bottom: 1px dashed var(--mouseHoverColor);
    font-size: 14px;
    color: #555 !important;
}

div.rgyList > ol > li a::after,
div.rgyList > ul > li a::after,
div#rgyTOC > ol > li a::after,
div#rgyTOC > ul > li a::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 10px;
    content: "\f078";
    font-family: "FontAwesome";
    font-size: 11px;
    color: #555;
}

div.rgyList > ol > li a:hover,
div.rgyList > ul > li a:hover,
div.rgyList > ol > li a:hover::after,
div.rgyList > ul > li a:hover::after,
div#rgyTOC > ol > li a:hover,
div#rgyTOC > ul > li a:hover,
div#rgyTOC > ol > li a:hover::after,
div#rgyTOC > ul > li a:hover::after {
    color: #FF5544 !important;
}

div.rgyList > ol > li > ol > li > a,
div.rgyList > ul > li > ul > li > a,
div#rgyTOC > ol > li > ol > li > a,
div#rgyTOC > ul > li > ul > li > a {
    padding-left: 15px;
}

div.rgyList > ol > li > ol > li > ol > li > a,
div.rgyList > ul > li > ul > li > ul > li > a,
div#rgyTOC > ol > li > ol > li > ol > li > a,
div#rgyTOC > ul > li > ul > li > ul > li > a {
    padding-left: 55px;
}

div.rgyList > ol > li > ol > li > ol > li > ol > li > a,
div.rgyList > ul > li > ul > li > ul > li > ul > li > a,
div#rgyTOC > ol > li > ol > li > ol > li > ol > li > a,
div#rgyTOC > ul > li > ul > li > ul > li > ul > li > a {
    padding-left: 95px;
}

div.rgyList > ol > li > ol > li > a::before,
div.rgyList > ul > li > ul > li > a::before,
div.rgyList > ol > li > ol > li > ol > li > a::before,
div.rgyList > ul > li > ul > li > ul > li > a::before,
div.rgyList > ol > li > ol > li > ol > li > ol > li > a::before,
div.rgyList > ul > li > ul > li > ul > li > ul > li > a::before,
div#rgyTOC > ol > li > ol > li > a::before,
div#rgyTOC > ul > li > ul > li > a::before,
div#rgyTOC > ol > li > ol > li > ol > li > a::before,
div#rgyTOC > ul > li > ul > li > ul > li > a::before,
div#rgyTOC > ol > li > ol > li > ol > li > ol > li > a::before,
div#rgyTOC > ul > li > ul > li > ul > li > ul > li > a::before {
    content: "└";
    margin-right: 5px;
    font-weight: bold;
    vertical-align: middle;
}


blockquote[data-ke-style="style3"], #tt-body-page blockquote[data-ke-style="style3"] {
	padding: 10px 25px;
}
.footnotes li {
	list-style: none;
	font-size: 12px;
	list-style-type: decimal;
}

.footnotes {
    margin-top: 0;
    font-size: 12px;
    border-top: 1px solid #ddd;

}
.footnotes a{
	color: #888;
  font-weight: 400;}

.footnote a{
    font-size: 8pt;
	  margin-left: 1.5pt;	
}


        #slider {
            width: 100%;
            position: relative;
            margin:0;
        }
        .slider_item {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top:0;
            z-index: 0;
            overflow: hidden;
            opacity: 0;
            transition:all .5s ease-in-out;
            transform: scale(0.9);
        }
        .slider_item img {width: 100%;}

        .showing{
            opacity: 1;
            z-index: 1;
            transform: none;
        }

.swiper-container{
margin:0 auto;
position:relative;
overflow:hidden;
list-style:none;
padding:0;
z-index:1
}

.swiper-container-no-flexbox .swiper-slide{float:left}

.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(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,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(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,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(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,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}

.swiper-button-next,.swiper-button-prev{
	position:absolute;
	top:10%;
	width:200px;
	height:44px;
	margin-top:-22px;
	z-index:10;
	cursor:pointer;
	background-size:27px 44px;
	background-position:center;
	background-repeat:no-repeat;
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
	opacity:.35;
	cursor:auto;
	pointer-events:none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next{
	background-color:#0000;
	height:100%;
	left:0;
	right:auto
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{
	background-color:#0000;
	height:100%;
	right:0;
	left:auto;
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}

.swiper-button-lock{
	display:none
}

.swiper-pagination{
	position:absolute;
	text-align:center;
	-webkit-transition:.3s opacity;
	-o-transition:.3s opacity;
	transition:.3s opacity;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	z-index:10;
}

.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}

.swiper-lazy-preloader:after{display:block;content:'';
width:100%;
height:100%;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}

.swiper-lazy-preloader-white:after{
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}

@-webkit-keyframes swiper-preloader-spin{
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg;)}}

@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

.swiper-container .swiper-notification{
position:absolute;
left:0;top:0;
pointer-events:none;
opacity:0;
z-index:-1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide{
-webkit-transition-timing-function:ease-out;
-o-transition-timing-function:ease-out;
transition-timing-function:ease-outl;
}

.swiper-container-fade .swiper-slide{
pointer-events:none;
-webkit-transition-property:opacity;
-o-transition-property:opacity;
transition-property:opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide{
pointer-events:none;
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{
pointer-events:auto;
}

.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide
{pointer-events:none;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
z-index:1;visibility:hidden;
-webkit-transform-origin:0 0;
-ms-transform-origin:0 0;
transform-origin:0 0;
width:100%;
height:100%;
}

.swiper-container-cube .swiper-slide .swiper-slide{
pointer-events:none;}

.swiper-container-cube.swiper-container-rtl .swiper-slide{
-webkit-transform-origin:100% 0;
-ms-transform-origin:100% 0;
transform-origin:100% 0;
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-activ{
pointer-events:auto;
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{
pointer-events:auto;
visibility:visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{
z-index:0;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}

.swiper-container-cube .swiper-cube-shadow
{position:absolute;
left:0;
bottom:0;
width:100%;
height:100%;
background:#000;
opacity:.6;
-webkit-filter:blur(50px);
filter:blur(50px);
z-index:0;
}

.swiper-container-flip{
overflow:visible;
}

.swiper-container-flip .swiper-slide{
pointer-events:none;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
z-index:1;
}

.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none;
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{
pointer-events:auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{
z-index:0;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}

.swiper-container-coverflow .swiper-wrapper{
-ms-perspective:1200px;
}