/* html{max-width: 1920px; margin: 0 auto; overflow-x: hidden;} */
/* html{background: #3f3a39;} */
section{position: relative; /* background: #fff; */}

.mm{display: none !important;}
.notPC{display: none !important;}

html .swiper{overflow: initial;}
html .swiper-horizontal>.swiper-pagination-bullets,html .swiper-pagination-bullets.swiper-pagination-horizontal,html .swiper-pagination-custom, .swiper-pagination-fraction{bottom: -4rem;}
html .swiper-pagination-bullet{width: 1.5rem; height: 1.5rem; background: #c6c1c1; opacity: 1;}
html .swiper-pagination-bullet-active{background: #3f3a39;}
html .swiper-slide{display: flex; justify-content: center;}

#intro{width: 100vw; height: 100vh; overflow: hidden; display: flex; background: #f8f8f8; position: relative;}
#intro .admGo{position: static;}
#intro > div{width: 50%; height: 100%; position: relative;}
#intro > div img{/* object-fit: cover; */ max-width: none; width: 100%; height: 100%;}
/* #intro > div{background-position: center; background-size: cover; background-repeat: no-repeat;} */
/* .intro_wineach{width: 50%; height: 100%; background-image: url('/theme/prix/img/main/intro_bg_wineach.jpg');} */
/* .intro_monc{width: 50%; height: 100%; background-image: url('/theme/prix/img/main/intro_bg_monc.jpg');} */

.intro_wineach .linkWrap{width: 100%; gap: 3rem; padding: 6rem 0 6rem 10rem; margin-top: 12rem; display: flex; align-items: center; justify-content: space-between; position: relative; transform: all ease 1s;}
.intro_wineach .linkWrap::before{content: '';  background-image: url('/theme/prix/img/main/intro_wineach_filter.png'); background-position: center; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.intro_wineach .linkWrap img{position: relative;}
/* .intro_wineach .linkWrap.on::before{opacity: 0.5;} */
/* .intro_wineach .linkWrap .titleArea h4{font-size: 3.5rem; line-height: 1; color: #fff; font-weight: bold; margin-bottom: 2rem;} */
/* .intro_wineach .linkWrap .titleArea p{font-size: 1.5rem; line-height: 1; font-weight: bold; color: #fff; position: relative;} */
.intro_wineach .linkWrap .linkArea a{position: relative; margin-right: 10rem; display: block; transition: all ease 1s; cursor: pointer;}
.intro_wineach .linkWrap .linkArea a:hover{margin-right: 8rem;}

.intro_monc .linkWrap{max-width: 30.8rem; width: 100%; height: 100%; gap: 3rem; padding: 50% 4rem 10rem; display: flex; align-items: center; justify-content: space-between; flex-direction: column; position: relative; transform: all ease 1s; margin: 0 auto;}
.intro_monc .linkWrap::before{content: '';  background-image: url('/theme/prix/img/main/intro_monc_filter.png'); background-position: center; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* background: rgba(255,255,255,0.1); */ opacity: 0.1;}
.intro_monc .linkWrap img{position: relative;}
.intro_monc .linkWrap .titleArea img:nth-of-type(1){margin-bottom: 10rem;}
.intro_monc .linkWrap .linkArea a{position: relative; margin-right: -10rem; right: 10rem; transform: translateX(50%); display: block; transition: all ease 1s; cursor: pointer;}
.intro_monc .linkWrap .linkArea a:hover{right: 12rem;}

/* MONC MAIN */
.w1720{max-width: 178rem; width: 100%; padding: 0 3rem; margin: 0 auto;}
.w1280{max-width: 134rem; width: 100%; padding: 0 3rem; margin: 0 auto;}
.main_title{font-size: 5.2rem; line-height: 1; color: #231915; text-align: center; font-weight: lighter;}
.main_title span{font-weight: normal;}
#main_todayPic{padding: 15rem 0;}
.main_todayPic_list{display: flex; flex-wrap: wrap; gap: 10rem 10%; margin-top: 12rem;}
.main_todayPic_list li{width: calc((100% - 20%)/3); cursor: pointer;}
.main_todayPic_list li .imgArea{display: flex; align-items: center; justify-content: center; border: 1px solid #f8f8f8; aspect-ratio: 1/1; overflow: hidden;}
.main_todayPic_list li .imgArea img{max-height: 100%;}
.main_todayPic_list li .textArea{margin-top: 2rem; font-size: 1.9rem; text-align: center; line-height: 1.25; color: #231915;}

#main_moncInsta{padding: 2rem 0 18rem;}
.main_moncInstaList{display: flex; gap: 1.6rem; flex-wrap: wrap; margin-top: 7rem;}
.main_moncInstaList li{width: calc((100% - 9rem)/6); aspect-ratio: 1/1; overflow: hidden; display: flex; align-items: center; justify-content: center; border: 1px solid #f1f1f2;}
.main_moncInstaList li img{max-height: 100%;}

.btn_board_link{position: absolute; top: 3rem; right: 3rem;}
.btn_board_link a{background: red; color: #fff; padding: 0.5rem 2.5rem; border-radius: 3px;}





















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


}
@media only screen and (max-width : 1280px){
    .intro_wineach .linkWrap{padding: 6rem 0 6rem 3rem;}
    .intro_wineach .linkWrap .linkArea a{margin-right: 3rem;}
    .intro_wineach .linkWrap .linkArea a:hover{margin-right: 1rem;}


}
@media only screen and (max-width : 1024px){
    .notPC{display: block !important;}
    .onlyPC{display: none !important;}

    #intro{flex-wrap: wrap;}
    #intro > div{width: 100%; height: 50%;}
    /* .intro_wineach{width: 100%; height: 50vh;} */
    /* .intro_monc{width: 100%; height: 50vh;} */

    /* #intro img{width: max-content; display: block; margin: 0 auto;}
    #intro img + img{margin-top: 3rem;}
    .intro_wineach .linkWrap{max-width: 30.8rem; width: 100%; margin: 0 auto; height: 100%; padding: 0; margin-top: 0; flex-direction: column; justify-content: center; gap: 3rem;}
    .intro_wineach .linkWrap::before{background-image: url("http://wineach.iceserver.co.kr/theme/prix/img/main/intro_wineach_filter_mo.png");}
    .intro_wineach .linkWrap > div{width: 100%;}
    .intro_wineach .linkWrap .linkArea a{margin-right: 0; }
    .intro_wineach .linkWrap .linkArea a:hover{margin-right: -3rem;}
    .intro_monc .linkWrap .titleArea img:nth-of-type(1){margin-bottom: 3rem;}
    .intro_monc .linkWrap{padding: 0; justify-content: center;} */

    .main_moncInstaList{gap: 2rem;}
    .main_moncInstaList li{width: calc((100% - 6rem)/4);}

}
@media only screen and (max-width : 840px){


}
@media only screen and (max-width : 768px){


}
@media only screen and (max-width : 640px){
    .main_todayPic_list{gap: 5rem 5%;}
    .main_todayPic_list li{width: calc((100% - 5%)/2);}

    .main_moncInstaList li{width: calc((100% - 4rem)/3);}

    .mm{display: block !important;}
    .pt{display: none !important;}



}
@media only screen and (max-width : 560px){


}
@media only screen and (max-width : 480px){



}
@media only screen and (max-width : 400px){
    .main_moncInstaList{gap: 1rem;}
    .main_moncInstaList li{width: calc((100% - 2rem)/3);}


}