@charset "utf-8";
/*
    2022년 ver1 - UI팀 -메인 전용 css : 메인페이지 특성에 따라 메인만 따로 css분리함
*/
main .dfWdFullBox._mainPgBox,main .mainArtcl{height:calc(100vh - 93px);}
main.pop .dfWdFullBox._mainPgBox,main.pop .mainArtcl{height:calc(100vh - 131px);}
.dfWdFullBox._mainPgBox{position: relative;display: flex;flex-wrap: nowrap;justify-content: space-between;width: 100%;}
.mainArtclBox{display: inline-block;float: left;width: calc(100% - 370px);height: 100%; background-color: #f0f0f0; }
/*.mainArtcl{display:inline-block;float: left;width: 100%;height:0%;opacity: 0.5;transition: 1s;}*/
.mainArtcl{position:absolute;left: 0;display:inline-block;float: left;width: 100%;opacity: 0;    visibility: hidden;}
.mainArtcl{touch-action: pan-y;}
.mainArtcl,.mainArtcl ._utCntnt{top:100%;transform: translate3d(0px, 0px, 0px) scale(0.9);transition-duration: 0ms;transition: 0.5s;}
   .mainArtcl .slideCntntsBox._inSbimgLst._inSbimgnonLn .sldInfBx{transform: translate3d(0px, 0px, 0px) scale(0.0);transition-duration: 0ms;opacity: 0;transition: 0s;}
.mainArtcl.on{opacity: 1;visibility: visible;}
.mainArtcl.on,.mainArtcl.on ._utCntnt{top:0;height: 100%;transform: translate3d(0px, 0px, 0px) scale(1);}
.mainArtcl.on .slideCntntsBox._inSbimgLst._inSbimgnonLn .sldInfBx{transform: translate3d(0px, 0px, 0px) scale(1);transition-duration: 0ms;opacity:1;z-index: 300;}

   .mainArtcl .slideCntntsBox{width: calc(100% - 370px);touch-action: pan-x; }
   .mainArtcl .slideImgBx{height:100%;padding: 0;}
   .mainArtcl .slideImgLst .sldImgBx::before{content: '';position: absolute;top:0px;left: 0px;width: 100%;height: 100%;background-color: rgba(0,0,0,30%);z-index: 100;}
   .mainArtcl._prdct .slideImgLst .sldImgBx::before,.mainArtcl._dataCntr .slideImgLst .sldImgBx::before{display: none;}
   .mainArtcl ._useBtn .sldBtn{width: 60px; height: 60px;background-size: 74px;background-color: #fff;}
   .mainArtcl ._useBtn .sldBtn._prv{left: 20px;}
   .mainArtcl ._useBtn .sldBtn._nxt{right: 20px;}

   .mainArtcl .cntntTbox .cUItmpImgBx{background-color: transparent;}

/*.mainArtcl ._utCntnt{display: none;}
.mainArtcl.on ._utCntnt{display: inline-block;}*/


.mainArtclMenu{position: relative;float: none;width: 370px;height: 100%;border-left: 1px solid #515151;background-color: #fff;box-sizing: border-box;}
  .mainArtclMenu .mainMn{display: inline-flex;justify-content: flex-start;align-items: center;width: 100%;height: 90px;padding: 0 24px;font-size: 24px;border-bottom: 1px solid #515151;letter-spacing: 3px;box-sizing: border-box;transition: 0.3s;background-repeat: no-repeat;cursor: pointer;}
     .mainArtclMenu .mainMn::before{background-repeat: no-repeat;}
     .mainArtclMenu .mainMn.on{padding-left: 89.5px;color: #FF5948;background-image: url('/img/user/icn_nxt_noLn-hvr.svg');background-position:left 24px center;background-size: 60px;background-color: #282828;}
  .mainArtclMenu .mainMn._bttm{position: absolute;left: 0px;bottom:0px;border-bottom: 0px;border-top: 1px solid #515151;}
  .mainArtclMenu .mainMn._dffr{font-size: 0;}
  .mainArtclMenu .mainMn._dffr::before{content: '';display: block;width: 100%;height: 100%;background-position: left center;background-size:82px; background-image: url('/img/user/icn_differlogo-blck.svg');}


  .mainArtclMenu .mainMn._spcPlnnr{padding: 0 24px 0 70px;font-size: 16px;background-position: left 24px center;background-image: url('/img/user/icn_3d.svg');background-size:30px; }
  .mainArtclMenu .mainMn._spcPlnnr::after{content: '';width: 38px;height: 38px;margin-left: 6px;background-image: url('/cdn.desker.co.kr/img/user/icn_nxt_noLn.svg');    background-repeat: no-repeat; background-position: center;background-size: cover;}




.subInfType{position: absolute;display: inline-block;z-index: 800;}
	.subInfType .subInfBx,
	.subInfType .subInfBx dt,
	.subInfType .subInfBx dd{display: inline-block; width: 100%; float: left;letter-spacing: 3px;}
/*디퍼*/
.subInfType.m_differ{top: 60px;left: 100px;width: 70%;}
   .subInfType.m_differ .subInfBx dt,
   .subInfType.m_differ .subInfBx dd,
   .mainArtcl .subInfType .subInfBx .cUItmp-ttl{color: #fff;font-weight: 400;}
   .mainArtcl._news .subInfType .subInfBx .cUItmp-ttl{color: #282828;}

   .subInfType.m_differ .subInfBx dt{margin-bottom:18px;}

   .subInfType.m_differ .subInfBx .dffrlogo{height: 177px;margin-bottom:28px;background-image: url('/img/user/icn_differlogo.svg');background-repeat: no-repeat;background-position:left center;background-size: auto 157px;}
   .subInfType.m_differ .subInfBx .dffrlogo._black{background-image: url('/img/user/icn_differlogo-blck.svg');}
   .subInfType.m_differ .subInfBx .dffrlogo .cUItmp-subttl,
   .subInfType.m_differ .subInfBx .dffrlogo.cUItmp-ttl{display: none;}
   .subInfType.m_differ .subInfBx .workationlogo{height: 177px;margin-bottom:28px;background-image: url('/img/user/logo_workation_white.svg');background-repeat: no-repeat;background-position:left center;background-size: auto 157px;}
   .subInfType.m_differ .subInfBx .workationlogo._black{background-image: url('/img/user/logo_workation_black.svg');}
   .subInfType.m_differ .subInfBx .workationlogo .cUItmp-subttl,
   .subInfType.m_differ .subInfBx .workationlogo.cUItmp-ttl{display: none;}

   .subInfType.m_differ .cUItmp-subttl{display: inline-block;float: left;width: 100%;font-size: 24px;line-height: 36px;letter-spacing: 3px;font-weight: 400;}
   .subInfType.m_differ .cUItmp-ttl{display: inline-block;float: left;width: 100%;margin: 0;font-size: 48px;line-height: 70px;letter-spacing: 5.5px;text-align:left;font-weight: 400;}
   .subInfType.m_differ .cUItmp-inf{display: inline-block;float: left;width: 100%;font-size: 18px;line-height: 28px;text-align:left;font-weight: 400; word-break: keep-all;}
   .subInfType.m_differ .cUItmp-btnUrl{position: relative;justify-content: flex-start;
   width: 100%; max-width: 300px; margin-top:42px;padding-left: 82px;font-weight: 400;font-size: 16px; background-position: right 24px center;}
       .subInfType.m_differ .cUItmp-btnUrl::before{content: '';position: absolute;top:-1px;left: 0px;width: 82px;height: 100%;font-size: 16px;background-image: url('/img/user/icn_differlogo.svg');background-repeat: no-repeat;background-position:right 4px center;background-size: 54px;}
       ._workation .subInfType.m_differ .cUItmp-btnUrl::before{content: none;}
       ._workation .subInfType.m_differ .cUItmp-btnUrl{padding: 0 24px;}


/*컬쳐앤액티비티*/
.subInfType._cultr{top: 80px;left: 100px;width: 70%;}
     .subInfType._cultr .subInfBx dt,
     .subInfType._cultr .subInfBx dd{color: #fff;font-weight: 400;}

     .subInfType._cultr .subInfBx dt{margin-bottom:30px;}

     .subInfType._cultr .cUItmp-subttl{display:flex;align-items: center;justify-content: center;width: fit-content;height: 28px;margin-bottom: 25px;padding: 0 14px;font-size: 14px;font-weight: 400;border-radius: 14px;background-color: #FF5948;}
     .subInfType._cultr .cUItmp-date{display: inline-block;float: left;width: 65%;margin: 0 0 8px 0;font-size: 18px;line-height: 28px;text-align:left;font-weight: 400;}
     .subInfType._cultr .cUItmp-ttl{display: inline-block;float: left;width: 65%;margin: 0;font-size: 48px;line-height: 70px;letter-spacing: 5.5px;text-align:left;font-weight: 400; word-break: keep-all;}
     .subInfType._cultr .cUItmp-inf{display: inline-block;float: left;width: 100%;font-size: 22px;line-height: 34px;text-align:left;font-weight: 400;}



/*뉴스*/
.mainArtcl._news ._utCntnt .cUItmpImgBx{width: -webkit-fill-available;min-width: 50%;}
.mainArtcl._news .slideImgLst .sldImgBx{flex-direction: row-reverse;}
.mainArtcl._news .subInfType.m_news{position: static;width:min-content;min-width: min-content;height: 100%;border-left:1px solid #515151; background-color: #E5E5E5;box-sizing: border-box;z-index: 600;}
     .subInfType.m_news .subInfBx{padding: 100px 140px 100px 48px;box-sizing: border-box;}
     .subInfType.m_news .subInfBx dt,
     .subInfType.m_news .subInfBx dd,.subInfType._news .subInfBx .cUItmp-ttl{color: #282828;font-weight: 400;}

     .subInfType.m_news .subInfBx dt{margin-bottom:30px;}

     .subInfType.m_news .cUItmp-ttl{font-size: 28px;line-height: 40px;word-break: keep-all;}
     .subInfType.m_news .cUItmp-date{display: inline-block;float: left;width: 100%;margin: 24px 0 0 0;}
     .subInfType.m_news .cUItmp-btnUrl{width: 300px; padding: 0 24px;justify-content: flex-start;background-position: right 24px center;}
.mainArtcl._news .cUItmpImgBx._sqr{ padding-top: calc(50% - 58px);padding-bottom: calc(50% - 58px);}

.mainArtcl._news .slideCntntsBox._inSbimgLst._inSbimgnonLn .sldInfBx{right:67px; left: unset;bottom: 40px;z-index: 650;}

/*상품*/
.mainArtcl._prdct{position: absolute;width: 100%;top:0px;left: 0px;background-color: #fff;}
.mainArtcl._prdct ._useBtn .sldBtn{background-color: #F0F0F0;}
.mainArtcl._prdct .slideImgBx .sldImgBx{display: inline-flex;flex-direction: column-reverse;width: calc(100%/3);height: 82%;margin: 2% 2px 16% 0px;padding: 0 48px;background-color: #F0F0F0;}
   .mainArtcl._prdct .slideImgBx .sldImgBx ._lblBx{position: absolute;top: 24px;left: 24px;}
.mainArtcl._prdct .slideCntntsBox._inSbimgLst._inSbimgnonLn .sldInfBx{    bottom: 5%;}
.mainArtcl._prdct .cntntTbox .cUItmpImgBx.img._szEvnt > .cUItmp-img{width: -webkit-fill-available;}
.mainArtcl._prdct .slideCntntsBox._inSbimgLst._inSbimgnonLn .sld_inSbimgLst .inSbimg.on{background-color:#515151; }
.subInfType.m_prdct{left: 28px;bottom: 28px;}
.subInfType.m_prdct .cUItmp-ttl{font-weight: 400;}

/*자료실*/
.mainArtcl._dataCntr{position: absolute;width: 100%;top:0px;left: 0px;background-color: #fff;}
.mainArtcl._dataCntr ._useBtn .sldBtn{background-color: #F0F0F0;}
.mainArtcl._dataCntr .slideImgBx .sldImgBx{display: inline-flex;flex-direction: column-reverse;justify-content:center;height: 82%;margin: 2% 24px 16% 24px;padding:0 66px 270px 66px;background-color: #F0F0F0;}
.mainArtcl._dataCntr .slideCntntsBox._inSbimgLst._inSbimgnonLn .sldInfBx{    bottom: 5%;}
.mainArtcl._dataCntr .cUItmpImgBx{margin-top: 50px;}
.mainArtcl._dataCntr .cntntTbox .cUItmpImgBx.img._szEvnt > .cUItmp-img{width: -webkit-fill-available;}
.mainArtcl._dataCntr .slideCntntsBox._inSbimgLst._inSbimgnonLn .sld_inSbimgLst .inSbimg.on{background-color:#515151; }
.mainArtcl._dataCntr .slideImgBx._wth4img .slideImgLst{width:calc((100%/4)*5 - 9%);}
.mainArtcl._dataCntr .slideImgBx._wth4img .slideImgLst .sldImgBx{width: calc(100%/3 - 9%);}

.subInfType._data{width: 100%;bottom: 0;}
.subInfType._data .subInfBx dt{padding: 0 24px;text-align: left;box-sizing: border-box;}
.subInfType._data .subInfBx .cUItmp-ttl{display: block;margin: 0;text-align: left;font-weight: 700;font-size: 18px;line-height: 28px;color: #282828;}
.subInfType._data .subInfBx .cUItmp-code{display: inline-block;float: left;width: 100%;margin-top: 18px;}
.subInfType._data .subInfBx .cUItmp-data{display: inline-block;float: left;width: calc(100% - 48px);margin: 8px 24px 0 24px;padding: 6px 0;font-size: 14px;line-height: 24px;color: #616161;border-top: 1px solid #B3B3B3;border-bottom: 1px solid #B3B3B3;box-sizing: border-box;}
.subInfType._data .subInfBx .btn._blck.cUItmp-btnUrl{width: 100%;margin-top: 40px;padding: 0 24px;justify-content: flex-start;background-position: right 24px center;background-color: #515151;}

/*스토어*/
.mainArtcl._store .cUItmpImgBx{height: 100%;}
 .mainArtcl._store .cntntTbox .cUItmpImgBx > .cUItmp-img{width:auto;height:  100%;}
.subInfType.m_store{bottom: 70px;padding: 0 28px;box-sizing: border-box;}
.subInfType.m_store .cUItmp-ttl{font-size: 28px;line-height: 40px;}
.subInfType.m_store .subInfBx dd{margin-top: 24px;color: #fff;}
.subInfType.m_store .cUItmp-addrss{display: inline-block;float: left; width: 100%;}
.subInfType.m_store .cUItmp-phn{display: inline-block;float: left;width: 100%;margin-top: 8px;}
.subInfType.m_store .cUItmp-time{    display: inline-block;float: left;width: 100%;margin-top: 8px;}
.subInfType.m_store .cUItmp-btnUrl{margin-top: 38px;width: 100%; max-width: 300px;padding: 0 24px;justify-content: flex-start;background-position: right 24px center;box-sizing: border-box;}


/*비즈갤러리*/
.subInfType._bzGllr .cUItmp-ttl{margin: 0;font-size: 56px;line-height: 70px;letter-spacing: 5.5px;}
.subInfType._bzGllr .dfLst{display: inline-flex;justify-content: center;width: 100%;margin-top: 20px;}
.subInfType._bzGllr .cUItmp-bizGtag {display: inline-flex;align-items: center;justify-content: center;height: 30px;padding: 0 14px;margin-right: 8px;font-size: 12px;line-height: 22px;border-radius: 15px;background-color: #F0F0F0;}
   .subInfType._bzGllr .cUItmp-bizGtag:last-child{margin-right:0px;}

.mainArtcl .noTmpltBx{width: calc(100% - 370px);}
/*비즈데스커스*/
.mainArtcl._bzDskr{background-color: #fff;}
.noTmpltBx._bzDskr{position: relative;display: inline-flex;justify-content: space-between;float: left;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;background-image: url('/img/user/bizdeskers/bizbenefit_main.jpg?v=20241127');}
.noTmpltBx._bzDskr .infBx{display: inline-block;float: left;width: 415px;margin: 80px 20px 0 160px;}
.noTmpltBx._bzDskr .infBx .ttl{display: inline-block;float: left;width: 100%;font-size: 48px;line-height: 70px;letter-spacing: 5px;color: #fff;}
.noTmpltBx._bzDskr .infBx .inf{display: inline-block;float: left;width: 100%;margin: 40px 0 0 0;font-size: 18px;line-height: 28px;color: #fff;}
.noTmpltBx._bzDskr .btnBx{flex-direction: column;align-items: flex-start;}
.noTmpltBx._bzDskr .btn._lnBlck{width: 300px;margin-top: 40px;padding: 0 24px;background-position: right 24px center;color: #fff;border: 1px solid #fff;}
.noTmpltBx._bzDskr .btn._blck{width: 300px;margin-top: 40px;padding: 0 24px;background-position: right 24px center;border: 1px solid #282828;}
	.noTmpltBx._bzDskr .btn.mgT20{margin-top: 20px;}
/* .noTmpltBx._bzDskr .videoContainer{display: inline-block;float: left;width:calc(100% - 730px); max-width: 820px;height: 50%;margin-right: 90px;} */


/*플래닝서비스*/
.noTmpltBx._plngsvc{display: inline-flex;justify-content: space-between;height: 100%;}
.noTmpltBx._plngsvc .img{width: -webkit-fill-available;min-width: 50%;}
.noTmpltBx._plngsvc .subInfType._plngsvc{position: static;width:min-content;min-width: 700px;height: 100%;padding: 50px 140px 50px 50px;border-left:1px solid #515151; background-color: #E5E5E5;box-sizing: border-box;z-index: 600;}
     .subInfType._plngsvc .subInfBx dt,
     .subInfType._plngsvc .subInfBx dd{color: #282828;font-weight: 400;}
     .subInfType._plngsvc .subInfBx dt{margin-bottom:30px;}
     .subInfType._plngsvc .ttl{display: inline-block;float: left;width: 100%;font-size: 48px;line-height: 70px;letter-spacing: 5.5px;}
     .subInfType._plngsvc .inf{display: inline-block;float: left;width: 100%;margin-top: 40px;font-size: 18px;line-height: 28px;}
     .subInfType._plngsvc .btn{width: 300px;justify-content: flex-start;background-position: right 24px center;}
     .subInfType._plngsvc .btn._flx{justify-content: center;}
.noTmpltBx._plngsvc .img._sqr{ padding-top:30%;padding-bottom: 30%;}

.tmpBzDsplyNn{display: none !important;}

/**********************************반응형********************************/
/*반응형은 따로 아래처럼 모아주세요*/
/*위 기본 css가 1920~1024 범위 기준입니다.
  기본 기준 범위에서 추가 설정(1280에서 화면이 틀어져서 기준하여 하나더 만들어야할경우 등)이 필요한경우
  예)
    @media screen and (max-width: 1280px) and (min-width: 필요범위단위px)
   @media screen and (max-width: 필요범위단위px) and (min-width: 1280px)
  예시를 참고하여 반응형 값을 추가합니다.
  단, 만든 css 설계가 오류인경우 오류를 수정해야합니다. 무조건 해결법으로 반응형 단위를 추가하지마세요.
  반응형이 해결이 아니고 css설계 오류인경우-발견한 사항에 대해 수정작업을 요청합니다.
*/
@media screen and (min-width: 1921px) {
     .mainArtcl._news .subInfType._news{width: auto;}
}
@media screen and (min-width: 1900px) and (max-width: 1920px) {
     .mainArtcl._news .subInfType._news{min-width: 611px;}
}
@media screen and (max-width: 1600px) and (min-width: 1024px) {
	.subInfType.m_differ .cUItmp-btnUrl{margin-top: 34px;}
	.subInfType.m_differ .cUItmp-subttl{font-size: 18px;line-height: 22px;}
	.subInfType.m_differ .cUItmp-ttl{font-size: 36px;line-height: 52px;}
	.subInfType.m_differ .cUItmp-inf{font-size: 16px;line-height: 26px;}
	.subInfType.m_differ .subInfBx .dffrlogo{width: 394px; height: 130px;margin-bottom: 24px; background-size: auto 130px;}

	.subInfType._bzGllr .cUItmp-ttl{font-size: 42px; line-height: 61px;}

     .noTmpltBx._bzDskr .infBx{width: 320px;margin: 0px 0 0 40px;}
     .noTmpltBx._bzDskr .videoContainer{min-width: unset;width: calc(100% - 420px);}

}
@media screen and (min-width: 1024px) {
      /*********hover 액션은 모두 여기에 넣어주세요 ********************/
     .mainArtclMenu .mainMn._dffr.on::before{background-image: url('/img/user/icn_differlogo-hvr.svg');}
     .subInfType.m_differ .cUItmp-btnUrl:hover::before{background-image: url('/img/user/icn_differlogo-blck.svg');}
     .subInfType.m_differ .cUItmp-btnUrl._lnWht._inallw:hover{background-image: url('/cdn.desker.co.kr/img/user/icn_nxt_noLn.svg');}
     .subInfType.m_store .cUItmp-btnUrl.btn._lnWht._inallw:hover{background-image: url('/cdn.desker.co.kr/img/user/icn_nxt_noLn.svg');}
     .mainArtclMenu .mainMn:hover{padding-left: 89.5px;color: #FF5948;background-image: url('/img/user/icn_nxt_noLn-hvr.svg');background-position:left 24px center;background-size: 60px;background-color: #282828;}
     .mainArtclMenu .mainMn._dffr:hover::before{background-image: url('/img/user/icn_differlogo-hvr.svg');}
     .mainArtclMenu .mainMn._spcPlnnr:hover{background-color: #fff;color: #282828;}

     .noTmpltBx._bzDskr .btn:hover{border: 1px solid #282828;}
     .noTmpltBx._bzDskr .videoContainer{position: relative;width: calc(100% - 635px);height: 0; margin-top: 77px; margin-right: 40px; padding-bottom: 40%; padding-top: 0; overflow: hidden;}
	 .noTmpltBx._bzDskr .videoContainer iframe{position: absolute; top: 0; left: 0;}

}
@media screen and (max-width: 1600px) and (min-width: 820px) {
     .mainArtclBox{width: calc(100% - 266px);}
      .mainArtcl .slideCntntsBox{width: calc(100% - 266px);}
     .mainArtclMenu{width: 266px;}
     .mainArtclMenu .mainMn{height: 80px;}
     .mainArtclMenu .mainMn.on{padding-left: 82px;background-size: 52px;}
     .mainArtclMenu .mainMn._dffr::before{background-size: 77px;}
     .mainArtclMenu .mainMn{font-size: 20px;}
     /* .subInfType.m_differ .cUItmp-subttl{font-size: 18px;line-height: 22px;}
     .subInfType.m_differ .cUItmp-ttl{font-size: 36px;line-height: 52px;}
     .subInfType.m_differ .cUItmp-inf{font-size: 16px;line-height: 26px;} */

	.mainArtcl .noTmpltBx {width: calc(100% - 330px);}
	.noTmpltBx._bzDskr{width: calc(100% - 265px);align-items: center;}
		.noTmpltBx._bzDskr .infBx .ttl{font-size: 36px;line-height: 52px;}
		.noTmpltBx._bzDskr .infBx .inf{font-size: 14px;line-height: 24px;}
		.noTmpltBx._bzDskr .videoContainer{min-width: unset; width: calc(100% - 420px); margin: 0;margin-left: 20px;margin-right: 40px;}

	.subInfType._cultr .subInfBx dt{margin-bottom: 13px;}
		.subInfType._cultr .cUItmp-subttl{margin-bottom: 12px;}
		.subInfType._cultr .cUItmp-date{width: 100%;font-size: 16px;line-height: 26px;}
		.subInfType._cultr .cUItmp-ttl{width: 100%;font-size: 36px;line-height: 48px;}
		.subInfType._cultr .cUItmp-inf{font-size: 18px;line-height: 28px;}

	.subInfType.m_store .cUItmp-ttl{font-size: 18px; line-height: 28px;}
	.subInfType.m_store .subInfBx dd{margin-top: 17px; font-size: 12px; line-height: 22px;}
	.subInfType.m_store .cUItmp-phn, .subInfType.m_store .cUItmp-time{margin-top: 2px;}
	.subInfType.m_store .cUItmp-btnUrl{height: 50px; margin-top: 24px; padding: 0 16px; background-position: right 16px center; font-size: 12px; line-height: 22px;}

	.subInfType.m_news .subInfBx dt{margin-bottom: 28px;}
	.subInfType.m_news .cUItmp-date{margin: 14px 0 0 0;}
	.subInfType.m_news .cUItmp-ttl{font-size: 22px; line-height: 34px;}
	.subInfType.m_news .subInfBx{padding: 100px 140px 100px 24px;}

	.subInfType._bzGllr .cUItmp-ttl{font-size: 36px; line-height: 48px;}

	.subInfType._plngsvc .ttl{font-size: 36px; line-height: 52px;}
	.subInfType._plngsvc .inf{margin-top: 24px; font-size: 14px; line-height: 24px;}
}
@media screen and (max-width: 1400px) and (min-width: 820px) {
     .mainArtcl._differ .cntntTbox .cUItmpImgBx,
     .mainArtcl._cltrNactv .cntntTbox .cUItmpImgBx,
     .mainArtcl._bizGrlly .cntntTbox .cUItmpImgBx{padding: 0;height: 100%;}
          .mainArtcl._differ .cntntTbox .cUItmpImgBx > .cUItmp-img,
          .mainArtcl._cltrNactv .cntntTbox .cUItmpImgBx > .cUItmp-img,
          .mainArtcl._bizGrlly .cntntTbox .cUItmpImgBx > .cUItmp-img{position: absolute;width:auto;min-width: 100%;height: auto;min-height: 100%;}
}
@media screen and (max-width: 1024px) and (min-width: 820px) {
	.mainArtclMenu .mainMn._dffr.on::before{background-image: url('/img/user/icn_differlogo-hvr.svg');}
	.noTmpltBx._bzDskr .img, .noTmpltBx._bzDskr .videoContainer{width: calc(100% - 420px);margin-right: 20px;}
	.mainArtclBox .cntntTbox .cUItmpImgBx > .cUItmp-img{width: fit-content;}

	.subInfType.m_differ .cUItmp-subttl{font-size: 14px;line-height: 24px;}
	.subInfType.m_differ .cUItmp-ttl{font-size: 24px;line-height: 36px;}
	.subInfType.m_differ .cUItmp-inf{font-size: 14px;line-height: 24px;}
	.subInfType.m_differ .subInfBx .dffrlogo{width: 204px; height: 66px;margin-bottom: 16px; background-size: auto 66px;}

	.subInfType._plngsvc .ttl{font-size: 24px; line-height: 36px;}
	.subInfType._plngsvc .btn{width: 230px; margin-top: 28px; margin-right: 70px;}

	.noTmpltBx._bzDskr .infBx .ttl{font-size: 24px; line-height: 36px;}
	.noTmpltBx._bzDskr .infBx .inf{margin: 30px 0 0 0; font-size: 14px; line-height: 24px;}
	.noTmpltBx._bzDskr .btn{margin-top: 30px;}

	.noTmpltBx._bzDskr .infBx{width: 300px;margin: 0px 0 0 16px;}
	.noTmpltBx._bzDskr .img, .noTmpltBx._bzDskr .videoContainer{min-width: 300px; margin: 0px 0 0 9px;}
	.noTmpltBx._bzDskr .btn{width: 230px;}

	.mainArtcl._cltrNactv .slideImgLst .img > img{width: 100%;}
}

@media screen and (max-width: 820px) and (min-width: 280px) {
main .dfWdFullBox._mainPgBox, main .mainArtcl  {height: auto;}
     .mainArtclBox{width:100%;}
     .mainArtcl,.mainArtcl.on, .mainArtcl.on ._utCntnt{height: calc(100% - 2px);}
     .mainArtcl .slideImgBx .slideImgLst{height: calc(100% - 2px);}

     .mainArtcl::before{position: absolute;top:18px;left: 16px;color: #FFFFFF;letter-spacing: 0.5px;z-index: 500;}
     .mainArtcl._cltrNactv::before{content: '컬쳐 앤 액티비티';}
		.mainArtcl._cltrNactv .slideImgLst{min-width: unset;}
     .mainArtcl._prdct::before{content: 'PRODUCTS';color: #282828;}
     .mainArtcl._bizDskrs::before{content: 'Biz DESKERS';color: #282828;}
     	.mainArtcl._bizDskrs.noTxt::before{content: '';}
     .mainArtcl._store::before{content: '로드매장';}
     .mainArtcl._news::before{content: '뉴스';}
     .mainArtcl._dataCntr::before{content: '자료실';color: #282828;}
     .mainArtcl._bizGrlly::before{content: 'Biz 갤러리';}
     .mainArtcl._plnngSrvc::before{content: '공간플래닝';}
     .mainArtcl._differ::before{content: '';width: 52px;height: 20px;background-image: url('/img/user/icn_differlogo.svg');background-position: center;background-repeat: no-repeat;background-size: contain;}

      .mainArtcl .slideCntntsBox{width:100%;top: 0;height: 100%;transform: translate3d(0px, 0px, 0px) scale(1);}
     .mainArtclMenu{display: none;}
     .mainArtcl .cntntTbox .cUItmpImgBx{justify-content: center;}
     .mainArtclBox .cntntTbox .cUItmpImgBx > .cUItmp-img{width: fit-content;}

     .mainArtcl .cntntTbox .cUItmpImgBx.img._16-9{height: calc(100% - 2px);padding-top: 0;padding-bottom: 0;justify-content: center;}
         .mainArtcl .cntntTbox .cUItmpImgBx.img._16-9 .cUItmp-img{height: 100%;}

.slideCntntsBox._inSbimgLst._inSbimgnonLn .sldInfBx{bottom: 40px;}


.subInfType{width: 100%;}
.subInfType .subInfBx{width: 100%; padding: 0;}
.noTmpltBx._plngsvc{width: 100%;}
.noTmpltBx._plngsvc::before {content: '';position: absolute;top: 0px;left: 0px; width: 100%; height: 100%;background-color: rgba(0,0,0,30%); z-index: 255;}
.noTmpltBx._plngsvc .img._sqr{width: 100%;height: 100%;padding: 0;z-index: 250;}
   .noTmpltBx._plngsvc .img._sqr img{height: 100%;}
.noTmpltBx._plngsvc .subInfType._plngsvc{position: absolute;left: 0px;bottom: 0;width: 100%;height: auto;min-width: auto;padding: 40px 16px;border: 0;background-color: transparent;z-index: 300;}
.subInfType._plngsvc .ttl{font-size: 24px;line-height: 36px;color: #fff;}
.subInfType._plngsvc .inf{margin-top: 8px;color: #fff;font-size: 14px;line-height: 24px;}
.subInfType._plngsvc .inf .btn.mgT10{margin: 0;}
.subInfType._plngsvc .inf .btn._moWht{max-width:calc(50% - 14px); margin-right: 10px; border: 1px solid #fff; color: #fff;}
.subInfType._plngsvc .btn._lnBlck._inallw{width: 100%; max-width: 300px; height: 60px;margin-top: 28px;color: #fff;font-size: 16px;border: 1px solid #fff;background-image: url('/img/user/icn_nxt_noLn_wht.svg');}

.subInfType._cultr{top: auto;left: 0;bottom: 90px;width: 100%;padding: 0 16px;box-sizing: border-box;}
  .subInfType._cultr .subInfBx dt{margin-bottom: 12px;}
  .subInfType._cultr .cUItmp-subttl{height: 24px;margin-bottom: 13px;padding: 0 10px;font-size: 12px;}
  .subInfType._cultr .cUItmp-date{width: 100%;font-size: 14px;line-height: 24px;}
  .subInfType._cultr .cUItmp-ttl{width: 100%;font-size: 24px;line-height: 36px;}
  .subInfType._cultr .cUItmp-inf{font-size: 14px;line-height: 24px;}

.subInfType.m_differ{top: auto;left: 0;bottom: 90px;width: 100%;padding: 0 16px;box-sizing: border-box;}
.subInfType.m_differ .cUItmp-subttl{font-size: 14px;line-height: 24px;}
.subInfType.m_differ .cUItmp-ttl{font-size: 24px;line-height: 36px;}
.subInfType.m_differ .cUItmp-inf{font-size: 14px;line-height: 24px;}
.subInfType.m_differ .cUItmp-btnUrl{margin-top: 28px;}
.subInfType.m_differ .subInfBx .dffrlogo{width: 204px; height: 66px;margin-bottom: 16px; background-size: auto 66px;}

.mainArtcl._prdct .slideImgBx{padding: 0;background-color: #F0F0F0;}
.mainArtcl._prdct .slideImgBx._wth3img .slideImgLst{margin-top: 56px; margin-bottom: 58px;width: calc((100%)*5);height: calc(100% - 114px);}
.mainArtcl._prdct .slideImgBx._wth3img .slideImgLst .sldImgBx{justify-content: flex-end;width: 100% !important;min-width: unset; max-width: unset;height: 100%;margin: 0;padding: 0 16px;}
.mainArtcl._prdct .slideImgBx .sldImgBx ._lblBx{top: 0px;left: 16px;}
.subInfType.m_prdct .dfbdg{height: 24px;padding: 0 8px;font-size: 10px;}
.subInfType.m_prdct .cUItmp-ttl{display: block;width: 100%;text-align: left;line-height: 24px;margin: 0}
.subInfType.m_prdct{left: 16px;bottom: 0;}

.noTmpltBx._bzDskr{width: 100%;justify-content: space-between;align-items: center;flex-direction: column-reverse;padding: 0;box-sizing: border-box;}
.noTmpltBx._bzDskr .infBx{width: 100%;margin: 0;padding: 10px 16px 0;box-sizing: border-box;}
.noTmpltBx._bzDskr .infBx .ttl{ font-size: 24px;line-height: 36px;}
.noTmpltBx._bzDskr .infBx .inf{margin: 8px 0 0 0;font-size: 14px;line-height: 24px;}
.noTmpltBx._bzDskr .btnBx{flex-direction: row;}
.noTmpltBx._bzDskr .btnBx .btn{width: 100%; max-width: calc(50% - 10px); margin-top: 30px; margin-bottom: 40px; margin-right: 0px;}
	.noTmpltBx._bzDskr .btnBx .btn.mgT20{margin-top: 30px;}
.noTmpltBx._bzDskr .videoContainer{position: relative;width: 100%; height: 0;padding-top: 27%;padding-bottom: 27%;}
	.noTmpltBx._bzDskr .videoContainer iframe{position: absolute;top: 0;left: 0;}

.mainArtcl._store .slideImgBx._wth3img .slideImgLst .sldImgBx{width: 100%; padding: 0;align-items: flex-end;}
.subInfType.m_store{ width: 100%;padding: 0 16px;}
.subInfType.m_stor .subInfBx dt{    font-size: 22px;line-height: 34px;letter-spacing: 3px;}
.subInfType.m_store .subInfBx dd{margin: 14px 0 0 0;}
.subInfType.m_store .cUItmp-ttl{font-size: 24px; line-height: 36px;}
.subInfType.m_store .cUItmp-addrss,.subInfType.m_store .cUItmp-phn,.subInfType.m_store .cUItmp-time{font-size: 14px;line-height: 24px;}
.subInfType.m_store .cUItmp-phn,.subInfType.m_store .cUItmp-time{margin-top: 2px;}
.subInfType.m_store .cUItmp-btnUrl{margin-top: 24px;}

.mainArtcl._news .slideImgLst .sldImgBx{width: 100% !important;flex-direction: column-reverse;}
.mainArtcl._news .subInfType.m_news{    width: 100%;min-width: 100%;border: 0;border-top: 1px solid #515151;}
.subInfType.m_news .subInfBx{display: inline-flex;flex-direction: column;justify-content: flex-end;padding: 18px 16px 0 16px;height: calc(100% - 68px);}
.subInfType.m_news .subInfBx dt{    margin-bottom: 14px;}
.mainArtcl._news .subInfType .subInfBx .cUItmp-ttl{font-size: 16px;line-height: 26px;}
.subInfType.m_news .cUItmp-date{margin: 8px 0 0 0;font-size: 12px;line-height: 22px;}
.mainArtcl._news .cUItmpImgBx._sqr{width: 100%;min-width: 100%;padding-top: 37.5%;padding-bottom: 37.5%;}
.mainArtcl._news .cntntTbox .cUItmpImgBx.img._szEvnt > .cUItmp-img{height:100%;}
.mainArtcl._news .slideCntntsBox._inSbimgLst._inSbimgnonLn .sldInfBx{right: auto;display: inline-flex;align-items: center;width: 100%;}
.mainArtcl._news .slideCntntsBox._inSbimgLst._inSbimgnonLn .sld_inSbimgLst .inSbimg.on{background-color: #515151;}
.subInfType.m_news .cUItmp-btnUrl{width: 100%; max-width: 300px;}

.mainArtcl._dataCntr .slideImgBx._wth4img .slideImgLst{display:inline-flex; min-width: 100%; width: calc(100%*5);background-color: #F0F0F0;}
.mainArtcl._dataCntr .slideImgBx._wth4img .slideImgLst .sldImgBx{width: 100%;height: calc(100% - 68px);margin: 0;padding: 17px 16px 0px 16px;justify-content: flex-end;}
.mainArtcl._dataCntr .subInfType .subInfBx{width: 100vw;}
.subInfType._data .subInfBx dt{padding: 0 16px;}
.subInfType._data .subInfBx .cUItmp-ttl{font-size: 14px;line-height: 24px;}
.subInfType._data .subInfBx .cUItmp-data{width: calc(100% - 32px);margin: 4px 16px 0 16px;}
.subInfType._data .subInfBx .cUItmp-code{margin-top: 10px;font-size: 14px;line-height: 24px;}
.subInfType._data .subInfBx .btn._blck.cUItmp-btnUrl{width: calc(100% - 32px);margin: 0 16px; margin-top: 16px;}
.subInfType._data .subInfBx .cUItmp-data{margin: 4px 16px 0 16px; padding: 4px 0;font-size: 12px;line-height: 22px;}
.mainArtcl._dataCntr .cntntTbox .cUItmpImgBx{width: 212px;margin-top: 17px;margin-bottom: 11px;padding-bottom: 32.3%;padding-top: 32.3%;}

.subInfType._bzGllr{padding: 0 16px;box-sizing: border-box;}
.subInfType._bzGllr .subInfBx .cUItmp-ttl{font-size: 36px;line-height: 48px;}
.subInfType._bzGllr .cUItmp-bizGtag{flex-flow: wrap;margin-bottom: 8px;font-size: 12px;line-height: 22px;}
.subInfType._bzGllr .dfLst{flex-wrap: wrap;margin-top: 14px;}


}
@media screen and (max-width: 820px) and (min-width: 450px) {
     main .dfWdFullBox._mainPgBox, main .mainArtcl  {max-height: calc(100% - 82px);}
     .mainArtcl.mblMainVw{top: calc(100% - 80px);opacity: 1;visibility: visible;height: 100%;transform: translate3d(0px, 0px, 0px) scale(1);}

	.subInfType.m_differ .cUItmp-ttl{font-size: 18px;line-height: 28px;}
}

@media screen and (max-width: 450px) and (min-width: 280px) {
     main .dfWdFullBox._mainPgBox, main .mainArtcl  {max-height: calc(100% - 42px);}
        main .mainArtcl.lst.on{max-height:100%;}
     .mainArtcl.mblMainVw{top: calc(100% - 40px);opacity: 1;visibility: visible;height: 100%;transform: translate3d(0px, 0px, 0px) scale(1);}
}
@media screen and (max-width: 320px) and (min-width: 280px) {
}