@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');


:root { 

 /* ----- °øÅë ----- */
 --bs-body-font-size: 17px; 
 --bs-body-font-weight: 400; 
 --bs-body-line-height: 1.5; 
 --bs-body-color: var(--bs-dark); 
 
 /* ----- Æ÷ÀÎÆ® ÄÃ·¯ ----- */
 --dyami-themecolor: #212121; 
 --dyami-themecolor-rgb: 93, 51, 143; 
 --dyami-subcolor: #5d338f; 
 --dyami-subcolor-rgb: 33, 33, 33; 
 
 
 /* ----- ¼­Ã¼ ½ºÅ¸ÀÏ ----- */
 --dyami-body-font:  'Montserrat', 'Noto Sans KR', sans-serif !important; 
 --dyami-primary-font:  'Montserrat', 'Noto Sans KR', sans-serif !important; 

} 


 /* ----------------------------------------------------------------
 * FONT SIZE
 -----------------------------------------------------------------*/
h1, .h1 { font-size: calc(1.375rem + 1.5vw); } 
@media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } 
 }
h2, .h2 { font-size: calc(1.325rem + 0.9vw); } 
@media (min-width: 1200px) { h2, .h2 { font-size: 2rem; } 
 }
h3, .h3 { font-size: calc(1.3rem + 0.6vw); } 
@media (min-width: 1200px) { h3, .h3 { font-size: 1.75rem; } 
 }
h4, .h4 { font-size: calc(1.275rem + 0.3vw); } 
@media (min-width: 1200px) { h4, .h4 { font-size: 1.5rem; } 
 }
h5, .h5 { font-size: 18px; } 
@media (min-width: 1200px) { h5, .h5 { font-size: 1.25rem; } 
 }
h6, .h6 { font-size: 16px; } 
@media (min-width: 1200px) { h6, .h6 { font-size: 18px; } 
 }
.display-1 { font-size: calc(1.625rem + 3.5vw); font-weight: 300; line-height: 1.2; } 
@media (min-width: 1200px){
 .display-1 { font-size: 5rem !important;; } 
 }
.display-2 { font-size: calc(1.575rem + 2.9vw); font-weight: 300; line-height: 1.2; } 
@media (min-width: 1200px){
 .display-2 { font-size: 4.5rem !important;; } 
 }
.display-3 { font-size: calc(1.525rem + 2.3vw) ; font-weight: 300; line-height: 1.2; } 
@media (min-width: 1200px){
 .display-3 { font-size: 4rem !important; } 
 }
.display-4 { font-size: calc(1.475rem + 1.7vw); font-weight: 300; line-height: 1.2; } 
@media (min-width: 1200px){
 .display-4 { font-size: 3.5rem !important;; } 
 }
.display-5 { font-size: calc(1.425rem + 1.4vw); font-weight: 300; line-height: 1.2; } 
@media (min-width: 1200px){
 .display-5 { font-size: 3rem !important;; } 
 }
.display-6 { font-size: calc(1.375rem + 0.8vw); font-weight: 300; line-height: 1.2; } 
@media (min-width: 1200px){
 .display-6 { font-size: 2.5rem !important;; } 
 }
@media (max-width: 991px){
 .lead { font-size: 1rem !important;; } 
 }


 /* ----------------------------------------------------------------
 * NAVBAR
 -----------------------------------------------------------------*/
#header { 

/* ----- ¸Þ´º¹Ù ----- */
 --dyami-header-bg : var(--bg-light);
 --dyami-header-height: 100px; 
 --dyami-header-border-color: var(--bs-dark); 
 --dyami-header-sticky-bg : var(--dyami-themecolor);
 --dyami-header-height-shrink: 80px; 
 --dyami-header-border-color: var(--bs-light);

 
 /* ----- ´ëºÐ·ù ----- */
 --dyami-primary-menu-hover-color: var(--bs-light); 
 --dyami-primary-menu-hover-bg: #5d338f; 
 --dyami-primary-menu-font-weight: 600; 
 --dyami-primary-menu-font-size: 18px; 
 
 /* ----- ÁßºÐ·ù ----- */
 --dyami-primary-menu-submenu-bg: var(--bs-dark); 
 --dyami-primary-menu-submenu-font-size: 16px; 
 --dyami-primary-menu-submenu-font-weight: 400; 
 --dyami-primary-menu-submenu-color: var(--bs-light); 
 --dyami-primary-menu-submenu-hover-color: #5d338f; 
 --dyami-primary-menu-submenu-hover-font-weight: 500; 
}
 
@media (min-width: 1200px){
 .is-expanded-menu .menu-link { --dyami-primary-menu-padding-x: 20px; } 
}

@media (max-width: 991px){
 #header { 
   --dyami-header-height: 60px;
   --dyami-header-bg : var(--dyami-themecolor);
   --dyami-header-border-color: var(--dyami-themecolor);
 } 
 .sub-menu-container .menu-item>.menu-link { color: var(--bs-light)}
 .sub-menu-container .menu-item:hover>.menu-link { } 
 }


 /* ----------------------------------------------------------------
 * ¼­ºêÆäÀÌÁö Å¸ÀÌÆ² ¿µ¿ª
 -----------------------------------------------------------------*/
.page-title { 
    --dyami-page-title-padding: 4rem; 
    --dyami-page-title-font-size: calc(1.8rem + 1.3vw); 
    --dyami-page-title-font-weight: 600; 
    --dyami-page-title-color: #fff; 
} 
@media (min-width: 1200px){
 .page-title { --dyami-page-title-padding: 7rem; } 
 }


.page-title2 { 
    --dyami-page-title-padding: 6rem; 
    --dyami-page-title-font-size: calc(1.8rem + 1.3vw); 
    --dyami-page-title-font-weight: 600; 
    --dyami-page-title-color: #fff; 
} 
@media (min-width: 1200px){
 .page-title2 { --dyami-page-title-padding: 3rem; } 
 }



.mid-banner {
background-size: cover;
background-position: center;

height:450px;
width: 100vw;
margin-left: calc(-50vw + 50%);

}
/* desktop ±Ô°Ý */
@media screen and (min-width: 1024px){
.mid-banner {
background-image: url('/bizdemo148058/img/prline/images/influencer/medbanner(1920x450)_t.jpg');

background-size: contain;
    background-repeat: no-repeat;
    height: calc(0.23 * 100vw);
}

}

/* tablet ±Ô°Ý */
@media screen and (max-width: 1023px){
 .mid-banner {
background-image: url('/bizdemo148058/img/prline/images/influencer/medbanner(1020x450)_t.jpg');            
background-size: contain;
    background-repeat: no-repeat;
    height: calc(0.44 * 100vw);
}
}


 /* mobile ±Ô°Ý */
 @media screen and (max-width: 760px){

.mid-banner {
background-image: url('/bizdemo148058/img/prline/images/influencer/medbanner(760x450)_t.jpg');
background-size: contain;
     background-repeat: no-repeat;
     height: calc(0.59 * 100vw);
}
}

 





.mid-event-banner {
background-size: cover;
background-position: center;

height:450px;
width: 100vw;
margin-left: calc(-50vw + 50%);

}
/* desktop ±Ô°Ý */
@media screen and (min-width: 1024px){
.mid-event-banner {
background-image: url('/bizdemo148058/img/prline/images/event/medbanner(1920x450)_t.jpg');
background-size: contain;
     background-repeat: no-repeat;
     height: calc(0.23 * 100vw);
}
}

/* tablet ±Ô°Ý */
@media screen and (max-width: 1023px){
  .mid-event-banner {
background-image: url('/bizdemo148058/img/prline/images/event/medbanner(1020x450)_t.jpg');
background-size: contain;
     background-repeat: no-repeat;
     height: calc(0.44 * 100vw);
}
}



  /* mobile-2 ±Ô°Ý */
 @media screen and (max-width: 600px){
.mid-event-banner {
background-image: url('/bizdemo148058/img/prline/images/event/medbanner(540x319)_t.jpg');height: 24vh;
  background-size: contain;
     background-repeat: no-repeat;
     height: calc(0.59 * 100vw);
}
 }






 @media screen and (max-width: 760px){
.flex-width-mobile{
width: 94vw;
margin-left: calc(-47vw + 50%) !important;
}
}



.about-grid-img {
background-size: cover;
background-position: center;

}
/* desktop ±Ô°Ý */
@media screen and (min-width: 1024px){
.about-grid-img {
background-image: url('/bizdemo148058/img/prline/images/about/about_section(1920).jpg');

width: 94vw;
margin-left: calc(-47vw + 50%);
background-size: contain;
    background-repeat: no-repeat;
    height: calc(0.39 * 100vw);
}
}

/* tablet ±Ô°Ý */
@media screen and (max-width: 1023px){
 .about-grid-img {
background-image: url('/bizdemo148058/img/prline/images/about/about_section(1020).jpg');

width: 94vw;
margin-left: calc(-47vw + 50%);

background-size: contain;
    background-repeat: no-repeat;
    height: calc(0.47 * 100vw);
}            
}

 /* mobile ±Ô°Ý */
 @media screen and (max-width: 541px){

.about-grid-img {
background-image: url('/bizdemo148058/img/prline/images/about/about_section(540).jpg');
height:584px; 
width: 94vw;
margin-left: calc(-47vw + 50%);

background-size: contain;
    background-repeat: no-repeat;
    height: calc(0.92 * 100vw);
}
}


.about-top-img {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 100vw;
margin-left: calc(-50vw + 50%) !important;
}
/* desktop ±Ô°Ý */
@media screen and (min-width: 1024px){
.about-top-img {
background-image: url('/bizdemo148058/img/prline/images/about/about_top.jpg');
height: calc(0.39 * 100vw);
}
}

/* tablet ±Ô°Ý */
@media screen and (max-width: 1023px){
  .about-top-img {
background-image: url('/bizdemo148058/img/prline/images/about/about_top(1020)2.jpg');
height: calc(0.9 * 74vw);
}            
}

 /* mobile ±Ô°Ý */
 @media screen and (max-width: 541px){
.about-top-img {
background-image: url('/bizdemo148058/img/prline/images/about/about_top(540)2.jpg');
height: calc(1.4 * 87vw);
}
}




 @media screen and (max-width: 760px){
.flex-width-mobile{
width: 94vw;
margin-left: calc(-47vw + 50%) !important;
}
}


.main-slide-img {
background-position: center center;
}
/* desktop ±Ô°Ý */
@media screen and (min-width: 1024px){
.main-slide-img {
background-image: url('/bizdemo148058/img/prline/images/main/main_t.jpg');
}
}

/* tablet ±Ô°Ý */
@media screen and (max-width: 1023px){
 .main-slide-img {
background-image: url('/bizdemo148058/img/prline/images/main/main(1020).jpg');
}            
}

 /* mobile ±Ô°Ý */
 @media screen and (max-width: 541px){
.main-slide-img  {
background-image: url('/bizdemo148058/img/prline/images/main/main(540).jpg');
}