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

/*************************************** sub common ***************************************/
.dv-conts-wrap {padding: 3rem 0 13rem;}
.sec-centent{padding-top: 22rem;}

.bg-blue{background: linear-gradient(90deg, #e9f4f4, #e5ecf3) !important; padding-top: 9rem;margin-bottom: 9rem;}

.scroll_wrap{
    position: fixed;
    top: 22rem;
}
#scroll_left{}
#scroll_right{}

.mo-br{display:none;}

 ul.f-btn{
    display: flex;
    justify-content: center;
}
ul.f-btn li{
    width: 50%;
    height: 40px;
    text-align: center;
    margin: 0 7px;
    background-color: #0f3fa0;
    border-radius: 20px;
    max-width: 120px;
}
ul.f-btn li:hover{
  background-color: #0b2d72;
}
ul.f-btn li a{
    position: unset;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    display: block;
}

ul.f-btn li.close{background:#808080;}
ul.f-btn li.close a{}
ul.f-btn li.close:hover{background:#686868;}




.sub-search{
  padding: 0rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.sub-search p{font-size:16px; color:#333;font-weight: 600;padding-right: 20px;}
.sub-search p span{color:#0f3fa0; font-size:16px;font-weight: 600;}
.sub-search .search-wr{
    width: 100%;
    /* padding-bottom: 2rem; */
}
.sub-search form{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sub-search form > * {/* margin-left:10px !important; */}
.sub-search .searchBar{width:100%;max-width:660px;display: flex;/* margin-left: -10px; */}
.sub-search .searchBar > * {margin-left:10px !important;}
.sub-search .searchBar form{
    width: calc(100% - 220px);
}
.sub-search.selArea div.dv-select{background:#fff;border-radius: 6px;height: 5rem;width: 30%;border: 1px solid #ccc;margin-left: 0 !important;}
.sub-search.selArea div.dv-select label{
    height: 5rem;
    line-height: 5rem;
}
.sub-search.selArea div.dv-select span{}
.sub-search.selArea div.dv-select select{
    height: 5rem;
    line-height: 5rem;
    font-size: 1.6rem;
    font-weight: 600;
}
.sub-search.selArea div.dv-select::after{content:none;}

.sub-search.selArea span.input{background:#fff;border-radius: 6px;width: calc(100% - 120px - 30%);border: 1px solid #ccc;}
.sub-search.selArea span.input input[type=text]{
    height: calc(5rem - 2px);
    padding: 5px 20px;
}
.sub-search.selArea span.search{background-color:#0f3fa0;width: 100px;height: 100%;margin: 0;border-radius: 6px;}
.sub-search.selArea .btnOrange{font-size:16px; color:#fff;background: none;width: 100%;height: 5rem;line-height: 5rem;}
.sub-search .filter-wr{
    width: 100%;
    background-color: #f4f5f9;
    padding: 2rem 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sub-search .filter{
    width: calc(100% - 180px);
}
.sub-search .filter ul{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    height: 40px;
    overflow: hidden;
}
.sub-search .filter li{
    margin-bottom: 1.5rem;
}
.sub-search .filter li a{
    font-size: 14px;
    color: #000;
    display: block;
    background-color: #fff;
    margin-right: 1.5rem;
    height: 4rem;
    line-height: 4rem;
    padding: 0 4rem;
    border-radius: 2rem;
}
.sub-search .filter li:first-child{}
.sub-search .filter li:first-child a{}
.sub-search .filter li.on{}
.sub-search .filter li.on a{color:#fff; background-color: #0f3fa0; }


.sub-search .filter-btn{
    cursor: pointer;
}
.sub-search .filter-btn p{background: url(/images/btn/btn-down-bk-002.png) no-repeat;background-position: top 10px right;}


.sub-search .filter-wr.open{}
.sub-search .open .filter{}
.sub-search .open .filter ul{
    height: fit-content;
}

.sub-search .open .filter-btn p{background-image: url(/images/btn/btn-up-bk-002.png);}

.cont-wr{/* padding-top:5rem; */}

.tag{width:fit-content; margin:0 auto; font-size:1.6rem;line-height: 1em;padding: 6px;border-radius: 4px;}
.Y-tag{background-color:#ffe302; color:#4c4c4c;}
.B-tag{background-color:#003da6; color:#fff;}
.G-tag{background-color:#34908a; color:#fff;}

ul.icon_contact{
    display: flex;
    justify-content: center;
}
ul.icon_contact li{
    margin: 0 5px;
}
ul.icon_contact li a{
  font-size:0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f5f5f5;
  display: block;
}
ul.icon_contact li.mail a{
    background-image: url(/images/btn/icon_mail.png);
}
ul.icon_contact li.heart a{
    background-image: url(/images/btn/icon_heart.png);
    transition: all 0.5s;
}
ul.icon_contact li.heart a.on{
    background-image: url(/images/btn/icon_heart_on.png);
}


/* table */
#table-top{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 10px;
    align-items: end;
    padding-top: 5rem;
    width: 100%;
}
#table-top p{
    font-size: 1.6rem;
    color: #333333;
    font-weight: 500;
}
#table-top p span{
    color: #0f3fa0;
    font-size: 1.6rem;
    font-weight: 500;
}
#table-top div.dv-select{
    max-width: 170px;
    border: 1px solid #ccc;
    border-radius: 6px;
    height: 4rem;
    margin-bottom: 0;
}
#table-top div.dv-select > label{height: 38px;}


#table-top div.dv-select > span.spn-sel-arrow{
    /* height: 4rem; */
}
#table-top div.dv-select > select{
    font-size: 14px;
    color: #111;
    font-weight: 600;
    height: 38px;
    line-height: 38px;
}

.table{
  border-top:1px solid #111;
}
.table dl{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #cccccc;
  padding: 2rem 1rem;
  width: 100%;
  position: relative;
}
.table .thead{background-color: #fafafa; }
.table .thead dt{font-size: 1.6rem; color:#000; font-weight: 700; text-align: center;}
.table .tbody{}
.table .tbody dl{}
.table .tbody dd{font-size: 1.6rem;color:#555555;text-align: center;/*overflow: hidden;text-overflow: ellipsis;white-space: nowrap;*/padding: 0 1rem;}
.table .tbody dd h6{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.table .tbody dd.left{text-align: left !important;padding-right: 2%;text-overflow: unset;white-space: normal;}


.table .tbody dd.list-wr{overflow:visible;}
.table .list{position: relative;}
.table .list h6{
    padding-right: 2.5rem;
    background-image: url(/images/btn/btn-down-gray-001.png);
    background-position: center right 2px;
    background-repeat: no-repeat;
    width: 90%;
    margin: 0 auto;
    position: relative;
    line-height: 2.5em;
    cursor: pointer;
    font-weight: 500;
}
.table .list h6 span{font-size:1.6rem;vertical-align: baseline;}
.table .list h6::after{
  content:
  '';
  background:#c2c2c2;
  width:100%;
  height:1px;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
}

.table .list.on{border:1px solid #ddd;}

.table .list ul{
  display:
  none;
  position: absolute;
  width: calc(100% + 2px);
  top: 40px;
  left: -1px;
  border: 1px solid #ddd;
  border-top: none;
  background-color: #fff;
  text-align: left;
  z-index: 2;
}
.table .list li{
  line-height: 2.5em;
  margin: 0 auto;
  padding: 0 calc(5% + 1px);
  cursor: context-menu;
}
.table .list li:hover{background-color:#f4f5f9;}

.table .p-wr{display:flex; flex-wrap: wrap;}
.table .p-wr p{
    padding-right: 10px;
}
.table .p-wr p::after{content:','; }
.table .p-wr p:last-child::after{content:none; }

.table .imgBox{
    display: block;
    margin: 0 auto;
    width: fit-content;
    /* min-height: 97px; */
}
.table .imgBox a{display: block;margin: 0 auto;position: relative;width: fit-content;}
.table .imgBox img{border:1px solid #dbdbdb;height: 68px;width: 108px;object-fit: cover;object-position: center;}
.table .imgBox.national{
    display: flex;
    align-items: center;
    min-height: unset;
}
.table .imgBox.national img{
    width: 70px;
    height: 45px;
}
.table .imgBox:hover{}
.table .imgBox:hover a{}
.table .imgBox:hover a::before{
  content:'';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(51,51,51,0.4);
}
.table .imgBox:hover a::after{
  content:'';
  position: absolute;
  width:4rem;
  height:4rem;
  background-color:#0f3fa0;
  top:50%;
  left:50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-image: url(/images/btn/btn_plus.png);
  background-repeat: no-repeat;
  background-position: center;
}

.table .imgBox:hover a img{}
.table .imgBox:hover a.no-img{}
.table .imgBox:hover a.no-img::before{content:none;}
.table .imgBox:hover a.no-img::after{content:none;}

.table .tbody .download{position:relative;}
.table .tbody .download a{padding: 0 10px;line-height: 2em;display: block;position: relative;background-color: #f5f5f5;text-align: left;border-radius: 6px;}
.table .tbody .download a.off{
    color: #bbb;
}
.table .tbody .download a:nth-child(n+2){margin-top: 10px;}
.table .tbody .download span{
    width: 2rem;
    height: 1.4rem;
    background: url(/images/btn/download.png)no-repeat center;
    vertical-align: baseline;
    background-size: contain;
    margin-left: 5px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.table .tbody .download .off span{
    opacity: 0.3;
}

.table .tbody .download a::after{
  /* content:''; */
  background:#c2c2c2;
  width:100%;
  height:1px;
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  max-width: 10rem;
  transform: translateX(-50%);
}


.table_02{border-top:1px solid #000;}
.table_02 dl{text-align: center;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));border-bottom: 1px solid #e5e5e5;}
.table_02 .thead{ }
.table_02 .thead dt{font-size:1.8rem; color:#000;font-weight: 700;text-align: center; padding: 1.5rem 1rem; }
.table_02 .tbody{}
.table_02 .tbody dd{padding: 2rem 1rem;font-size: 1.6rem; font-weight:500;}
.table_02 dd.col01{text-align: left; padding-left: 3rem;}
.table_02 .col02{background-color: #f0f3fa;/* margin-right:1rem; */}
.table_02 .col03{background-color: #f5f5f5;}
/* .table_02 dl.blue{color:#0f3fa0;} */
.table_02 .check{background-image: url(/images/btn/check_on.png); width: 12px; height: 10px; display: inline-block; }
.table_02 dl:hover dd{color:#0f3fa0;}
.table_02 dl:hover dd a{color:#0f3fa0;}

#community.list .tbody img{
    border: none;
    display: inline-block;
    vertical-align: middle;
}

#community.list .table .col02{}
#community.list .table .col02 span{color: #0f3fa0;font-size: 1.6rem;margin-left: 5px;vertical-align: baseline;}
#community.list .table .col02 img{margin:0 10px;}
#community.list .table .col03 img{margin-right:5px;}


  /* 페이징 */
  .paging{
      padding-top: 8rem;
  }
  .paging .pagination{
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .paging .pagination ul{
      display: flex;
  }
  .paging .pagination ul li{padding: 0 1rem;}
  .paging .pagination ul li a{
    font-size: 16px;
    color: #666;
    position: relative;
    font-weight: 500;
    /* padding: 1.6rem; */
    display: block;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .paging .pagination ul li.on{}
  .paging .pagination ul li.on a{
    background-color: #0f3fa0;
    color: #fff;
    border-radius: 50%;
  }



  .paging .pagination .page-nav{
  	background-repeat: no-repeat;
  	background-position: center;
    padding:0 1rem;
  }
  .paging .pagination .page-nav a{
    width: 3.2rem;
    height: 3.2rem;
    display: block;
  	font-size:0;
  }

  .paging .pagination .page-nav.pprev{background-image:url(/images/btn/btn_pprev.png);}
  .paging .pagination .page-nav.prev{background-image:url(/images/btn/btn_prev.png);}
  .paging .pagination .page-nav.next{background-image:url(/images/btn/btn_next.png);}
  .paging .pagination .page-nav.nnext{background-image:url(/images/btn/btn_nnext.png);}




  /*** 신청문의 양식 ***/
  .radio-wrap{}
  .radio-wrap label{
      font-size: 1.6rem;
      color: #333333;
      padding-right: 6rem;
      vertical-align: middle;
      line-height: 50px;
  }
  .radio-wrap label:last-child{padding-right:0;}
  .radio-wrap input[type=radio]{display:none;}
  .radio-wrap input[type=radio] + span{
      width: 20px;
      height: 20px;
      border: 1px solid #ccc;
      margin-right: 7px;
      vertical-align: middle;
      border-radius: 50%;
      position: relative;
      background-color: #fff;
  }
  .radio-wrap input[type=radio]:checked + span{border-color:#000;}
  .radio-wrap input[type=radio]:checked + span::after{
      content:'';
      width:8px;
      height:8px;
      background-color: #000;
      border-color:#000;
      position: absolute;
      top: 50%;
      left: 50%;
      border-radius: 50%;
      transform: translate(-50%, -50%);
  }

  .apply{margin-top: calc(-2rem - 3rem);}
  .apply section{padding-bottom: 7rem;}
  .apply .apply-tit{text-align: center;padding: 6rem;border-radius: 10px;background-image: url(/images/sub/sub02/apply-tit_bg_full.jpg);background-size: cover;margin-bottom: 7rem;background-repeat: no-repeat;background-position: right;}
  .apply .apply-tit h4{color:#000; font-size: 2.6rem; font-weight: 600;}
  .apply .apply-tit p{font-size: 1.6rem; font-weight: 400; color: #666666; padding-top: 1rem;}
  .apply .sec h6{color:#000; font-size: 2rem; text-align: left; padding-bottom: 1.5rem; border-bottom: 1px solid #000000; width: 100%;}
  .apply dl{padding: 2rem 3rem;border-bottom:1px solid #dddddd; display:flex;justify-content: flex-start;flex-wrap: wrap;align-items: center;}
  .apply dt{font-size: 1.6rem; color:#000;width: 130px;font-weight: 500;}
  .apply dt em{
      font-size: 14px;
      color: #666666;
      vertical-align: baseline;
      font-weight: 400;
      padding-left: 0.5rem;
  }
  .apply dt span{
    color: #0f3fa0;
    font-size: 1.6rem;
    margin-left: 5px;
    vertical-align: text-bottom;
  }
  .apply dt:nth-of-type(2){margin-left:4%;}
  .apply dd{width: calc(48% - 130px);}

  .apply dd.mail,
  .apply dd.phone{display:flex;align-items: center;gap: 1.5rem;}
  .apply dl.full{}
  .apply dl.full dt{width:100%;padding-bottom: 2rem;}
  .apply dl.full dd, .apply dl.file dd{
      width: 100%;
      display: flex;
      justify-content: flex-start;
  }
  .apply dl.file dt{margin-top:1rem;}
  .apply dl.file dd ul{display: flex; justify-content: flex-start;}
  .apply dl.file dd ul li{
      font-size: 14px;
      color: #333333;
      line-height: 46px;
      padding: 0 5rem 0 2rem;
      border: 1px solid #cccccc;
      margin-right: 5px;
      position:
      relative;
      max-width: 180px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 185px;
  }
  .apply dl.file dd ul li::after{
      content:
      '';
      width: 9px;
      height: 9px;
      background: url(/images/btn/btn_close.png);
      position: absolute;
      top: 50%;
      right: 2rem;
      transform: translateY(-50%);
  }


  .apply dl.between{ justify-content: space-between;}
  .apply dl.between dt{width: 70%;}
  .apply dl.between dd{width: auto;}
  .apply dl.row{}
  .apply dl.row dt{}
  .apply dl.row dt span{/* color:#666666; *//* font-size:14px; */}
  .apply dl.row dd{width:calc(100% - 130px);padding: 1rem 0;}

  .apply dl.address{}
  .apply dl.address input[type=text]:last-child{
    margin-top: 10px;
  }

  .apply dl.file{align-items: flex-start;}
  .apply dl.file dt{}
  .apply dl.file dd{
      flex-flow: wrap;
      padding: 0;
  }
  .apply dl.file dd p{
      /* padding-bottom:1rem; */
      width: 100%;
  }
  .apply dl.file dd p.deco{
    font-size: 14px;
}
  .apply dl.file dd em{font-size: 1.6rem;color: #fff;}

  .apply dl.file dd div{
    width: 50%;
    display: flex;
    padding-bottom: 10px;
    position: relative;
}
  .apply dl.file.row dd input[type=text]{}
  .apply dl.file.row dd button{}
  .apply dl.file.row dd input[type=file]{}
  .apply dl.file.row dd ul{}


  .apply dl.textarea{align-items: flex-start;}
  .apply dl.textarea dt{}
  .apply dl.textarea dd{padding:0;}
  .apply dl.textarea dd textarea{
      background-color: #f5f5f5;
      font-size: 1.6rem;
      border: none;
      padding: 14px;
  }


  .apply dl.file.half{}
  .apply dl.file.half dt{}
  .apply dl.file.half dd{
    width: calc(48% - 130px);
  }
  .apply dl.file.half dd div{
      width: 100%;
      position: relative;
  }
  .apply p.deco{font-size: 14px;/* padding-left: 130px; */position: relative;}
  .apply dl.file.half p.deco{ padding-left: 130px;}
  .apply button{font-size:15px;color:#fff;background:#111;line-height: 46px;padding: 0 2rem;margin-right: 2rem;}
  .apply button em{font-size:15px; line-height: 46px;  }
  .apply dl.file button{width: 9.5rem;}
  .apply input[type=file]{
    position: absolute;
    right: 2rem;
    line-height: 50px;
    padding: 0 2rem;
    width: 9.5rem;
    opacity: 0;
    cursor: pointer;
}
  .apply input[type="file" i] {}
  .apply dl.file .input_text{
    background-color: #f5f5f5;
    height: 50px;
    font-size: 1.6rem;
    border: none;
    padding: 0 14px;
    color: #000;
    line-height: 50px;
}

  .apply select{width:100%;line-height: 46px;font-size: 1.6rem;border: none;padding: 0 14px; height:46px;background: #f5f5f5 url(/images/btn/btn-down-bk-001.png) no-repeat;background-position: center right 14px;}
  .apply select option{font-size: 1.6rem; }

  .apply input[type=text], .apply input[type=password]{background-color: #f5f5f5;height: 50px;font-size: 1.6rem;border: none;padding: 0 14px;color: #000;}
  .apply textarea {
    background-color: #f5f5f5;
    height: 50px;
    font-size: 1.6rem;
    border: none;
    padding: 14px;
    color: #000;
    height: 200px;
  }
  .apply .grayBox{background:#f5f5f5; border:none;margin-bottom:3rem;padding: 3rem;}
  .apply .grayBox:last-of-type{margin-bottom:0}
  .apply .grayBox dt{color: #333;line-height: 2em;}
  .apply .grayBox dt a{color: #333;line-height: 2em;font-weight: 700;border-bottom: 1px solid #333;}
  .apply .grayBox dd{}
  .apply .f-btn{padding-top:6rem;}
  .apply .quit-btn{
      margin-top: -0rem;
      width: fit-content;
      position: relative;
      float: right;
      margin-top: -2.5rem;
  }
  .apply .quit-btn::after{content:'';width:100%;height:1px;background: #999;position: absolute;top: 100%;left: 0;}
  .apply .quit-btn a{font-size:1.6rem;padding-right:4rem;}
  .apply .quit-btn a::before{right: 3px;background: #666;}
  .apply .quit-btn a::after{
      color: #666;
  }
  .apply .quit-btn a:hover::before{opacity:1;}
  .apply .quit-btn a:hover::after{opacity:1;}

  .apply dd div.button{max-width:475px;display: flex;}
  .apply .address dd div.button{margin-bottom:10px;}
  .apply dd div.button input{}
  .apply dd div.button button{}
  .apply dd + dd{ }

  .apply dd div.divide03{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr)); gap:20px; margin-bottom:10px; }
  .apply dd div.divide03:last-child{margin-bottom: 0;}
  .apply dd.deco{
    padding-top: 1rem;}
  .apply dd.deco p{font-size:1.6rem;}
  .apply dd.deco p span{font-size:1.6rem;} 



/* link-tab */
.link-tab{
    padding-bottom: 6rem;
}
.link-tab ul{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.link-tab ul li{
  border: 1px solid #cccccc;
  margin-right: -1px;
}
.link-tab ul li a{
    font-size: 1.5rem;
    color: #666666;
    display: block;
    text-align: center;
    line-height: 5rem;
}
.link-tab li.on{
    background-color: #0f3fa0;
    border-color: #0f3fa0;
}
.link-tab li.on a{
    color: #fff;
}

/*** keyword-wr ***/
.keyword-wr{background: #f5f5f5;padding: 3rem;}
.keyword-wr .search-wr{}
.keyword-wr form{
    justify-content: flex-start;
    margin-left: -10px;
}
.keyword-wr.selArea span.input{
    width: calc(100%);
}
.keyword-wr .sec-keyword{display: flex;flex-wrap: wrap;/*margin-top: -10px;*/}
.keyword-wr .sec-keyword p{
    background-color: #fff;
    padding: 1rem 4rem 1rem 2rem;
    margin-right: 10px;
    margin-top: 10px;
    position: relative;
    border-radius: 2.2rem;
    line-height: 1em;
    font-weight: 400;
    font-size: 14px;
}
.keyword-wr .sec-keyword button{
    font-size: 0;
    width:9px;
    height:9px;
    background: url(/images/btn/btn_close.png);
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
}

.keyword-wr .sec-keyword p::after{
    content:none;
    width:9px;
    height:9px;
    background: url(/images/btn/btn_close.png);
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
}
.keyword-wr .sec-keyword p:hover{background-color: #0f3fa0; color:#fff;}
.keyword-wr .sec-keyword p:hover a{background-color: #0f3fa0; color:#fff;}
.keyword-wr .sec-keyword p:hover button{filter: brightness(0) invert(1);}
.keyword-wr .sec-keyword a:hover{background-color: #0f3fa0; color:#fff;}
.keyword-wr .sec-keyword a:hover::after{cursor:pointer;}
.keyword-wr .sec-keyword p.on{background-color: #0f3fa0; color:#fff;}


.sec-notice{
    background: #f5f5f5;
    margin-top: 10px;
    padding: 3rem;
}
.sec-notice h6{
    font-weight: 700;
    color: #000;
    font-size: 1.8rem;
}
.sec-notice p{
    color: #545454;
    font-size: 14px;
    padding-top: 10px;
}


#skill_list{}
#skill_list > dl{padding: 1rem 3rem;}
#skill_list > dl > dt{}
#skill_list > dl > dd{width: calc(100% - 130px);}
#skill_list .skill-row{}
#skill_list .skill-row dl{
    border-color: #f5f5f5;
}
#skill_list .skill-row:last-child dl{
    border-bottom: none;
}
#skill_list .skill-row dt{
}
#skill_list .skill-row dt span{}
#skill_list .skill-row dd{}
#skill_list .skill-row dd div{
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 2rem 1rem;
}

#skill_list .skill-row dd.tech{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 2rem;}
#skill_list .skill-row dd.tech input[type=text]{}
#skill_list .skill-row .row dl{}
#skill_list .skill-row .row dt{
    width: 100%;
}
#skill_list .skill-row .row dt span{}
#skill_list .skill-row .row dd{width: 100%;}

#skill_list .skill-row .check-wrap {}
#skill_list .skill-row .check-wrap label.wide{ 
  grid-column: 1 / 6; 
}
#skill_list .skill-row .check-wrap label:last-child{grid-column: span 2 / span 2;}
#skill_list .skill-row .check-wrap label:last-child input[type=text]{
    width: calc(100% - 70px);
    display: inline-block;
    margin-left: 10px;
    height: 40px;
    vertical-align: text-top;
    margin-top: -9px;
}


.news_list {
    padding-top: 0rem;
    /* border-top: 1px solid #e5e5e5; */
}
.news_list ul{border-top: 1px solid #e5e5e5;}
.news_list li{
    border-bottom: 1px solid #e5e5e5;
}
.news_list a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 3rem;
}
.news_list .date{
    text-align: center;
    width: 60px;
}
.news_list .date p{
    font-size: 16px;
    color: #b2b2b2;
    line-height: 1em;
}
.news_list .date p.day{
    font-size: 4rem;
    font-weight: 600;
}
.news_list .textBox{
    width: calc(100% - 60px - 3rem);
}
.news_list .textBox h6{
    font-size: 2rem;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
}
.news_list .textBox h6 b{
    font-size: 2rem;
    color: #000;
    vertical-align: baseline;
}
.news_list .textBox p{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.6rem;
	color:#888888;
	padding-top: 0.5rem;
}
.news_list .textBox p b{
	font-size: 1.6rem;
	color:#888888;
}


.news_list li:hover{}
.news_list li:hover .date{}
.news_list li:hover .date p{color:#0f3fa0;}
.news_list li:hover .date p.day{color:#0f3fa0;}
.news_list li:hover .textBox{}
.news_list li:hover .textBox h6{color:#0f3fa0;}
.news_list li:hover .textBox p{color:#0f3fa0;}



/* 지원 사업 공고 */
.support_list {}
.support_list ul{display:grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 3rem;border-top: 0;}
.support_list li{border: 1px solid #e5e5e5; background-color: #f8f8f8;  padding: 3rem;     cursor: pointer;}
.support_list li h6{font-size: 2rem;  color: #333;  padding-bottom: 1rem;}
.support_list li div{}
.support_list li dl{display:flex;align-items: baseline;}
.support_list li dt{font-size: 15px; flex-shrink: 0;}
.support_list li dd{font-size: 15px; padding-left: 5px;}



.mobile-banner{display: none;}
.mobile-banner ul{}
.mobile-banner li{}
.mobile-banner li.pc{}
.mobile-banner li.mobile{}



/* sub - css setting end */

/* media size setting start */
@media all and (max-width:1680px) {
  .mobile-banner{
      display: block;
      padding-bottom: 3rem;
  }
  .mobile-banner ul{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 2rem;
  }
  .mobile-banner li{}
  .mobile-banner li.pc{
      display: none;
  }


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

    .table{}
    .table dl{}
    .table .thead{display: none;}
    .table .thead dt{}
    .table .tbody{}
    .table .tbody dl{justify-content: space-between;}
    .table .tbody dd{text-align: left;  padding-bottom: 1.5rem;}
    .table .tbody dd::before{padding-right:5px;vertical-align: baseline;}
    .table .tbody dd.left{}


    .table .tbody .download{
        display: flex;
        align-items: center;
    }
    .table .tbody .download a{
        width: 50%;
        max-width: 150px;
        margin-right: 10px;
    }
    .table .tbody .download a:nth-child(n+2){margin:0;}


    .table .tbody dd.list-wr{
        display: flex;
        align-items: baseline;
        flex-wrap: wrap;
    }
    .table .list{
        width: calc(100% - 80px);
/*        padding: 0 10px;*/
        max-width: 300px;
    }
    .table .list h6{
        width: 100%;
        line-height: 2em;
        max-width: 300px;
        margin: 0;
    }
    .table .list ul{
        top: 32px;
        max-width: 322px;
    }


    ul.icon_contact{
        justify-content: end;
        position: absolute;
        right: 1rem;
        top: 2rem;
    }
    ul.icon_contact li{}


}

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

  .sec-centent{padding-top: 11rem;}

}

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

    #skill_list{}
    #skill_list > dl{}
    #skill_list > dl > dt{}
    #skill_list > dl > dd{}
    #skill_list .skill-row{}
    #skill_list .skill-row dl{}
    #skill_list .skill-row:last-child dl{}
    #skill_list .skill-row dt{}
    #skill_list .skill-row dt span{}
    #skill_list .skill-row dd{}
    #skill_list .skill-row dd div{grid-template-columns: repeat(3, minmax(0, 1fr));}


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

	 
    .apply{}
    .apply section{}
    .apply .apply-tit{}
    .apply .apply-tit h4{}
    .apply .apply-tit p{}
    .apply .sec h6{}
    .apply dl{}
    .apply dt{}
    .apply dt em{}
    .apply dt span{}
    .apply dd{width:calc(100% - 130px)}
    .apply dt:nth-of-type(2){margin-left:0;}
    .apply dd:nth-of-type(2){margin-top:10px;}

    .apply dl.address{}
    .apply dl.address input[type=text]:last-child{}

    .apply dl.file{}
    .apply dl.file dt{}
    .apply dl.file dd{}
    .apply dl.file dd p{}
    .apply dl.file dd p.deco{}
    .apply dl.file dd em{}

    .apply dl.file dd div{width: 100%}
    .apply dl.file.row dd input[type=text]{}
    .apply dl.file.row dd button{}
    .apply dl.file.row dd input[type=file]{}
    .apply dl.file.row dd ul{}
    .apply dl.file.half{align-items: center}
    .apply dl.file.half dt{}
    .apply dl.file.half dd{width: calc(100% - 130px)}
    .apply dl.file.half dd div{}


    #skill_list{}
    #skill_list > dl{}
    #skill_list > dl > dt{}
    #skill_list > dl > dd{}
    #skill_list .skill-row{}
    #skill_list .skill-row dl{}
    #skill_list .skill-row:last-child dl{}
    #skill_list .skill-row dt{}
    #skill_list .skill-row dt span{}
    #skill_list .skill-row dd{}
    #skill_list .skill-row dd div{grid-template-columns: repeat(2, minmax(0, 1fr));}


    .news_list {}
    .news_list ul{}
    .news_list li{}
    .news_list a{padding: 2rem;}
    .news_list .date{}
    .news_list .date p{font-size: 14px;}
    .news_list .date p.day{}
    .news_list .textBox{width: calc(100% - 60px - 2rem);}
    .news_list .textBox h6{font-size: 18px;}
    .news_list .textBox h6 b{font-size: 18px;}
    .news_list .textBox p{font-size: 16px;}
    .news_list .textBox p b{font-size: 16px;vertical-align: baseline;}

    .sub-search .searchBar{width:90%;}


    .support_list ul{grid-template-columns: repeat(1, minmax(0, 1fr));}

}

@media all and (max-width:640px) {
	.mo-br{display:block;}

	.dv-conts-wrap{padding:  3rem 0 5rem}

    /*** 신청문의 양식 ***/
    .radio-wrap{}
    .radio-wrap label{
        line-height: 40px;
        width: 100%;
    }
    .radio-wrap label:last-child{}
    .radio-wrap input[type=radio]{}
    .radio-wrap input[type=radio] + span{}

    .apply{}
    .apply section{padding-bottom: 3rem;}
    .apply .apply-tit{padding: 4rem 3rem; margin-bottom:5rem;}
    .apply .apply-tit h4{font-size: 2rem;}
    .apply .apply-tit p{font-size: 14px;}
    .apply .sec h6{}
    .apply dl{padding: 2rem 1rem;}
    .apply dt{width: 100%;font-size: 14px;margin-bottom: 10px;}
    .apply dt em{}
    .apply dt span{}
    .apply dd{width: 100%;}
    .apply dl.row dd{width: calc(100%);}
    .apply dt:nth-of-type(2){margin-top:10px;}
    .apply dd:nth-of-type(2){margin-top: 0;}

    .apply dl.file.half p.deco{padding-left:0;}
    .apply dl.file.half dd{width:100%}

    .apply dd div.button{}
    .apply button{font-size:14px;padding: 0 1rem;margin-right: 0rem;}
    .apply button em{font-size:14px;}
    .apply dl.file button{}
    .apply input[type=file]{}

    .apply dl.between{justify-content: flex-end;}
    .apply dl.between dt{width: 100%;}
    .apply dl.between dd{}

    .apply .f-btn{padding-top:2rem;}


    #skill_list{}
    #skill_list > dl{padding: 1rem;}
    #skill_list > dl > dt{/* margin-bottom: 0; */ padding-top: 10px; font-size: 16px;}
    #skill_list > dl > dd{width: 100%;}
    #skill_list .skill-row{}
    #skill_list .skill-row dl{}
    #skill_list .skill-row:last-child dl{}
    #skill_list .skill-row dt{}
    #skill_list .skill-row dt span{}
    #skill_list .skill-row dd{}
    #skill_list .skill-row dd div{}
	#skill_list .skill-row .check-wrap label.wide{grid-column: 1 / 3;}

    .table .tbody dl{padding-top: 5rem;}
    ul.icon_contact{top:1rem;}


    /*** keyword-wr ***/
    .keyword-wr{padding: 2rem 1rem;}
    .keyword-wr .search-wr{}
    .keyword-wr form{}
    .keyword-wr.selArea span.input{}
    .keyword-wr .sec-keyword{}
    .keyword-wr .sec-keyword p{}
    .keyword-wr .sec-keyword button{}

    .apply .quit-btn{
        float: unset;
        margin: 0 auto;
        padding-top: 4rem;
    }
    .apply .quit-btn a{}


    .mobile-banner{}
    .mobile-banner ul{}
    .mobile-banner li{}
    .mobile-banner li.pc{}

}

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

  /* 페이징 */
  .paging{}
  .paging .pagination{}
  .paging .pagination ul{}
  .paging .pagination ul li{padding: 0;}
  .paging .pagination ul li a{}
  .paging .pagination ul li.on{}
  .paging .pagination ul li.on a{}
  .paging .pagination .page-nav{padding:0;}

  /* 검색 */
  .sub-search{}
  .sub-search p{}
  .sub-search p span{}
  .sub-search .search-wr{}
  .sub-search form{}
  .sub-search form > * {}
  .sub-search .searchBar{flex-wrap: wrap;width: 100%;margin-left: 0;}
  .sub-search .searchBar > * {
      margin-left: 0 !important;
  }
  .sub-search .searchBar form{width: 100%;}
  .sub-search.selArea div.dv-select{
    width: 100%;
    margin-bottom: 10px;
    height: 4rem;
  }
  .sub-search.selArea div.dv-select label{}
  .sub-search.selArea div.dv-select span{}
  .sub-search.selArea div.dv-select select{
    height: 4rem;
    line-height: 4rem;
  }
  .sub-search.selArea div.dv-select::after{}

  .sub-search.selArea span.input{
    width: 100%;
    margin-left: 0 !important;
    margin-bottom: 10px;
  }
  .sub-search.selArea span.input input[type=text]{
    height: calc(4rem - 2px);
  }
  .sub-search.selArea span.search{
    width: 100%;
    margin-left: 0 !important;
  }
  .sub-search.selArea span.search + span{margin-top: 10px;}
  .sub-search.selArea .btnOrange{
    height: 4rem;
    line-height: 4rem;
  }


  .table .imgBox.national{
      position: absolute;
      left: 1rem;
      width: auto;
      top: 2rem;
  }
  .table .imgBox.national img{}




}
/* media size setting end */