@charset "UTF-8";



.p-60 {
	padding: 150px 0 72px
}

.main_yootubeWrap {
	padding-bottom: 20px;
}

@media screen and (max-width: 1499px){
	.main_memberWrap {
    width: 1200px;
	}
	.main_memberList .slick-slide .main_member_imgBox img {
    width: 40%;
	}

}
@media screen and (max-width: 1366px){
	.main_bannerSlider .mb_slider button {
    padding: 0;
	}
	.main_eventContianer{
	width: 100%;
	}
	.main_reviewWrap{
	width: 100%;
	}
}
@media screen and (max-width: 1200px){
	.main_titleWrap {
    width: 90%;
    margin: 0 auto 40px;
	}
	.main_eventBox{
	width: 92%;
	}
	.main_review_detail{
    margin-bottom: 0;
	}
	.mainReviewList{
	height: auto;
	}
	.main_mapImgBox,
	.main_youtubeBox,
	.main_review_box,
	.main_strangthList,
	.main_directList {
    width: 90%;
    margin: 0 auto;
	}
	.main_map_thumnail {
    width: 100%;
	}
	.main_ytbTxtBox {
    padding: 0 0 0 40px;
	}
	.main_ytbSubtxt {
    margin: 3vw 0 4vw;
	}
	.review_new {
    left: 2.5vw;
    top: 2.1vw;
	}
	.main_memberWrap {
    width: 100%;
	}
	.main_ytbSubtxt li {
    font-size: 20px;
	}
}
@media screen and (max-width: 1199px){
	.main_banner_pc{
	display: none !important;
	}
	.main_banner_tab {
    display: block !important;
	}
	.easyPay{
		display: inline-flex;
		align-items: center;
		vertical-align: middle;
		position: absolute;
		top: 25px;
		left: 2rem;
	}
	.easyPayTxt{
		display: inline-flex;
		align-items: center;
		vertical-align: middle;
		position: absolute;
		top: 55px;
		left: 2rem;
		font-size: small;
		color: #fff;
	}
}
@media screen and (max-width: 1080px){
	.main_ytbSubtxt {
    margin: 2vw 0 3vw;
	}
	.main_stTitle {
    font-size: 2.5vw;
	}
	.main_stTxt {
    font-size: 1.6vw;
	}
}
@media screen and (max-width: 1024px){
	.main_bannerSlider .mb_slider button {
    padding: 0;
	}
}
@media screen and (max-width: 980px){
	.easyPay{
		display: inline-flex;
		align-items: center;
		vertical-align: middle;
		position: absolute;
		top: 20px;
		left: 1.5rem;
	}
	.easyPayTxt{
		display: inline-flex;
		align-items: center;
		vertical-align: middle;
		position: absolute;
		top: 50px;
		left: 1.5rem;
	}
	.directTit {
    font-size: 16px;
	}
	.direct_txtBox a {
    font-size: 14px;
	}
	.main_directList li {
    padding: 30px;
	}
	.directImg {
	height: 72px;
    right: 30px;
	}
	.strangthTxt {
    bottom: 24px;
    left: 24px;
	}	
	.review_new {
	top: 3vw;
    left: 4vw;
	}
	.mainTitle {
    font-size: 22px;
    font-weight: 600;
	}
	.main_moreBtn {
    font-size: 12px;
    font-weight: 500;
    }
	.main_titleWrap {
    margin: 0 auto 30px;
	}
	.main_sectionPD{
		padding: 40px 0;
	}
	.p-60 {
		padding: 100px 0
	}

	.main_member_name {
    margin-top: 1rem;
    font-size: 16px;
	}
	.main_member_roll {
    margin-top: 0.5rem;
	}
	.main_member_roll span {
    font-size: 13px;
	}
	.main_ytbTxt strong {
    font-size: 20px;
	}
	.main_ytbSubtxt li {
    font-size: 16px;
	}
	.main_moveBtn {
    font-size: 14px;
    padding: 10px 0;
	}
}
@media screen and (max-width: 834px){
	.easyPay{
		display: inline-flex;
		align-items: center;
		vertical-align: middle;
		position: absolute;
		top: 15px;
		left: 1.5rem;
	}
	.easyPayTxt{
		display: inline-flex;
		align-items: center;
		vertical-align: middle;
		position: absolute;
		top: 40px;
		left: 1.5rem;
		font-size: x-small;
	}
	.naverKakao{
		width: 45px;
	}
	.cardMainPay{
		width: 30px;
		height: 20px;
	}
}
@media screen and (max-width: 800px){
	.main_ytbSubtxt li:first-child {
    margin-bottom: 10px;
	}
	.main_ytbTxtBox {
    padding: 0 0 0 30px;
	}
	.main_ytbSubtxt li {
    font-size: 15px;
	}
	.main_ytbSubtxt {
    margin: 1.5vw 0 2.5vw;
	}
	.strangthTxt {
    bottom: 20px;
    left: 20px;
	}
}
@media screen and (max-width: 768px){
	.main_ytbTxt strong {
    font-size: 18px;
	}
	.main_ytbTxtBox {
    padding: 0 0 0 20px;
	}
	.main_ytbSubtxt li {
    font-size: 14px;
	}
	.main_directList li {
    width: calc(100% / 2 - 12px);
	}
}
@media screen and (max-width: 600px){
	.main_directList .md_mo{
	display: flex;
	}
	.easyPay{
		display: inline-flex;
		align-items: center;
		vertical-align: middle;
		position: absolute;
		top: 20px;
		left: 1.5rem;
	}
	.easyPayTxt{
		display: inline-flex;
		align-items: center;
		vertical-align: middle;
		position: absolute;
		top: 45px;
		left: 1.5rem;
	}
	.main_staff_Btn{
	display: none;
	}
	.main_directList .md_pc{
	display: none;
	}
	.main_directList {
    gap: 0;
    box-shadow: 2px 2px 8px var(--sDg02);
	}
	.main_directList li:nth-child(1) {
	border-right: solid 1px var(--sDg02);
	border-bottom: solid 1px var(--sDg02);
	}
	.main_directList li:nth-child(3) {
	border-right: solid 1px var(--sDg02);
	border-bottom: solid 1px var(--sDg02);
	}
	.main_directList li:nth-child(2),
	.main_directList li:nth-child(5){
	border-bottom: solid 1px var(--sDg02);
	}
	.main_directList li:nth-child(6) {
	border-right: solid 1px var(--sDg02);
	}
	.strangthTxt {
    bottom: 28px;
    left: 28px;
	}
	.main_mapBtn {
    margin-top: 5vw;
	}
	.main_directList li {
	width: 50%;
    padding: 20px;
   	box-shadow: none;
	}
	.directImg {
    height: 54px;
    right: 20px;
	}
	.directTit {
    font-size: 14px;
	}
	.direct_txtBox a {
    font-size: 12px;
	}
	.direct_txtBox a:hover {
    color: var(--mBlk);
    font-weight: 400;
    border-bottom: solid 1px var(--mBlk);
	}
	.direct_txtBox a {
    margin-top: 12px;
	}
	.main_mapImgBox:hover .main_mapH{
	display: none !important;
	}
	.main_mapBtn{
	display: block !important;
	}
	.main_strangthList {
    gap: 10px;
	}
	.main_strangthList >li {
    width: 100%;
	}
	.main_stTitle {
    font-size: 4.5vw;
	}
	.main_stTxt {
    font-size: 3vw;
	}
	.main_eventBox{
	width: 94.5%;
	}
	.review_new {
    font-size: 10px;
	}
	.main_titleWrap {
    margin: 0 auto 20px;
	}
	.mainTitle {
    font-size: 4vw;
	}
	.main_moreBtn{
	display: block;
	color: #000;
	}
	.main_sectionPD{
	/*padding: 20px 0;*/
	}
	.p-60 {
		padding: 60px 0
	}

	.main_newsWrap{
		padding-bottom:20px
	}
/*
	.main_eventContianer{
	padding-top: 0 !important;
	padding-bottom: 20px !important;
	}*/
	.main_bannerSlider .slick-dots > li{
	width: calc(80% / 5);
	}
	.main_bannerContainer .main_bannerSlider .mb_slider button {
    width: 100%;
	}
	.main_bannerSlider .slick-dots li button:before {
    width: 100%;
    display: block;
	}
	.main_banner_tab {
    display: none !important;
	}
	.main_banner_mo {
    display: block !important;
	}
	.main_eventContianer{
	margin-top: 0;
    background-color: #fff;
	}
	.main_event_curNum {
    display: block;
	}
	.main_eventContianer .main_titleWrap{
	/*display: none;*/
	}
	.main_review_box{
	padding: 0;
	}
	.main_reviewWrap button.slick-prev,
	.main_reviewWrap button.slick-next {
	display: none !important;
	}
	.main_memberList .slick-slide .main_member_imgBox img {
    width: 45%;
	}
	.main_member_name {
    margin-top: 0.7rem;
    font-size: 14px;
	}
	.main_member_roll span {
    font-size: 12px;
	}
	.main_mapImgBox:hover .main_mapH {
   	display: none !important;
	}
	.main_youtubeBox {
    display: block;
	}
	.ytb_videoBox {
    width: 100%;
	}
	.main_ytbTxtBox {
    margin-top: 20px;		
	width: 100%;
    padding: 0;
    display: block;
	}
	.main_ytbTxt strong {
    font-size: 3.5vw;
	}
	.main_ytbSubtxt {
    margin: 4vw 0 5vw;
	}
	.main_ytbSubtxt li {
    font-size: 3vw;
	}
	.main_ytbSubtxt li:first-child {
    margin-bottom: 4px;
	}
	.main_moveBtn {
    font-size: 2.8vw;
	}
}
@media screen and (max-width: 476px){
	.mainTitle {
    font-size: 4.5vw;
	}
	.main_ytbTxt strong {
    font-size: 4vw;
	}
	.main_ytbSubtxt li {
    font-size: 3.5vw;
	}
	.main_moveBtn {
    font-size: 3vw;
	}
	.main_stTitle {
    font-size: 5vw;
    }
    .main_stTxt {
    font-size: 3.5vw;
    margin-top: 10px;
	}
}
@media screen and (max-width:426px) {	
	.strangthTxt {
    bottom: 20px;
    left: 20px;
	}
	.review_new {
    font-size: 3.8vw;
    left: 7vw;
    top: 6.8vw;
	}
	.naverKakao{
		width: 45px;
	}
	.cardMainPay{
		width: 30px;
		height: 20px;
	}
	.easyPay{
		display: inline-flex;
		align-items: center;
		vertical-align: middle;
		position: absolute;
		top: 20px;
		left: 1.5rem;
	}
	.easyPayTxt{
		display: inline-flex;
		align-items: center;
		vertical-align: middle;
		position: absolute;
		top: 45px;
		font-size: x-small;
		left: 1.5rem;
	}
	.directImg {
    height: 44px;
	}		
}
@media screen and (max-width:414px) {
	.main_memberWrap {
    width: 400px;
    margin: 24px auto 0px;
	}
	.main_member_profile {
    width: calc(100% / 2);
	}
	.main_memberList .slick-slide .main_member_imgBox img {
    width: 50%;
	}
	.main_member_roll span:last-child {
    margin-top: 0.1rem;
	}
	.directTit {
    font-size: 12px;
	}	
	.direct_txtBox a {
    font-size: 11px;
    margin-top: 10px;
	}
}
@media screen and (max-width:390px) {
	.main_memberWrap {
    width: 380px;
	}
	.main_member_name {
    font-size: 12px;
	}
	.main_member_roll span {
    font-size: 10px;
	}
	.review_new {
    font-size: 3.6vw;
    }
    .directImg {
    right: 16px;
	}
    .main_directList li {
    padding: 20px 16px;
	}
	.mainTitle {
    font-size: 5vw;
	}
	.main_ytbTxt strong {
    font-size: 4.5vw;
	}
	.main_ytbSubtxt li {
    font-size: 4vw;
	}
	.main_moveBtn {
    font-size: 3.5vw;
	}
	.main_stTitle {
    font-size: 5.5vw;
    }
}
@media screen and (max-width:375px) {
    .main_memberWrap {
    width: 360px;
	}
	.review_new {
    font-size: 3.5vw;
	}
}
@media screen and (max-width:346px) {
    .review_new {
    top: 6.5vw;
	}
    .main_sectionPD {
    padding: 30px 0;
	}
	.p-60 {
		padding: 60px 0
	}
    .main_memberWrap {
    width: 320px;
	}
	.main_memberList .slick-slide .main_member_imgBox img {
    width: 60%;
	}
	.main_eventBox {
    width: 96%;
	}
	.easyPay{
		display: inline-flex;
		align-items: center;
		vertical-align: middle;
		position: absolute;
		top: 20px;
		left: 1.5rem;
	}
	.easyPayTxt{
		display: inline-flex;
		align-items: center;
		vertical-align: middle;
		position: absolute;
		top: 40px;
		left: 1.5rem;
		font-size: x-small;
	}
	.naverKakao{
		width: 40px;
	}
	.cardMainPay{
		width: 25px;
		height: 15px;
	}
}

/* ========== 리뷰/YouTube/언론 그리드 반응형 ========== */
@media screen and (max-width: 1200px) {
	.mainReviewGrid,
	.main_youtubeGrid,
	.main_newsGrid {
		width: 90%;
		margin: 0 auto;
	}
}

/* PC/태블릿: 언론 섹션 4번째 아이템부터 숨김 - 슬라이더 적용으로 주석 처리 */
/*
@media screen and (min-width: 601px) {
	.main_newsItem:nth-child(n+4) {
		display: none;
	}
}
*/

@media screen and (max-width: 834px) {
	.mainReviewGrid,
	.main_youtubeGrid {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
		height: auto;
	}
	/* 태블릿: 언론 3열 1줄 유지 */
	.main_newsGrid {
		grid-template-columns: repeat(3, 1fr);
		gap: 16px;
	}
	/* 모바일에서 숨김 클래스 */
	.hide_mobile {
		display: none !important;
	}
}

@media screen and (max-width: 600px) {
	.mainReviewGrid {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}
	.main_youtubeGrid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	/* 언론 섹션 모바일 - 슬라이더로 변경되어 그리드 스타일 주석 처리 */
	/*
	.main_newsGrid {
		grid-template-columns: 1fr;
		gap: 10px;
	}
	.main_newsItem:nth-child(n+3) {
		display: none;
	}
	*/
	/* 유튜브 섹션 5번째 아이템부터 숨김 (2x2 = 4개만 표시) */
	.main_youtubeItem:nth-child(n+5) {
		display: none;
	}
	.main_youtubeSubTitle {
		font-size: 15px;
	}
	.main_youtube_popup {
		width: 95%;
	}
	.main_youtube_close {
		top: -36px;
		font-size: 28px;
	}
	/* 유튜브 섹션 상단 여백 */
	.main_yootubeWrap {
		padding-top: 35px !important;
	}
	/* 유튜브 재생버튼 크기 축소 (모바일) */
	.main_youtubePlay svg {
		width: 48px;
		height: 34px;
	}
	/* 통계 섹션 2x2 그리드 레이아웃 */
	.visitCount_list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}
	.visitCount_list li {
		border-radius: 12px;
		border: none;
		padding: 24px;
		background-color: #f0f5ff;
		aspect-ratio: 1 / 1;
		width: 100%;
	}
	/* 카운터 숫자 폰트 크기 축소 (모바일) */
	.main_crt_num {
		font-size: 28px !important;
	}
	/* 리뷰/YouTube 모바일 그리드 스타일 - 2열 유지 */
	.mainReviewGrid .main_reviewItem {
		height: 120px;
	}
	.main_youtubeGrid .main_youtubeItem {
		height: auto;
	}
}