@charset "utf-8";

#onlineReqst_area .allbox {background:#f7f7f7; border:1px solid #ececec; padding:20px 0 18px; margin-bottom:20px; border-radius:3px; text-align:center;}
#onlineReqst_area .allbox .ctr-box {margin-top:0; width:70%; display:inline-block;}
.allbox > .ctr-box select {margin-right:2px; max-width:190px;}
.allbox > .ctr-box input {margin-right:2px; width:40% !important; max-width:300px;}
#onlineReqst_area h5 {font-size:18px;}

.basic-table01 {width:100%; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; border-collapse:collapse; margin:10px 0;}
.basic-table01 thead tr th,
.basic-table01 thead tr th a {font-weight:700; font-size:14px; color:#666;}
.basic-table01 thead tr {background:#f7f7f7; border-bottom:1px solid #e4e4e4;}

.basic-table01 tbody tr th {font-weight:700; font-size:13px; color:#666; background:#fcfcfc; text-align:center; padding:20px 5px; word-break:keep-all;}
.basic-table01 tbody tr {border-bottom:1px solid #f1f1f1;}
.basic-table01 tbody tr td {background:#fff;color:#5c5c5c; font-size:13px;padding:20px 10px; word-break:keep-all;}
.basic-table01 tbody tr td a.btn-s{color:#fff;}
.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;}
.basic-table01 tbody tr td input[type="text"] + p.blue {display:block; width:100%; margin-top:7px; line-height:18px; word-break:keep-all;}


/* 온라인 신청하기 */
#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 {}


/*넘버링*/
ul.num {display:table; margin:0 auto; float:none !important; list-style:none; padding-left:0;}
ul.num li {float:left; width:auto !important; padding:0 !important; list-style:none;}
ul.num li:last-child {margin-right:0;}
ul.num li a {padding:6px 8px 5px; display:inline-block; font-size:11px; color:#333;}
ul.num li a.on {background:#f0f0f0; border:1px solid #e8e8e8; border-radius:3px; font-weight:600; box-sizing:border-box; padding:5px 8px;}
ul.num li a.pd3 {padding:3px 9px 3px 0;}
ul.num li a:hover,
ul.num li a:focus {font-weight:600; text-decoration:underline;}
ul.num li a > img {width:20px; height:20px;}


.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 5px;}
      .basic-table01 tbody tr td a.wzbtn-table {height:auto; min-height:30px; line-height:17px; word-break:keep-all;}
      
    }

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

    
    }