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

#global{}


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

/* css setting end */

/* media size setting start */
@media all and (max-width:1320px) {

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

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


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


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

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

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

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

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

}
@media all and (max-width:480px) {
  #global .table .tbody dl{padding-top:8rem;}
  #global .table .tbody dd{padding-left:0;}
  #global .table .tbody .col01{width: 0;padding: 0;}
  #global .table .tbody .col02{width:100%;}
}
/* media size setting end */