/*
제주넷 분야별 2017 서브 
*/


.alert-default {background: #eee;}

@media (min-width: 992px) {

.sub-newcontents { padding-bottom:50px !important;  }

 
  .side-menu {
    padding: 0 25px 0 0;
  }
  .side-menu>ul {
    margin: 10px 0 100px;
  }
  .side-menu>ul>li>a {
    position: relative;
    display: block;
    padding: 13px 25px 13px 0;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #ddd;
  }
  .side-menu>ul>li>a>i {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top:-14px;
	  color: #008661;
  }
  .side-menu>ul>li>a>i.icon-right-open {
    display: none;
  }
  .side-menu>ul>li>a.active {
    border-bottom: 2px solid #008661;
  }
  .side-menu>ul>li>a.active>i.icon-right-open {
    display: block;
  }
  .side-menu>ul>li>ul {
    display: none;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    font-size:16px;
  }
  .side-menu>ul>li>ul.active {
    display: block;
  }
  .side-menu>ul>li>ul>li {
    padding: 5px 0;
  }
  .side-menu>ul>li>ul>li>a:hover,
  .side-menu>ul>li>ul>li>a>i {
    color: #008661;
  }
  .side-menu>ul>li>ul>li>a.active {
	color: #008661;
	text-decoration:underline;
  }












  .side-menu>ul>li>ul {
 
    font-size:16px;
  }


	 ul.tab-menu {
    float:left;
    width:100%;
    background-color:#eee;
  }

  ul.tab-menu li {
    float:left;
    width:33.333%;
  }

  ul.tab-menu li a {
    display:block;
    padding:15px 0px;
    text-align: center;
    background-color: #FFF;
    border: 1px solid #ddd;
    font-size:16px;
    color: #555;
  }
  ul.tab-menu li.active a {
    padding:12px 0px;
    border:4px solid #008661;
    color: #008661;
  }
  ul.tab-menu.tabs1 li {width:100%;}
  ul.tab-menu.tabs2 li {width:calc(100% / 2);}
  ul.tab-menu.tabs3 li, ul.tab-menu.tabs6 li, ul.tab-menu.tabs9 li {width:33.333%;}
  ul.tab-menu.tabs4 li, ul.tab-menu.tabs7 li, ul.tab-menu.tabs8 li, ul.tab-menu.tabs11 li, ul.tab-menu.tabs12 li {width:calc(100% / 4);}
  ul.tab-menu.tabs5 li, ul.tab-menu.tabs10 li {width:calc(100% / 5);}
	
}

@media (max-width: 991px) {

  .source-trigger {
    position:relative;
  }
  .source-trigger i {
    position:absolute;
    right:15px;
  }

  ul.tab-menu {
    border: 1px solid #ddd;
  }
  ul.tab-menu li {
    border-bottom:1px solid #ddd;
  }
  ul.tab-menu li:last-child {
    border-bottom: 0;
  }
  ul.tab-menu li a {
    display: block;
    padding:6px 0;
    color:#555;
  }
  ul.tab-menu li.active a {
    padding:4px 0;
    border:2px solid #008661;
    color: #008661;
  }

#sub #pageSurvey dl dd input[type='text'] {width: 80%;}
#sub #pageSurvey dl dd button {width: 20%;}

}


  ul.nav-pills>li>a {border:1px solid #ddd; color:#555;}
  ul.nav-pills>li.active>a {border:1px solid #008661; background-color: #008661;}
  .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {background-color: #008661;}


	/*코로나 콘텐츠*/
	.corona-linkbox {float: left;}
	.corona-linkbox h3 {float: left; width: 100%; margin-top: 30px;}
	.corona-linkbox h3:first-child {margin-top: 0;}
	.corona-linkbox p {float: left; width: 100%; color: #333; background-color: #f5f5f5; border: 1px solid #ddd; padding: 15px; margin-bottom: 5px;}
	.corona-linkbox p a {color: #333; font-size: 16px;}



@media (min-width: 992px) and (max-width: 1199px) {


}
.contents-wrapper table.table.table-data, .contents-wrapper table.table.table-list, .contents-wrapper table.table.table-view, .contents-wrapper table.table.table-form, .contents-wrapper table.dataTable, .contents-wrapper .table.table-wel-01
{ /* border-left:1px solid #ddd !important; border-right:1px solid #ddd !important;  */ }

.contents-wrapper .dataTable { border-top:0px !important;  }


/*공공누리*/
.kogl {float: left; width: 100%; border: 1px solid #ddd;  padding: 20px; margin-top: 30px;}
.kogl img {float: left; margin-right: 15px; height: 60px;}
.kogl p {float: left; padding: 25px 0 0 0;}
@media (max-width: 1199px) and (min-width: 992px) {
	.kogl p {width: 72%; padding-top: 5px;}
}
@media (max-width: 991px) { 
	.kogl img {width: 25%; margin-right: 5%; height: auto;;}
	.kogl p {padding: 0; width: 70%;}
}  




/* 외부링크 콘텐츠 */
.links-group p {clear: both;}
.links-group ul { clear: both;list-style:none;}
.links-group ul li {margin-bottom: 10px; min-height: 50px; float: left; padding-left:0px; background:none; }
.links-group ul li.long a {padding-top: 2px;}
.links-group ul li a {display: block; padding: 12px; min-height: 50px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Ssvyrf%2Srqvgbe%2S409qp309-4q79-4n61-8463-p22o47n298n5.cat) no-repeat 90% center #eee;  border-radius : 10px; vertical-align: middle;}
.links-group ul a:hover {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Ssvyrf%2Srqvgbe%2S409qp309-4q79-4n61-8463-p22o47n298n5.cat) no-repeat 90% center #d6f0ff; text-decoration: none;}