@charset "utf-8";
.gallery .mainCatch img { width: 100%;}
.gallery_cont * { font-family: "M PLUS Rounded 1c", sans-serif;}
.gallery_cont > .tab_title { max-width: 1000px; width: 100%; margin: 0 auto; display: flex; padding: 60px 0; list-style: none;}
.gallery_cont > .tab_title > li { width: calc((100% - 40px)/3); margin-right: 20px;}
.gallery_cont > .tab_title > li:last-of-type { margin-right: 0;}
.gallery_cont > .tab_title > li > .tab_item { display: block; position: relative; top: 0; background: #FDB602; color: #fff; font-weight: 600; font-size: 30px; text-align: center; padding-top: 20px; line-height: 1; transition: all .3s; cursor: pointer; height: 250px; border-radius: 10px;}
.gallery_cont > .tab_title > li > .tab_item.cat { background: #FBBFC0;}
.gallery_cont > .tab_title > li > .tab_item.dog { background: #99D3C0;}
.gallery_cont > .tab_title > li > .tab_item:hover {opacity: 0.7; top: -10px;}
.gallery_cont > .tab_title > li > .tab_item > img { width: 100%; position: absolute; left: 0; bottom: 0;}
.gallery_cont input[name="tab_item"] { display: none;}
.gallery_cont > .tab_cont { display: none; clear: both; overflow: hidden; background: #FDB602;}
.gallery_cont > .tab_cont#cat_cont { background: #FBBFC0;}
.gallery_cont > .tab_cont#dog_cont { background: #99D3C0;}
#new:checked ~ #new_cont,
#cat:checked ~ #cat_cont,
#dog:checked ~ #dog_cont { display: block;}
.gallery_cont > .tab_cont > dl { max-width: 1000px; width: 100%; padding: 60px 0; margin: 0 auto;}
.gallery_cont > .tab_cont > dl > dt h2 { text-align: center; color: #fff; font-weight: 600; line-height: 1; font-size: 50px;}
.gallery_cont > .tab_cont > dl > dd { background: #fff; border-radius: 10px; padding: 40px; margin-top: 30px; position: relative;}
.gallery_cont > .tab_cont > dl > dd > img { position: absolute; right: 5%; top: -85px;}
.gallery_cont > .tab_cont > dl > dd + dd { margin-top: 40px;}
.gallery_cont > .tab_cont > dl > dd > h3 { text-align: center; font-size: 35px; font-weight: 600; margin-bottom: 30px; line-height: 1;}
.gallery_cont > .tab_cont#cat_cont > dl > dd > h3 { color: #E0172B;}
.gallery_cont > .tab_cont#dog_cont > dl > dd > h3 { color: #418229;}
.gallery_cont > .tab_cont > dl > dd > ul { display: flex; flex-wrap: wrap; row-gap: 40px;}
.gallery_cont > .tab_cont > dl > dd > ul > li { width: calc((100% - 40px)/3); margin-right: 20px;}
.gallery_cont > .tab_cont > dl > dd > ul > li:nth-of-type(3n) { margin-right: 0;}
.gallery_cont > .tab_cont > dl > dd > ul > li > a { display: block; text-decoration: none; transition: all .3s;}
.gallery_cont > .tab_cont > dl > dd > ul > li > a:hover { opacity: .7;}
.gallery_cont > .tab_cont > dl > dd > ul > li > a > dl > dt > img { width: 100%;}
.gallery_cont > .tab_cont > dl > dd > ul > li > a > dl > dd { text-align: center; line-height: 1.6; margin-top: 10px;}
.gallery_cont > .tab_cont > dl > dd > .channel_btn { display: flex; margin-top: 40px;}
.gallery_cont > .tab_cont > dl > dd > .channel_btn > a { display: block; transition: all .3s;}
.gallery_cont > .tab_cont > dl > dd > .channel_btn > a:hover { opacity: .7;}
.gallery_cont > .tab_cont > dl > dd > .channel_btn > a > img { width: 100%;}
.gallery_cont input[name="cat_tab_item"],
.gallery_cont input[name="dog_tab_item"] { display: none;}
.gallery_cont > .tab_cont > dl > dd > .year_cont { display: none; clear: both; overflow: hidden; margin-top: 30px;}
#cat_2026:checked ~ #cat_2026_cont,
#cat_2025:checked ~ #cat_2025_cont,
#cat_past:checked ~ #cat_past_cont,
#dog_2026:checked ~ #dog_2026_cont,
#dog_2025:checked ~ #dog_2025_cont,
#dog_past:checked ~ #dog_past_cont { display: flex;}
.gallery_cont > .tab_cont > dl > dd > .tab_title { display: flex; justify-content: center;}
.gallery_cont > .tab_cont > dl > dd > .tab_title > dt + dt { margin-left: 10px;}
.gallery_cont > .tab_cont#cat_cont > dl > dd > .tab_title > dt > .tab_item { display: flex; justify-content: center; align-items: center; width: 140px; height: 40px; color: #E0172B; border: 1px solid #E0172B; font-size: 20px; border-radius: 100px; cursor: pointer; transition: all .2s; font-weight: 600;}
.gallery_cont > .tab_cont#cat_cont > dl > dd > .tab_title > dt > .tab_item:hover { color: #fff; background: #E0172B;}
#cat_2026:checked ~ .tab_title label[for="cat_2026"] ,
#cat_2025:checked ~ .tab_title label[for="cat_2025"] ,
#cat_past:checked ~ .tab_title label[for="cat_past"] { color: #fff !important; background: #E0172B;}
.gallery_cont > .tab_cont#dog_cont > dl > dd > .tab_title > dt > .tab_item { display: flex; justify-content: center; align-items: center; width: 140px; height: 40px; color: #418129; border: 1px solid #418129; font-size: 20px; border-radius: 100px; cursor: pointer; transition: all .2s; font-weight: 600;}
.gallery_cont > .tab_cont#dog_cont > dl > dd > .tab_title > dt > .tab_item:hover { color: #fff; background: #418129;}
#dog_2026:checked ~ .tab_title label[for="dog_2026"] ,
#dog_2025:checked ~ .tab_title label[for="dog_2025"] ,
#dog_past:checked ~ .tab_title label[for="dog_past"] { color: #fff !important; background: #418129;}
.gallery_cont > .tab_cont > dl > dd > .year_cont { display: none; clear: both; overflow: hidden; margin-top: 30px;}

.gallery_cont .video_inr { background: #fff;}
.gallery_cont .video_inr .channel_btn { max-width: 1000px; width: 100%; display: flex; padding: 60px 0; margin: 0 auto;}
.gallery_cont .video_inr .channel_btn a { display: block; width: calc((100% - 20px)/2); margin-right: 20px; transition: all .3s;}
.gallery_cont .video_inr .channel_btn a:last-of-type { margin-right: 0;}
.gallery_cont .video_inr .channel_btn a:hover { opacity: .7;}
.gallery_cont .video_inr .channel_btn a img { width: 100%;}


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

	.gallery_cont > .tab_title,
	.gallery_cont > .tab_cont > dl { max-width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}

}

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

	.gallery_cont > .tab_title { padding: 40px 5vw;}
	.gallery_cont > .tab_title > li { width: calc((100% - 40px)/3); margin-right: 20px;}
	.gallery_cont > .tab_title > li:last-of-type { margin-right: 0;}
	.gallery_cont > .tab_title > li > .tab_item { font-size: 24px; height: 200px; padding-top: 12px;}

	.gallery_cont > .tab_cont > dl { padding: 40px 5vw;}
	.gallery_cont > .tab_cont > dl > dt h2 { font-size: 34px;}
	.gallery_cont > .tab_cont > dl > dd { padding: 25px;}
	.gallery_cont > .tab_cont > dl > dd > img { width: 90px; top: -55px;}
	.gallery_cont > .tab_cont > dl > dd > h3 { font-size: 26px; margin-bottom: 20px;}

	.gallery_cont > .tab_cont > dl > dd > ul { row-gap: 25px;}
	.gallery_cont > .tab_cont > dl > dd > ul > li { width: calc((100% - 20px)/2); margin-right: 20px;}
	.gallery_cont > .tab_cont > dl > dd > ul > li:nth-of-type(3n) { margin-right: 20px;}
	.gallery_cont > .tab_cont > dl > dd > ul > li:nth-of-type(2n) { margin-right: 0;}

	.gallery_cont > .tab_cont > dl > dd > .tab_title { flex-wrap: wrap; row-gap: 10px;}
	.gallery_cont > .tab_cont > dl > dd > .tab_title > dt > .tab_item { width: 110px; height: 36px; font-size: 16px;}

	.gallery_cont > .tab_cont > dl > dd > .channel_btn { flex-wrap: wrap; row-gap: 15px;}
	.gallery_cont > .tab_cont > dl > dd > .channel_btn > a { width: calc((100% - 20px)/2);}

	.gallery_cont .video_inr .channel_btn { padding: 40px 5vw;}

}

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

	.gallery_cont > .tab_title { row-gap: 10px; flex-wrap: wrap;}
	.gallery_cont > .tab_title > li:first-of-type { width: 100%; margin-right: 0;}
	.gallery_cont > .tab_title > li:not(:first-of-type) { width: calc((100% - 10px)/2); margin-right: 10px;}
	.gallery_cont > .tab_title > li:last-of-type { margin-right: 0;}
	.gallery_cont > .tab_title > li > .tab_item { height: 220px; font-size: 20px; padding-top: 20px;}
	.gallery_cont > .tab_title > li:first-of-type > .tab_item { height: 240px;}
	.gallery_cont > .tab_title > li > .tab_item:hover { top: 0;}
	.gallery_cont > .tab_title > li > .tab_item > img { width: 100%;}
	.gallery_cont > .tab_title > li:first-of-type > .tab_item > img { width: 60%; bottom: 0; left: 50%; transform: translateX(-50%);}

	.gallery_cont > .tab_cont > dl > dt h2 { font-size: 26px;}
	.gallery_cont > .tab_cont > dl > dd { padding: 20px 15px;}
	.gallery_cont > .tab_cont > dl > dd > img { width: 50px; right: 0;}
	.gallery_cont > .tab_cont > dl > dd > h3 { font-size: 20px; margin-bottom: 15px;}
	.gallery_cont > .tab_cont > dl > dd + dd { margin-top: 25px;}

	.gallery_cont > .tab_cont > dl > dd > ul { row-gap: 20px;}
	.gallery_cont > .tab_cont > dl > dd > ul > li { width: calc((100% - 15px)/2); margin-right: 15px;}
	.gallery_cont > .tab_cont > dl > dd > ul > li:nth-of-type(2n),
	.gallery_cont > .tab_cont > dl > dd > ul > li:nth-of-type(3n) { margin-right: 15px;}
	.gallery_cont > .tab_cont > dl > dd > ul > li:nth-of-type(2n) { margin-right: 0;}
	.gallery_cont > .tab_cont > dl > dd > ul > li > a > dl > dd { font-size: 14px;}

	.gallery_cont > .tab_cont > dl > dd > .tab_title { padding: 0; row-gap: 8px;}
	.gallery_cont > .tab_cont > dl > dd > .tab_title > dt { width: calc((100% - 20px)/3);}
	.gallery_cont > .tab_cont > dl > dd > .tab_title > dt > .tab_item { width: 100%; height: 36px; font-size: 13px;}

	.gallery_cont > .tab_cont > dl > dd > .channel_btn { row-gap: 10px;}
	.gallery_cont > .tab_cont > dl > dd > .channel_btn > a { width: 100%;}

	.gallery_cont > .tab_cont > dl > dd > .tab_title > dt { width: calc((100% - 10px)/3); margin: 0 auto;}
	.gallery_cont > .tab_cont > dl > dd > .tab_title > dt + dt { margin-left: 5px;}
	.gallery_cont > .tab_cont#cat_cont > dl > dd > .tab_title > dt > .tab_item { width: 90px; font-size: 14px; height: 30px; margin: 0 auto;}
	.gallery_cont > .tab_cont#dog_cont > dl > dd > .tab_title > dt > .tab_item { width: 90px; font-size: 14px; height: 30px; margin: 0 auto;}
	.gallery_cont .video_inr .channel_btn { display: block;}
	.gallery_cont .video_inr .channel_btn a { width: 100%;}
	.gallery_cont .video_inr .channel_btn a + a { margin-top: 10px;}



}

@media screen and (max-width:420px) {
	.gallery_cont > .tab_title > li > .tab_item { font-size: 16px; height: 160px;}
	.gallery_cont > .tab_title > li:first-of-type > .tab_item { height: 170px;}
	.gallery_cont > .tab_cont > dl > dd > ul > li > a > dl > dd { font-size: 12px;}

}