@charset "UTF-8";
.s020101 .tab-ul.type3{border-color:#484a4b;height:70px}
.s020101 .tab-ul.type3 li{width:25%;margin:0;margin-top: 0;}
.s020101 .tab-ul.type3 li a{text-align:center;padding:10px}
.s020101 .tab-ul.type3 li.on a span,.s020101 .s020101   .tab-ul.type3 li.active a span,.s020101 .s020101   .tab-ul.type3 li a:focus span,.s020101 .s020101   .tab-ul.type3 li a:hover span{border-color:#484a4b;color:#484a4b}
.s020101 .s020101   .tab-ul.type3 li.on{background-color:#484A40;border-color:#484a4b}
.s020101 .s020101   .tab-ul.type3 li.on a span{color:#fff;font-weight:700}
.s020101 .board--card--list .obj.col4 .col.on{background-color:#f9fafc;border:1px solid #016b3b}
.s020101 .board--card--list .obj.col4 .col.on a,.s020101 .board--card--list .obj.col4 .col.on a em{color:#016b3b;font-weight:700}
.s020101 .program--search{padding:62px;background-color:#016b3b;border:1px solid #016b3b;position:relative}
.s020101 .program--search:before{display:block;position:absolute;right:-170px;bottom:-60px;width:486px;height:274px;background:url(/images/main/sub01/sub010201_bg.png);content:""}
.s020101 .program--search .search_inner{max-width:881px;width:100%;margin:0 auto;flex-direction:column}
.s020101 .program--search .search_inner>div{display:inline-block}
.s020101 .program--search .search_inner .title{position:relative;padding:0 0 20px 255px}
.s020101 .program--search .search_inner .title .obj{position:absolute;left:47px;bottom:0;width:193px;height:109px;background:url(/images/main/main/obj02.png)no-repeat}
.s020101 .program--search .search_inner .title>span{display:block;line-height:1.1;margin:0 0 10px;font-size:19px;font-family:'nsr';color:#494949}
.s020101 .program--search .search_inner .title strong{display:block;line-height:1.1;font-size:34px;font-family:'gmarket';font-weight:300;color:#fff}
.s020101 .program--search .search_inner .title strong span{color:#fff;font-family:'gmarket';font-weight:600;position:relative;display:inline-block;top:2px}
.s020101 .program--search .search_inner .fieldset{background:#fff;border-radius:0 15px 0 0;padding-right:75px;position:relative}
.s020101 .program--search .search_inner .fieldset .search--text{width:100%;display:block;max-width:none}
.s020101 .program--search .search_inner .fieldset .search--text span{padding:0;border:none;width:100%}
.s020101 .program--search .search_inner .fieldset .search--text input{width:100%;height:60px;line-height:60px;padding:0 30px;font-size:15px;color:#000}
.s020101 .program--search .search_inner .fieldset .search--text input::placeholder{color:#a2a1a1}
.s020101 .program--search .search--btn{position:absolute;right:0;top:0}
.s020101 .program--search .search--btn .btn--submit{height:100%}
.s020101 .program--search .search--btn input{width:60px;height:60px;border:1px solid #006940;border-radius:0 10px 0 10px;background:#333 url(/images/main/main/search.png)no-repeat center!important;font-size:0!important}
.s020101 .program--search .fieldset{width:100%}

.tabpanel{display:none;opacity:0;}
.tabpanel.on{display:block;opacity:1;}

/*비급여진료비 가독성 높이기*/
.s020101 .tab-ul.type3 li a {font-weight:bold;font-size:20px;}
.s020101 .board--card--list .obj.col4 .col a {font-size:17px}

.s020101   .tab-ul.type3{border-bottom:1px solid #484a4b}
.s020101   .tab-ul.type3 li{height: 100%;overflow:hidden}
.s020101   .tab-ul.type3 li a{padding:0;display:block;height: 100%;margin:0;border:none;font-size:16px;border:1px solid #b5b7ba;border-radius:10px 10px 0 0;border-bottom:none;position:relative}
.s020101   .tab-ul.type3 li a:focus:after,.s020101   .tab-ul.type3 li a:hover:after{display:block;position:absolute;bottom:-1px;left:0;content:'';width:100%;height:1px;background:#fff}
.s020101   .tab-ul.type3 li a span{padding:10px 30px;line-height:1.5;color:#5b5e66;letter-spacing:-.025em;height: 100%;display: flex;align-items: center;/* text-align: center; */justify-content: center;}
.s020101   .tab-ul.type3 li.on a span,.s020101   .tab-ul.type3 li.active a span,.s020101   .tab-ul.type3 li a:focus span,.s020101   .tab-ul.type3 li a:hover span{color:#fff}
.s020101 .tabpanel.on{display:inline-block;opacity:1}
.s020101 .s020101   .tab-ul.type3 li a span{padding:10px}



@media screen and (max-width:999px) {
.s020101 .tab-ul.type3 li,.s020101 .board--card--list .obj.col4 .col{width:50%;max-width:50%;flex:0 0 50%}
.s020101 .table-responsive{width:100%;overflow-y:hidden;overflow-x:auto}
.s020101 .table-responsive .table{width:1100px}
.s020101 .table-responsive .table-icon{display:block!important;opacity:1;top:43%}
}
@media only screen and (max-width: 768px) {
.s020101 .program--search .search--btn span{width:81px}
}
@media only screen and (max-width: 600px) {
.s020101 .table{display:table}
.s020101 .table tr{display:table-row;width:inherit}
.s020101 .table tbody,.s020101 .table thead{display:table-row-group}
.s020101 .table th,.s020101 .table td{display:table-cell;width:auto}
.s020101 .program--search .search_inner{padding-left:0;display:block}
.s020101 .program--search .search--btn,.s020101 .program--search .search--text{display:inline-block}
.s020101 .program--search .search--btn{width:auto}
.s020101 .program--search .search_inner .search-tit{display:block;position:relative;left:auto;margin:0 auto}
}
@media screen and (max-width:540px) {
.s020101 .tabpanel .col{border-bottom:1px soild #ddd}
.s020101 .tabpanel .col:after{display:none}
.s020101 .tab-ul.type3 li,.s020101 .board--card--list .obj.col4 .col{width:100%;max-width:100%;flex:0 0 100%}
.s020101 .board--card--list .obj.col4 .col{border:0;border-bottom:1px solid #ddd}
}
@media screen and (max-width:380px) {
.s020101 .program--search .search--btn,.s020101 .program--search .search--btn span,.s020101 .program--search .search--text{display:block;width:100%;max-width:100%}
}

@media (max-width:1000px) {
.s020101 .ui.ui-tablist.s0204 #tab-panel1{width:100%}
.s020101 .ui.ui-tablist.s0204 #tab-panel1 .d-flex #tableview1{overflow:hidden;overflow-x:auto}
}

/* /prog/ntslrList/list.do 수정 */
@media (max-width:1200px) {
    .s020101 .ui.ui-tablist.s0204 .tab-ul.type3.col4 li a span {font-size:19px;padding-left:10px;padding-right:10px;}
  }
  
  @media (max-width:1023px) {
    .s020101 .ui.ui-tablist.s0204 .tab-ul.type3.col4 li a span {font-size:18.5px;}
  }
  
  @media (max-width:1000px) {
    .s020101 .tabpanel.on {display: inline-block;opacity: 1;}
    .s0204 .tabpanel#tab-panel1 {overflow-x:auto;width:100%;}
    .s0204 .tabpanel#tab-panel2 {overflow-x:auto;width:100%;}
    .s0204 .tabpanel#tab-panel3 {overflow-x:auto;width:100%;}
    .s0204 .tabpanel#tab-panel4 {overflow-x:auto;width:100%;}
    .s020101 .s0204 .tabpanel#tab-panel2, .s020101 .s0204 .tabpanel#tab-panel3,.s020101 .s0204 .tabpanel#tab-panel4{padding-left: 30px; padding-right: 30px;}

  }
  
  @media (max-width:790px) {
    .s020101 .ui.ui-tablist.s0204 #tab-panel1 .d-flex {display:block;}
    .s020101 .ui.ui-tablist.s0204 #tab-panel1 .d-flex  .side_nav {width:100%;}
    .tabpanel .d-flex .table-responsive{margin: 0;}
    .s020101 .ui.ui-tablist.s0204 #tab-panel1 .d-flex .table-responsive{width: calc(100% - 0px);margin-top:30px}
  }
  
  @media (max-width:640px) {
    .s020101 .program--search .search_inner .fieldset .search--btn{display:inline-block;  margin: 0px 0px 13px;}
    .s020101 .program--search .search_inner .fieldset {height:65px;}
    .s020101 .program--search .search_inner .fieldset .search--text {margin-top:0px;}
    .s020101 .program--search .search_inner .title .obj {display:none;}
    .s020101 .program--search .search_inner .title {padding-left:20px;padding-right:20px;}
  }
  
  @media (max-width:435px) {
    .s020101 .program--search .search_inner .title {padding-left:10px;padding-right:10px;}
    .s020101 .program--search .search_inner .title strong {font-size:25px;}
    .s020101 .program--search {padding:40px;}
  }
  
  @media (max-width:360px) {
    .s020101 .program--search .search_inner .fieldset {padding-right:0px;}
    .s020101 .program--search .search_inner .fieldset .search--btn {position:relative;}
    .s020101 .program--search {height:320px;}
  }
  
  .tabpanel .d-flex .side_nav .tab-list li a {cursor: pointer;}
  
  .rsv-inner .txt span {font-size:16px;display:block;font-weight:500;}
  .rsv-inner .txt span br {display: none;}
  .rsv-inner .txt span em {color: #d14707;font-weight:600;}
  @media (max-width:550px) {
    .rsv-inner .txt span br {display: block;}
  }
  /* 0121 */
  @media (max-width:1000px) and (min-width:768px) {
    .s020101 .table-responsive .table-icon {display:block !important;position: absolute;/* z-index: 99999; */top: 46%;left: 50%;opacity: 1;}
    .s020101 #tab-panel2 .table-responsive.mt_20.table-pc .table-icon.icon--hide {opacity:0;}
    .s020101 #tab-panel2 .table-responsive.mt_20.table-pc>#tableview2 .table-icon.icon--hide {opacity:1}
  }
  
  @media (max-width:767px) {
    .s020101 #tab-panel2 .table-responsive.mt_20 .table-icon {opacity:0;}
    .s020101 #tab-panel2 .table-responsive.mt_20 #tableview2 .table-icon {opacity:1;}
  }
  