/* 공통 게시판형태 */
.TableBoardList.BstyFood DL {
	width: calc((100% - 10%) / 6 );
}



/* PC 테이블 */
@media all and (min-width: 767px) {
	.TableBoardList.BstyFood DL:nth-of-type(1) ,
	.TableBoardList.BstyFood DL:nth-of-type(2) {
		width: calc(((100% - 10%) / 6) - 5%) ;
	}
	.TableBoardList.BstyFood DL:nth-of-type(3) {
		width: calc(((100% - 10%) / 6) + 5%) ;
	}
	.TableBoardList.BstyFood DL:nth-of-type(4)  {
		width: calc(((100% - 10%) / 6) + 10%);
	}
	.TableBoardList.BstyFood DL:nth-of-type(6) {
		width: calc(((100% - 10%) / 6) + 5%) ;
	}
}

/* MO 테이블 */
@media all and (max-width:767px) {
	.TableBoardList.BstyFood DL {
		width:100%;
	}
}






/* 양양 10경 */
.list_section.yy10view > LI {
	width:80%;
}
.list_section.yy10view .item_section {
	height: 28rem;
}
.list_section.yy10view .item_section .item_article .con {
	font-size:1.6rem;
}

/* Large desktops and laptops */
@media all and (max-width: 767px) {
	.list_section.yy10view > LI {
		width:100%;
	}
	.list_section.yy10view .item_section .item_article .addr {
		display:none;
	}
	.list_section.yy10view .item_section .item_article .con {
		height:7.5rem;
	}
}


.yy10_count {
	width:20%;
	height:100%;
	position: absolute;
	right: -22%;
	top:0;
	text-align:center;
	cursor: default;

    display: flex;
    align-items: center;
    justify-content: center;
    font-size:16px;

}
.yy10_count .badge_circle {
	line-height:140%;
    font-size: 1.2em;
    font-weight: 600;
    box-shadow: inset 5px 5px 5px 1px rgba(0,0,0,.2);
    border:1px solid #222;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.yy10_count .badge_circle strong {
	font-size:1.4em;
}
.yy10_count .badge_01 {
  background: linear-gradient(to bottom right, #f4511e 0%, #b71c1c 100%);
  color: #c62828;
}
.yy10_count .badge_01 .badge_circle {
	border-color:#c00;
	background-color:#fbf0f0;
}

.yy10_count .badge_02 {
  background: linear-gradient(to bottom right, #F48FB1 0%, #d81b60 100%);
  color: #dc306f;
}
.yy10_count .badge_02 .badge_circle {
	border-color:#cc0082;
	background-color:#fbf0f0;
}
.yy10_count .badge_03 {
  background: linear-gradient(to bottom right, #ab47bc 0%, #4527a0 100%);
  color: #7127a8;
}
.yy10_count .badge_03 .badge_circle {
	border-color:#5900cc;
	background-color:#f3f0fb;
}
.yy10_count .badge_04 {
  background: linear-gradient(to bottom right, #1976D2 0%, #283593 100%);
  color: #1c68c5;
}
.yy10_count .badge_04 .badge_circle {
	border-color:#0021cc;
	background-color:#f0f4fb;
}

.yy10_count .badge_05 {
  background: linear-gradient(to bottom right, #4FC3F7 0%, #2196F3 100%);
  color: #259af3;
}
.yy10_count .badge_05 .badge_circle {
	border-color:#009bcc;
	background-color:#f0f9fb;
}

.yy10_count .badge_06 {
  background: linear-gradient(to bottom right, #4DB6AC 0%, #00796B 100%);
  color: #34a297;
}
.yy10_count .badge_06 .badge_circle {
	border-color:#06a564;
	background-color:#f0fbf9;
}

.yy10_count .badge_07 {
  background: linear-gradient(to bottom right, #4CAF50 0%, #1B5E20 100%);
  color: #00944a;
}
.yy10_count .badge_07 .badge_circle {
	border-color:#007a16;
	background-color:#f0fbf2;
}
.yy10_count .badge_08 {
  background: linear-gradient(to bottom right, #cddc39 0%, #8bc34a 100%);
  color: #7cb342;
}
.yy10_count .badge_08 .badge_circle {
	border-color:#84b100;
	background-color:#f0fbf1;
}
.yy10_count .badge_09 {
  background: linear-gradient(to bottom right, #ffeb3b 0%, #fbc02d 100%);
  color: #ffb300;
}
.yy10_count .badge_09 .badge_circle {
	border-color:#b5a800;
	background-color:#fbfbf0;
}

.yy10_count .badge_10 {
  background: linear-gradient(to bottom right, #ffc107 0%, #f57c00 100%);
  color: #f68401;
}
.yy10_count .badge_10 .badge_circle {
	border-color:#cc7300;
	background-color:#fbf5f0;
}

/* Large desktops and laptops */
@media all and (max-width: 767px) {
	.yy10_count {
		width: 100px;
		height: 100px;
		right:0;
		left: -1.5rem;
		top: -2.5rem;

		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		font-size:7px;

	}
}
.yy10_count .yy10_badge {
  position: relative;
  margin: 1.5em 3em;
  width: 10em;
  height: 16.2em;

  border-radius: 1em;
  display: inline-block;
  top: 0;
  transition: all 0.2s ease;

  width: 6.3em;
  height: 10em;

}
.yy10_count .yy10_badge:before, .yy10_count .yy10_badge:after {
  position: absolute;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background: inherit;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.yy10_count .yy10_badge:before {
  transform: rotate(60deg);
}
.yy10_count .yy10_badge:after {
  transform: rotate(-60deg);
}
.yy10_count .yy10_badge:hover {
  top: -0.4em;
}
.yy10_count .yy10_badge .badge_circle {
  width: 6em;
  height: 6em;

	padding: 0 0 .3em;
	position: absolute;
	background: #fff;
	z-index: 10;
	border-radius: 50%;
	top: 0;
	left: -0.3em;
	right: 0;
	bottom: 0;
	margin: auto;
}












.item_state_blank {
	margin-top:5rem;
}



/*
#section_navigation .nav > UL > li {
	border-bottom-color: #25a261;
}
#section_navigation .nav > UL > LI.active {
	border-color: #25a261;
	border-bottom-color:#fff;
	color:#25a261;
}
#section_navigation .nav > UL > LI.active > a, #section_navigation .nav > UL a.chked {
	color:#25a261;
}
#section_navigation .nav > UL > li.blank, 
#section_navigation .nav > UL > li:empty {
	border-bottom-color: #25a261;
	
}
*/



@font-face {
    font-family: 'SokchoBadaBatang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_1@1.0/SokchoBadaBatang.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

BODY.TourSkin_Wide .href_detail #itemContent .tit {
	padding-top:10rem;
}
:lang(ko) BODY.TourSkin_Wide .href_detail #itemContent .tit {
	font-family: 'GmarketSansMedium';
}
BODY.TourSkin_Wide .href_detail #itemContent .txt {
	text-align:center;
	padding:5rem 0;
}
:lang(ko) BODY.TourSkin_Wide .href_detail #itemContent .SokchoBadaBatang {
	font-family: 'SokchoBadaBatang';
}

BODY.TourSkin_Wide .href_detail #itemContent .txt.SokchoBadaBatang {
	font-size: 2rem;
}
BODY.TourSkin_Wide .href_detail #itemContent .sub {
	padding-top:7rem;
	text-align:center;
}









/*
.article .list_search {
    border-top: 2px solid #218a55;
}

.article .list_search .search_con .inputbox BUTTON[type="submit"] {
    background-color: #218a55;
}

.article .list_header + .TableBoardList {
	border-color: #218a55;
}
.article .list_header {
	padding: 5rem 1rem 2rem;
}
*/





BODY.TourSkin_Wide #SectionHeader {
	height:90vh;
}













/*********************************************************/
/* 스킨에 따른 디자인 */


/* 상세정보 */
BODY.TourSkin_Wide .main.skin_normalwide .href_detail #itemContent .sub ,
BODY.TourSkin_Wide .main.skin_normalwide .href_detail #itemContent .txt {
	text-align:left;
}
BODY.TourSkin_Wide .main.skin_normalwide .href_detail #itemContent > LI:has(.sub) + LI:has(.txt) > .txt {
	    padding-top: 1rem;
		padding-bottom:3rem;
}
BODY.TourSkin_Wide .main.skin_normalwide .href_detail #itemContent {
	padding:0 3rem;
}

BODY.TourSkin_Wide .main.skin_normalwide .href_detail #itemContent .sub {
	font-size: 2.5rem;
	padding: 3rem 0 0;
}
BODY.TourSkin_Wide .main.skin_normalwide .href_detail #itemContent .txt {
    font-size: 1.7rem;
}

BODY.TourSkin_Wide .main.skin_normalwide .href_detail #itemContent .sub::before {
    content: "";
    display: inline-block;
    width: .75rem;
    height: 2.25rem;
    border-radius: 0.5rem;
    margin-right: 1rem;
    vertical-align: middle;
    top: -0.2rem;
    position: relative;
    border: .1rem solid #3b3f4f;
    background-color: #51566c;
    box-shadow: inset .1rem .1rem 0 0 rgba(0, 0, 0, .5);
    letter-spacing: -.1rem;
}
BODY.TourSkin_Wide .main.skin_normalwide .href_detail .cover_photo {
	margin:10rem 0;
}
BODY.TourSkin_Wide .main.skin_normalwide .href_detail .DZSMART_Cover3d .swiper-slide {
	max-height:50rem;
	overflow: hidden;
}
BODY.TourSkin_Wide .main.skin_normalwide .href_detail .DZSMART_Cover3d .swiper-slide-active {
	border-radius: 1.5rem;
}
BODY.TourSkin_Wide .main.skin_normalwide .href_detail .DZSMART_Cover3d .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
BODY.TourSkin_Wide .main.skin_normalwide .href_detail .DZSMART_Cover3d .swiper-slide .comment {
	bottom: -5rem;
	opacity: 0;
}
BODY.TourSkin_Wide .main.skin_normalwide .href_detail .DZSMART_Cover3d .swiper-slide-active:hover  .comment {
	bottom: 0;
	opacity: 1;
}
BODY.TourSkin_Wide .main.skin_normalwide .href_detail #CoverThumb {
	width:100%;
	height:30rem;
	display: block;
	overflow: hidden;

}

.main.skin_normalwide > .article H2.article_title {
	font-size: 2.5rem;
	padding: 5rem 0 0;
	font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, Sans-serif, AppleGothic;
}
.main.skin_normalwide > .article .article_title {
	padding: 5rem 0 0;
}

.main.skin_normalwide > .article .article_title > H2 {
	font-size: 2.5rem;
	font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, Sans-serif, AppleGothic;
}

.href_information .tour_infor dl {
    padding: 1rem 1.5rem;
}
.href_information .tour_infor dl > dt ,
.href_information .tour_infor dl > dd {
	font-size:1.6rem;
}