@charset "utf-8";

/* onlineRequst.css
 * @latest 2021.03.31 -yhy
 * @latest 2021.04.12 -yhy
 * @latest 2021.05.03 -yhy
*/

#onlineReqst_area h5 {font-size:25px;}
#onlineReqst_area .allbox {/* background:#f7f7f7; */border:1px solid #ececec;padding: 20px 10px 18px;margin: 40px 0;/* border-radius:3px; */text-align:center;}
#onlineReqst_area .allbox .ctr-box {margin-top:0;width: 100%;display:inline-block;}
.allbox > .ctr-box select {/* margin-right: 10px; *//* max-width:190px; */height: 40px;font-size: 16px;float: left;}
.allbox > .ctr-box select:first-child {margin-right:10px;}
.allbox > .ctr-box select.fr {float:right;}
.allbox > .ctr-box input {/* margin-right: 10px; */width:40% !important;max-width:300px;height: 50px;font-size: 16px;float: none;border: none;border-bottom: 2px solid #ccc;}
.allbox > .ctr-box input + .btn-srch {width:40px; height: 48px; font-size:1px; line-height: 0; text-indent: -9999px; border:none; padding:0;
              background:url(/images/wzwg/cmm/icon_set.png) no-repeat center; background-position: -173px 15px; float: none;}

  @media (min-width:1300px){
    /*.allbox > .ctr-box input {margin-left: -200px;}*/
  }





.basic-table01 {width:100%; border-top:2px solid #333; border-bottom:1px solid #ccc; border-collapse:separate !important; margin:10px 0 50px;}
.basic-table01 thead tr th, .basic-table01 tbody tr td{text-align:center; padding:20px 0; position:relative;}
.basic-table01 thead tr th,
.basic-table01 thead tr th a {font-weight:700;font-size: 18px;color:#333;}
.basic-table01 thead tr th a:focus {width:100%; float:left;}
.basic-table01 thead tr th a:focus span {display:block !important; position:absolute; top:3px; padding:20px 0; width:100%; text-align:center;
                                        background:#fff; outline-style:dotted;}
.basic-table01 thead tr {/* background:#f7f7f7; */border-bottom:1px solid rgba(0,0,0,0.3);}

.basic-table01 tbody tr th {font-weight:700;font-size: 18px;color: #333;background:#fcfcfc;text-align:center; border-top:1px solid #ddd;}
/* .basic-table01 tbody tr {border-bottom:1px solid #ddd;} */
.basic-table01 tbody tr td {background:#fff;color:#333;font-size: 17.5px;padding:25px 0; border-top:1px solid #ddd;}
.basic-table01 tbody tr td a:not(.btn-basic) {/* border-radius:3px; */color:#333; padding:3px 10px;/* font-size:13px; *//* line-height:14px; */text-decoration: underline;}
.basic-table01 tbody tr td a:hover {font-weight:600;}

.basic-table01 td ul.fileplus{list-style:none; padding:0; margin:0;}
.basic-table01 td ul.fileplus li{width:100%;float:left;margin-bottom:3px;/* overflow:hidden; */}
.basic-table01 td ul.fileplus li span{float:left;line-height:21px;margin-right:5px;font-size:12px;}
.basic-table01 td ul.fileplus li input {height:30px !important;}

  @media (max-width:799px){
    .basic-table01 thead tr th,
    .basic-table01 thead tr th a {font-size:15px; word-break:keep-all;}
    .basic-table01 thead tr th:nth-child(5) a,
    .basic-table01 thead tr th:nth-child(6) a,
    .basic-table01 thead tr th:nth-child(7) a {font-size:13px;}
    .basic-table01 tbody tr td {font-size:14px; padding:20px 0;}
  }



/* 온라인 신청하기 */
#onlineReqstRcept_area {width:100%; float:left; padding:20px; box-sizing:border-box; background:#f1f3f4; margin-top:50px; margin-bottom:50px;}
#onlineReqstRcept_area .basic-table01 tbody tr th {background:rgba(255,255,255,0.9); border-right:1px solid #f0f0f0;}
#onlineReqstRcept_area .basic-table01 tbody tr td {}


.ab_searchbx {position:relative;text-align:center;padding: 20px;float:left;width:100%;margin-bottom: 40px;box-sizing:border-box;background:#f9f9f9;border:1px solid #f1f1f1;}
.ab_searchbx ul{width:100%;float:left;padding: 0 20px;box-sizing: border-box;}
.ab_searchbx ul li{float:left;width:45%; margin-right:5%; box-sizing:border-box;text-align: left;margin-bottom: 5px;padding-left: 35px;}
.ab_searchbx ul li p{font-size:13px;line-height: 30px;letter-spacing:-0.5px;position:relative;font-weight: 400;vertical-align: middle;display: inline-block;width: 30%;text-align: left;float: left;box-sizing: border-box;padding-left: 10px; word-break:keep-all;padding: 0 0 0 10px;}
.ab_searchbx ul li p:before{content:'';width:3px;height:3px;background: #999;position:absolute;top: 14px;left: -2px;color:red;display:inline-block;}
.ab_searchbx ul li p + span{width: 70%;display:block;float: left;}

.ab_searchbx ul li span.fr{position:absolute;top: 15px;right: 35px;color:#6b6b6b;font-size:12px;}
.ab_searchbx ul li:first-child input{width:46%;}
.ab_searchbx ul li:first-child input + span{margin:0;line-height: 30px;float: left;width: 4%;padding: 0 2%;text-align: center;}
.ab_searchbx ul li:last-child span{margin-right:0;}
.ab_searchbx ul li:last-child input{width: 70%;float: left;}
.ab_searchbx ul li input{border:1px solid #eee;color:#666;line-height:20px;font-size:13px;padding: 4px 8px;vertical-align:middle;float: left;box-sizing: border-box;width: 100%;}
.ab_searchbx ul li a.btn-s{box-shadow:none;background:#666;padding: 7px 15px;border-radius: 0;line-height: 14px;vertical-align: top;margin-left: 2%;border: 1px solid #eee;box-sizing: border-box;width: 28%;text-align: center;margin-top: 0;}
.ab_searchbx ul li select{padding:3px 5px;color:#666;font-size:13px;border: solid 1px #eee;height:30px;line-height:30px;float: left;width: 50%;box-sizing: border-box;}
.ab_searchbx ul + span.fr{position:absolute;bottom: -35px;right:5px; font-size:11px; letter-spacing:0px;}

.ab_searchbx.patent ul li:nth-child(3) select{width:100%;}
.ab_searchbx.patent ul li:nth-child(5) input{width:70%;}

.ab_searchbx.royalty ul li:nth-child(3) input{width: 100%;}





    @media (min-width:991px) and (max-width:1099px){
      #onlineReqst_area .allbox .ctr-box {width:95%;}
      .ab_searchbx {padding: 20px 0;}
      .ab_searchbx ul li p{width:30%;}
      .ab_searchbx ul li p + span{width:70%;}
    }


    @media all and (min-width:800px) and (max-width:990px){
      .ab_searchbx ul li p {width:30%;}
      .ab_searchbx ul li p + span {width:70%;}

    }
    @media all and (max-width:990px){
      #onlineReqst_area .allbox .ctr-box {width:95%;}
      .ab_searchbx ul {padding:0;}

    }

    @media all and (max-width:799px){
      .allbox > .ctr-box select {width:31%; margin-bottom:5px;}
      .allbox > .ctr-box input {clear:both; width:80% !important; max-width:none;}
      .allbox > .ctr-box input + a {width:19%; float:right;}

      .ab_searchbx ul li:last-child input{width:100%;}
      .ab_searchbx ul li{width:100%; padding-left:5px;}
      .ab_searchbx ul li:nth-child(2) input{width:100%;}
      .ab_searchbx ul li:nth-child(3){margin-bottom:5px;}
      .ab_searchbx ul li select {width:100%;}

      .basic-table01 tbody tr td {word-break:break-all; padding:20px 3px;}
      .basic-table01 tbody tr td a.wzbtn-table {height:auto; min-height:30px; line-height:17px; word-break:keep-all;}

      .ctr-box > div.fr {float: left; margin-top: 10px;}

    }

  @media all and (max-width:599px){
      .allbox > .ctr-box select.fr {margin-right:0;}



    }