@import url("https://fonts.googleapis.com/css?family=Exo+2:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic");
@import url("https://fonts.googleapis.com/css?family=Montserrat:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic");
.w1280{max-width: 132rem; width: 100%; padding: 0 2rem; margin: 0 auto;}

.btn_alink{position: relative; width: 6rem; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; line-height: 1; color: #fff; font-weight: lighter; background-color: var(--point); border-radius: 50%; margin: 0 auto;}

p{margin-bottom: 0;}
ul{margin-bottom: 0;}
a:hover{text-decoration: initial;}

html.main .swiper-button-next, 
html.main .swiper-button-prev{width: auto; height: auto; color: #666; background-image: none; background-color: initial; transition: color ease 0.5s;}
html.main .swiper-button-next:hover, 
html.main .swiper-button-prev:hover{color: var(--point2);}

#mVisualVideo{position: relative; font-size: 0; line-height: 0; padding: 0; margin: 0;}
/* #mVisualVideo::after{position: absolute; content: ''; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.1); z-index: 2;} */

#mVisualVideo video{position: relative;}

#mVisual{width:100%; font-size:0; line-height:0; padding: 0; margin: 0; position: relative; overflow:hidden;}
#mVisual .swiper-slide{width: 100%;}

#mVisual .swiper-slide img{width:100%; max-width:none; max-height: 100vh; height: 106rem; object-fit: cover;}
.mVisual_textArea{position: absolute; left:50%; top: 0; max-width: 170rem; width:100%; height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; text-align: left; padding:0 2rem; transform: translateX(-50%); z-index:6;}  
.mVisual_textArea_inner{width: 100%; position: relative;}

.mVisual_text_eq p.title{font-size: 7.4rem; line-height: 9rem; color: rgba(255,255,255,0.9); font-weight: bold; font-family: var(--play); margin-bottom: 2rem;}
.mVisual_text_eq p.text{font-size: 2.2rem; line-height: 1.5; color: rgba(255,255,255,0.8); margin-bottom: 4rem;}
.mVisual_text_eq a.btn_alink{top: 0;}

.mVisual_text_eq{width:100%; position: absolute; left:0; top:0; opacity: 0; }
.mVisual_text_eq .ii{top: 5rem; position: relative; text-align: center; word-break:keep-all; word-wrap:break-word; opacity: 0; transition: all ease 1s;}
.mVisual_text_eq .i01{-webkit-transition-delay: .4s; transition-delay: .4s;}
.mVisual_text_eq .i02{-webkit-transition-delay: .45s; transition-delay: .45s;}
.mVisual_text_eq .i03{-webkit-transition-delay: .5s; transition-delay: .5s;}
.mVisual_text_eq .i04{-webkit-transition-delay: .55s; transition-delay: .55s;}
.mVisual_text_eq .i05{-webkit-transition-delay: .6s; transition-delay: .6s;}
.mVisual_text_eq .i06{-webkit-transition-delay: .65s; transition-delay: .65s;}
.mVisual_text_eq .i07{-webkit-transition-delay: .7s; transition-delay: .7s;}
.mVisual_text_eq .i08{-webkit-transition-delay: .8s; transition-delay: .8s;}
.mVisual_text_eq .i09{-webkit-transition-delay: .9s; transition-delay: .9s;}

.mVisual_text_eq.active{position: static; top: 0; opacity: 1;}
.mVisual_text_eq.active .ii{top: 0; opacity:1;}

/* #mVisual .mVisual_control{position: relative; width: 100%; display: flex; gap:  2rem 6rem; align-items: center; justify-content: flex-start; margin: 13rem 0 0; display: none;} */
/* #mVisual .mVisual_control.active{display: flex;} */
#mVisual .swiper-pagination{position: absolute; bottom: 5rem; display: none; gap: 1rem; justify-content: center;
  /* swiper 기본 css 없애기 */ top: auto; left: 0; right: auto; 
}
#mVisual .swiper-pagination .swiper-pagination-bullet{position: relative; width: 2rem; height: 2rem; background-color: #fff; opacity: 0.6;
  /* swiper 기본 css 없애기 */ padding: 0; margin: 0; border-radius: 50%; 
}
#mVisual .swiper-pagination .swiper-pagination-bullet span{display: block;}
/* #mVisual .swiper-pagination .swiper-pagination-bullet span.line{height: 2rem; border-bottom: 2px solid #fff;} */
#mVisual .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}

#mVisual .swiper-button-next, 
#mVisual .swiper-button-prev{width: 3.6rem; height: 7rem; color: transparent; background-image: none; background-color: initial; background-size: cover; transition: color ease 0.5s;}
#mVisual .swiper-button-next{background-image: url('/theme/prix/img/main/mVisual_arrow_next.png'); right: 5vw;}
#mVisual .swiper-button-prev{background-image: url('/theme/prix/img/main/mVisual_arrow_prev.png'); left: 5vw;}

.mSection{position: relative; background-size: cover; background-position: center; padding: 13rem 0;}
.mSection.ver2{padding: 13rem 0 0;}
.mSection.npd{padding: 0;}
.mSection .inner{max-width: 176rem; width: 100%; padding: 0 2rem; margin: 0 auto;}
.mSection .inner .mSection_title{padding: 0;}
.mSection .mSection_title{text-align: center; padding: 0 2rem; margin: 0 auto 8rem;}
.mSection .mSection_title .en{position: relative; font-size: 2.2rem; line-height: 1; color: var(--point); font-weight: bold; margin-bottom: 6rem;}
.mSection .mSection_title .en::before{position: absolute; content: ''; width: 1px; height: 5.5rem; top: -8rem; left: calc(50% - 0.5px); background-color: #8eb3e7;}
.mSection .mSection_title .kr{font-size: 5rem; line-height: 1; color: #000000; font-weight: bold; margin-bottom: 2.5rem;}
.mSection .mSection_title .sub{font-size: 2.6rem; line-height: 1.5; color: #333333; font-weight: 500;}

#mBusiness{background-image: url('/theme/prix/img/main/mProduct_bg.png'); background-position: top;}
.mBusiness_links{display: flex; flex-wrap: wrap;}
.mBusiness_links li{position: relative; flex: 1 1 calc((100%)/3); aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; background-color: #111; padding: 2rem; overflow: hidden;}
.mBusiness_links li::before{position: absolute; content: ''; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-position: center; transition: all ease 0.5s;}
.mBusiness_links li:hover::before{transform: scale(1.05);}
.mBusiness_links li:nth-of-type(1)::before{background-image: url('/theme/prix/img/main/mBusiness_01.jpg'); }
.mBusiness_links li:nth-of-type(2)::before{background-image: url('/theme/prix/img/main/mBusiness_02.jpg'); }
.mBusiness_links li:nth-of-type(3)::before{background-image: url('/theme/prix/img/main/mBusiness_03.jpg'); background-position: right;}
.mBusiness_links li *{position: relative; z-index: 1; transition: all ease 0.5s;}
.mBusiness_links li .textArea{text-align: center;}
.mBusiness_links li .textArea .en_title{font-size: 1.8rem; line-height: 1; color: rgba(255,255,255,0.9); font-weight: bold; font-family: var(--play); padding: 2rem 0 0; visibility: 0; opacity: 0;} 
.mBusiness_links li .textArea .en_title::before{position: absolute; content: ''; top: 0; left: calc(50% - 1rem); width: 2rem; height: 2px; background-color: #fff;}
.mBusiness_links li .textArea .kr_title{font-size: 3.3rem; line-height: 4rem; color: rgba(255,255,255,0.95); font-weight: bold; margin: 5rem auto 2rem;}
.mBusiness_links li .textArea .sub{font-size: 1.9rem; line-height: 1.5; color: rgba(255,255,255,0.85); }
.mBusiness_links li .textArea .btn_alink{margin: 3rem auto 0; visibility: 0; opacity: 0;}

.mBusiness_links li:hover .textArea .en_title{visibility: 1; opacity: 1;}
.mBusiness_links li:hover .textArea .btn_alink{visibility: 1; opacity: 1;}


#mProduct{background-image: url('/theme/prix/img/main/mProduct_bg.png');}
.mProduct_tabWrapNav{display: flex; gap: 2em 8rem; justify-content: center; margin: 0 auto 6rem;}
.mProduct_tabWrapNav li{min-width: 9rem; text-align: center; cursor: pointer;}
.mProduct_tabWrapNav li .icon{position: relative; width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; margin: 0 auto 2rem;}
.mProduct_tabWrapNav li .icon img{ transition: all ease 0.5s;}
.mProduct_tabWrapNav li p{font-size: 2.1rem; line-height: 1.25; color: #333333; font-weight: 500; transition: all ease 0.3s;}
.mProduct_tabWrapNav li.audio .icon img{content: url('/theme/prix/img/main/mProduct_icon_sound.png');}
.mProduct_tabWrapNav li.av .icon img{content: url('/theme/prix/img/main/mProduct_icon_av.png');}
.mProduct_tabWrapNav li.display .icon img{content: url('/theme/prix/img/main/mProduct_icon_display.png');}
.mProduct_tabWrapNav li.network .icon img{content: url('/theme/prix/img/main/mProduct_icon_network.png');}
.mProduct_tabWrapNav li.all .icon img{content: url('/theme/prix/img/main/mProduct_icon_all.png');}

.mProduct_tabWrapNav li:is(.active, :hover).audio .icon img{content: url('/theme/prix/img/main/mProduct_icon_sound_active.png');}
.mProduct_tabWrapNav li:is(.active, :hover).av .icon img{content: url('/theme/prix/img/main/mProduct_icon_av_active.png');}
.mProduct_tabWrapNav li:is(.active, :hover).display .icon img{content: url('/theme/prix/img/main/mProduct_icon_display_active.png');}
.mProduct_tabWrapNav li:is(.active, :hover).network .icon img{content: url('/theme/prix/img/main/mProduct_icon_network_active.png');}
.mProduct_tabWrapNav li:is(.active, :hover).all .icon img{content: url('/theme/prix/img/main/mProduct_icon_all_active.png');}
.mProduct_tabWrapNav li:is(.active, :hover) p{color: var(--point3);}

.mProduct_tabWrapContents_controller{display: flex; gap: 1rem; align-items: center; justify-content: flex-end; margin: 0 auto;}
.mProduct_tabWrapContents_controller > a{display: inline-block; font-size: 2.5rem; line-height: 1; color: #999999; transition: all ease 0.5s;}
.mProduct_tabWrapContents_controller > a:hover{color: #486a9b;}
.mProduct_tabWrapContents_controller .total{width: max-content; font-size: 2rem; line-height: 1; color: #999999;}
.mProduct_tabWrapContents_controller .total .swiper-pagination-current{color: #486a9b; font-weight: 500;}

.mProduct_tabWrapContents{display: none;}
.mProduct_tabWrapContents.active{display: block;}
.mProduct_tabWrapContents .swiper-wrapper{padding: 4rem 0;}
.mProduct_tabWrapContents .swiper-slide{min-width: 30rem; width: calc((100% - 160px)/5);}
.mProduct_tabWrapContents .swiper-slide:last-child{margin-right: 0;}
.mProduct_tabWrapContents .swiper-slide .thumb{aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; background-color: #f5f7fa; border: 1px solid #f5f7fa; padding: 2rem; box-shadow: 1rem 0 3.5rem rgba(255,255,255,1); transition: all ease 0.5s;}
.mProduct_tabWrapContents .swiper-slide:is(.swiper-slide-active, :hover) .thumb{background-color: #fff; border-color: var(--point3); box-shadow: 1rem 0 3.5rem rgba(0,0,0,0.15);}
.mProduct_tabWrapContents .swiper-slide .textArea{text-align: center; padding: 4.5rem 1rem 0;}
.mProduct_tabWrapContents .swiper-slide .textArea .category{font-size: 1.8rem; line-height: 1; color: var(--point3); font-weight: 500; margin-bottom: 0.5rem;}
.mProduct_tabWrapContents .swiper-slide .textArea .title{font-size: 2.6rem; line-height: 1; color: #1b1b1b; font-weight: bold; font-family: var(--play);}

#mBanner{background-image: url('/theme/prix/img/main/mBanner_bg.jpg'); text-align: center;}
#mBanner .mBanner_logo{width: 22.1rem; margin: 0 auto 4rem;}
#mBanner .text{font-size: 2.2rem; line-height: 1.5; color: rgba(255,255,255,0.85);}
#mBanner .btn_alink{margin-top: 5rem;}

#mPerformance .btn_plus{display: flex; align-items: center; justify-content: flex-end; gap: 0.5rem; font-size: 2rem; line-height: 1.25; color: #333333;}
#mPerformance .btn_plus span{line-height: 2rem;}
#mPerformance .swiper-wrapper{padding: 3rem 0 8rem;}
#mPerformance .swiper-slide{width: calc((100% - 80px)/2);}
/* #mPerformance .swiper-slide .thumb{width: 100%; aspect-ratio: 46/21; display: flex; align-items: center; justify-content: center; box-shadow: 1rem 0 1.5rem rgba(0,0,0,0.15);} */
#mPerformance .swiper-slide .thumb{width: 100%; aspect-ratio: 16/9; display: flex; align-items: center; justify-content: center; box-shadow: 1rem 0 1.5rem rgba(0,0,0,0.15);}
#mPerformance .swiper-slide .thumb img{max-width: none; max-height: none; width: 100%; height: 100%; object-fit: cover; object-position: center;}
#mPerformance .swiper-slide .textArea{text-align: center; padding: 5rem 0 0;}
#mPerformance .swiper-slide .textArea .title{font-size: 2.8rem; line-height: 3rem; color: #1b1b1b; font-weight: bold; margin-bottom: 2rem;}
#mPerformance .swiper-slide .textArea .title .category{color: #1b4786; font-weight: 500;}
#mPerformance .swiper-slide .textArea .sub{display: block; font-size: 2.2rem; line-height: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

#mPerformance .swiper-horizontal>.swiper-scrollbar, 
#mPerformance .swiper-scrollbar.swiper-scrollbar-horizontal{max-width: 172rem; width: calc(100% - 4rem); height: 0.8rem; left: 50%; transform: translateX(-50%);}
#mPerformance .swiper-scrollbar-drag{background-color: var(--point2);}


#mPartners{height: 13rem; display: flex; align-items: center; background-color: #f7f9fb; border-top: 1px solid #dddddd; ;}
#mPartners .swiper{padding: 0 4rem;}
#mPartners .swiper-slide{min-width: 15rem; width: calc((100% - 28rem)/8); aspect-ratio: 16/9; display: flex; align-items: center; justify-content: center;  margin-right: 4rem;}
#mPartners .swiper-slide:last-child{margin-right: 0;}

#mDirect.mSection{padding: 0;}
#mDirect .flexArea{display: flex; flex-wrap: wrap; background-color: #033479;}
#mDirect .flexArea .box{position: relative; width: calc((100%)/2); min-height: 56rem; display: flex; align-items: center; justify-content: center; padding: 2rem;}
#mDirect .flexArea .direct01{position: relative; text-align: center; overflow: hidden;}
#mDirect .flexArea .direct01::before{position: absolute; content: ''; top: 0; left: 0; bottom: 0; right: 0; background-image: url('/theme/prix/img/main/mDirect_01_bg.jpg'); background-size: cover; background-position: center; transition: all ease 0.5s;}
#mDirect .flexArea .direct01:hover::before{transform: scale(1.05);}
#mDirect .flexArea .direct01 *{position: relative; z-index: 1;}
#mDirect .flexArea .direct01 .textArea .icon{display: inline-block; width: 6.6rem; margin-bottom: 3rem;}
#mDirect .flexArea .direct01 .textArea .title{font-size: 3.8rem; line-height: 4rem; color: rgba(255,255,255,0.95); font-weight: 550; margin-bottom: 2rem;}
#mDirect .flexArea .direct01 .textArea .sub{font-size: 2.4rem; line-height: 3rem; color: rgba(255,255,255,0.85);}
#mDirect .flexArea .direct01 .direct01_link{position: absolute; bottom: 4.5rem; right: 4.5rem; display: flex; gap: 1rem; align-items: center;}
#mDirect .flexArea .direct01 .direct01_link p{font-size: 1.9rem; line-height: 1; color: rgba(255,255,255,0.9);}


#mDirect .flexArea .direct02 .textArea{max-width: 600px; width: 100%; margin: 0 auto;}
#mDirect .flexArea .direct02 .mNotice_head{display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 3rem;}
#mDirect .flexArea .direct02 .mNotice_head .title{position: relative; font-size: 2.8rem; line-height: 3rem; color: rgba(255,255,255,0.95); font-weight: bold; padding-left: 4rem;}
#mDirect .flexArea .direct02 .mNotice_head .title::before{position: absolute; content: ''; top: 0; left: 0; width: 3rem; height: 3rem; background-image: url('/theme/prix/img/main/mDirect_02_icon.png'); background-size: cover;}
#mDirect .flexArea .direct02 .mNotice_head a{position: relative; display: inline-block; font-size: 1.8rem; line-height: 2rem; color: rgba(255,255,255,0.85); font-weight: bold; font-family: var(--play); padding-right: 3rem;}
#mDirect .flexArea .direct02 .mNotice_head a::after {position: absolute; content: '＋'; top: 0; right: 0; width: 2rem; height: 2rem; font-size: 1.6rem; line-height: 2rem; color: #fff; font-family: var(--play); text-align: center; letter-spacing: 1px !important; background-color: #5c91ff; border-radius: 50%;}
#mDirect .flexArea .direct02 .mNotice_body{border-top: 1px solid rgba(255,255,255,0.4); border-bottom: 1px solid rgba(255,255,255,0.4);}
#mDirect .flexArea .direct02 .mNotice_body li{padding: 2rem 1rem;}
#mDirect .flexArea .direct02 .mNotice_body li + li{border-top: 1px solid rgba(255,255,255,0.2);}
#mDirect .flexArea .direct02 .mNotice_body li a{display: block; font-size: 1.9rem; line-height: 2rem; color: rgba(255,255,255,0.9); font-weight: 500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 1rem;}
#mDirect .flexArea .direct02 .mNotice_body li .date{font-size: 1.7rem; line-height: 2rem; color: rgba(255,255,255,0.75);}

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

}
@media only screen and (max-width : 1440px){
  
}
@media only screen and (max-width : 1320px){
}
@media only screen and (max-width : 1280px){
    .mBusiness_links li .textArea .kr_title{margin: 2rem auto;}
    .mBusiness_links li .textArea .btn_alink{margin: 2rem auto 0;}

}
@media only screen and (max-width : 1024px){
    #mVisualVideo{position: relative; max-height: 100vh; height: 108rem; }

    #mVisualVideo video{max-width: initial; max-height: initial; width: 100%; height: 100%; object-fit: cover; object-position: center; }


    #mVisual .swiper-button-next, #mVisual .swiper-button-prev{display: none;}

    #mVisual .swiper-pagination{display: flex;}

    .mBusiness_links li{flex: 1 1 100%; aspect-ratio: initial; height: 38.2rem;}
    .mBusiness_links li .textArea .en_title{visibility: inherit; opacity: initial;} 
    .mBusiness_links li .textArea .btn_alink{visibility: inherit; opacity: initial;} 

    #mPerformance .swiper-slide{width: calc((100% - 80px)/ 1.5);}

    #mPartners .swiper{padding: 0 30px;}
    #mPartners .swiper-slide{margin-right: 2rem;}



}
@media only screen and (max-width : 840px){
  html.main .swiper-button-next{right: 3vw;}
  html.main .swiper-button-prev{left: 3vw;}

}

@media only screen and (max-width : 640px){
    .mVisual_text_eq p.title { font-size: 5rem; line-height: 7rem;}

    .mProduct_tabWrapNav{gap: 1.5rem; }
    .mProduct_tabWrapNav li{min-width: initial; width: calc((100% - 6rem)/5);}
    .mProduct_tabWrapNav li .icon{width: 100%; height: auto; aspect-ratio: 1/1;}

    .mProduct_tabWrapContents .swiper-slide{width: calc((100% - 40px)/2);}

    #mPerformance .swiper-slide{width: calc((100% - 40px)/ 1.25);}

    #mDirect .flexArea .box{width: 100%;}
    #mDirect .flexArea .direct01 .direct01_link{right: 50%; transform: translateX(50%);}

    #mPartners .swiper-button-prev,
    #mPartners .swiper-button-next{display: none;}


}

@media only screen and (max-width : 480px){
    .mProduct_tabWrapNav li p{font-size: 1.6rem; line-height: 2rem;}
 
}
@media only screen and (max-width : 400px){
    .mVisual_text_eq p.title{font-size: 4rem; line-height: 5rem;}

    .mProduct_tabWrapNav li .icon{max-width: 6.5rem;}
    .mProduct_tabWrapNav li p{font-size: 1.6rem;}

    .mProduct_tabWrapContents .swiper-slide{width: calc((100% - 40px)/1.5);}

    #mPerformance .swiper-slide{width: calc(100% - 20px);}
 
}