@charset "utf-8";
/* css setting start */

#mypage{margin-top: -6rem;}



/* ===== login ===== */
.login-wr{}
.login-wr .dv-member-wrap{background-color:#f4f5f9;}

.login-wr h1{margin-top: 12rem;font-size: 4rem;line-height: 1em;font-weight: 600;}
.login-wr .dv-member-conts{}
.login-wr .dv-member-conts .loginArea{
    padding: 0;
    padding-top: 6rem;
}
.login-wr .loginForm{}
.login-wr .loginForm ul{
    max-width: 480px;
}
.login-wr .loginForm li{
    margin: 0;
    margin-bottom: 10px;
}
.login-wr .loginForm ul > li > input{height:60px; border:none;color: #9999;font-size: 1.6rem;}
.login-wr .loginForm > input{
    margin: 0 auto;
    margin-top: 2.6rem;
    max-width: 480px;
    background-color: #0f3fa0;
    height: 6rem;
    border-radius: 3rem;
}
.login-wr .dv-btn-wrap{
    padding-top: 3.5rem;
    margin-bottom: 120px;
}
.login-wr .dv-btn-wrap span{}
.login-wr .dv-btn-wrap a{}
.login-wr .dv-btn-wrap a::after{line-height:3rem;}


/* ===== company ===== */


.cont-tab{}
.cont-tab ul{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: end;
}
.cont-tab li{
    text-align: center;
}
.cont-tab li a{
    font-size: 1.5rem;
    color: #808080;
    display: block;
    padding-bottom: 2rem;
    border-bottom: 1px solid #dbdbdb;
}
.cont-tab li a.active{
    border-bottom: 2px solid #0f3fa0;
    color: #0f3fa0;
}
#tab-group .cont-wr{
    padding-top: 6rem;
}


/* 제조사 - width 조정 / 합이 100% */
#tab1 .table .col01{width:12%;}
#tab1 .table .col02{width:10%;}
#tab1 .table .col03{width:12%;}
#tab1 .table .col04{width:14%;}
#tab1 .table .col05{width:10%;}
#tab1 .table .col06{width:15%;}
#tab1 .table .col07{width: 8%;}
#tab1 .table .col08{width:10%;}
#tab1 .table .col09{width:9%;}



/* 글로벌 - width 조정 / 합이 100% */
#tab2 .table .col01{width:8%;}
#tab2 .table .col02{width:10%;}
#tab2 .table .col03{width:8%;}
#tab2 .table .col04{width:15%;}
#tab2 .table .col05{width:15%;}
#tab2 .table .col06{width:25%;}
#tab2 .table .col07{width:10%;}
#tab2 .table .col08{width:9%;}

/* 세바스 - width 조정 / 합이 100% */
#tab3 .table .col01{width:15%;}
#tab3 .table .col02{width:10%;}
#tab3 .table .col03{width:56%;}
#tab3 .table .col04{width:10%;}
#tab3 .table .col05{width:9%;}



/* ===== 회원정보수정 > 비밀번호 재확인 ===== */
.modify{}
.modify .cont-wr{}
.modify .dv-member-wrap{background:none;}
.modify .dv-member-wrap-inner-conts-box > h1{margin:0;}
.modify .dv-member-conts .loginForm{
    padding-top: 3rem;
}
.modify .dv-member-conts .loginForm > ul {max-width:480px;}
.modify .dv-member-conts .loginForm > ul > li > input[type=password]{
    height: 50px;
    background-color: #f5f5f5;
    font-size: 1.6rem;
    color: #999999;
    padding: 2rem 1rem;
    border: none;
}
.modify .btnSubmit{display:block;height: 6rem;width: 80%;max-width: 480px;text-align: center;font-size: 1.6rem;color: #fff;background-color: #0f3fa0;border-radius: 3rem;line-height: 6rem;margin: 0 auto;margin-top: 2.5rem;}


/* ===== 회원정보수정 > 정보수정페이지  ===== */
.modify .cont-sec{}
.modify .cont-wr{}
.modify .sec01 dd{position:relative;}
.modify .sec01 .radio-wrap{}
.modify .sec01 .radio-wrap em{font-size: 1.6rem;vertical-align: baseline; color:#666;margin-left: 5px;}
.modify .sec01 .radio-wrap + a{
    font-size: 14px;
    color: #fff;
    background-color: #000;
    padding: 1rem 1.2rem;
    position: absolute;
    left: 430px;
    width: max-content;
    top: 50%;
    transform: translateY(-50%);
}
.modify .sec03 ul.f-btn li{
    max-width: 16rem;
    height: 5rem;
    border-radius: 2.5rem;
}
.modify .sec03 ul.f-btn li a{
    line-height: 5rem;
    font-size: 1.6rem;
    font-weight: 500;
}

/* ===== 탈퇴  ===== */
.quit{}
.quit .sec01{}
.quit .sec01 dl{padding:2rem 0;border-bottom: none;}
.quit .sec01 dl dd{width:100%;}
.quit .sec01 .check-wrap{}
.quit .sec01 .check-wrap label{width:100%;padding-bottom: 2rem;}
.quit .sec01 dd + dd{margin-left:0;}

.quit .sec02{}
.quit .sec02 dl.between dt{line-height:2em;}


/* ===== 탈퇴  ===== */
.memberApply{}
.memberApply .cont-wr{margin-top:0;}
.memberApply .sec01{}
.memberApply .sec01 ul{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));align-items: center;}
.memberApply .sec01 ul li{position: relative;}
.memberApply .sec01 .box{
    padding: 6rem 5rem;
}
.memberApply .sec01 .box h6{
    text-align: center;
    font-size: 2.4rem;
    color: #333;
    border-bottom: 2px solid #4d4d4d;
}
.memberApply .sec01 .box div{border-top: 1px solid #4d4d4d; margin-top:3px;text-align: center;padding: 3rem 0;}
.memberApply .sec01 .box p{
    font-size: 1.6rem;
    color: #555;
    padding-bottom:1rem;
}
.memberApply .sec01 .box p:last-of-type{padding-bottom:0;}
.memberApply .sec01 .box h4{
    font-size: 3rem;
    font-weight: 800;
    color: #000;
    padding-bottom: 2.5rem;
}
.memberApply .sec01 .box .dl-wr{
    padding: 0 3rem;
}
.memberApply .sec01 .box .dl-wr dl{
    display: flex;
    justify-content: space-between;
    padding: 0;
    height: 6.5rem;
}
.memberApply .sec01 .box .dl-wr dt{
    text-align: left;
    width: calc(100% - 100px);
    margin-bottom: 0;
}
.memberApply .sec01 .box .dl-wr dd{
    font-size: 1.6rem;
    width: 80px;
    color: #555;
    line-height: 1.25em;
}

.memberApply .sec01 .tag{position:absolute;top: 0;left: 2.2rem;background-color: #fff;z-index: 2;width: 52px;height: 52px;border-radius: 0;color: #0f3fa0;font-weight: 800;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.memberApply .sec01 .tag::after{content:'';position: absolute;width:100%;height: 20px;left: 0;top: 100%;background: url(/images/sub/tag_bottom.png);}
.memberApply .sec01 .blueBox{background-color:#0f3fa0;box-shadow: 3.709px 5.936px 17.64px 0.36px rgba(15, 63, 160, 0.15);}


.memberApply .sec01 .box.blueBox h6{color: #fff; border-color:#fff;}
.memberApply .sec01 .box.blueBox div{ border-color:#fff;}
.memberApply .sec01 .box.blueBox p{color: #fff;}
.memberApply .sec01 .box.blueBox h4{color: #fff;}
.memberApply .sec01 .box.blueBox .dl-wr{}
.memberApply .sec01 .box.blueBox .dl-wr dl{
    border-color: rgba(255,255,255,0.1);
}
.memberApply .sec01 .box.blueBox .dl-wr dt{color: #fff;}
.memberApply .sec01 .box.blueBox .dl-wr dd{color: #fff;}

.memberApply .sec01 .box .dl-wr dd span{width: 12px;height: 10px;}
.memberApply .sec01 .box .dl-wr dd span.wh-check{background-image: url(/images/btn/check_wh.png);}
.memberApply .sec01 .box .dl-wr dd span.gray-check{background-image: url(/images/btn/check_gray.png);}


.memberApply .sec01 .box .dl-wr dl.off{}
.memberApply .sec01 .box .dl-wr dl.off dt{color:#b2b2b2;}
.memberApply .sec01 .box .dl-wr dl.off dd{color:#b2b2b2;}

.memberApply .sec01 .deco{font-size:14px; color:#666;padding-top: 4rem;}
.memberApply .sec01 .deco em{font-size:14px; color:#666;vertical-align: baseline;text-decoration: underline;}

.memberApply .sec02{}
.memberApply .sec02 dl{margin-bottom:3rem;}
.memberApply .sec02 dl:first-of-type{border-top:1px solid #000;}


.memberApply .sec03{}
.memberApply .sec03 ul.f-btn{}
.memberApply .sec03 ul.f-btn li{max-width:17rem;height: 50px;border-radius: 25px;}
.memberApply .sec03 ul.f-btn li a{font-size:1.6rem;line-height: 50px;}



/* ===== 개인정보처리방침 ===== */
.textpage{}
.textpage h2{}
.textpage .cont-wr{}
.textpage .cont-wr > p{padding-bottom:2.5rem; font-size: 1.5rem;}
.textpage dl{padding-bottom:3rem}
.textpage dl dt{color: #000;font-size: 1.6rem;font-weight: 600;padding-bottom: 1rem;}
.textpage dl dd{font-size: 1.5rem;}
.textpage dl p{
    padding-bottom: 1rem;
    font-size: 1.5rem;
}
.textpage dl p strong{font-size: 1.5rem; color:#000; font-weight:500;}
.textpage dl ul{}
.textpage dl li{
    position: relative;
    padding-bottom: 1rem;
    padding-left: 2rem;
    font-size: 1.5rem;
}
.textpage dl li span{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.5rem;
}


/* ===== 마이키워드 뉴스  ===== */
.keyword{}
.keyword .table-top{
    padding-top: 5rem;
}





/* css setting end */

/* media size setting start */

@media all and (max-width:1320px) {
  /* 제조사 */
  #tab1 .table .tbody dd{width: 100%;}
  #tab1 .table .col01{order: 5;}
  #tab1 .table .col02{order: 2;}
  #tab1 .table .col03{order: 6;}
  #tab1 .table .col04{order: 7;}
  #tab1 .table .col05{order: 1;}
  #tab1 .table .col06{order: 8;}
  #tab1 .table .col07{order: 4;}
  #tab1 .table .col08{order: 9;}
  #tab1 .table .col09{order: 3;}
  #tab1 .table .tbody .col01::before{content:'분야 :';}
  #tab1 .table .tbody .col03::before{content:'카테고리 :'; }
  #tab1 .table .tbody .col04::before{content:'대표 제품명 :'; }
  #tab1 .table .tbody .col06::before{content:'기술 :'; }
  #tab1 .table .tbody .col07::before{content:'위치 :'; }

  #tab1 .table .tbody{}
  #tab1 .table .tbody dl{padding-left: 128px;}

  #tab1 .table .tbody .col01{width:50%;}
  #tab1 .table .tbody .col02{width: calc(100%); font-size: 2rem; font-weight: 700; color: #000;}
  #tab1 .table .tbody .col03{width:50%;}
  #tab1 .table .tbody .col04{width:50%;}
  #tab1 .table .tbody .col05{position: absolute; left: 0rem; width: auto; top: 2rem;}
  #tab1 .table .tbody .col06{width:50%;}
  #tab1 .table .tbody .col07{}
  #tab1 .table .tbody .col08{}
  #tab1 .table .tbody .col09{width: 120px; padding: 0;}


  /* 글로벌 */
  #tab2 .table .tbody dd{width: 100%;}
  #tab2 .table .col01{order: 1;}
  #tab2 .table .col02{order: 2;}
  #tab2 .table .col03{order: 4;}
  #tab2 .table .col04{order: 6;}
  #tab2 .table .col05{order: 5;}
  #tab2 .table .col06{order: 7;}
  #tab2 .table .col07{order: 8;}
  #tab2 .table .col08{order: 3;}

  #tab2 .table .tbody .col03::before{content:'위치 :';  position:absolute; left:0; top:0;}
  #tab2 .table .tbody .col04::before{content:'카테고리 :';  position:absolute; left:0; top:0;}
  #tab2 .table .tbody .col05::before{content:'분야 :'; position:absolute; left:0; top:0; }
  #tab2 .table .tbody .col06::before{content:'소개 :';  position:absolute; left:0; top:0;}

  #tab2 .table .tbody .col01{width: 90px;}
  #tab2 .table .tbody .col02{width: calc(100% - 90px);font-size: 2rem;font-weight: 700;color: #000;}
  #tab2 .table .tbody .col02{}
  #tab2 .table .tbody .col03{position:relative; padding-left:4rem; min-height: calc(24px + 1.5rem);}
  #tab2 .table .tbody .col04{width:50%; position:relative; padding-left:6.5rem; min-height: calc(24px + 1.5rem);}
  #tab2 .table .tbody .col05{width:50%; position:relative; padding-left:4rem; min-height: calc(24px + 1.5rem);}
  #tab2 .table .tbody .col06{position:relative; padding-left:4rem; min-height: calc(24px + 1.5rem);}
  #tab2 .table .tbody .col07{}
  #tab2 .table .tbody .col08{width: 120px;padding: 0;}



  /* 서비스 */
  #tab3 .table .tbody dd{width: 100%;}
  #tab3 .table .col01{order: 1;}
  #tab3 .table .col02{order: 3;}
  #tab3 .table .col03{order: 4;}
  #tab3 .table .col04{order: 5;}
  #tab3 .table .col05{order: 2;}
  #tab3 .table .tbody .col02::before{content:'위치 :';  position:absolute; left:0; top:0;}
  #tab3 .table .tbody .col03::before{content:'소개 :';  position:absolute; left:0; top:0;}

  #tab3 .table .tbody .col01{ width: calc(100%); font-size: 2rem; font-weight: 700; color: #000;}
  #tab3 .table .tbody .col02{position:relative; padding-left:4rem; min-height: calc(24px + 1.5rem);}
  #tab3 .table .tbody .col03{position:relative; padding-left:4rem; min-height: calc(24px + 1.5rem);}
  #tab3 .table .tbody .col04{}
  #tab3 .table .tbody .col05{width: 120px; padding: 0;}


}

@media all and (max-width:1240px) {

}
@media all and (max-width:840px) {


  /* ===== 탈퇴  ===== */
  .memberApply{}
  .memberApply .cont-wr{}
  .memberApply .sec01{}
  .memberApply .sec01 ul{grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 3rem;}
  .memberApply .sec01 ul li{}
  .memberApply .sec01 .box{}
  .memberApply .sec01 .box h6{}
  .memberApply .sec01 .box div{}
  .memberApply .sec01 .box p{}
  .memberApply .sec01 .box p:last-of-type{}
  .memberApply .sec01 .box h4{}
  .memberApply .sec01 .box .dl-wr{}

}
@media all and (max-width:767px) {
  .modify .sec01 .radio-wrap label{padding-right: 2rem;}
  .modify .sec01 .radio-wrap + a{left: unset;right: -3rem;}


}
@media all and (max-width:640px) {
  /* 제조사 */
  #tab1 .table .tbody .col01{width:100%;}
  #tab1 .table .tbody .col03{width:100%;}
  #tab1 .table .tbody .col04{width:100%;}
  #tab1 .table .tbody .col05{top: 5rem;}
  #tab1 .table .tbody .col06{width:100%;}

  #tab2 .table .tbody .col04{width:100%;}
  #tab2 .table .tbody .col05{width:100%;}

  .modify .sec01 .radio-wrap{}
  .modify .sec01 .radio-wrap label{}
  .modify .sec01 .radio-wrap + a{
      right: 0;
      top: unset;
      transform: unset;
      bottom: 100%;
  }



  /* ===== 탈퇴  ===== */
  .memberApply{}
  .memberApply .cont-wr{}
  .memberApply .sec01{}
  .memberApply .sec01 ul{}
  .memberApply .sec01 ul li{}
  .memberApply .sec01 .box{padding: 6rem 3rem;}
  .memberApply .sec01 .box h6{font-size: 2rem;}
  .memberApply .sec01 .box div{padding: 2rem 0;}
  .memberApply .sec01 .box p{}
  .memberApply .sec01 .box p:last-of-type{}
  .memberApply .sec01 .box h4{
      padding-bottom: 1rem;
      font-size: 2.4rem;
  }
  .memberApply .sec01 .box .dl-wr{padding: 0;}
  .memberApply .sec01 .box .dl-wr dd{font-size:14px;}
  .memberApply .sec01 .box.blueBox .dl-wr dd{}



}
@media all and (max-width:480px) {

    #tab1 .table .tbody dl{padding-left:0rem; padding-top:11rem;}
    #tab1 .table .tbody .col05{top:2rem}

    #tab2 .table .tbody dl{padding-top:8rem;}
    #tab2 .table .tbody dd{padding-left:0;}
    #tab2 .table .tbody .col01{width: 0;padding: 0;}
    #tab2 .table .tbody .col02{width:100%;}


}
/* media size setting end */