@charset "utf-8";
  
/*************** 1124px 이하 ***************/
@media only screen and (max-width: 1124px) {

.inner{width:90dvw;}
.m_reviewImg{bottom:0; right:0; display:block; z-index:-1;}
.w_reviewImg{display:none;}
.reviewImg{opacity: 0.3; margin-top:-20px;}
.pudubot{  background-position: 272% 48%;    background-size: 80%;}
.bellaBot{  background-position: 272% 48%;    background-size: 80%;}
.holaBot{background-position: 272% 48%;    background-size: 80%;}
.kettyBot{ background-position: 272% 48%;    background-size: 80%;}
.PuduBotPro{ background-position: 272% 48%;    background-size: 80%;}
.tit{font-size:60px}
.f_l{text-align: left;}
}

/*************** 860px 이하 ***************/
@media only screen and (max-width: 860px) {
.fs_m01{font-size: 12px;}
.fs_m02{font-size: 14px;}

.tit{font-size:40px;}
}

/*************** 768px 이하 ***************/
@media only screen and (max-width: 768px) {
    .tceoCont {content:url(/img/page/tceoCont.svg);}
    .tadBanner {content:url(/img/page/tadBanner.svg);}
    .treview {content:url(/img/page/treview.svg);}
    .trentalsBanner {content:url(/img/page/trentalsBanner.svg);}
    .tintroduction {content:url(/img/page/tintroduction.svg);}
    .tas {content:url(/img/page/tas.svg);}
    .tqna {content:url(/img/page/tqna.svg);}
    .inner {width:calc(94% - 20px);}
    /******** product ********/
    .more{background-image: url('/img/page/tmoreBg.svg');}
}