#historyBackBtnZone {
	padding:5rem 0;
	border-top:1px solid #ddd;
	text-align:center;
}
#historyBackBtnZone > BUTTON {
	width:30rem;
	height:6rem;
	font-size:1.8rem;
}



HEADER.sub #navigation {
	box-shadow: 0 2px 1rem 3px rgba(0,0,0,.2);
}
/*
#section_navigation:empty {
	border-top:1px solid #000;
}

.wrap {
	width:100%;
	margin:auto;
}
.wrap1600 {
	width:100%;
	margin:auto;
	max-width:1600px;
}
*/
.main {
	padding:3rem 0;
}
#section_navigation:has(:not(UL)) + .main {
	padding:0;
}

.main::after {
	content:'';
	display:block;
	clear:both;
}

.main > .section > h2 {
	font-size:4.8rem;
	margin-top:1.6rem;
	text-align:center;
}
.main > .article[class*=" href_"] ,
.main > .article[class^=href_] {
	padding:5rem 0;
	display:none;
	margin:0 auto;
}
/*
.main > .article.active[class*=" href_"] ,
.main > .article.active[class^=href_] {
	display:block;
}
*/







/* 상단 헤더 */
#SectionHeader {
	height:auto;
	height:50rem;
	min-height:25rem;
	background: #0f0c29;
	/*
	background: -webkit-linear-gradient(to right, #292E49, #2d62a7, #292E49);
	*/
	background: linear-gradient(to right, #292E49, #2d62a7, #292E49);
}
#SectionHeader .swiper-wrapper {
	height:100%;	
}
#SectionHeader .item_information {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 1;
	background: rgba(0,0,0,.2);

	background:	linear-gradient(90deg, rgba(0,0,0,.2) 1px, transparent 1%) center, linear-gradient(rgba(0,0,0,.2) 1px, transparent 1%) center, transparent;
	background-size: 2px 2px;

	display: -webkit-flex;
	display:         flex;
	-webkit-align-items: center;
		align-items: center;
	-webkit-justify-content: center;
		justify-content: center;
}
#SectionHeader .item_information > .item_box {
	width:auto;
	height:auto;
	color: #fff;
	text-align:center;
}

#SectionHeader .item_information > .item_box h2 {
	font-size:4.8rem;
	text-shadow:2px 2px rgba(0,0,0,.3);
	letter-spacing:-0.1rem;
}
#SectionHeader .item_information > .item_box h3 {
	font-size:2.7rem;
	text-shadow:1px 1px rgba(0,0,0,.3);
	letter-spacing:-0.1rem;
}



/* 지수정보 */
#SectionHeader .item_information {
	background: linear-gradient(90deg, rgba(0,0,0,.2) 1px, transparent 2%) center, linear-gradient(rgba(0,0,0,.2) 1px, transparent 2%) center, transparent;
	background-size: 2px 2px;

}











/* 지수정보 */
#SectionHeader .item_climate {
	background-color:rgba(0,0,0,1);
	width: auto;
	padding: 1rem 0 2rem;
	border-radius: 0;
	margin:3rem auto 0;
	border-top:1px solid #000;

    position: absolute;
    bottom: -20rem;
	left: 50%; 
	transform: translateX(-50%);

	width:100%;
	height:0;
	padding:0;
	overflow:hidden;
	transition:all 0.5s;
}


#SectionHeader .item_climate.active {
	height:auto;
	bottom:0;
	/* padding: 2rem 0 2rem; */
	padding: 2rem 0 6.5rem;
	background-color:rgba(0,0,0,.35);
}

#SectionHeader .item_climate > UL {

}
#SectionHeader .item_climate > UL::after {
	content:"";
	display:block;
	clear:both;
}
#SectionHeader .item_climate > UL > LI {
	/* float: left; */
	display:inline-block;
	width:auto;
	text-align:center;
	padding:0 3rem;
}
/*
#SectionHeader .item_climate > UL > LI:first-child:nth-last-child(1) {
    width: 100%;
}
#SectionHeader .item_climate > UL > LI:first-child:nth-last-child(2),
#SectionHeader .item_climate > UL > LI:first-child:nth-last-child(2) ~ LI {
	width: 50%;
}
#SectionHeader .item_climate > UL > LI:first-child:nth-last-child(3),
#SectionHeader .item_climate > UL > LI:first-child:nth-last-child(3) ~ LI {
	width: calc(100% / 3);
}
#SectionHeader .item_climate > UL > LI:first-child:nth-last-child(4),
#SectionHeader .item_climate > UL > LI:first-child:nth-last-child(4) ~ LI {
	width: 25%;
}
#SectionHeader .item_climate > UL > LI:first-child:nth-last-child(5),
#SectionHeader .item_climate > UL > LI:first-child:nth-last-child(5) ~ LI {
	width: 20%;
}
#SectionHeader .item_climate > UL > LI:first-child:nth-last-child(6),
#SectionHeader .item_climate > UL > LI:first-child:nth-last-child(6) ~ LI {
	width: calc(100% / 6);
}
#SectionHeader .item_climate > UL > LI:first-child:nth-last-child(7),
#SectionHeader .item_climate > UL > LI:first-child:nth-last-child(7) ~ LI {
	width: calc(100% / 7);
}
#SectionHeader .item_climate > UL > LI:first-child:nth-last-child(8),
#SectionHeader .item_climate > UL > LI:first-child:nth-last-child(8) ~ LI {
	width: calc(100% / 8);
}
#SectionHeader .item_climate > UL > LI:first-child:nth-last-child(9),
#SectionHeader .item_climate > UL > LI:first-child:nth-last-child(9) ~ LI {
	width: calc(100% / 9);
}
#SectionHeader .item_climate > UL > LI:first-child:nth-last-child(10),
#SectionHeader .item_climate > UL > LI:first-child:nth-last-child(10) ~ LI {
	width: 10%;
}
*/

#SectionHeader .item_climate > UL > LI IMG {
	height:7.6rem;
}
#SectionHeader .item_climate > UL > LI H5 {
	font-size:1.4rem;
	padding-top:1rem;
	font-weight:500;
}
#SectionHeader .item_climate > UL > LI P {
	font-size:2rem;
	font-weight:600;
}
#SectionHeader .item_climate > UL > LI P.g_yellow {
	color:#ffee78;
}
#SectionHeader .item_climate > UL > LI P.g_blue {
	color:#78beff;
}
#SectionHeader .item_climate > UL > LI P.g_green {
	color:#8aff00;
}
#SectionHeader .item_climate > UL > LI P.g_red {
	color:#ff4040;
}
#SectionHeader .item_climate > UL > LI P.g_sky {
	color:#61dcff;
}
/*
#SectionHeader .item_climate .climatebox {

	position: relative;
	width:75px;
	height:75px;
	background-color:rgba(255,255,255,.85);
	border-radius: 100%;
	margin:auto;

  
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-direction: row;

}
#SectionHeader .item_climate .climatebox > img {
	width:52px;
	height:auto !important;
	max-width:90%;
}

#SectionHeader .item_climate .climatebox .circle_progress {
  transform: rotate(-90deg);

    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

#SectionHeader .item_climate .climatebox .climate_frame, .climate_bar {
  fill: none;
}

#SectionHeader .item_climate .climatebox .climate_frame {
  stroke: #e6e6e6;
}

#SectionHeader .item_climate .climatebox .climate_bar {
  stroke: #03c75a;
  stroke-linecap: round;
}

#SectionHeader .item_climate .climatebox .climate_value {
  position: absolute;
  text-align: center;
  color: #888;
  font-size: 1.6rem;
  line-height: 12rem;

}
#SectionHeader .item_climate .climatebox #control {

  display:none;
}
*/


/* 유틸리티 */
#SectionHeader .item_utility {
	position: absolute;
    z-index: 10;
	left:0;
    bottom: 0;
    width: 100%;
    background-color: #fff;	
	background: linear-gradient(0deg, rgba(255,255,255,1) 30%, rgba(238,238,238,0.75) 100%);
	transition: all 0.3s;
	border-top:2px solid;
	border-top-color: var(--Theme, #2E313D);
}
#header.fixed ~ .section > #SectionHeader .item_utility ,
#SectionHeader .item_utility:hover {
    background-color: #fff;	

}




#SectionHeader .item_utilState {
	position: relative;
	padding:3.5rem 0;
	display:flex;

    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
}
#SectionHeader .item_utilState > li {
	position: relative;

	display:flex;

	width: auto;
	height:auto;
	text-align:center;
	vertical-align: top;
	color:#888;
}
/*
#SectionHeader .item_utilState > li::after {
	content:'';
	position: absolute;
	width:1px;
	height:100%;
	background:#ddd;
	display:block;
	right:0;
	top:0;
}
#SectionHeader .item_utilState > li:last-of-type::after {
	display:none;
}
*/


#SectionHeader .item_utilState .item_edge {
	display:flex;
	flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: row;
	line-height: 1;
}

#SectionHeader .item_utilState .weather_edge {
	display:flex;
	color:#000;
}
#SectionHeader .item_utilState .weather_edge H5 {
	font-size:2rem;
	font-weight:400;
	line-height:1;
}
#SectionHeader .item_utilState .weather_edge H5 > SMALL {
	display: block;
    text-align: right;
    padding-top: 0.5rem;
    font-weight: normal;
}

#SectionHeader .item_utilState .weather_edge .wicon {
	padding:0 2rem;
	height:4rem;
	border-radius:5rem;
	background: transparent;
}
#SectionHeader .item_utilState .weather_edge > .bar {
	position: relative;
	min-width:8rem;
	padding:0 3rem;
	text-align:center;
	line-height:1.2;
	display:flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

	color:#777;
}
#SectionHeader .item_utilState .weather_edge > .bar::before {
	content:'';
	position: absolute;
	top:0;
	left:0;
	display:block;
	width:1px;
	height:100%;
	border-right:1px solid #aaa;
	opacity: 0.5;
	border-color:#aaa;
}
#SectionHeader .item_utilState .weather_edge > .bar:first-of-type {
	padding-left:1rem;
}
#SectionHeader .item_utilState .weather_edge > .bar:first-of-type::before {
	display:none;
}
#SectionHeader .item_utilState .weather_edge > .bar strong {
	display:block;
	color: var(--Theme, #2E313D);
}
#SectionHeader .item_utilState .weather_edge > .bar strong > i {
	font-weight:normal;
	font-size:1.4rem;
}


#SectionHeader .item_utilState > li img {
	height:5.33rem;
}
#SectionHeader .item_utilState > li i {
	font-size:3.33rem;
	/*display:block; */
	font-weight:normal;
}
#SectionHeader .item_utilState > li p {
    padding: 0 .5rem;
    line-height: 1;
}
/*
#SectionHeader .item_utilState > li span {
	font-weight:600;
	color:#2d62a7;
}
*/

#SectionHeader .item_utilState > li strong {
	font-weight:800;
	color:var(--Theme, #2E313D);
	display:block;
	width:100%;
    padding-top: 0.5rem;
}

#SectionHeader .item_utilState > li BUTTON {
	position: relative;
	background:transparent;
	border:0;
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	cursor:pointer;
}

#SectionHeader .item_utilState > li BUTTON:not(.active):hover > i {
	color:#000;
	transform: scale(1.1);
}
#SectionHeader .item_utilState > li BUTTON:hover > i.xi-heart-o ,
#SectionHeader .item_utilState > li BUTTON.active i.xi-heart-o {
	color:#E9573F;
}
#SectionHeader .item_utilState > li BUTTON.active i.xi-heart-o:before {
	content: "\ea10";
}

#SectionHeader .item_utilState > li BUTTON:hover > i.fa-thumbs-o-up ,
#SectionHeader .item_utilState > li BUTTON.active i.fa-thumbs-o-up {
	color:#4A89DC;
}
#SectionHeader .item_utilState > li BUTTON.active i.fa-thumbs-o-up:before {
	content: "\f164";
}
#SectionHeader .item_utilState > li BUTTON:hover > i.xi-message-o ,
#SectionHeader .item_utilState > li BUTTON.active i.xi-message-o {
	color:#000;
}
#SectionHeader .item_utilState > li BUTTON.active i.xi-message-o:before {
	content: "\ea14";
}

#SectionHeader .item_utilState > li BUTTON:hover > i.xi-share-alt-o ,
#SectionHeader .item_utilState > li BUTTON.active i.xi-share-alt-o {
	color:#F5B025;
}
#SectionHeader .item_utilState > li BUTTON.active i.xi-share-alt-o:before {
	content: "\e9e9";
}


#SectionHeader .item_utilState_blank {
	margin-top:-5.4rem;
}

/********************* Mobile / Tablet *********************/
@media all and (max-width: 1023px) {
	#SectionHeader .item_utilState #item_area_weather {
		width:100%;
		justify-content: center;
		border-bottom:1px solid #ccc;
		padding-bottom:2rem;
		margin-bottom:2rem;
	}

	#SectionHeader:has(.item_utility) ~ #section_navigation .nav > ul {
		margin-top:0;
	}
}


/********************* Mobile *********************/
@media all and (max-width: 480px) {
	#SectionHeader .item_utilState {
	    font-size: 1.4rem;
	}
	#SectionHeader .item_utilState .weather_edge > .bar {
		padding:0 1.5rem;
	}
}












/* 서브메뉴 - 중앙 네비 */
#section_navigation { 
	position: relative;
	width:100%;
	margin: auto;
	margin-top:0;
	padding:0;

}
#section_navigation::after {
	content:'';
	position: absolute;
	bottom:0;
	display:block;
	width:100%;
	height:.2rem;
	/* background:#2d62a7; */
	background: var(--Theme, #2d62a7);
}

#section_navigation.fixed { position: sticky; top: 6rem;    z-index: 11; }

#section_navigation .nav > UL {
	display:table;
	position: relative;
	width:100%;
	min-height:5rem;
	margin:5rem auto 2rem;
	border-spacing:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	table-layout:fixed;

	margin:0;
	z-index: 9;
}



#section_navigation .nav > UL > li {
	display:table-cell;

	text-align:center;
	border:1px solid #ccc;
	border-color:#ddd;
	background:#f5f6fa;
	border-bottom:0.2rem solid #000;
	vertical-align:middle;


	/* border-bottom-color:#2d62a7; */
	border-bottom-color: var(--Theme, #2d62a7);
}



#section_navigation .nav > UL > li.blank ,
#section_navigation .nav > UL > li:empty {
	border:0;
	background:#fff;
	border-bottom:0.2rem solid #000;
	border-bottom-color: var(--Theme, #2d62a7);
}

#section_navigation .nav > UL > LI.active {
	border:0.2rem solid #000;
	border-bottom:0.2rem solid #fff;
	background-color:#fff;

	position:relative;
	background: rgb(2,0,36);
	background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(22,34,80,0.07) 100%);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
	vertical-align:middle;


	/*
	background: linear-gradient(0deg, rgb(255,255,255) 0%, rgb(240,240,245) 100%);
	color:#2d62a7;
	border-color:#2d62a7;
	border-bottom-color:#fff;
	*/
	background: linear-gradient(0deg, rgb(255,255,255) 0%, rgb(240,240,245) 100%);
	color: var(--Theme, #2d62a7);
	border-color: var(--Theme, #2d62a7);
	border-bottom-color:#fff;

}









#section_navigation .nav > UL > LI.active::before {
	content:'';
	display:block;
	position:absolute;
	z-index:1;

	width:.5rem;
	height:100%;
	left:-0.7rem;
	top:0;

	border-bottom: 5rem solid transparent;
	border-right: .5rem solid rgba(0,0,0,.15);
}
#section_navigation .nav > UL > LI.active::after {
	content:'';
	display:block;
	position:absolute;
	z-index:1;

	width:.5rem;
	height:100%;
	right:-0.7rem;
	top:0;
	overflow:hidden;
	border-bottom: 5rem solid transparent;
	border-left: .5rem solid rgba(0,0,0,.15);
}

#section_navigation .nav > UL > LI:last-child::after ,
#section_navigation .nav > UL > LI:first-child::before {
	content:'';
	display:block;
	position:absolute;
	z-index:1;
	width:0;
	height:0;
	left:0;
	top:0;
	border:0;

}


#section_navigation .nav > UL a {
	display:block;
	width:100%;
	padding:1.3rem .5rem;
	text-align:center;
	color:#aaa;
	font-size:1.7rem;
	font-weight:400;
	letter-spacing:-0.1rem;
	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
	text-decoration:none;
}


#section_navigation .nav > UL a:link, #section_navigation .nav > UL a:visited, #section_navigation .nav > UL a:active {
	color:#aaa;
}


#section_navigation .nav > UL a:hover {
	color:#000;
	text-decoration:none;
}
#section_navigation .nav > UL > LI.active > a ,
#section_navigation .nav > UL a.chked {

	color:#000;
	font-weight:500;
	text-shadow:-0.1rem -1px 0 rgba(255,255,255,.5);

	color:var(--Theme, #2d62a7);

}






/********************* Mobile / Tablet *********************/
@media all and (max-width: 1023px) {
	#section_navigation .nav > ul { display:block; width:100%; margin:3.2rem 0; padding:0; list-style-type:none; border-bottom:1px solid #ccc; }
	#section_navigation .nav > ul::after { content:''; display:block; clear:both; }

	#section_navigation .nav > ul > li { width:50%; display:block; float:left; margin:0; background:#f5f6fa; border:1px solid #ccc; border-left-width:0;  }
	#section_navigation .nav > ul > li::after ,
	#section_navigation .nav > ul > li.active::after ,
	#section_navigation .nav > UL > LI.active::before { clear:both; content:''; display:block; position:absolute; z-index:1; width:0; height:0; left:0; top:0; border:0; }

	#section_navigation .nav > ul > li:empty + li { border-left-width:1px; }
	#section_navigation .nav > ul > li > a { width:100%; padding:.8rem; height:100%;  display:inline-block; text-align:center; overflow:hidden; word-wrap: normal; white-space:nowrap; text-overflow:ellipsis;overflow:hidden; }
	#section_navigation .nav > ul > li.active { position:relative; 	outline:0; z-index:1; border:1px solid #ccc; border-left-width: 0; background:#474c5b; color:#fff; font-weight:400;  }
	#section_navigation .nav > ul > li.active > A { color:#fff; font-weight:500; text-shadow:-0.1rem -1px 0 rgba(0,0,0,.5); }
	#section_navigation .nav > ul > li:nth-of-type(n+3) { border-top-width:0 !important; }
	#section_navigation .nav > ul > li:nth-of-type(2n) { border-right-width:0; }
	#section_navigation .nav > ul > li:nth-of-type(2n + 1) { border-left-width:0; }
	#section_navigation .nav > ul > li:nth-last-child(-n + 2):nth-child(2n + 1),
	#section_navigation .nav > ul > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li { border-bottom-width:0 !important; }

}












.main > .article .article_box {
	border:1px solid #ddd;
	border-radius:1rem;
	box-shadow:0.3rem 3px 0 0 rgba(0,0,0,.05);
}
.main > .article .article_box .null {
	padding:5.6rem;
	font-size:2.4rem;
	letter-spacing:-0.1rem;
	text-align:center;
	color:#ccc;
}

.main > .article .article_title::after {
	clear:both;
	content:'';
	display:block;
}
.main > .article H2.article_title  {
	font-size:2.8rem;
}

.main > .article .article_title > H2 {
	font-size:2.8rem;
	float:left;
}
.main > .article .article_title > BUTTON {
	float:right;
	font-size:1.6rem;
	padding:0.7rem 0.132rem;
}
.main > .article .article_title + .inner ,
.main > .article .article_title + .article_box {
	margin-top:1.6rem;
}

.main > .article .inner {
	width:100%;
	padding:0 1.5rem;
}





.item_state {
	position: relative;
	padding:4rem 0;
	display:table;
	/*
	display:block;
	*/
}
.item_state::after {
	clear:both;
	content:'';
	display:block;
}
.item_state > li {
	position: relative;
	/*
	float:left;
	width:16.666%;
	*/

	display:table-cell;
	float:none;

	width: calc(100% / 5);
	height:auto;
	text-align:center;
	vertical-align: top;
	color:#888;
}
.item_state > li:first-of-type {
	width: calc(100% / 5 + .4rem);
}
.item_state > li:first-of-type p {
	letter-spacing:-0.1rem;
}


.item_state > li:first-child:nth-last-child(6),
.item_state > li:first-child:nth-last-child(6) ~ li {
	width: calc(100% / 6);
}
.item_state > li:first-child:nth-last-child(6),
.item_state > li:first-child:nth-last-child(6) ~ li:first-of-type {
	width: calc(100% / 6 + .5rem);
}




.item_state > li::after {
	content:'';
	position: absolute;
	width:.1rem;
	height:100%;
	background:#ddd;
	display:block;
	right:0;
	top:0;
}
.item_state > li:last-of-type::after {
	display:none;
}
.item_state > li  img {
	height:5.33rem;
}
.item_state > li i {
	font-size:5.33rem;
	display:block;
	font-weight:normal;
}
.item_state > li p {
	padding:.8rem;
	display:block;
}
.item_state > li span {
	font-weight:600;
	color:#2d62a7;
}
.item_state > li BUTTON {
	position: relative;

	background:transparent;
	border:0;
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	cursor:pointer;
}

.item_state > li BUTTON:not(.active):hover > i {
	color:#000;
	transform: scale(1.1);
}
.item_state > li BUTTON:hover > i.xi-heart-o ,
.item_state > li BUTTON.active i.xi-heart-o {
	color:#E9573F;
}
.item_state > li BUTTON.active i.xi-heart-o:before {
	content: "\ea10";
}

.item_state > li BUTTON:hover > i.fa-thumbs-o-up ,
.item_state > li BUTTON.active i.fa-thumbs-o-up {
	color:#4A89DC;
}
.item_state > li BUTTON.active i.fa-thumbs-o-up:before {
	content: "\f164";
}
.item_state > li BUTTON:hover > i.xi-message-o ,
.item_state > li BUTTON.active i.xi-message-o {
	color:#000;
}
.item_state > li BUTTON.active i.xi-message-o:before {
	content: "\ea14";
}

.item_state > li BUTTON:hover > i.xi-share-alt-o ,
.item_state > li BUTTON.active i.xi-share-alt-o {
	color:#F5B025;
}
.item_state > li BUTTON.active i.xi-share-alt-o:before {
	content: "\e9e9";
}


.item_state_blank {
	margin-top:-5.4rem;
}










/* 상세정보 */
.href_detail #itemContent {
	font-family: 'Noto Sans KR','Malgun Gothic',dotum,Sans-serif,AppleGothic;
}
.href_detail #itemContent + DIV {
	padding-top:8rem;
}
.href_detail #itemContent + DIV + DIV {
	padding-top:4rem;
}


.href_detail #itemContent LI {
	position: relative;
	padding:.5rem 0;
	padding-top:0;
}
.href_detail #itemContent LI::after {
	content:'';
	display:block;
	clear:both;
}
.href_detail #itemContent .box {
	padding:1.5rem;
}
.href_detail #itemContent .col_2 ,
.href_detail #itemContent .col_3 {
	float:left;
}
.href_detail #itemContent .col_2 {
	width:50%;
}
.href_detail #itemContent .col_3 {
	width:calc(100% / 3);
}
.href_detail #itemContent .tit {
	font-size: 4rem;
	font-weight: bold;
	letter-spacing: -0.1rem;
	text-align:center;
	padding:.3rem;
}
.href_detail #itemContent .sub {
	font-size: 3.2rem;
	font-weight: 500;
	letter-spacing: -0.1rem;
	/*color:#2d62a7;*/
	padding:.8rem;
	padding-bottom: 0;
}
.href_detail #itemContent .txt {
	font-size:1.85rem;
	line-height: 1.75;
	font-weight: 400;
	color:#555;
}

/* 연관 해시태그 */
#itemHashtag H3 {
	color:#2d62a7;
}
#itemHashtag H3::before {
	content: "\ea37";
	padding-right:.5rem;
	position: relative;
	top:.3rem;
}
#itemHashtag UL::after {
	clear:both;
	content:"";
	display:block;
}
#itemHashtag UL > LI {
	float:left;
	padding:.5rem 1rem;
	padding-left:0;
}
#itemHashtag UL > LI > BUTTON {
	position: relative;
	width:auto;
	padding:.2rem 1.5rem .3rem;
	background:#fafafa;
	border-radius:3rem;
	border:1px solid #ccc;
	color:#aaa;
	font-size:1.5rem;
	box-shadow:0.2rem 2px 0 0 rgba(0,0,0,.1);
}

#itemHashtag UL > LI > BUTTON::before {
	content:"#";
	display:inline-block;
}
#itemHashtag UL > LI > BUTTON:hover {
	box-shadow:none;
	top: .1rem;
	left: .1rem;

	background:#4a89dc;
	border-color:#2d62a7;
	color:#fff;
	text-shadow:-0.1rem -1px 0 rgba(0,0,0,.3);
}


/* 관련 여행지 */
#itemOthertour UL {
	width:100%;
	height:100%;
	font-family:"Noto Sans KR","Malgun Gothic",dotum,Sans-serif,AppleGothic;

}
#itemOthertour UL > LI {
	display:inline-block;
	width: calc(100% / 5 - 1.1rem);
	min-width:20rem;
	height:100%;
	border:1px solid #ccc;
	padding:1rem;
	margin:0;
	margin-right:1rem;
	vertical-align: top;
	overflow:hidden;
}
#itemOthertour .itemOthertour_zone:not(.DZSMART_BannerSlide) UL > LI:nth-child(5n) {
	margin-right:0;
}

#itemOthertour .itemOthertour_zone:not(.DZSMART_BannerSlide) UL > LI:nth-child(n+6) {
	margin-top:1rem;
}

#itemOthertour dl ,
#itemOthertour dt ,
#itemOthertour dd {
	position: relative;
}

#itemOthertour dl::after {
	clear:both;
	content:"";
	display:block;
}

#itemOthertour dt {
	height:12rem;
	overflow:hidden;
}
#itemOthertour dt img  {
	max-width:100%;
	min-height:100%;
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
#itemOthertour dt img:hover  {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

#itemOthertour .vote {
	position: absolute;
	top:0.3rem;
	right:0.3rem;
	border-radius:2.5rem;
	height:2.5rem;
	padding:0.2rem 1rem 0;
	color:#ff4b9e;
	background-color:rgba(0,0,0,.45);
	font-size:1.1rem;
	font-weight:400;
}
#itemOthertour .vote::before  {
	content: "\ea10";
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#itemOthertour .area_sub  {
	font-size:1.5rem;
}
#itemOthertour .area_sub SPAN  {
	color:#4A89DC;
	font-weight:400;
}
#itemOthertour .area_sub SPAN.Food  {
	color:#E9573F;
}
#itemOthertour .area_sub SPAN.Stay  {
	color:#70CA63;
}
#itemOthertour .area_sub > .dist {
	float:right;
	font-size:1.3rem;
	color:#aaa;
}
#itemOthertour A.h4  {
	display:block;
	width:100%;
	font-size:1.8rem;
	font-weight:500;
	letter-spacing:-0.1rem;
	overflow:hidden;
	word-wrap: normal;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.itemOthertour_zone.DZSMART_BannerSlide {
	border:1px solid #ddd;
	border-top:0;
	border-bottom:0;
}
.itemOthertour_zone.DZSMART_BannerSlide .swiper-slide {
	background:#fff;
	border:0;
	padding:0.5rem;
}

.itemOthertour_zone.DZSMART_BannerSlide .swiper-button-next,
.itemOthertour_zone.DZSMART_BannerSlide .swiper-button-prev {
	margin: 0;
	border: 1px solid #ccc;
	background: #fff;
	width: 2rem;
	height: 5rem;
	top: 50%;
	margin-top:-2.5rem;
}
.itemOthertour_zone.DZSMART_BannerSlide .swiper-button-prev {
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
	border-left:0;
}
.itemOthertour_zone.DZSMART_BannerSlide .swiper-button-next {
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
	border-right:0;
}
.itemOthertour_zone.DZSMART_BannerSlide .swiper-button-prev:after, .DZSMART_BannerSlide .swiper-button-prev:before {
	left:-0.2rem;
}
.itemOthertour_zone.DZSMART_BannerSlide .swiper-button-next:after, .DZSMART_BannerSlide .swiper-button-next:before {
	right:-0.3rem;
}



/* 이용안내 */
.href_information UL.tour_infor {
	padding:3rem 5rem;
	font-family: "Noto Sans KR","Malgun Gothic",dotum,Sans-serif,AppleGothic;
}
.href_information UL.tour_infor > li {

}

.href_information .tour_infor dl {
	width:100%;
	position: relative;
	padding:1.5rem;
	border-bottom:1px dashed #ccc;
}
.href_information .tour_infor li:last-of-type dl {
	border:0;

}
.href_information .tour_infor dl::after {
	clear:both;
	content:'';
	display:block;
}

.href_information .tour_infor dl > dt {
	width:20%;
	text-align:right;
	padding-right:3rem;
	display:inline-block;
	font-size:1.7rem;
	float:left;
	font-weight:500;


}
.href_information .tour_infor dl > dd {
	position: relative;
	width:80%;
	display:inline-block;
	padding:0.2rem 0 0.2rem 3rem;
	text-align:left;
	float:left;
}
.href_information .tour_infor dl > dd::after {
	content:'';
	position: absolute;
	width:0.2rem;
	height:100%;
	background:#ddd;
	display:block;
	left:0;
	top:0;
	border-radius:1rem;
}
.href_information .tour_infor dl > dd + dd {
	width:100%;
	padding-left:calc(20% + 3rem);
}
.href_information .tour_infor dl > dd + dd::after {
	content:'';
	left:20%;
}
.href_information .tour_infor dl > dt:empty + dd {
	margin-left:20%;
}



/* 지도/  주변 관광지 */
.href_location .article_title > div {
	padding:0;
	padding-left:2rem;
	float:right;
}
#map_zone {
	width:100%;
	height:50rem;
	border:1px solid #ddd;
	padding:1rem;
}

#DZPS_Map_mapMarking::after {
	clear:both;
	content:"";
	display:block;
}
#DZPS_Map_mapMarking > button {
	float:left;
	border:1px solid #ccc;
	border-left-width:0;
	padding:0.2rem 2rem;
	height:3.5rem;
	font-size:1.6rem;
	line-height: 0.1;
	background:#f0f4f7;
}
#DZPS_Map_mapMarking > button:first-of-type {
	border-left-width:1px;
	border-top-left-radius:5rem;
	border-bottom-left-radius:5rem;
}

#DZPS_Map_mapMarking > button:last-of-type {
	border-top-right-radius:5rem;
	border-bottom-right-radius:5rem;
}

#DZPS_Map_mapMarking > BUTTON[value="Tour"] ,
#DZPS_Map_mapMarking > BUTTON[value="Food"] ,
#DZPS_Map_mapMarking > BUTTON[value="Stay"] {
	background-image:url("../imgs/tourmap_icons.png");
	background-repeat:no-repeat;
	background-position:0 -3.2rem;
	background-size:3.5rem;
	padding-left:4rem;
}
#DZPS_Map_mapMarking > BUTTON[value="Food"] {
	background-position:0 -67px;
}
#DZPS_Map_mapMarking > BUTTON[value="Stay"] {
	background-position:0 3px;
}


#DZPS_Map_mapMarking > BUTTON.active  {
	background-color:#ddd;
	box-shadow:inset 2px 2px 5px 0 rgba(0,0,0,.2);
	border-color:#aaa;
	font-weight:500;
}
#DZPS_Map_mapMarking > BUTTON[value="All"].active {
	border-color:#777;
	background-color:#bbb;
	color:#fff;
	text-shadow:-0.1rem -1px 0 rgba(0,0,0,.3);
}
#DZPS_Map_mapMarking > BUTTON[value="Tour"].active {
	background-color:#d6e7ff;
}
#DZPS_Map_mapMarking > BUTTON[value="Food"].active {
	background-color:#ffeef6;
	box-shadow:inset 2px 2px 5px 0 rgba(180,0,0,.3);
}
#DZPS_Map_mapMarking > BUTTON[value="Stay"].active {
	background-color:#f0ffe3;
	box-shadow:inset 2px 2px 5px 0 rgba(10,158,0,.3);
}



/* 주변볼거리 */
#map_around {
	padding:4rem 0 0;
	height:30rem;
}
#map_around:empty {
	display:none;
}

#map_around UL {
	width:100%;
	height:100%;
	overflow:hidden;
	overflow-x: auto;
	white-space: nowrap;
	font-family:"Noto Sans KR","Malgun Gothic",dotum,Sans-serif,AppleGothic;

}
#map_around UL > LI {
	display:inline-block;
	width: 22rem;
	height:100%;
	border:1px solid #ccc;
	padding:1rem;
	margin:0;
	margin-right:1rem;
	vertical-align: top;
	overflow:hidden;
}
#map_around UL > LI:last-of-type {
	margin-right:0;
}

#map_around dl ,
#map_around dt ,
#map_around dd {
	position: relative;
}

#map_around dl::after {
	clear:both;
	content:"";
	display:block;
}

#map_around dt {
	height:11rem;
	overflow:hidden;
}
#map_around dt img  {
    width: 100%;
    height: 100%;
    background: #e5e5e5;
    background: #fff;
	object-fit: cover;
    object-position: center;

	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
#map_around dt img.null {
	object-fit: contain;

	-webkit-transform: scale(.8);
	transform: scale(.8);

}
#map_around dt img:not(.null):hover  {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

#map_around .vote {
	position: absolute;
	top:0.3rem;
	right:0.3rem;
	border-radius:2.5rem;
	height:2.5rem;
	padding:0.2rem 1rem 0;
	color:#ff4b9e;
	background-color:rgba(0,0,0,.45);
	font-size:1.1rem;
	font-weight:400;
}
#map_around .vote::before  {
	content: "\ea10";
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#map_around .area_sub  {
	font-size:1.5rem;
}
#map_around .area_sub SPAN  {
	color:#4A89DC;
	font-weight:400;
}
#map_around .area_sub SPAN.Food  {
	color:#E9573F;
}
#map_around .area_sub SPAN.Stay  {
	color:#70CA63;
}
#map_around .area_sub > .dist {
	float:right;
	font-size:1.3rem;
	color:#aaa;
}
#map_around A.h4  {
	display:block;
	width:100%;
	font-size:1.8rem;
	font-weight:500;
	letter-spacing:-0.1rem;
	overflow:hidden;
	word-wrap: normal;
	white-space:nowrap;
	text-overflow:ellipsis;
}
#map_around .area_btn {
	padding:0.5rem 0 0;
	position: relative;
	bottom:0;
}
#map_around .area_sub::after {
	clear:both;
	content:"";
	display:block;
}
#map_around A.more {
	display:none;
}
#map_around BUTTON.overlay {
	display:block;
	text-align:center;
	width:100%;
	margin-top:1rem;
	background-color:#3B3F4F;
	border:1px solid #2E313D;
	color:#fff;
	font-size:1.3rem;
	padding:0;
	height:3rem;
	line-height:2rem;
}

#map_around BUTTON.overlay::before {
	content: "\eb58";
	font-size:1.7rem;
	padding-right:0.5rem;
	color:#ffffa4;
}
#map_around .area_btn > BUTTON {
	float:left;
	width: calc(50% - .3rem);

	border:1px solid #ddd;
	background:#eee;
	font-size:1.3rem;
	padding:0;
	height:3rem;
}
#map_around .area_btn > BUTTON + BUTTON {
	float:right;
}
#map_around .area_btn > BUTTON::before {
	content: "\eb3c";
	font-size:1.3.2rem;
	padding-right:0.5rem;
	color:#999;
}
#map_around .area_btn > BUTTON + BUTTON::before {
	content: "\eb3d";
}



.map_inner_overlay {
	position: relative;
	display:block;
	width: 18rem;
	height:17.5rem;

}
.map_inner_overlay::after {
	clear:both;
	content:"";
	display:block;
	margin:auto;
	width:1rem;
	height:1rem;
	background:#fff;
	border:1px solid #777;
	margin-top:-0.5rem;
	transform:rotate(45deg);
	z-index:0;
}
.map_inner_overlay::before {
	clear:both;
	content:"";
	display:block;
	z-index:1;
	position: absolute;
	bottom:0;
	left:50%;
	margin-left:-0.6rem;
	width:1.2rem;
	height:1rem;
	background:#fff;

}

.map_inner_overlay dl {
	width:100%;
	border:1px solid #777;
	padding:1rem;
	vertical-align: top;
	overflow:hidden;
	background-color:#fff;
}


.map_inner_overlay dt {
	height:8rem;
	overflow:hidden;
}
.map_inner_overlay dt A {
	display: block;
    width: 100%;
    height: 100%;
}
.map_inner_overlay dt img {
    width: 100%;
    height: 100%;
    background: #e5e5e5;
	object-fit: cover;
    object-position: center;
}
.map_inner_overlay dt img.null {
	object-fit: contain;
}
.map_inner_overlay .vote {
	display:none;
}
.map_inner_overlay .area_sub {
	font-size:1.2rem;
}
.map_inner_overlay .area_sub SPAN {
	color:#4A89DC;
	font-weight:400;
}
.map_inner_overlay .area_sub SPAN.Food {
	color:#E9573F;
}
.map_inner_overlay .area_sub SPAN.Stay {
	color:#70CA63;
}
.map_inner_overlay .area_sub > .dist {
	float:right;
	color:#aaa;
}
.map_inner_overlay A.h4 {
	display:block;
	width:100%;
	font-size:1.7rem;
	font-weight:600;
	letter-spacing:-0.1rem;
	overflow:hidden;
	word-wrap: normal;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.map_inner_overlay A.more {
	display:block;
}
.map_inner_overlay BUTTON.overlay {
	display:none;
}
.map_inner_overlay .area_btn {
	display:none;
}
.map_inner_overlay A.more {
	display:block;
	text-align:center;
	width:100%;
	margin-top:0.5rem;
	background-color:#3B3F4F;
	border:1px solid #2E313D;
	color:#fff;
	font-size:1.3rem;
	padding:0.2rem 0 0;
	height:2.5rem;
}




/* 길찾기 */
#map_direction {
	margin:7rem 0 0;
	border:1px solid #cbc8dc;
	padding:2rem 0;
	background-color:#f5f8ff;
}

#map_direction  fieldset {
	text-align:center;
}

#map_direction LEGEND {
	display: inline-block;
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 3.2rem;
	font-weight:500;
	border: 0;
	text-align:center;
	padding-bottom:1rem;
}
#map_direction LABEL {
	padding:0 2rem;
	font-size:1.8rem;
	font-weight:500;
	font-family: "Noto Sans KR","Malgun Gothic",dotum,Sans-serif,AppleGothic;
}

#map_direction INPUT {
	border:1px solid #ccc;
	height:4.5rem;
	width:30%;
	font-size:1.5rem;
	color:#555;
	padding:0 1rem;
	vertical-align: middle;
}

#map_direction BUTTON {
	width:10%;
	height:4.5rem;
	padding:0 1.8rem;
	font-size:1.7rem;
	font-weight:400;
	font-family: "Noto Sans KR","Malgun Gothic",dotum,Sans-serif,AppleGothic;
}
#map_direction LEGEND::before ,
#map_direction LABEL::before {
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#2d62a7;
	padding:0 1rem;
}
#map_direction LEGEND::before {
	content: "\eb4c";
}

#map_direction LABEL::before {
	content: "\eb3c";

}
#map_direction LABEL ~ LABEL::before {
	content: "\eb3d";

}



















/* 게시판 공통 */
.article UL.tour_bbs > .null  {

	position: static;

	margin:2.4rem 0 0;
	float:none;
	width:100%;

	border:1px solid #ddd;
	border-radius:1rem;
	box-shadow:0.3rem 3px 0 0 rgba(0,0,0,.05);

	padding:5.6rem;
	font-size:2.4rem;
	letter-spacing:-0.1rem;
	text-align:center;
	color:#ccc;
}
.article UL.tour_bbs {
	border-top:1px solid #ddd;
	margin-top:1.6rem;
}
.article UL.tour_bbs::after {
	content:'';
	clear:both;
	display:block;
}

.article .tour_pageing {
	padding:4.8rem 0;
}


.item_section BUTTON.btn_like {
	position: relative;
	margin:1.6rem auto;
	border:1px solid #f54fa2;
	border-radius: 3rem;
	padding:0 1.5rem;
	width:auto;
	height:3rem;
	background:transparent;
	font-size:1.6rem;
	font-weight:500;
	color:#d06;
	transition: all ease .2s 0s;
	box-shadow:0.2rem 2px 0 0 rgba(0,0,0,.15);
}
.item_section BUTTON.btn_like.on {
	background-color:#ffd;
	box-shadow:none;
	top:0.2rem;
	right:-0.2rem;
	cursor:default;
}
.item_section BUTTON.btn_like:not(.on):hover {
	background:#d06;
	border-color:#d06;
	color:#fff;
	font-weight:normal;
	top:0.2rem;
	right:-0.2rem;
	box-shadow:inset 2px 2px 0 0 rgba(0,0,0,.15);
}




.item_section BUTTON.btn_like i ,
.item_section BUTTON.btn_like span {
	margin:0 0.5rem;
}

.item_section BUTTON.btn_like.on i.xi-heart-o::before {
	content: "\ea10";
}


/* 여행사진 갤러리 */
.tour_photo > li {
	position: relative;
	border:1px solid #bbb;
	box-shadow:0.5rem 5px 0 0 rgba(0,0,0,.1);
	transition: all ease .5s 0s;

	margin:3.2rem 1% 0;
	float:left;
	width:32%;

	-webkit-animation:display_on .5s ease-in-out;
	animation:display_on .5s ease-in-out;
}
@-webkit-keyframes display_on {
	0% {opacity:0;} 100% {opacity:1;}
}
@keyframes display_on{
	0% {opacity:0;} 100% {opacity:1;}
}

.tour_photo > li:hover ,
.tour_photo > li:active {
	top:0.2rem;
	left:0.2rem;
	box-shadow:none;
}

.tour_photo > li:first-child ,
.tour_photo > li:nth-child(3n+1) {
	margin-left:0;
}
.tour_photo > li:nth-child(3n) {
	margin-right:0;
}


.tour_photo .item_section {
	float: none;
	width: 100%;
	padding:2rem;
	height:26rem;
}
.tour_photo .item_section .item_photo {
	position: relative;
	overflow:hidden;
	float:none;
	width:100%;
	height:14rem;
	cursor:pointer;
}
.tour_photo .item_section .item_photo.mult::after {
	position: absolute;
	top:0.3rem;
	right:0.3rem;
	font-size:2.4rem;
	color:#fff;
	text-shadow:0 0 1px rgba(0,0,0,.5);
	content: "\eb18";
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

}

.tour_photo .item_section .item_photo div.photo {
	position: relative;
	width:100%;
	height:100%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;

	-webkit-transition: transform .15s ease-in-out;
	transition:transform .15s ease-in-out;

}
.tour_photo .item_section .item_photo div.bg {
	position: absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3);
	opacity: 0;
}

.tour_photo .item_section .item_photo div.bg::after {
	width:100%;
	height:100%;

	font-size:4.8rem;
	color:#fff;
	content: "\e97b";
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	display: -webkit-flex;
	display:         flex;
	-webkit-align-items: center;
		align-items: center;
	-webkit-justify-content: center;
		justify-content: center;


}
.tour_photo > li:hover  .item_section .item_photo div.photo {
	transform: scale(1.1);
}
.tour_photo > li:hover  .item_section .item_photo div.bg {
	opacity: 1;
}

.tour_photo .item_section .item_article {
	position: relative;
	float:none;
	width:100%;
	padding:2rem 1rem 0;
}
.tour_photo .item_section .item_article > * {
	display:block;
	overflow:hidden;
	word-wrap: normal;

	white-space:nowrap;
	text-overflow:ellipsis;
}
.tour_photo .item_section .item_article .tit {
	text-align:center;
	letter-spacing: -0.1rem;
	font-weight:500;
	height:3.2rem;
	font-size:2rem;
}
.tour_photo .item_section .item_article .sub {
	text-align:center;
	height:3rem;
	font-size:1.6rem;
	color:#a7a6b3;
	padding:0;
	font-weight:normal;
}
.tour_photo .item_section .item_article .sub > span:last-of-type {
	display:inline-block;
	padding:0 0.5rem 0 1rem;
	margin:0 0.5rem;
	position: relative;
}
.tour_photo .item_section .item_article .sub > span:last-of-type::before {
	content:'';
	display:block;
	position: absolute;
	top:20%;
	left:0;
	height:60%;
	width:0.2rem;
	background:#aaa;
}






/* 여행리뷰 갤러리 */
.tour_review > li {
	position: relative;
	border-bottom:1px solid #ddd;
	transition: all ease .5s 0s;

	margin:0;
	width:100%;

	-webkit-animation:display_on .5s ease-in-out;
	animation:display_on .5s ease-in-out;
}



.tour_review .item_section {
	float: none;
	width: 100%;
	padding:2rem;
	height:auto;
}
.tour_review .item_section::after {
	content:'';
	clear:both;
	display:block;
}
.tour_review .item_section .item_photo {
	position: relative;
	float:left;
	width:30rem;
	height:14rem;
	cursor:pointer;
}
.tour_review .item_section .item_photo.mult::after {
	position: absolute;
	top:0.3rem;
	right:0.3rem;
	font-size:2.4rem;
	color:#fff;
	text-shadow:0 0 1px rgba(0,0,0,.5);
	content: "\eb18";
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	z-index:6;

}
.tour_review .item_section .item_photo a {
	position: relative;
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:5;
}
.tour_review .item_section .item_photo div.photo {
	position: relative;
	width:100%;
	height:100%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;

	-webkit-transition: transform .15s ease-in-out;
	transition:transform .15s ease-in-out;

}
.tour_review .item_section .item_photo div.bg {
	position: absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3);
	opacity: 0;
}

.tour_review .item_section .item_photo div.bg::after {
	width:100%;
	height:100%;
	font-size:4.8rem;
	color:#fff;
	content: "\e97b";
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	display: -webkit-flex;
	display:         flex;
	-webkit-align-items: center;
		align-items: center;
	-webkit-justify-content: center;
		justify-content: center;
}

.tour_review .item_section .item_photo a  ~ a   {
	position: absolute;
	bottom:0;
	left:0;
	z-index:3;
	width:10rem;
	height:10rem;
	float:left;
	transition: all ease .5s 0s;
}
.tour_review .item_section .item_photo a ~ a:nth-of-type(2)   { transition-delay:0s; z-index:4; }
.tour_review .item_section .item_photo a ~ a:nth-of-type(3)   { transition-delay:.1s; z-index:3; }
.tour_review .item_section .item_photo a ~ a:nth-of-type(4)   { transition-delay:.2s; z-index:2; }
.tour_review .item_section .item_photo a ~ a:nth-of-type(5)   { transition-delay:.3s; z-index:1; }

.tour_review .item_section .item_photo a:hover ~ a:nth-of-type(2)   { left:30rem; }
.tour_review .item_section .item_photo a:hover ~ a:nth-of-type(3)   { left:40rem; }
.tour_review .item_section .item_photo a:hover ~ a:nth-of-type(4)   { left:32rem; }
.tour_review .item_section .item_photo a:hover ~ a:nth-of-type(5)   { left:60rem; }


.tour_review .item_section .item_photo > a:hover >  div.photo {
	transform: scale(1.1);
}
.tour_review .item_section .item_photo > a:hover >  div.bg {
	opacity: 1;
}


.tour_review .item_section .item_article {
	position: relative;
	float:left;
	width: calc(100% - 30rem);
	padding:0 1rem 0 3rem;
	text-align:left;
}
.tour_review .item_section .item_photo:empty {
	display:none;
}

.tour_review .item_section .item_photo:empty + .item_article {
	float:none;
	width: 100%;
	padding:0 1rem;
}


.tour_review .item_section .item_article .sub {
	font-size:1.6rem;
	color:#444;
	padding:0;
	font-weight:500;
	font-family: 'Noto Sans KR','Malgun Gothic',dotum,Sans-serif,AppleGothic;
}
.tour_review .item_section .item_article .sub > span:last-of-type {
	display:inline-block;
	padding:0 1.5rem;
	margin:0 1rem;
	position: relative;
}
.tour_review .item_section .item_article .sub > span:last-of-type::before {
	content:'';
	display:block;
	position: absolute;
	top:20%;
	left:0;
	height:60%;
	width:0.2rem;
	background:#aaa;
}

.tour_review .item_section .item_article .con {
	letter-spacing: -0.1rem;
	color:#666;
	font-weight:500;
	font-size:1.5rem;
	padding:1.6rem 0;

	display:block;
	overflow:hidden;
	word-wrap: normal;

	white-space:normal;
	text-overflow:ellipsis;
}


.tour_review .item_section BUTTON.btn_like {
	position: absolute;
	right:0;
	top:0;
	margin:0;
}





/* 블로그  */
.tour_blog > li {
	position: relative;
	border-bottom:1px solid #ddd;
	transition: all ease .5s 0s;

	margin:0;
	width:100%;

	-webkit-animation:display_on .5s ease-in-out;
	animation:display_on .5s ease-in-out;
}

.tour_blog a:hover {
	text-decoration: underline;
}

.tour_blog .item_section {
	float: none;
	width: 100%;
	padding:2.8rem 3.2rem;
	height:auto;
}
.tour_blog .item_section::after {
	content:'';
	clear:both;
	display:block;
}



.tour_blog .item_section .tit {
	font-size:2rem;
	color:#444;
	padding:0;
	font-weight:500;
	font-family: 'Noto Sans KR','Malgun Gothic',dotum,Sans-serif,AppleGothic;
}



.tour_blog .item_section .sub {
	font-size:1.5rem;
	color:#888;
	padding:0;
	font-weight:600;
	position: relative;
	margin:auto 1rem;
	padding:0 1rem;
}
.tour_blog .item_section .sub::before {
	content:'';
	display:block;
	position: absolute;
	top:15%;
	left:0;
	height:70%;
	width:0.3rem;
	background:#aaa;
}
.tour_blog .item_section .date {
	float:right;
	font-size:1.6rem;
	color:#888;
}
.tour_blog .item_section .con {
	letter-spacing: -0.1rem;
	color:#666;
	font-weight:500;
	font-size:1.75rem;
	padding:1.8rem 0;
	line-height:180%;

	display:block;
	overflow:hidden;
	word-wrap: normal;

	white-space:normal;
	text-overflow:ellipsis;
}


.tour_blog .item_section .more {
	display:inline-block;
	margin-left:2rem;
	font-size:1.4rem;
	font-weight:bold;
	position: relative;
	border: 1px solid #ccc;
	background-color:#fff;
	padding: 0.1rem 1rem 0 0.5rem;
	border-radius: 0.3rem;
}
.tour_blog .item_section .more:hover {
	background-color:#f1f2f3;
	text-decoration: none;
}


.tour_blog .item_section .more::before {
	font-size:1.7rem;
	content: "\e93f";
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	z-index:6;
}


/********************* Mobile / Tablet *********************/
/* 모바일 & 태블릿 */
@media all and (max-width: 1023px) {
	#navigation {
		box-shadow:none;
	}
	/*
	#SectionHeader {
		margin-top:6rem;
	}
	#SectionHeader .swiper-wrapper {
		height:50rem;
	}
	*/
	#SectionHeader {
		height:50rem;
	}

	#SectionHeader .item_information > .item_box h2 {
		font-size:3.2rem;
	}
	#SectionHeader .item_information > .item_box h3 {
		font-size:1.3.2rem;
	}


	.main > .article .article_title > H2 {
		float:none;
	}
	.main > .article .article_title > BUTTON {
		float:none;
		width:100%;
		font-size:1.3.2rem;
		padding:0.8rem 1.3.2rem;
		margin-top:0.8rem;
	}


	.item_information > .item_box h2 {
		font-size:3.2rem;
	}
	.item_information > .item_box h3 {
		font-size:1.4.8rem;
	}



	.item_state {
		/*
		display:block;
		*/
		padding:0;
	}

	.item_state > li {
		/*
		float:left;
		display:block;
		width: calc(100% / 6);
		height:8rem;
		*/
		padding:1.6rem 0;
		overflow:hidden;
	}

	.item_state > li img {
		height:3.2rem;
	}
	.item_state > li i {
		font-size:3.2rem;
	}
	.item_state > li p {
		padding:0.032rem;
		letter-spacing:-0.1rem;
	}

	#section_navigation .nav > UL > li ,
	#section_navigation .nav > UL > LI.active {
		border-color: #ccc;
	}
	#section_navigation .nav > UL > LI.active a {
		color:#fff;
	}





	/* 상세정보 */
	.href_detail #itemContent .col_2 ,
	.href_detail #itemContent .col_3 {
		float:none;
		width:100%;
	}
	#itemOthertour .itemOthertour_zone:not(.DZSMART_BannerSlide)  UL > LI {
		width: calc(100% / 3 - 1rem);
		min-width:5rem;
		height:auto;
		padding:0.5rem;
		margin-right:1rem;
	}

	#itemOthertour .itemOthertour_zone:not(.DZSMART_BannerSlide) UL > LI:nth-child(3n) {
		margin-right:0;
	}
	#itemOthertour .itemOthertour_zone:not(.DZSMART_BannerSlide) UL > LI:nth-child(5n) {
		margin-right:1rem;
	}

	#itemOthertour .itemOthertour_zone:not(.DZSMART_BannerSlide) UL > LI:nth-child(n+4) {
		margin-top:1rem;
	}

	#itemOthertour .itemOthertour_zone:not(.DZSMART_BannerSlide) dt {

	}


	/* 이용안내 */
	.href_information UL.tour_infor {
		padding: 1.6rem 2.4rem;
	}
	.href_information .tour_infor dl {
		border-bottom:1px dashed #aaa;
	}
	.href_information .tour_infor dl > dt {
		width:100%;
		display:block;
		text-align:left;
		padding-right:0;
		padding-bottom:0.8rem;
		float:none;
	}
	.href_information .tour_infor dl > dd {
		width:100%;
		padding:0.2rem;
		padding-left:1.6rem;
		display:block;
		text-align:left;
		float:none;
	}
	.href_information .tour_infor dl > dd::before {
		content:'';
		position: absolute;
		width:0.4.8rem;
		height:0.4.8rem;
		background:#aaa;
		display:inline-block;
		left:0;
		top:0.834.8rem;
		border-radius:2.4rem;
	}
	.href_information .tour_infor dl > dd::after {
		display:none;
	}


	.href_information .tour_infor dl > dd + dd {
		padding-left:1.6rem;
	}
	.href_information .tour_infor dl > dd + dd::after {
		display:none;
	}
	.href_information .tour_infor dl > dt:empty + dd {
		margin-left:0;
	}



	/* 게시판 공통 */
	.article UL.tour_bbs {
		border-top:0;
		margin-top:0;
	}


	/* 여행사진 갤러리 */
	.tour_photo > li {
		width:49%;
	}
	.tour_photo > li:first-child ,
	.tour_photo > li:nth-child(3n+1) ,
	.tour_photo > li:nth-child(3n) {
		margin-left:1%;
		margin-right:1%;
	}
	.tour_photo > li:nth-child(-n+2) {
		margin-top:1.6rem;
	}

	.tour_photo > li:first-child ,
	.tour_photo > li:nth-child(2n+1) {
		margin-left:0;
	}
	.tour_photo > li:nth-child(2n) {
		margin-right:0;
	}

	.tour_photo .item_section {
		padding:1.5rem;
		height:35rem;
	}
	.tour_photo .item_section .item_photo {
		height:15rem;
	}

	.tour_photo .item_section .item_article .sub {
		height:4.5rem;
	}
	.tour_photo .item_section .item_article .sub > span:last-of-type {
		display:block;
		padding:0;
		margin:0;
	}
	.tour_photo .item_section .item_article .sub > span:last-of-type::before {
		display:none;
	}





	/* 여행리뷰 갤러리 */
	.tour_review .item_section {
		padding:2rem 0;
	}
	.tour_review .item_section .item_photo {
		float:none;
		width:100%;
	}

	.tour_review .item_section .item_photo a ~ a { display:none; }


	.tour_review .item_section .item_article {
		float:none;
		width: 100%;
		font-size:1.6rem;
		padding:1.6rem 1rem;
	}
	.tour_review .item_section .item_photo:empty + .item_article {
		padding: 1rem;
	}


	.tour_review .item_section BUTTON.btn_like {
		position: static;
		right:auto;
		top:auto;
		margin:1.6rem auto 0;
	}





	/* 블로그  */
	.tour_blog > li:first-child {
		border-top:1px solid #ddd;
		margin-top:1.6rem;
	}

	.tour_blog .item_section {
		float: none;
		width: 100%;
		padding:0.15648rem 3rem;
		height:auto;
	}
	.tour_blog .item_section::after {
		content:'';
		clear:both;
		display:block;
	}


	.tour_blog .item_section .tit {
		display:block;
	}

	.tour_blog .item_section .sub {
		display:inline-block;
		margin:auto;
		padding:0 1rem 0 0;
	}

	.tour_blog .item_section .sub::before {
		display:none;
	}
	.tour_blog .item_section .date {
		float:none;
		display:inline-block;
		position: relative;
		padding-left:1rem;
	}
	.tour_blog .item_section .date::before {
		content:'';
		display:block;
		position: absolute;
		top:15%;
		left:0;
		height:70%;
		width:0.2rem;
		background:#aaa;
	}





	/* 지도/  주변 관광지 */
	.href_location .article_title > div {
		padding:0;
		padding-top:1rem;
		float:none;
		width:100%;
	}
	#map_zone {
		height:30rem;
		padding:0.5rem;
	}

	#DZPS_Map_mapMarking > BUTTON {
		width:calc(100% / 4);
		padding:0;
		font-size: 1.6rem;


	}
	#DZPS_Map_mapMarking > BUTTON[value="Tour"] ,
	#DZPS_Map_mapMarking > BUTTON[value="Food"] ,
	#DZPS_Map_mapMarking > BUTTON[value="Stay"] {
		padding-left:1.5rem;
	}

	#DZPS_Map_mapCircle > LABEL {
		width:calc(100% / 3);
	}



	/* 길찾기 */
	#map_direction {
		padding:2rem;
		padding-left:0;
	}
	#map_direction LABEL {
		width:30%;
		padding-top:0.8rem;
	}
	#map_direction INPUT {
		width:60%;
		margin-top:0.8rem;
	}

	#map_direction BUTTON {
		width:85%;
		margin-top:1.6rem;
		margin-left:2rem;
	}


}





#DZVR360_Canvas {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(100% - 3rem);
  height: 66rem;
}
#DZVR360_Canvas.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
}

#DZVR360_Canvas::after {
	content:"";
	position: absolute;
	
	transition: all ease .5s 0s;
	top: 0;
	right:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.15);
	background: -moz-linear-gradient(top,  rgba(0,0,0,.25) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,.25) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,.25) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=0 );
}

#DZVR360_Canvas.fullscreen::after {
	display:none;
}


#DZVR360_Canvas ~ #DZVR360_fullscreen {
  position: absolute;
  top: 1rem;
  right:3rem;
  color:#fff;
}
#DZVR360_Canvas ~ #DZVR360_fullscreen::after {
    display: block;
    content: "\f0b2";
    text-shadow: 0 0 .25rem rgba(0,0,0,.5);
    font: normal normal normal 1.4rem/1 FontAwesome;
    font-size: 3rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#DZVR360_Canvas.fullscreen ~ #DZVR360_fullscreen {
  position: fixed;
  top: 1rem;
  right:1rem;
  z-index: 10000;
}
#DZVR360_Canvas.fullscreen ~ #DZVR360_fullscreen::after {
    content: "\f00d";
}

#DZVR360_Canvas.fullscreen ~ #DZVR360_fullscreen::after {
    content: "\f00d";
}
#DZVR360_title {
	transition: all ease .5s 0s;
	overflow:hidden;
/*
	height:0;

}
#DZVR360_Canvas ~ #DZVR360_title:hover ,
#DZVR360_Canvas:hover ~ #DZVR360_title {
*/
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: calc(100% - 3rem);
	height: 100%;
	color: #fff;
	cursor:pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;

	background-color:rgba(0,0,0,.15);
	background: -moz-linear-gradient(bottom,  rgba(0,0,0,.25) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(bottom,  rgba(0,0,0,.25) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(bottom to,  rgba(0,0,0,.25) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=0 );

}
#DZVR360_enabled {
	display:none;
}
#DZVR360_enabled:checked ~ #DZVR360_title {
	height:0;
	opacity:0;
}
#DZVR360_enabled:checked ~ #DZVR360_Canvas::after {
	height:0;
	opacity:0;
}
#DZVR360_title > h4 {
	font-size: 3.5rem;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}
#DZVR360_title > h3 {
	font-size: 4.8rem;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}





.climate_comment {
	position: absolute;
	bottom: .5rem;
	right: .5rem;
	font-size: 1.45rem;
	opacity: .5;
}


.climate_circle {
	font-size: 1.5rem;
	position: relative;
	padding: 0;
	width: 5em;
	height: 5em;
	background-color: #dfd4cb;
	border-radius: 50%;
	line-height: 5em;
	opacity: .9;
}

.climate_circle:after{
	content: "";
	border: none;
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	margin:auto;
	text-align: center;
	display: block;
	border-radius: 50%;
	width: 4.0em;
	height: 4.0em;
	background-color: #fff;
}

/* Text inside the control */
.climate_circle span {
	position: absolute;
	line-height: 5em;
	width: 5em;
	text-align: center;
	display: block;
	color: #53777A;
	z-index: 2;


	width:60%;
	height:60%;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	border-radius: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;

}


/* a round circle */
.left-half-clipper {
	border-radius: 50%;
	width: 5em;
	height: 5em;
	position: absolute;
	/* clips the whole left half*/
	clip: rect(0, 5em, 5em, 2.5em);
}
/* when p>50, do not clip left half*/
.climate_circle.over50 .left-half-clipper {
   clip: rect(auto,auto,auto,auto);
}
.value-bar {
   /*This is an overlayed square, that is made round with the border radius,
   then it is cut to display only the left half, then rotated clockwise
   to escape the outer clipping path.*/
   position: absolute; /*needed for clipping*/
   clip: rect(0, 2.5em, 5em, 0);
   width: 5em;
   height: 5em;
   border-radius: 50%;
   border: 1em solid #53777A; /*The border is 0.35 but making it larger removes visual artifacts */
   /*background-color: #4D642D;*/ /* for debug */
   box-sizing: border-box;

}

/* Progress bar rotation position */
.climate_circle.val-0 .value-bar  { display: none; }
.climate_circle.val-1 .value-bar  { transform: rotate(4deg);   background-color:#cf131c; border-color:#cf131c; }
.climate_circle.val-2 .value-bar  { transform: rotate(7deg);   background-color:#cf131c; border-color:#cf131c; }
.climate_circle.val-3 .value-bar  { transform: rotate(11deg);  background-color:#cf131c; border-color:#cf131c; }
.climate_circle.val-4 .value-bar  { transform: rotate(14deg);  background-color:#cf131c; border-color:#cf131c; }
.climate_circle.val-5 .value-bar  { transform: rotate(18deg);  background-color:#cf131c; border-color:#cf131c; }
.climate_circle.val-6 .value-bar  { transform: rotate(22deg);  background-color:#cf131c; border-color:#cf131c; }
.climate_circle.val-7 .value-bar  { transform: rotate(25deg);  background-color:#cf131c; border-color:#cf131c; }
.climate_circle.val-8 .value-bar  { transform: rotate(29deg);  background-color:#cf131c; border-color:#cf131c; }
.climate_circle.val-9 .value-bar  { transform: rotate(32deg);  background-color:#cf131c; border-color:#cf131c; }
.climate_circle.val-10 .value-bar { transform: rotate(36deg);  background-color:#cf131c; border-color:#cf131c; }
.climate_circle.val-11 .value-bar { transform: rotate(40deg);  background-color:#cf131c; border-color:#cf131c; }
.climate_circle.val-12 .value-bar { transform: rotate(43deg);  background-color:#cf131c; border-color:#cf131c; }
.climate_circle.val-13 .value-bar { transform: rotate(47deg);  background-color:#cf131c; border-color:#cf131c; }
.climate_circle.val-14 .value-bar { transform: rotate(50deg);  background-color:#cf131c; border-color:#cf131c; }
.climate_circle.val-15 .value-bar { transform: rotate(54deg);  background-color:#cf131c; border-color:#cf131c; }

.climate_circle.val-16 .value-bar { transform: rotate(58deg);  background-color:#e77024; border-color:#e77024; }
.climate_circle.val-17 .value-bar { transform: rotate(61deg);  background-color:#e77024; border-color:#e77024; }
.climate_circle.val-18 .value-bar { transform: rotate(65deg);  background-color:#e77024; border-color:#e77024; }
.climate_circle.val-19 .value-bar { transform: rotate(68deg);  background-color:#e77024; border-color:#e77024; }
.climate_circle.val-20 .value-bar { transform: rotate(72deg);  background-color:#e77024; border-color:#e77024; }
.climate_circle.val-21 .value-bar { transform: rotate(76deg);  background-color:#e77024; border-color:#e77024; }
.climate_circle.val-22 .value-bar { transform: rotate(79deg);  background-color:#e77024; border-color:#e77024; }
.climate_circle.val-23 .value-bar { transform: rotate(83deg);  background-color:#e77024; border-color:#e77024; }
.climate_circle.val-24 .value-bar { transform: rotate(86deg);  background-color:#e77024; border-color:#e77024; }
.climate_circle.val-25 .value-bar { transform: rotate(90deg);  background-color:#e77024; border-color:#e77024; }
.climate_circle.val-26 .value-bar { transform: rotate(94deg);  background-color:#e77024; border-color:#e77024; }
.climate_circle.val-27 .value-bar { transform: rotate(97deg);  background-color:#e77024; border-color:#e77024; }
.climate_circle.val-28 .value-bar { transform: rotate(101deg); background-color:#e77024; border-color:#e77024; }
.climate_circle.val-29 .value-bar { transform: rotate(104deg); background-color:#e77024; border-color:#e77024; }

.climate_circle.val-30 .value-bar { transform: rotate(108deg); background-color:#d0b332; border-color:#d0b332; }
.climate_circle.val-31 .value-bar { transform: rotate(112deg); background-color:#d0b332; border-color:#d0b332; }
.climate_circle.val-32 .value-bar { transform: rotate(115deg); background-color:#d0b332; border-color:#d0b332; }
.climate_circle.val-33 .value-bar { transform: rotate(119deg); background-color:#d0b332; border-color:#d0b332; }
.climate_circle.val-34 .value-bar { transform: rotate(122deg); background-color:#d0b332; border-color:#d0b332; }
.climate_circle.val-35 .value-bar { transform: rotate(126deg); background-color:#d0b332; border-color:#d0b332; }
.climate_circle.val-36 .value-bar { transform: rotate(130deg); background-color:#d0b332; border-color:#d0b332; }
.climate_circle.val-37 .value-bar { transform: rotate(133deg); background-color:#d0b332; border-color:#d0b332; }
.climate_circle.val-38 .value-bar { transform: rotate(137deg); background-color:#d0b332; border-color:#d0b332; }
.climate_circle.val-39 .value-bar { transform: rotate(140deg); background-color:#d0b332; border-color:#d0b332; }
.climate_circle.val-40 .value-bar { transform: rotate(144deg); background-color:#d0b332; border-color:#d0b332; }
.climate_circle.val-41 .value-bar { transform: rotate(148deg); background-color:#d0b332; border-color:#d0b332; }
.climate_circle.val-42 .value-bar { transform: rotate(151deg); background-color:#d0b332; border-color:#d0b332; }
.climate_circle.val-43 .value-bar { transform: rotate(155deg); background-color:#d0b332; border-color:#d0b332; }

.climate_circle.val-44 .value-bar { transform: rotate(158deg); background-color:#89a132; border-color:#89a132; }
.climate_circle.val-45 .value-bar { transform: rotate(162deg); background-color:#89a132; border-color:#89a132; }
.climate_circle.val-46 .value-bar { transform: rotate(166deg); background-color:#89a132; border-color:#89a132; }
.climate_circle.val-47 .value-bar { transform: rotate(169deg); background-color:#89a132; border-color:#89a132; }
.climate_circle.val-48 .value-bar { transform: rotate(173deg); background-color:#89a132; border-color:#89a132; }
.climate_circle.val-49 .value-bar { transform: rotate(176deg); background-color:#89a132; border-color:#89a132; }
.climate_circle.val-50 .value-bar { transform: rotate(180deg); background-color:#89a132; border-color:#89a132; }
.climate_circle.val-51 .value-bar { transform: rotate(184deg); background-color:#89a132; border-color:#89a132; }
.climate_circle.val-52 .value-bar { transform: rotate(187deg); background-color:#89a132; border-color:#89a132; }
.climate_circle.val-53 .value-bar { transform: rotate(191deg); background-color:#89a132; border-color:#89a132; }
.climate_circle.val-54 .value-bar { transform: rotate(194deg); background-color:#89a132; border-color:#89a132; }
.climate_circle.val-55 .value-bar { transform: rotate(198deg); background-color:#89a132; border-color:#89a132; }
.climate_circle.val-56 .value-bar { transform: rotate(202deg); background-color:#89a132; border-color:#89a132; }
.climate_circle.val-57 .value-bar { transform: rotate(205deg); background-color:#89a132; border-color:#89a132; }

.climate_circle.val-58 .value-bar { transform: rotate(209deg); background-color:#0f6f18; border-color:#0f6f18; }
.climate_circle.val-59 .value-bar { transform: rotate(212deg); background-color:#0f6f18; border-color:#0f6f18; }
.climate_circle.val-60 .value-bar { transform: rotate(216deg); background-color:#0f6f18; border-color:#0f6f18; }
.climate_circle.val-61 .value-bar { transform: rotate(220deg); background-color:#0f6f18; border-color:#0f6f18; }
.climate_circle.val-62 .value-bar { transform: rotate(223deg); background-color:#0f6f18; border-color:#0f6f18; }
.climate_circle.val-63 .value-bar { transform: rotate(227deg); background-color:#0f6f18; border-color:#0f6f18; }
.climate_circle.val-64 .value-bar { transform: rotate(230deg); background-color:#0f6f18; border-color:#0f6f18; }
.climate_circle.val-65 .value-bar { transform: rotate(234deg); background-color:#0f6f18; border-color:#0f6f18; }
.climate_circle.val-66 .value-bar { transform: rotate(238deg); background-color:#0f6f18; border-color:#0f6f18; }
.climate_circle.val-67 .value-bar { transform: rotate(241deg); background-color:#0f6f18; border-color:#0f6f18; }
.climate_circle.val-68 .value-bar { transform: rotate(245deg); background-color:#0f6f18; border-color:#0f6f18; }
.climate_circle.val-69 .value-bar { transform: rotate(248deg); background-color:#0f6f18; border-color:#0f6f18; }
.climate_circle.val-70 .value-bar { transform: rotate(252deg); background-color:#0f6f18; border-color:#0f6f18; }
.climate_circle.val-71 .value-bar { transform: rotate(256deg); background-color:#0f6f18; border-color:#0f6f18; }

.climate_circle.val-72 .value-bar { transform: rotate(259deg); background-color:#1fa99e; border-color:#1fa99e; }
.climate_circle.val-73 .value-bar { transform: rotate(263deg); background-color:#1fa99e; border-color:#1fa99e; }
.climate_circle.val-74 .value-bar { transform: rotate(266deg); background-color:#1fa99e; border-color:#1fa99e; }
.climate_circle.val-75 .value-bar { transform: rotate(270deg); background-color:#1fa99e; border-color:#1fa99e; }
.climate_circle.val-76 .value-bar { transform: rotate(274deg); background-color:#1fa99e; border-color:#1fa99e; }
.climate_circle.val-77 .value-bar { transform: rotate(277deg); background-color:#1fa99e; border-color:#1fa99e; }
.climate_circle.val-78 .value-bar { transform: rotate(281deg); background-color:#1fa99e; border-color:#1fa99e; }
.climate_circle.val-79 .value-bar { transform: rotate(284deg); background-color:#1fa99e; border-color:#1fa99e; }
.climate_circle.val-80 .value-bar { transform: rotate(288deg); background-color:#1fa99e; border-color:#1fa99e; }
.climate_circle.val-81 .value-bar { transform: rotate(292deg); background-color:#1fa99e; border-color:#1fa99e; }
.climate_circle.val-82 .value-bar { transform: rotate(295deg); background-color:#1fa99e; border-color:#1fa99e; }
.climate_circle.val-83 .value-bar { transform: rotate(299deg); background-color:#1fa99e; border-color:#1fa99e; }
.climate_circle.val-84 .value-bar { transform: rotate(302deg); background-color:#1fa99e; border-color:#1fa99e; }
.climate_circle.val-85 .value-bar { transform: rotate(306deg); background-color:#1fa99e; border-color:#1fa99e; }

.climate_circle.val-86 .value-bar { transform: rotate(310deg); background-color:#2b66ad; border-color:#2b66ad; }
.climate_circle.val-87 .value-bar { transform: rotate(313deg); background-color:#2b66ad; border-color:#2b66ad; }
.climate_circle.val-88 .value-bar { transform: rotate(317deg); background-color:#2b66ad; border-color:#2b66ad; }
.climate_circle.val-89 .value-bar { transform: rotate(320deg); background-color:#2b66ad; border-color:#2b66ad; }
.climate_circle.val-90 .value-bar { transform: rotate(324deg); background-color:#2b66ad; border-color:#2b66ad; }
.climate_circle.val-91 .value-bar { transform: rotate(328deg); background-color:#2b66ad; border-color:#2b66ad; }
.climate_circle.val-92 .value-bar { transform: rotate(331deg); background-color:#2b66ad; border-color:#2b66ad; }
.climate_circle.val-93 .value-bar { transform: rotate(335deg); background-color:#2b66ad; border-color:#2b66ad; }
.climate_circle.val-94 .value-bar { transform: rotate(338deg); background-color:#2b66ad; border-color:#2b66ad; }
.climate_circle.val-95 .value-bar { transform: rotate(342deg); background-color:#2b66ad; border-color:#2b66ad; }
.climate_circle.val-96 .value-bar { transform: rotate(346deg); background-color:#2b66ad; border-color:#2b66ad; }
.climate_circle.val-97 .value-bar { transform: rotate(349deg); background-color:#2b66ad; border-color:#2b66ad; }
.climate_circle.val-98 .value-bar { transform: rotate(353deg); background-color:#2b66ad; border-color:#2b66ad; }
.climate_circle.val-99 .value-bar { transform: rotate(356deg); background-color:#2b66ad; border-color:#2b66ad; }
.climate_circle.val-100 .value-bar{ transform: rotate(360deg); background-color:#2b66ad; border-color:#2b66ad; }









.climate_circle.val-0 .first50-bar  { display: none; }
.climate_circle.val-1 .first50-bar  { display: none; }
.climate_circle.val-2 .first50-bar  { display: none; }
.climate_circle.val-3 .first50-bar  { display: none; }
.climate_circle.val-4 .first50-bar  { display: none; }
.climate_circle.val-5 .first50-bar  { display: none; }
.climate_circle.val-6 .first50-bar  { display: none; }
.climate_circle.val-7 .first50-bar  { display: none; }
.climate_circle.val-8 .first50-bar  { display: none; }
.climate_circle.val-9 .first50-bar  { display: none; }
.climate_circle.val-10 .first50-bar { display: none; }
.climate_circle.val-11 .first50-bar { display: none; }
.climate_circle.val-12 .first50-bar { display: none; }
.climate_circle.val-13 .first50-bar { display: none; }
.climate_circle.val-14 .first50-bar { display: none; }
.climate_circle.val-15 .first50-bar { display: none; }

.climate_circle.val-16 .first50-bar { display: none; }
.climate_circle.val-17 .first50-bar { display: none; }
.climate_circle.val-18 .first50-bar { display: none; }
.climate_circle.val-19 .first50-bar { display: none; }
.climate_circle.val-20 .first50-bar { display: none; }
.climate_circle.val-21 .first50-bar { display: none; }
.climate_circle.val-22 .first50-bar { display: none; }
.climate_circle.val-23 .first50-bar { display: none; }
.climate_circle.val-24 .first50-bar { display: none; }
.climate_circle.val-25 .first50-bar { display: none; }
.climate_circle.val-26 .first50-bar { display: none; }
.climate_circle.val-27 .first50-bar { display: none; }
.climate_circle.val-28 .first50-bar { display: none; }
.climate_circle.val-29 .first50-bar { display: none; }

.climate_circle.val-30 .first50-bar { display: none; }
.climate_circle.val-31 .first50-bar { display: none; }
.climate_circle.val-32 .first50-bar { display: none; }
.climate_circle.val-33 .first50-bar { display: none; }
.climate_circle.val-34 .first50-bar { display: none; }
.climate_circle.val-35 .first50-bar { display: none; }
.climate_circle.val-36 .first50-bar { display: none; }
.climate_circle.val-37 .first50-bar { display: none; }
.climate_circle.val-38 .first50-bar { display: none; }
.climate_circle.val-39 .first50-bar { display: none; }
.climate_circle.val-40 .first50-bar { display: none; }
.climate_circle.val-41 .first50-bar { display: none; }
.climate_circle.val-42 .first50-bar { display: none; }
.climate_circle.val-43 .first50-bar { display: none; }

.climate_circle.val-44 .first50-bar { display: none; }
.climate_circle.val-45 .first50-bar { display: none; }
.climate_circle.val-46 .first50-bar { display: none; }
.climate_circle.val-47 .first50-bar { display: none; }
.climate_circle.val-48 .first50-bar { display: none; }
.climate_circle.val-49 .first50-bar { display: none; }


.climate_circle.val-50 .first50-bar { background-color:#89a132; border-color:#89a132;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-51 .first50-bar { background-color:#89a132; border-color:#89a132;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-52 .first50-bar { background-color:#89a132; border-color:#89a132;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-53 .first50-bar { background-color:#89a132; border-color:#89a132;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-54 .first50-bar { background-color:#89a132; border-color:#89a132;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-55 .first50-bar { background-color:#89a132; border-color:#89a132;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-56 .first50-bar { background-color:#89a132; border-color:#89a132;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-57 .first50-bar { background-color:#89a132; border-color:#89a132;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }

.climate_circle.val-58 .first50-bar { background-color:#0f6f18; border-color:#0f6f18;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-59 .first50-bar { background-color:#0f6f18; border-color:#0f6f18;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-60 .first50-bar { background-color:#0f6f18; border-color:#0f6f18;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-61 .first50-bar { background-color:#0f6f18; border-color:#0f6f18;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-62 .first50-bar { background-color:#0f6f18; border-color:#0f6f18;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-63 .first50-bar { background-color:#0f6f18; border-color:#0f6f18;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-64 .first50-bar { background-color:#0f6f18; border-color:#0f6f18;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-65 .first50-bar { background-color:#0f6f18; border-color:#0f6f18;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-66 .first50-bar { background-color:#0f6f18; border-color:#0f6f18;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-67 .first50-bar { background-color:#0f6f18; border-color:#0f6f18;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-68 .first50-bar { background-color:#0f6f18; border-color:#0f6f18;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-69 .first50-bar { background-color:#0f6f18; border-color:#0f6f18;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-70 .first50-bar { background-color:#0f6f18; border-color:#0f6f18;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-71 .first50-bar { background-color:#0f6f18; border-color:#0f6f18;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }

.climate_circle.val-72 .first50-bar { background-color:#1fa99e; border-color:#1fa99e;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-73 .first50-bar { background-color:#1fa99e; border-color:#1fa99e;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-74 .first50-bar { background-color:#1fa99e; border-color:#1fa99e;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-75 .first50-bar { background-color:#1fa99e; border-color:#1fa99e;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-76 .first50-bar { background-color:#1fa99e; border-color:#1fa99e;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-77 .first50-bar { background-color:#1fa99e; border-color:#1fa99e;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-78 .first50-bar { background-color:#1fa99e; border-color:#1fa99e;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-79 .first50-bar { background-color:#1fa99e; border-color:#1fa99e;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-80 .first50-bar { background-color:#1fa99e; border-color:#1fa99e;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-81 .first50-bar { background-color:#1fa99e; border-color:#1fa99e;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-82 .first50-bar { background-color:#1fa99e; border-color:#1fa99e;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-83 .first50-bar { background-color:#1fa99e; border-color:#1fa99e;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-84 .first50-bar { background-color:#1fa99e; border-color:#1fa99e;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-85 .first50-bar { background-color:#1fa99e; border-color:#1fa99e;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }

.climate_circle.val-86 .first50-bar { background-color:#2b66ad; border-color:#2b66ad;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-87 .first50-bar { background-color:#2b66ad; border-color:#2b66ad;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-88 .first50-bar { background-color:#2b66ad; border-color:#2b66ad;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-89 .first50-bar { background-color:#2b66ad; border-color:#2b66ad;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-90 .first50-bar { background-color:#2b66ad; border-color:#2b66ad;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-91 .first50-bar { background-color:#2b66ad; border-color:#2b66ad;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-92 .first50-bar { background-color:#2b66ad; border-color:#2b66ad;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-93 .first50-bar { background-color:#2b66ad; border-color:#2b66ad;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-94 .first50-bar { background-color:#2b66ad; border-color:#2b66ad;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-95 .first50-bar { background-color:#2b66ad; border-color:#2b66ad;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-96 .first50-bar { background-color:#2b66ad; border-color:#2b66ad;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-97 .first50-bar { background-color:#2b66ad; border-color:#2b66ad;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-98 .first50-bar { background-color:#2b66ad; border-color:#2b66ad;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-99 .first50-bar { background-color:#2b66ad; border-color:#2b66ad;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }
.climate_circle.val-100 .first50-bar{ background-color:#2b66ad; border-color:#2b66ad;   position: absolute; clip: rect(0, 5em, 5em, 2.5em); border-radius: 50%; width: 5em; height: 5em; }



.climate_circle.val-50 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-51 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-52 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-53 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-54 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-55 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-56 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-57 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-58 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-59 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-60 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-61 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-62 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-63 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-64 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-65 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-66 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-67 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-68 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-69 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-70 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-71 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-72 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-73 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-74 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-75 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-76 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-77 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-78 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-79 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-80 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-81 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-82 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-83 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-84 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-85 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-86 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-87 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-88 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-89 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-90 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-91 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-92 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-93 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-94 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-95 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-96 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-97 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-98 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-99 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
.climate_circle.val-100 .left-half-clipper{ clip: rect(auto,auto,auto,auto); }



#ClimateState_Suit .climate_circle.val-0 span {
	background-image:url("/dzSmart/extend/imgs/icon_gauge_000.png");
}
#ClimateState_Suit .climate_circle.val-1 span ,
#ClimateState_Suit .climate_circle.val-2 span ,
#ClimateState_Suit .climate_circle.val-3 span ,
#ClimateState_Suit .climate_circle.val-4 span ,
#ClimateState_Suit .climate_circle.val-5 span ,
#ClimateState_Suit .climate_circle.val-6 span ,
#ClimateState_Suit .climate_circle.val-7 span ,
#ClimateState_Suit .climate_circle.val-8 span ,
#ClimateState_Suit .climate_circle.val-9 span ,
#ClimateState_Suit .climate_circle.val-10 span ,
#ClimateState_Suit .climate_circle.val-11 span ,
#ClimateState_Suit .climate_circle.val-12 span ,
#ClimateState_Suit .climate_circle.val-13 span ,
#ClimateState_Suit .climate_circle.val-14 span ,
#ClimateState_Suit .climate_circle.val-15 span {
	background-image:url("/dzSmart/extend/imgs/icon_gauge_015.png");
}
#ClimateState_Suit .climate_circle.val-16 span ,
#ClimateState_Suit .climate_circle.val-17 span ,
#ClimateState_Suit .climate_circle.val-18 span ,
#ClimateState_Suit .climate_circle.val-19 span ,
#ClimateState_Suit .climate_circle.val-20 span ,
#ClimateState_Suit .climate_circle.val-21 span ,
#ClimateState_Suit .climate_circle.val-22 span ,
#ClimateState_Suit .climate_circle.val-23 span ,
#ClimateState_Suit .climate_circle.val-24 span ,
#ClimateState_Suit .climate_circle.val-25 span ,
#ClimateState_Suit .climate_circle.val-26 span ,
#ClimateState_Suit .climate_circle.val-27 span ,
#ClimateState_Suit .climate_circle.val-28 span ,
#ClimateState_Suit .climate_circle.val-29 span {
	background-image:url("/dzSmart/extend/imgs/icon_gauge_029.png");
}
#ClimateState_Suit .climate_circle.val-30 span ,
#ClimateState_Suit .climate_circle.val-31 span ,
#ClimateState_Suit .climate_circle.val-32 span ,
#ClimateState_Suit .climate_circle.val-33 span ,
#ClimateState_Suit .climate_circle.val-34 span ,
#ClimateState_Suit .climate_circle.val-35 span ,
#ClimateState_Suit .climate_circle.val-36 span ,
#ClimateState_Suit .climate_circle.val-37 span ,
#ClimateState_Suit .climate_circle.val-38 span ,
#ClimateState_Suit .climate_circle.val-39 span ,
#ClimateState_Suit .climate_circle.val-40 span ,
#ClimateState_Suit .climate_circle.val-41 span ,
#ClimateState_Suit .climate_circle.val-42 span ,
#ClimateState_Suit .climate_circle.val-43 span {
	background-image:url("/dzSmart/extend/imgs/icon_gauge_043.png");
}
#ClimateState_Suit .climate_circle.val-44 span ,
#ClimateState_Suit .climate_circle.val-45 span ,
#ClimateState_Suit .climate_circle.val-46 span ,
#ClimateState_Suit .climate_circle.val-47 span ,
#ClimateState_Suit .climate_circle.val-48 span ,
#ClimateState_Suit .climate_circle.val-49 span ,
#ClimateState_Suit .climate_circle.val-50 span ,
#ClimateState_Suit .climate_circle.val-51 span ,
#ClimateState_Suit .climate_circle.val-52 span ,
#ClimateState_Suit .climate_circle.val-53 span ,
#ClimateState_Suit .climate_circle.val-54 span ,
#ClimateState_Suit .climate_circle.val-55 span ,
#ClimateState_Suit .climate_circle.val-56 span ,
#ClimateState_Suit .climate_circle.val-57 span {
	background-image:url("/dzSmart/extend/imgs/icon_gauge_057.png");
}
#ClimateState_Suit .climate_circle.val-58 span ,
#ClimateState_Suit .climate_circle.val-59 span ,
#ClimateState_Suit .climate_circle.val-60 span ,
#ClimateState_Suit .climate_circle.val-61 span ,
#ClimateState_Suit .climate_circle.val-62 span ,
#ClimateState_Suit .climate_circle.val-63 span ,
#ClimateState_Suit .climate_circle.val-64 span ,
#ClimateState_Suit .climate_circle.val-65 span ,
#ClimateState_Suit .climate_circle.val-66 span ,
#ClimateState_Suit .climate_circle.val-67 span ,
#ClimateState_Suit .climate_circle.val-68 span ,
#ClimateState_Suit .climate_circle.val-69 span ,
#ClimateState_Suit .climate_circle.val-70 span ,
#ClimateState_Suit .climate_circle.val-71 span {
	background-image:url("/dzSmart/extend/imgs/icon_gauge_071.png");
}
#ClimateState_Suit .climate_circle.val-72 span ,
#ClimateState_Suit .climate_circle.val-73 span ,
#ClimateState_Suit .climate_circle.val-74 span ,
#ClimateState_Suit .climate_circle.val-75 span ,
#ClimateState_Suit .climate_circle.val-76 span ,
#ClimateState_Suit .climate_circle.val-77 span ,
#ClimateState_Suit .climate_circle.val-78 span ,
#ClimateState_Suit .climate_circle.val-79 span ,
#ClimateState_Suit .climate_circle.val-80 span ,
#ClimateState_Suit .climate_circle.val-81 span ,
#ClimateState_Suit .climate_circle.val-82 span ,
#ClimateState_Suit .climate_circle.val-83 span ,
#ClimateState_Suit .climate_circle.val-84 span ,
#ClimateState_Suit .climate_circle.val-85 span {
	background-image:url("/dzSmart/extend/imgs/icon_gauge_085.png");
}
#ClimateState_Suit .climate_circle.val-86 span ,
#ClimateState_Suit .climate_circle.val-87 span ,
#ClimateState_Suit .climate_circle.val-88 span ,
#ClimateState_Suit .climate_circle.val-89 span ,
#ClimateState_Suit .climate_circle.val-90 span ,
#ClimateState_Suit .climate_circle.val-91 span ,
#ClimateState_Suit .climate_circle.val-92 span ,
#ClimateState_Suit .climate_circle.val-93 span ,
#ClimateState_Suit .climate_circle.val-94 span ,
#ClimateState_Suit .climate_circle.val-95 span ,
#ClimateState_Suit .climate_circle.val-96 span ,
#ClimateState_Suit .climate_circle.val-97 span ,
#ClimateState_Suit .climate_circle.val-98 span ,
#ClimateState_Suit .climate_circle.val-99 span ,
#ClimateState_Suit .climate_circle.val-100 span {
	background-image:url("/dzSmart/extend/imgs/icon_gauge_100.png");
}

#ClimateState_Weather .climate_circle.val-100 span {
	background-image:url("/dzSmart/extend/imgs/icon_gauge_100.png");
}
.climate_circle span > IMG {
	max-width:100%;
	max-height:100%;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
#ClimateState_Camping .climate_circle span > IMG ,
#ClimateState_Travel .climate_circle span > IMG {
	max-width:85%;
	max-height:85%;

}












#climate_state_UV .climate_circle span  {
	background-image:url("/dzSmart/imgs/icon_weather_uv.png");
}
#climate_state_TEST .climate_circle span  {
	background-image:url("/dzSmart/extend/imgs/icon_gauge_000.png");
}