/*
제주넷 2017 콘텐츠
*/


.well { clear:both;}
.tRight { text-align:right;  }
.tleft { text-align:left;  }
.tCenter { text-align:center;  }
.tBlock { display:block;  }
.tBig { font-size:26px; font-weight:bold;  }
.tMiddle { font-size:16px; }
.tBlue { color:#05509c;  }
.clear {clear:both; display:block;   }
.mCenter {margin: 0 auto;}
.fLeft {float: left;}
.hiddenX {display: none;}

a.downloadBtn {padding-top: 0; margin-top: 3px; vertical-align: top;}


.iframe-responsive {width:100%;overflow:auto;-webkit-overflow-scrolling: touch; }
.iframe-responsive iframe{min-width:690px;width:100%;}
/* Buttons Common */
/*
.currentBtn {position: absolute; right: 0; top: 40px;}
.btn {
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	font-size: 14px;
	height: 30px;
	padding: 2px 20px 5px;
	border:0 none;
}
a.btn {
	padding: 5px 20px;
}
.btn-lg {
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	height: 50px;
	padding: 5px 10px;
}
a.btn-lg {
	padding: 15px 10px 5px;
}

.btn-sm {
	font-size: 12px;
	height: 20px;
	padding: 0 15px 2px;
}
a.btn-sm {
	padding: 0 15px;
}

.btn-xs {
	font-size: 11px;
	height: 15px;
	padding: 0 10px;
}

.btn-default, .label-default, .label-inverse {
	background-color: #333 !important;
	color: #fff !important;
}

.btn-primary, .label-primary {
	background-color: #1d57bd !important;
}

.btn-success, .label-success {
	background-color: #0681b5 !important;
}
.btn-info, .label-info {
	background-color: #058864 !important;
}
.btn-warning, .label-warning {
	background-color: #e98b29 !important; color:#333;
}
.btn-danger, .label-danger {
	background-color: #e95629 !important;
}*/




/* alert common */
/*.alert {
	-moz-border-radius:0 !important;
	-webkit-border-radius:0 !important;
	border-radius:0 !important;
	color:#333;
	border: 0 none;
}

.alert-default {
	background-color: #eee;
}
.alert-success {
	background-color: #d6f0ff;
}
.alert-info {
	background-color: #cee6e0;
	color: #056a4e;
}
.alert-warning {
	background-color: #f0e0ce;
	color: #b02900;
}
.alert-danger {
	background-color: #ebdad5;
	color:  #b02900;
}

table.table.table-data {
	border-top:1px solid #555;
}*/


/* nav nav-tabs */

@media (min-width: 992px) {
  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 0;
    text-align: center;
    background-color: #FFF;
    border: 1px solid #ddd;
    letter-spacing: -1.6px;
    color: #555;
  }
  ul.tab-menu li.active a {
    padding:12px 0;
    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.tabs5 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.tabs10 li {width:calc(100% / 5);}


  ul.nav.nav-tabs li { width:33.333%;}
}

@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 15px;
    color:#555;
  }
  ul.tab-menu li.active a {
    padding:4px 15px;
    border:2px solid #008661;
    color: #008661;
  }

}
  ul.nav.nav-tabs {background:#eee;}
  ul.nav.nav-tabs li {margin-bottom:0;}
  ul.nav.nav-tabs li a {border:1px solid #ddd; margin-right:0; text-align:center; background:#fff;}
  ul.nav.nav-tabs li.active a {background:#008661; color:#FFF;}

  ul.nav-pills>li>a {padding:10px 0; border:1px solid #ddd; color:#555; font-size:13px; letter-spacing:-1.6px;}
  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;}



/*기본통계*/
.statsWrap {}
.contents-wrapper .statsWrap ul{margin:0 -10px 20px -10px;}
.contents-wrapper .statsWrap ul li { float:left; margin-bottom:30px; text-align:center; padding-left:0px !important;  }
.statsWrap ul li .img {margin-bottom:10px; }
.statsWrap ul li p.title {font-size:16px; color:#333; font-weight:bold; background:url(/pub/site/jejunet/2016/images/sub3/tit_bar.jpg) no-repeat center bottom; padding-bottom:13px; margin-bottom:6px; }
.statsWrap ul li p  { line-height:1.4; color:#555; font-size:14px; padding-bottom:0px;  }
.statsWrap ul li p  strong{  font-size:16px;  }


.online2Box {float: left; width: 100%; padding: 15px; border: 1px solid #ddd; margin-bottom: 20px;}
.online2Box p {float: left;font-size: 15px;  padding: 0;}
.online2Box a {float: right;}

/* 조직도 */
.contents-wrapper .organChart ul {list-style:none;}
.contents-wrapper .organChart ul li {margin:10px;background:none;}
.contents-wrapper .organChart ul li span {display:block;background:#1D56BD;color:white;padding:5px;width:200px;}

.contents-wrapper .organChart ul li.org1 span {background:#EEEEEE;color:#474747;border:1px solid #474747;margin-left:20px;}

.contents-wrapper .organChart ul li ul li span {background:#333333;}
.contents-wrapper .organChart ul li ul li ul li {padding-left:100px;}
.contents-wrapper .organChart ul li ul li ul li span {background:#D6F0FF;color:#474747;border:1px solid #A2C3D4; cursor: pointer;}
.contents-wrapper .organChart ul li ul li ul li ul li {padding-left: 30px;}

@media (min-width: 992px) {
.contents-wrapper .organChart2017 ul {margin:0;}
.contents-wrapper .organChart2017 ul li {background:none; padding-left:0;}
.contents-wrapper .organChart2017 ul li.boss { text-align:center;}
.contents-wrapper .organChart2017 ul li.boss>span {display:inline-block; width:30%; line-height:50px; background:#058964; color:#fff; border-radius:10px; font-size:16px;}
.contents-wrapper .organChart2017 .org-line-center {float:left; width:100%;}
.contents-wrapper .organChart2017 .org1 {position:relative; float:left; width:50%; padding:35px 0; background:url(/pub/site/jejunet/2017/images/sub/org_line.gif) repeat-x 0 center;}
.contents-wrapper .organChart2017 .org1 span {display:inline-block; width:90%; background: #fff;}
.contents-wrapper .organChart2017 .org1 span>span {display:inline-block; width: 35%; line-height:35px; background:#eee; color:#333; border:1px solid #ccc; border-radius:10px; text-align:center;}
.contents-wrapper .organChart2017 .org1.org-right:after {border-left:1px solid #ccc; position:absolute; top:0; left:0; width:1px; height:124px; display:block; content:"";}
.contents-wrapper .organChart2017 .org2 {float:left; width:50%; background:url(/pub/site/jejunet/2017/images/sub/org_line.gif) repeat-x 0 17px;}
.contents-wrapper .organChart2017 .org2>span {display:inline-block; width:66%; background: #fff;}
.contents-wrapper .organChart2017 .org2 span>span {display:inline-block; width: 50%; padding-bottom:20px; background:url(/pub/site/jejunet/2017/images/sub/org_line.gif) repeat-y center 0;}
.contents-wrapper .organChart2017 .org2 span>span>span {width:100%; line-height:35px; padding-bottom:0; background:#333; color:#fff; border-radius:10px; text-align:center;}
.contents-wrapper .organChart2017 .org-left, .contents-wrapper .organChart2017 .org-right>span {text-align:left;}
.contents-wrapper .organChart2017 .org-left>span, .contents-wrapper .organChart2017 .org-right {text-align:right;}
.contents-wrapper .organChart2017 .org2.org-left {padding-right:1%;}
.contents-wrapper .organChart2017 .org2.org-right {padding-left:1%;}
.contents-wrapper .organChart2017 .org3 {float:left; width:100%; margin-bottom:20px; background:#fff; text-align:center; letter-spacing:-1.6px;}
.contents-wrapper .organChart2017 .org3>li {position:relative; float:left; width:33.333%; padding-top:20px; background:url(/pub/site/jejunet/2017/images/sub/org_line.gif) repeat-y center 0;}
.contents-wrapper .organChart2017 .line-left:after {border-top:1px solid #ccc; position:absolute; top:0; left:50%; width:50%; display:block; content:"";}
.contents-wrapper .organChart2017 .line-center:after {border-top:1px solid #ccc; position:absolute; top:0; left:0; width:100%; display:block; content:"";}
.contents-wrapper .organChart2017 .line-right:after {border-top:1px solid #ccc; position:absolute; top:0; right:50%; width:50%; display:block; content:"";}
.contents-wrapper .organChart2017 .org3>li>span {display:block; width:90%; line-height:33px; margin:0 auto; border:1px solid #fdde7e; background:#ffee90; color:#333;}
.contents-wrapper .organChart2017 .org3>li>ul {width:90%; min-height:141px; margin:0 auto; padding:5px 0; border:1px solid #E3E3E3; border-top: 0 none; background:#fff;}
.contents-wrapper .organChart2017 .org3>li>ul>li {padding:2px 0;}
.contents-wrapper .organChart2017 .org3>li>ul>li>a {color:#333;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.contents-wrapper .organChart2017 .org3 {font-size:12px;}
}
@media (max-width: 991px) {
.contents-wrapper .organChart2017 ul {margin:0;}
.contents-wrapper .organChart2017 ul li {background:none; padding-left:0;}
.contents-wrapper .organChart2017 ul li.boss { text-align:center;}
.contents-wrapper .organChart2017 ul li.boss>span {display:inline-block; width:50%; line-height:50px; background:#058964; color:#fff; border-radius:10px;}
.contents-wrapper .organChart2017 .org-line-center {float:left; width:100%;}
.contents-wrapper .organChart2017 .org1 {position:relative; float:left; width:50%; padding:20px 0; background:url(/pub/site/jejunet/2017/images/sub/org_line.gif) repeat-x 0 center;}
.contents-wrapper .organChart2017 .org1 span {display:inline-block; width:90%; background: #fff;}
.contents-wrapper .organChart2017 .org1 span>span {display:inline-block; width: 80%; line-height:35px; background:#eee; color:#333; border:1px solid #ccc; border-radius:10px; text-align:center;}
.contents-wrapper .organChart2017 .org1.org-right:after {border-left:1px solid #ccc; position:absolute; top:0; left:0; width:1px; height:77px; display:block; content:"";}
.contents-wrapper .organChart2017 .org-left, .contents-wrapper .organChart2017 .org-right>span {text-align:left;}
.contents-wrapper .organChart2017 .org-left>span, .contents-wrapper .organChart2017 .org-right {text-align:right;}
.contents-wrapper .organChart2017 .org2 {clear:both; text-align:center;}
.contents-wrapper .organChart2017 .org2 span>span>span {display:inline-block; width:45%; line-height:35px; padding-bottom:0; background:#333; color:#fff; border-radius:10px; text-align:center;}

.contents-wrapper .organChart2017 .org3 {float:left; width:100%; margin-bottom:20px; background:#fff; text-align:center; font-size:12px; letter-spacing:-1.6px;}
.contents-wrapper .organChart2017 .org3>li {position:relative; float:left; width:33.333%; padding-top:20px;}
.contents-wrapper .organChart2017 .org3>li>span {display:block; line-height:33px; margin:0 auto; border:1px solid #fdde7e; background:#ffee90; color:#333;}
.contents-wrapper .organChart2017 .org3>li>ul { min-height:141px; margin:0 auto; padding:5px 0; border:1px solid #E3E3E3; border-top: 0 none; background:#fff;}
.contents-wrapper .organChart2017 .org3>li>ul>li {padding:2px 0;}
.contents-wrapper .organChart2017 .org3>li>ul>li>a {color:#333;}
}



.relSite { list-style:none; margin:0 0 20px 0;float:left; margin-right:-10px;  padding:0; }
.relSite li { float:left; padding-left:0px; background:none;  }
.relSite li a { float:left;display:block;border-radius:5px;margin-bottom:10px;  margin-left:10px; background:#eee; width:140px; text-align:center; height:50px; padding-top:16px; font-size:14px; color:#333;   }
.relSite li.long a { padding-top:6px;  }
.relSite li a:hover {background:#d6f0ff; }

/*.contents-wrapper {width:745px;}*/
.full-contents  .contents-wrapper { width:100%;  }

.contents-wrapper h3 {clear:both; background:url(../images/sub/bull01.png) no-repeat 0 center; line-height:1.4; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:0 0 15px 0; padding:9px 0 8px 30px; font-size:16px; font-weight:bold; color:#333;}
.contents-wrapper h4 {clear:both; background:url(../images/sub/bull02.png) no-repeat 0 4px; margin:0 0 10px 0; padding-left:17px; font-size:16px; font-weight:normal; color:#333;}
.contents-wrapper h5 {clear:both; background:url(../images/sub/bull03.png) no-repeat 3px 7px; margin:0 0 10px 0; padding-left:17px;line-height:1.6;  font-size:14px; font-weight:normal; color:#333;}

.module-wrapper h3 { background:url(../images/sub/bull01.png) no-repeat 0 center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:0 0 15px 0; padding:8px 0 9px 30px; font-size:16px; font-weight:bold; color:#333;}
.module-wrapper h4 { background:url(../images/sub/bull02.png) no-repeat 0 4px; margin:0 0 10px 0; padding-left:17px; font-size:16px; font-weight:normal; color:#333;}
.module-wrapper h5 { background:url(../images/sub/bull03.png) no-repeat 3px 7px; margin:0 0 10px 0; padding-left:17px; font-size:14px; line-height:1.6; font-weight:normal; color:#333;}

 .contents-wrapper ul {clear:both; list-style:none; margin:0 0 20px 3px; padding:0;}
 .contents-wrapper ul li {background:url(../images/sub/icon_04.png) no-repeat 0 10px;line-height:1.6;  padding-left:14px;}
 .contents-wrapper ul.list-unstyled li {background:none; padding-left:12px;}
 .contents-wrapper p {padding:0 0 10px 0; margin:0; letter-spacing:-0.6px; line-height:1.6;}
 .contents-wrapper p.in {padding:0 0 15px 15px;}

 .contents-wrapper table.table.table-data,
 .contents-wrapper table.table.table-list,
 .contents-wrapper table.table.table-view,
 .contents-wrapper table.table.table-form {border-top:2px solid #3fb978; }
 .contents-wrapper table.no-caption caption {position:absolute; top:-3000px; left:-3000px; height:0px; line-height:0px; }
 .contents-wrapper table.caption-bottom-center caption {caption-side: bottom; text-align: center;}

 .contents-wrapper table.table.table-data thead th,
 .contents-wrapper table.table.table-list thead th,
 .contents-wrapper table.table.table-form th,
 .contents-wrapper table.table.table-view th {padding:8px 5px; background:#f3f3f3; color:#333; border:1px solid #ddd; text-align:center; white-space: nowrap; vertical-align:middle;}
 .contents-wrapper table.table.table-data tbody td,
 .contents-wrapper table.table.table-list tbody td {padding:8px 10px; border:1px solid #ddd; vertical-align:middle; text-align: center; background:#fff; }
 .contents-wrapper table.table.table-data tbody td.contents,
 .contents-wrapper table.table.table-list tbody td.contents,
 .contents-wrapper table.table.table-data tbody td.title,
 .contents-wrapper table.table.table-list tbody td.title {text-align: left;}


 .contents-wrapper .alert-success table { margin-bottom:0px;  }
 .contents-wrapper .alert-success table.table.table-data thead th,
 .contents-wrapper .alert-success table.table.table-list thead th,
 .contents-wrapper .alert-success table.table.table-form th,
 .contents-wrapper .alert-success table.table.table-view th {padding:8px 5px; background:#f3f3f3; color:#333; border:1px solid #ddd; text-align:center; white-space: nowrap; vertical-align:middle;}
 .contents-wrapper .alert-success table.table.table-data tbody td,
 .contents-wrapper .alert-success table.table.table-list tbody td {padding:5px 10px; border:1px solid #ddd; vertical-align:middle; text-align: center; background:#fff; }
 .contents-wrapper .alert-success table.table.table-data tbody td.contents,
 .contents-wrapper .alert-success table.table.table-list tbody td.contents,
 .contents-wrapper .alert-success table.table.table-data tbody td.title,
 .contents-wrapper .alert-success table.table.table-list tbody td.title {text-align: left;}


.dataTable { width:100%; border-collapse:collapse;border-top:2px solid #555;  }
.dataTable thead th {padding:8px 5px; background:#f3f3f3; color:#333; border:1px solid #ddd; text-align:center; white-space: nowrap;  }
.dataTable tbody th {padding:8px 5px; background:#f3f3f3; color:#333; border:1px solid #ddd; text-align:center; white-space: nowrap;  }
.dataTable td {background:#fff; padding:8px 10px; border:1px solid #ddd; vertical-align:middle; }


.contents-wrapper ul.nav {
	margin: 0;
}
.contents-wrapper ul.nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
}

/*
table tr td dl dt {clear:both; background:url(/pub/site/jejunet/images/sub/icon_02.gif) no-repeat 0 5px; margin:10px 0; padding-left:15px; font-size:16px; font-weight:bold; color:#333;}
table tr td dl dd {background:url(/pub/site/jejunet/images/sub/icon_03.gif) no-repeat 0 7px; margin-left:10px; padding-left:12px;}
 */

.img-txt {position:relative;}
.img-txt .txt1 {position:absolute; top:90px; left:50px; font-size:24px; font-weight:bold; color:#FFF;}
.img-txt .txt2 {position:absolute; top:210px; left:50px; font-size:24px; color:#FFF;}





.contents-wrapper .foreign h5 { float:none;  }



.sub-contents ol { margin-left:10px; padding-left:10px;  }

 .contents-wrapper table.table.table-data thead th.text-left,
 .contents-wrapper table.table.table-list thead th.text-left,
 .contents-wrapper table.table.table-data thead td.text-left,
 .contents-wrapper table.table.table-list thead td.text-left,
 .contents-wrapper table.table.table-data tbody th.text-left,
 .contents-wrapper table.table.table-list tbody th.text-left,
 .contents-wrapper table.table.table-data tbody td.text-left,
 .contents-wrapper table.table.table-list tbody td.text-left,
 .contents-wrapper .dataTable thead th.text-left,
 .contents-wrapper .dataTable thead td.text-left,
 .contents-wrapper .dataTable tbody th.text-left,
 .contents-wrapper .dataTable tbody td.text-left {text-align: left;}

 .contents-wrapper table.table.table-data thead th.text-right,
 .contents-wrapper table.table.table-list thead th.text-right,
 .contents-wrapper table.table.table-data thead td.text-right,
 .contents-wrapper table.table.table-list thead td.text-right,
 .contents-wrapper table.table.table-data tbody th.text-right,
 .contents-wrapper table.table.table-list tbody th.text-right,
 .contents-wrapper table.table.table-data tbody td.text-right,
 .contents-wrapper table.table.table-list tbody td.text-right,
 .contents-wrapper .dataTable thead th.text-right,
 .contents-wrapper .dataTable thead td.text-right,
 .contents-wrapper .dataTable tbody th.text-right,
 .contents-wrapper .dataTable tbody td.text-right {text-align: right;}

#contactUs {float:left; width:100%; padding-bottom:10px;  border-top:1px solid #CCC; border-right:1px solid #CCC; border-left:1px solid #CCC; font-size:14px;}
#contactUs dl {float:left; width:100%; margin-top:10px;}
#contactUs dl dt {float:left;  line-height:30px; padding:0 20px; border-left:1px solid #CCC;}
#contactUs dl dt:nth-of-type(1) {border-left:0 none;}
#contactUs dl dd:nth-of-type(1) {width:30%;}
#contactUs dl dd:nth-of-type(2) {width:10%;}
#contactUs dl dd {float:left; line-height:30px; word-break: break-all;}

#pageSurvey {clear:both; padding-bottom: 20px; margin-bottom:0px;  background:#EEE; border:1px solid #CCC;}
#pageSurvey dl {padding:15px 20px 0 20px; font-size:14px;}
#pageSurvey dl dd {padding-top:10px;}
#pageSurvey dl dd ul {margin:0;}
#pageSurvey dl dd label {margin-right:35px; font-weight:normal;}
#pageSurvey dl dd label input {margin-right:5px;}
#pageSurvey dl dd input[type='text'] {width:90%; height:30px; padding-left:10px; border:1px solid #CCC; border-top-left-radius:3px; border-bottom-left-radius:3px;}
#pageSurvey dl dd button {width:10%; height:30px; margin-left:-1px; background:#333; color:#FFF; border:0 none; border-top-right-radius:3px; border-bottom-right-radius:3px;}

#snsReply {position:relative; clear:both; padding:15px 20px 5px 20px; margin-bottom:20px; background:#EEE; border-bottom:1px solid #ccc; border-right:1px solid #CCC; border-left:1px solid #CCC;}
#snsReply .sns-select em {margin-left:30px; font-style:normal;}
#snsReply .comment textarea {width:629px; height:60px; padding-left:10px; border:1px solid #CCC; border-top-left-radius:3px; border-bottom-left-radius:3px;}
#snsReply .comment button {width:59px; height:60px; margin-left:-1px; background:#333; color:#FFF; border:0 none; border-top-right-radius:3px; border-bottom-right-radius:3px;}
#snsReply .comment span {position:absolute; top:20px; right:20px;}
#snsReply .comment em {}
#snsReply ul {padding-top:10px;}
#snsReply ul li {padding:5px 0;}
#snsReply ul li img {}
#snsReply ul li strong {display:inline-block; width:70px;}
#snsReply ul li em {float:right; font-style:normal;}


.alert-default { background:#eee;color:#333;}
.alert-primary { background:#e1ecfe; color:#333;}
/*
.alert-success { background:#d6f0ff; color:#333;}
.alert-info { background:#e1f5da;color:#05694d; }
.alert-warning { background:#f1e0ce;color:#ae2802;}
.alert-danger { background:#ecdad6; color:#b12903;}
*/
.tabBox {float: left; width: 100%;}












.contents-wrapper .lineBox { padding:30px; border:1px solid #e1e1e1;  margin-bottom:20px; }
.contents-wrapper .line2 { padding:25px 30px;  }
.contents-wrapper .line2 strong { font-size:16px;  }

/*공익신고센터*/
	.contents-wrapper .stepguide ul.step {  }
	.contents-wrapper .stepguide ul.step li {margin-bottom: 20px;   min-height: 83px; background:url(/files/editor/7af9e689-721a-4f23-93bf-d323731c411c.png) no-repeat right center; }
	.contents-wrapper .stepguide ul.step li p { min-height: 83px; background: #d6f0ff;  border-radius : 10px; padding-top: 27px;}
	.contents-wrapper .stepguide ul.step li:last-child {background:none; }
	.contents-wrapper .stepguide ul.step li p.last {background: #1d56bd; color: #fff;}
	.contents-wrapper .stepguide ul.step li p.first {padding-top: 5px;}

/* 투명한정부 */
.contents-wrapper .gov01 .govTit {text-align: center; font-size: 30px; color: #333; font-weight: bold; margin-top: 40px;}
.contents-wrapper .gov01 .govTit span {color: #056a4e;}
.contents-wrapper .gov01 .text-success {font-size: 14px; padding: 0 0 0 15px;}
.contents-wrapper .gov01 .alert-info {margin: 25px 0 0 0;}
.contents-wrapper .gov01 .alert-info .govBoxTit {font-size: 16px; color: #333; font-weight: bold; padding-bottom: 5px;}

/* 유능한정부 */
.contents-wrapper .gov02 .govTit {text-align: center; font-size: 30px; color: #333; font-weight: bold; margin-top: 40px;}
.contents-wrapper .gov02 .govTit span {color: #b02900;}
.contents-wrapper .gov02 .text-danger {font-size: 14px; padding: 0 0 0 15px;}
.contents-wrapper .gov02 .alert-danger {margin: 25px 0 0 0;}
.contents-wrapper .gov02 .alert-danger .govBoxTit {font-size: 16px; color: #333; font-weight: bold; padding-bottom: 5px;}

/* 서비스정부 */
.contents-wrapper .gov03 .govTit {text-align: center; font-size: 30px; color: #333; font-weight: bold; margin-top: 40px;}
.contents-wrapper .gov03 .govTit span {color: #1d57bd;}
.contents-wrapper .gov03 .text-primary {font-size: 14px; padding: 0 0 0 15px;}
.contents-wrapper .gov03 .alert-success {margin: 25px 0 0 0;}
.contents-wrapper .gov03 .alert-success .govBoxTit {font-size: 16px; color: #333; font-weight: bold; padding-bottom: 5px;}

/*정부3.0소개 - 외부링크*/
	.contents-wrapper .links p {clear: both;}
	.contents-wrapper .links ul { clear: both;list-style:none;}
	.contents-wrapper .links ul li {margin-bottom: 10px; min-height: 50px; float: left; padding-left:0px; background:none; }
	.contents-wrapper .links ul li.long a {padding-top: 2px;}
	.contents-wrapper .links ul li a {display: block; padding-left: 13px; min-height: 50px; padding-top: 12px; background: url(/files/editor/409dc309-4d79-4a61-8463-c22b47a298a5.png) no-repeat 90% center #eee;  border-radius : 10px; vertical-align: middle;}
	.contents-wrapper .links ul a:hover {background: url(/files/editor/409dc309-4d79-4a61-8463-c22b47a298a5.png) no-repeat 90% center #d6f0ff; text-decoration: none;}

/*정보공개제도안내*/
	.contents-wrapper p.last {margin-right: 0;}
	.contents-wrapper p.box1 {background: #e1ecff; padding: 10px; min-height: 130px; border-radius : 5px;}
	.contents-wrapper p.box1 span {color: #1d57bd; font-weight: bold; padding-bottom: 10px; float: left; width: 100%;}
	.contents-wrapper p.box2 {background: #d6f0ff; padding: 10px; min-height: 130px;  border-radius : 5px;}
	.contents-wrapper p.box2 span {color: #05509c; font-weight: bold; padding-bottom: 10px;  float: left; width: 100%;}
	.contents-wrapper p.box3 {background: #e1f5db; padding: 10px; min-height: 130px; border-radius : 5px;}
	.contents-wrapper p.box3 span {color: #056a4e; font-weight: bold; padding-bottom: 10px;  float: left; width: 100%;}

/*불복구제절차*/
	.contents-wrapper ul.chart1 { clear: both; }
	.contents-wrapper ul.chart1 li {margin-bottom: 15px; min-height: 50px; background:url(/files/editor/7af9e689-721a-4f23-93bf-d323731c411c.png) no-repeat right center;}
	.contents-wrapper ul.chart1 p {min-height: 50px; padding-top: 15px; background: #e1ecfe;  border-radius : 10px;}
	.contents-wrapper ul.chart2 { clear: both; }
	.contents-wrapper ul.chart2 li {margin-bottom: 15px; min-height: 50px; background:url(/files/editor/7af9e689-721a-4f23-93bf-d323731c411c.png) no-repeat right center;}
	.contents-wrapper ul.chart2 p {min-height: 50px; padding-top: 15px; background: #d6f0ff;  border-radius : 10px;}
	.contents-wrapper ul.chart3 { clear: both; }
	.contents-wrapper ul.chart3 li {margin-bottom: 15px; min-height: 50px; background:url(/files/editor/7af9e689-721a-4f23-93bf-d323731c411c.png) no-repeat right center;}
	.contents-wrapper ul.chart3 p {min-height: 50px; padding-top: 15px; background: #e1f5da;  border-radius : 10px;}
	.contents-wrapper ul li.last {background: none;}


/*도정계획 - 다운링크*/

	.contents-wrapper .plan .alert-primary h4 {line-height: 200%; background: url(../images/sub/bull02.png) no-repeat 0 10px; margin: 0;}
	.contents-wrapper .plan .alert-primary a {float: right;}
	.contents-wrapper .plan div {min-height: 50px; margin: 10px 0 20px;}
	.contents-wrapper .plan div i{float: right; font-size: 24px; padding-right: 20px; color: #1d57bd;}
	.contents-wrapper .plan ul { clear: both; }
	.contents-wrapper .plan ul li {margin: 0 0 10px 0; min-height: 50px; color: #333; background: none;}
	.contents-wrapper .plan ul li span {float: left; padding-top: 12px;}
	.contents-wrapper .plan ul li span.long {padding-top: 5px;}
	.contents-wrapper .plan ul li i {float: right; font-size: 24px; color: #ccc; line-height:50px;}
	.contents-wrapper .plan ul li a {display: block; padding-left: 15px; min-height: 50px; background: #eee;  border-radius : 10px;}
	.contents-wrapper .plan ul li a:hover {text-decoration: none; background: #d6f0ff;}
	.contents-wrapper .plan ul li a:hover i {color: #1d57bd;}

/*청사배치도*/
	.contents-wrapper ul.floor {margin-left: 0;}
	.contents-wrapper ul.floor li {float: left; padding: 0 50px 0 0;}
	.contents-wrapper ul.floor li span {color: #1d57bd; font-weight: bold;}

/*색상활용규정*/
	 .contents-wrapper .imgLeft .box2 {padding-right: 20px; float: left;}
	 .contents-wrapper .imgLeft .box2right { float: left;}

/*서체안내*/
	.contents-wrapper .font .alert-default {width: 100%; margin-top: 10px; float: left;}
	.contents-wrapper .font .alert-default h4 {line-height: 200%; background: url(../images/sub/bull02.png) no-repeat 0 10px; margin: 0; float: left;}
	.contents-wrapper .font .alert-default p {padding: 0px; float: right;}
	.contents-wrapper .font .fontImg {padding-right: 20px; float: left;}
	.contents-wrapper .font p {padding: 0;}

/*도민헌장*/
	.contents-wrapper .charter {border: 1px solid #ccc;  min-height: 745px; padding: 15px 20px; position: relative;}
	.contents-wrapper .charter .txt3 {line-height: 180%;}
	.contents-wrapper .charter .txt {font-size: 16px; color: #333;}
	.contents-wrapper .charter .txt2 {font-size: 18px; text-align: center; padding: 19px 0 0 0;}
	.contents-wrapper .charter ul {margin: 0; padding-top: 5px;}
	.contents-wrapper .charter ul.list-unstyled li {padding: 0 0 20px 0;}
	.contents-wrapper .charter ul.list-unstyled li button {margin-right: 10px;}
	.contents-wrapper .charter .img {position: absolute; bottom: 0; left: 0; padding: 0;}

/*인사말*/
	.contents-wrapper .greeting .text-right {font-size: 16px;}
	.contents-wrapper .greeting .text-right strong {font-size:20px;}

/*제주소개*/
	.contents-wrapper .links .linksBox {width: 722px; height: 89px; padding-top: 30px; padding-left: 400px;}
	.contents-wrapper .links .linksBox01 {background: url(/files/editor/70985652-8298-4a12-ac37-33a4740e87a8.jpg) no-repeat left top; }
	.contents-wrapper .links .linksBox02 {background: url(/files/editor/1f0b8cd7-74d8-4cbd-84b3-664de027387a.jpg) no-repeat left top; }
	.contents-wrapper .links .linksBox03 {background: url(/files/editor/20064681-f5c8-4c22-8e90-a5f5a5c103b5.jpg) no-repeat left top; }

/*평화의 심볼*/
	.contents-wrapper .plan2 div.alert-default {height: 50px; margin: 10px 0 20px; clear: both;}
	.contents-wrapper .plan2 div.alert-default h4 {float: left;}
	.contents-wrapper .plan2 div.alert-default i{float: right; font-size: 24px; padding-right: 20px; color: #1d57bd;}
	.contents-wrapper .plan2 div.left {float: left; padding-right: 20px;}

/*정착지원사업*/
	.contents-wrapper .links p {clear: both;}
	.contents-wrapper .links2 ul { width:100%; float:left; padding-bottom:20px;  }
	.contents-wrapper .links2 ul li {margin-bottom: 10px;  min-height: 160px; float: left; position: relative;}
	.contents-wrapper .links2 ul a {display: block; padding:15px 40px 15px 20px ; min-height: 160px;background: url(/pub/site/jejunet/images/sub_common/window.png) no-repeat 95% 22px #eee;  border-radius : 10px; vertical-align: middle; }
	.contents-wrapper .links2 ul li a strong {color: #333;display:block; padding-bottom:10px; }
	.contents-wrapper .links2 ul li a span {color: #555; }
	.contents-wrapper .links2 ul a:hover {background: url(/pub/site/jejunet/images/sub_common/window.png) no-repeat 95% 22px #d6f0ff; text-decoration: none;}

	.contents-wrapper .hBox {height: 190px;}

.contents-wrapper .outlink {background: url(/files/editor/14b70790-b7d1-4eac-857e-6f0e265cb659.png) no-repeat right 5px; padding-right: 20px; color: #3668c1;}
.contents-wrapper .outlink:hover  {color: #3668c1;}

/*보훈청 약력*/

	.contents-wrapper .hisBox {background: #E1F4ED; border-radius: 5px; padding: 10px;float:left; width:100%; 	 margin-bottom: 15px;}
	.contents-wrapper .hisBox dl dt {float: left; font-weight: bold; font-size: 16px; color: #333; background: url(/files/editor/d6226a94-3738-43f1-8fe0-b5380fd63a16.png) no-repeat right top;}
	.contents-wrapper .hisBox dl dd {float: left; font-size: 16px; color: #333;}

/*뉴스레터*/

/*역대도지사*/
.contents-wrapper .dojisa-list {clear: both; margin-left:0 !important; padding-left:0 !important;}
.contents-wrapper .dojisa-list li {padding-left:0; padding-bottom:15px;}
.contents-wrapper .dojisa-list li span {float:left; width:100%; min-height:100px; display:block; background:#EEE; border-radius:10px; padding:15px;}
.contents-wrapper .dojisa-list li span img {float:left; margin-right:10px;}
.contents-wrapper .dojisa-list li span strong {display:block; padding-top:15px; color:#06509B;}
.contents-wrapper .dojisa-list li span em {font-style:normal; color:#555;}

/*글자색 변경*/
.text-primary { color:#1d57bd;  }
.btn-primary, .btn-info {color: #fff !important;}


/*사이트맵*/
.sitemap {margin-bottom: 40px;}
.sitemap a {color:#555;}
.sitemap .sitemapBox {float: left; word-break:break-all; }
.sitemap .sitemap4 {margin: 0;}
.sitemap .sitemapBox h4 {font-size: 24px; line-height: 120%;  color: #fff; letter-spacing: -1px;  height: 75px; padding: 22px 0 0 15px; margin:0;}
.sitemap .sitemap1 h4 {background: url(/pub/site/jejunet/images/sitemap/tit_bg01.jpg) repeat-x left top;}
.sitemap .sitemap2 h4 {background: url(/pub/site/jejunet/images/sitemap/tit_bg02.jpg) repeat-x left top;}
.sitemap .sitemap3 h4 {background: url(/pub/site/jejunet/images/sitemap/tit_bg03.jpg) repeat-x left top; padding-top: 8px;}
.sitemap .sitemap4 h4 {background: url(/pub/site/jejunet/images/sitemap/tit_bg04.jpg) repeat-x left top;}
.sitemap .sitemapBox ul.line {border: 1px solid #ccc; border-top: none;  }
.sitemap .sitemapBox ul {}
.sitemap .sitemapBox ul li {font-size: 14px; font-weight: bold; color: #333; padding: 10px 15px 7px 15px; border-bottom: 1px solid #ccc;}
.sitemap .sitemapBox ul li ul {padding-top: 5px; }
.sitemap .sitemapBox ul li ul li{padding: 0 0 3px 15px; font-size: 14px; color: #333; letter-spacing: -1px; font-weight: normal; border: none;}
.sitemap .sitemap1 ul li ul li {background: url(/pub/site/jejunet/images/sitemap/icon01.gif) no-repeat left 5px;}
.sitemap .sitemap2 ul li ul li {background: url(/pub/site/jejunet/images/sitemap/icon02.gif) no-repeat left 5px;}
.sitemap .sitemap3 ul li ul li {background: url(/pub/site/jejunet/images/sitemap/icon03.gif) no-repeat left 5px;}
.sitemap .sitemap4 ul li ul li {background: url(/pub/site/jejunet/images/sitemap/icon01.gif) no-repeat left 5px;}
.sitemap p {clear: both;}

/*보도자료*/
 .contents-wrapper .bodo .alert-success {margin-bottom: 5px;}
 .contents-wrapper .bodo .alert-success img {float: left; padding: 5px 20px 0 15px;}


.contents-wrapper .city .alert-success h4 {margin-bottom: 5px;}



.contents-wrapper .qnaTable {border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc;}
.contents-wrapper .qnaTable th {padding: 15px; font-size: 16px; font-weight: bold; color: #333; background: #eee; border-bottom: 1px solid #ccc;}
.contents-wrapper .qnaTable td {padding: 15px 15px 10px 15px; border-bottom: 1px solid #ccc;}
.contents-wrapper .qnaTable td p {font-size: 16px; font-weight: bold; color: #05509c;}
.contents-wrapper .qnaTable td .alert-info p {font-size: 14px; font-weight: normal; color: #333;}




/*공항 확충단 자주하는 질문*/
.contents-wrapper .qna { width:100%;  }
.contents-wrapper .qna h2 { clear:both; background:url(../images/sub/bull01.png) no-repeat 0 center; height:40px; line-height:36px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:0 0 15px 0; padding-left:30px; font-size:16px; font-weight:bold; color:#333; }
.contents-wrapper .qna h3 { padding: 15px; font-size: 16px; font-weight: bold; color: #333; background: #eee; border-bottom: 1px solid #ccc;height:auto;line-height:1.6;border:1px solid #ccc;  margin:0px; padding: 15px; }
.contents-wrapper .qna ul {list-style:none; margin:0px; padding:15px 15px 10px 15px; border:1px solid #ccc; border-top:0px; border-bottom:0px;   }
.contents-wrapper .qna ul:last-child { border-bottom:1px solid #ccc;  }
.contents-wrapper .qna ul li { font-size: 16px; font-weight: bold; color: #05509c; background:none; padding-left:0px; }
.contents-wrapper .qna ul li p { font-size:14px; font-weight:normal; color:#333;  }
.contents-wrapper .qna ul li ul {padding:0px; border:0px; margin-top:10px;  }
.contents-wrapper .qna ul li ul:last-child { border-bottom:0px;  }
.contents-wrapper .qna ul li ul li { clear:both; background:url(../images/sub/bull03.png) no-repeat 3px 7px; margin:0 0 10px 0; padding-left:17px;line-height:1.6;  font-size:14px; font-weight:normal; color:#333; }
.contents-wrapper .qna ul li ul li ul {}
.contents-wrapper .qna ul li ul li ul li {background:url(../images/sub/icon_04.png) no-repeat 0 10px;line-height:1.6;margin:0px;   padding-left:14px;}
.contents-wrapper .qna ul li  th, .contents-wrapper .qna ul li  td {color:#333; font-size:14px; }
.contents-wrapper .qna ul .alert-info p {font-size: 14px; font-weight: normal; color: #333;}


/*제주 소식지*/
.contents-wrapper .jejustory {float: left; padding-bottom: 30px; width: 100%;}
.contents-wrapper .col-md-4 {padding:0 5px;}
.contents-wrapper .jejustory .alert-info {position: relative; padding: 20px 25px; margin-bottom: 30px;}
.contents-wrapper .jejustory .alert-info .downloadBtn {position: absolute; right: 25px; bottom: 15px;}
.contents-wrapper .jejustory .vol {background: #eee; padding: 20px 20px 10px;margin-bottom:20px;}
.contents-wrapper .jejustory .mvol {margin-right: 20px;}
.contents-wrapper .jejustory .vol .volTit {text-align: center; margin: 3px 0 10px; font-size: 16px; color: #333; font-weight: bold; padding-bottom: 5px;}
.contents-wrapper .jejustory .vol .volSns {text-align: center;}
.contents-wrapper .jejustory .vol .volSns img {width: 25px; height: 25px;}
.contents-wrapper .jejustory .vol p.volBtn {text-align: center; letter-spacing: -1px;}
.contents-wrapper .jejustory .vol .volBtn a {font-size: 14px; color: #202020; }
.contents-wrapper .jejustory .vol img {margin-bottom: 5px;width:100%;}
.contents-wrapper .jejustory .col-xs-12, .col-md-6 {padding: 0px 10px;}
.contents-wrapper .jejustory .volL {padding-left: 0;}
.contents-wrapper .jejustory .volR {padding-right: 0;}
.contents-wrapper .ebookView .vol {margin-bottom: 10px;}
.contents-wrapper .ebookView .vol .volTit {height: 75px;}

/*도민대토론회*/
.contents-wrapper .debate {width: 100%; float: left; margin-bottom: 20px;}
.contents-wrapper .debate .txtBig {text-align: center; font-size: 20px; font-weight: bold; color: #0e8e65;}
.contents-wrapper .debate .debateBg {margin: 5px 0; background:url(../images/sub/txt_bg.jpg) no-repeat left top; width: 100%; height: 120px; padding: 10px 20px;}
.contents-wrapper .debate .debateBg ul li {color: #333; font-size: 16px;}
.contents-wrapper .debate p.right {text-align: right; font-weight: bold;}

/*나의게시물 보기*/


.loginMy .alert-danger { border:1px solid #ccc;  }
.loginMy .alert-danger .btn { min-width:150px; }
.loginMy .alert-danger .tbig {padding-bottom:5px;  }
.loginMy .alert-danger .mb20 {margin-bottom:30px;   }
.loginMy .alert-danger p { color:#333;   }
.loginMy .alert-success p { color:#333; vertical-align:bottom;    }
.loginMy .alert-success p span { display:inline-block; padding-top:3px;  }

/*간격*/

.pt7 {padding-top: 7px;}
.cb {clear: both;}

/**/
.main-banner {  }
.main-banner li { margin-bottom:10px;border:1px solid #ccc;   }


/* new-nav-tabs */

ul.nav.new-nav-tabs {
	margin-bottom:30px;
	background:#eee;

}
ul.nav.new-nav-tabs li {
	width:33.333%;
	float:left;
	border: 1px solid #ccc !important;
	border-left: 0 none !important;
}
ul.nav.new-nav-tabs li:first-child {
	border-left: 1px solid #ccc !important;
}

ul.nav.new-nav-tabs li a {
	padding:10px 5px;
	text-align:center;
	border: 0 none !important;
	margin: 0 !important;

	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;

	background-color: #eee;
	color: #333;
}

ul.nav.new-nav-tabs li.active a {
	background-color: #d6f0ff;
	color: #1d57bd;
	text-decoration:underline;
}

ul.nav.new-nav-tabs.tabs01 li {width:100%;}
ul.nav.new-nav-tabs.tabs02 li {width:50%;}
ul.nav.new-nav-tabs.tabs03 li, ul.nav.new-nav-tabs.tabs06 li, ul.nav.new-nav-tabs.tabs09 li {width:33.333%;}
ul.nav.new-nav-tabs.tabs04 li, ul.nav.new-nav-tabs.tabs07 li, ul.nav.new-nav-tabs.tabs08 li, ul.nav.new-nav-tabs.tabs011 li, ul.nav.new-nav-tabs.tabs012 li {width:25%;}
ul.nav.new-nav-tabs.tabs05 li, ul.nav.new-nav-tabs.tabs010 li {width:20%;}

.tab-content { padding-bottom:30px;  }

/*탐라기록 - 주요업무*/
.sub_work dl {height:140px;margin-bottom:20px;}
.sub_work dt {float:left;}
.sub_work dd {float:left;margin-left:20px;}
.sub_work dd h5{margin-bottom:4px}
.sub_work dl.top_dl dd{margin-top:5px;}
.sub_work dl.middel_dl dd,.sub_work dl.bottom_dl dd{margin-top:31px;}

/*탐라기록 - 기록보존시설 - 보존실현황*/
.facilities span.right{float:right;}
.facilities table {clear:both;  }
.facilities table thead th { vertical-align:middle; font-size:14px;background: #D6F0FF; padding: 5px; font-weight:normal;text-align:center;height:53px;}
.facilities table thead td {background:#F7F7F7; padding: 5px;}
.facilities table tbody th { vertical-align:middle;font-size:14px; background:#F7F7F7; padding: 5px; font-weight:normal;text-align:center;}
.facilities table tbody td { }
.facilities table tbody td ul { padding:0px;  }

/*탐라기록 - 이용안내 - 기록물의 열람 및 대출*/
#sub_contents .sub_useinfo h6 { margin-left:20px; }
/*탐라기록 - 기증안내*/
#sub_contents .sub_donation p{text-align : center;font-size:16px;color:#1d57bd;}

/*탐라기록 - 전시내용*/
.sub_exhibit span.right{float:right;}
.sub_exhibit .table-responsive {width:100%;}
.sub_exhibit table {clear:both;  border-collapse: collapse; font-size:12px;}
.sub_exhibit table thead th {font-size:15px; background: #D6F0FF;border:1px solid #DBDBDB; padding: 5px; font-weight:normal;text-align:center;height:53px;}
.sub_exhibit table thead td {background:#F7F7F7; border:1px solid #DBDBDB; padding: 5px;}
.sub_exhibit table tbody th { font-size:14px; background:#F7F7F7;border:1px solid #DBDBDB; padding: 5px; font-weight:normal;text-align:center;}
.sub_exhibit table tbody td { text-align: left !important; border:1px solid #DBDBDB; padding: 5px;font-size:14px;}
.sub_exhibit table tbody td ul { padding:0px;  }

.sub_exhibit ul {clear:both; margin:0 0 0 10px; padding: 0 0 10px 10px ; font-size:13px;}
.sub_exhibit ul li { background:url("/files/editor/80753bf5-2576-45e8-b938-3e0450f4377b.gif") no-repeat 0 10px; margin: 0; padding: 0 0 0 10px; line-height:160%;}
.sub_exhibit h5 {margin:0;color:#555;}
.sub_exhibit h3{ margin-top:20px;}
.sub_exhibit p.img_p{ text-align:center;}

.eopen {text-align: center; margin: 30px 0;}
.eopen img {margin: 0 auto; padding-bottom: 10px;}
.eopen p {font-size: 16px; color: #333;}

.employment .empImg {float: left; margin-right: 10px;}
.employment .empTxt {}
.employment .empTxt h4 {clear: none; float: left; width: 100%;}
.employment .empTxt h4.empW {width: 62%;}


/*사전정보공개*/
.announce .pullLeft{float:left;}
.announce .announce_item p img{padding-bottom:50px; background:url("/files/editor/6186bd8b-a722-4cea-8cf6-bbc1f681e822.jpg") no-repeat center bottom;}
.announce .announce_item ul{margin:0; clear:initial;}
.announce .announce_item_last p img{background:none;}
.announce p i {float: right; font-size: 20px; padding-right: 20px; color: #ccc; }
.announce p a {display: inline-block;width:175px; padding-left: 15px; min-height: 50px; background: #eee;  border-radius : 10px;line-height:50px;}
.announce p a:hover {text-decoration: none; background: #d6f0ff;}
.announce p a:hover i {color: #1d57bd;}
.power {text-align: right; padding-bottom:10px;}

/*여론조사결과*/
.survey-graph-contents {width: 100%; float: left; border: 1px solid #ddd; margin-bottom: 20px;}
.survey-graph-contents div {width: 50%; float: left; padding: 20px 20px 10px 20px;border-right: 1px solid #ddd; text-align: center;}
.survey-graph-contents div:last-child {border: none;}
.survey-graph-contents div img {padding: 10px 0; margin: 0 auto;}
.survey-graph-contents div ul li {background: none; float: left; font-size: 12px; width: 50%; text-align: left; padding-bottom: 10px;}
.survey-graph-contents div ul li span {display: inline-block; width: 15px; height: 15px; border-radius: 8px; vertical-align: middle; margin-right: 5px;}
.survey-graph-contents div ul li span.blue {background: #6299da;}
.survey-graph-contents div ul li span.orange {background: #f2914a;}
.survey-graph-contents div ul li span.gray {background: #959595;}
.survey-graph-contents div ul li span.yellow {background: #f7cd07;}


#map_canvas a, #gmap a, #mapContainer a {border: 0 !important;}
#map_canvas a::after, #gmap a::after, #mapContainer a::after {content:'' !important;}








/* 타블렛에만 */
@media (min-width: 992px) and (max-width: 1199px) {
.announce .announce_item p img{background: none;padding-bottom:10px;}



}







/* 모바일에서 */
@media (max-width: 991px) {

.employment .empImg {float: none;}
.employment .empTxt h4 {float: none;}

#contactUs dl {margin-top:10px;}
#contactUs dl dt {float:left;  width: 100px; border: none;}
#contactUs dl dd:nth-of-type(1) {float:left; width: calc(100% - 100px);}
#contactUs dl dd:nth-of-type(2) {float:left; width: calc(100% - 100px);}
#contactUs dl dd {float:left; width: calc(100% - 100px);}

.form-inline .btn-group {margin-bottom: 15px;}

.employment .empTxt h4.empW {width: 100%;}

.contents-wrapper .dojisa-list li span {max-height:139px;}

.alert {float: left; width: 100%;}

.announce .announce_item p img{background: none;padding-bottom:10px;}
.openWorkTable *{font-size:11px;}
.announce p a{width:85px;padding:0;}
.announce p a span{padding-left:5px;}
.announce p a i{padding:0;}

.contents-wrapper .plan ul li {padding:0 5px 0 5px;}
.contents-wrapper .plan ul li a{padding-left: 7px;}
.contents-wrapper .plan ul li i{font-size:20px;}

.statsWrap ul li:last-child{clear:both;}

.sub .sub_work dl dt {width:100%;margin:0 0 10px 0;}
.sub .sub_work dl dd {margin:0 0 20px 0;}

.twitter_dd span.img{width:100%;display:inline-block;text-align: center;}
.twitter_dd span img{margin:0 0 10px 0 !important; float:initial !important;}

.event-list .media-left, .event-list .media-right {width:100%; display:block;}
.event-list .media-left img, .event-list .media-right img {margin:0 auto;}
.event-list .media-body {padding-top:20px;}
.event-list dl dt {float: left ; clear:both;}

.contents-wrapper .organChart ul li span {width:145px;}
.contents-wrapper .organChart ul li ul li ul li {padding-left:15px;}
.contents-wrapper .organChart ul li ul li ul li ul li {padding-left: 15px;}

#pageSurvey dl dd input[type='text'] {width: 80%;}
#pageSurvey dl dd button {width: 20%;}

.contents-wrapper .dojisa-list li span {padding:10px;}
.contents-wrapper .dojisa-list li span img{width: 60px;height: 70px;}
.contents-wrapper .dojisa-list li span em {float:left; clear:both;}

 #jejunetPeople {width: 100%; background:url(/pub/site/mobile/images/sub/bg.jpg) repeat left top; padding: 20px; }
 #jejunetPeople h2 {color: #333; font-weight: bold; text-align: center; line-height: 140%; height: 70px; padding-top: 10px; border: none;}
 #jejunetPeople table.region {width: 100%;border: none; background:url(/pub/site/mobile/images/sub/map.png) no-repeat center center;background-size:100% 100% ;}
 #jejunetPeople table.region thead th {border: none; background: none;}
 #jejunetPeople table.region tbody th {background:url(/pub/site/mobile/images/sub/total.png) no-repeat left center; line-height: 100%; text-align: left; border-bottom: 1px solid #89a2b0; height: 90px; padding: 20px 0 20px 60px;}
 #jejunetPeople table.region th { color: #333;}
 #jejunetPeople table.region th span {}
 #jejunetPeople table.region th strong {color: #14548f;}
 #jejunetPeople table.region th.bg1 {background:url(/pub/site/mobile/images/sub/local.png) no-repeat left center;}
 #jejunetPeople table.region th.bg2 {background:url(/pub/site/mobile/images/sub/foreigner.png) no-repeat left center;}
 #jejunetPeople table.region th.bg3 {background:url(/pub/site/mobile/images/sub/household.png) no-repeat left center;}
 #jejunetPeople table.region td {background: none;  font-weight: bold; color: #333; text-align: center; border-bottom: 1px solid #89a2b0;}
 #jejunetPeople table.region td:last-child {color: #14548f;}
 #jejunetPeople p.text-center { color: #333; padding: 20px 0;}
 .year-select h2 {height: 30px; line-height: 140%; border: none;}
 #population .month-container .m-link.label {line-height: 1;margin-left:-6px;}

 /*여론조사결과*/
 .survey-graph-contents div {border-left: none; border-bottom: 1px solid #ddd;}
.survey-graph-contents div:last-child {border: none;}
.survey-graph-contents div {width: 100%;}



}
@media (max-width: 455px) {
.power {text-align: center; padding-bottom:10px; height: 50px;}
.power a { width: 100%; float:left;  }
.power a img { max-width:100%;  }
}

@media (max-width: 767px) {
.table-responsive {position:relative;}
.table-responsive:before {display:flex; position:absolute; top:0; bottom:0; left:0; right:0; padding-top:35px; background:rgba(0,0,0,0.6); content:'화면을 좌우로 움직여 주세요.'; color:#fff; font-weight:bold; justify-content: center; align-items: center;}
.table-responsive:after  {position:absolute; display:block; top:50%; left:50%; content:''; width:84px; height:55px; margin:-40px 0 0 -42px; background:url(/pub/site/jejunet/2017/images/sub/icon_arw.png) no-repeat center; background-size:84px auto;}
.table-responsive.flexhide:before, .table-responsive.flexhide:after {display:none;}
}