/* BASIC css start */
.content .sub_title_text { margin-top: 0; }
.sub_title_text h2 {font-size: 1.3em; font-weight: 600;}

.brand_styleLinkButtom{ margin-top: 15px; }

.paddingTB{padding: 15px 0;}




.brand-container{width: 100%;}
.brand-container>ul{width: 92%; margin:3% 4%;}


  /* ½ÃÅ©¸´Å°,´õÆäÀÌÁö, ´ÚÅ;ÆÁ¦¶ó ºê·£µå ½ºÅä¾î */
    .brand-stroe{ position: relative;}
    .brand-stroe li img{width: 100%;}
    .brand-stroe li:nth-child(2) { text-align: center; line-height: 1.5; padding: 70px 0 20px 0; font-size: 1.8em; color:#666; border: 1px solid #cccccc; }
    .brand-stroe li:nth-child(3) { position: absolute; top:68%; left:50%; margin-left: -50px; }


    /* ½ÃÅ©¸´Å°, ´õÆäÀÌÁö, ´ÚÅ;ÆÁ¦¶ó ºê·£µå ·Î°í */
    .brand-stroe li span.secretkeyLogo,
    .brand-stroe li span.thepageLogo,
    .brand-stroe li span.drageraLogo,
    .brand-stroe li span.secretXLogo { width:100px; height: 100px; display: block; }

    .brand-stroe li span.secretkeyLogo a { display: block; width: 100%; height: 100%; background: url(//zenpia.jpg1.kr/images/20re/img/brand_logo_secretkey.svg) no-repeat 50% 50%; background-color: #fff;background-size: 90%; border-radius: 50%; border: 1px solid #ddd;  }
    .brand-stroe li span.thepageLogo a { display: block; width: 100%; height: 100%; background: url(//zenpia.jpg1.kr/images/20re/img/brand_logo_thePage.svg) no-repeat 50% 50%; background-color: #fff; background-size: 90%; border-radius: 50%; border: 1px solid #ddd; }
    .brand-stroe li span.drageraLogo a { display: block; width: 100%; height: 100%; background: url(//zenpia.jpg1.kr/images/20re/img/brand_logo_drAgera.svg) no-repeat 50% 50%; background-color: #fff; background-size: 90%; border-radius: 50%; border: 1px solid #ddd; }
    .brand-stroe li span.secretXLogo a { display: block; width: 100%; height: 100%; background: url(//zenpia.jpg1.kr/images/20re/img/brand_logo_secretX.svg) no-repeat 50% 50%; background-color: #fff; background-size: 90%; border-radius: 50%; border: 1px solid #ddd; }



      @media all and (max-width: 640px) {
        .brand-stroe li:nth-child(2){ padding-top:60px; }
        .brand-stroe li:nth-child(3){ top: 63%;}
      }

      @media all and (max-width: 480px) {
        .brand-stroe li:nth-child(2){ font-size: 1.5em; }
        .brand-stroe li:nth-child(3){ top: 55%;}
      }

      @media all and (max-width: 375px) {
        .brand-stroe li:nth-child(2){ font-size: 1.2em; }
        .brand-stroe li:nth-child(3){ top: 46%;}
      }


/* BASIC css end */