/*
제주넷 2017 서브
*/
ul{list-style: none; padding:0; }

.align-top         { vertical-align: top }
.align-middle      { vertical-align: middle }
.align-bottom      { vertical-align: bottom }
.align-text-bottom { vertical-align: text-bottom }
.align-text-top    { vertical-align: text-top }

.p-l-10 {padding-left: 10px !important;}

.display-inline-block{display:inline-block;}

.sub {
  margin-top: -65px;
  position: relative;
  z-index: 1;
  word-break: keep-all;
  color: #555;
}
.sub-img {
  height: 260px;
  background-position: center top;
  background-repeat: no-repeat;
}
/*.sub-img.sub1 {
  background: url(../images/sub/top01.jpg) no-repeat center top;
}*/
.sub-menu {
  position: relative;
  z-index: 10;
  height: 50px;
  line-height: 20px;
  font-size: 0;
  background-color: #477fc9;
  color: #fff;
  padding-top: 15px;
  margin-top: -25px;
}
.sub-menu .sub-menu-list > li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 200px;
  height: 20px;
  font-size: 14px;
  border-right: 1px solid #fff;
}
.sub-menu .sub-menu-list > li > a {
  display: block;
  color: #fff;
  padding: 0 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sub-menu .sub-menu-list > li > a i.icon-angle-down {
  position: absolute;
  top: 0;
  right: 20px;
  font-size: 20px;
}
.sub-menu .sub-menu-list > li.home {
  width: 50px;
  text-align: center;
  padding: 0;
}
.sub-menu .sub-menu-list > li.home > a {
  padding: 0;
}
.sub-menu .sub-menu-list > li ul {
  display: none;
  position: absolute;
  top: 35px;
  left: -1px;
  right: 0;
  padding: 5px 10px;
  line-height: 20px;
  border: 1px solid #ddd;
  background-color: #fff;
}
.sub-menu .sub-menu-list > li ul li {
  padding: 5px 0;
}
.sub-menu .sub-menu-list > li ul li a {
  display: block;
  color: #555;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sub-menu .sub-menu-list > li ul li a:hover {
  color: #000;
}
.sub-menu .sub-menu-list > li ul li a.active {
  text-decoration: underline;
}
h2.sub-tit {
  position: absolute;
  top: -140px;
  left:0;
  right: 0;
  text-align: center;
  font-size: 40px;
  text-align: center;
  font-weight: normal;
  color: #222;
}

.sub-contents {
  padding: 30px 0 100px 0;
  line-height: 180%;
  font-size: 16px;
  letter-spacing: -0.6px;
}

.btn-print {
  z-index: 100;
  position: absolute;
  top: -10px;
  right: 20px;
}
.btn-print img {
  vertical-align: middle;
  margin-top: -3px;
}
.btn-print a {
  color: #fff;
}


/*컨텐츠 스타일 가이드*/
caption {display: none;}
.text-box { padding:20px; background:#f6f6f6; margin-bottom:20px;  }
.contents-section { padding-top:30px; padding-bottom:30px;  border-bottom:1px solid #ddd;  }
.contents-section.border-none {border-bottom:0px; }
.contents-section:after { content:''; display:table; clear:both;   }
.contents-section:first-child { padding-top:0px;  }

.sub-contents *{line-height: 1.4;}
.sub-contents h2 {  font-size:20px; color:#222; padding-bottom: 5px; }
.sub-contents p { font-size:16px; color:#555; }
.sub-contents .contents-left { float:left; width:250px;  padding-right:20px; }
.sub-contents .contents-right { margin-left:250px;  width:750px;  }
.sub-contents .img-left { float:left; width:300px;  padding-right:20px; }
.sub-contents .txt-right { margin-left:300px;  width:700px;  }
.sub-contents  .contents-table {width:100%; border-top:2px solid #477fc9; }
.sub-contents  .contents-table table {width:100%; font-size:16px;  border-collapse:collapse; border-left:1px solid #dcdcdc; }
.sub-contents  .contents-table table thead th { color:#222; padding:10px; background:#f6f6f6; text-align:center; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc;  }
.sub-contents  .contents-table table tbody th { color:#222; padding:10px; text-align:center; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc;  background:#f6f6f6;}
.sub-contents  .contents-table table tbody td { color:#555; padding:10px;  border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; }
.sub-contents  .contents-table table.center-table tbody td {text-align: center;}

.sub-contents ul.bul {}
.sub-contents ul.bul li { padding-left:10px; background:url(../images/sub_common/sub_bull.jpg) no-repeat left 9px; margin-bottom:8px; }
.sub-contents ul.bul li::before { margin-left:-10px;}
.sub-contents ul.bul li strong {color:#477fc9;  }
.sub-contents ul.bul li > ul.bulno > li {background: none;padding-left: 1px;}

.sub-contents  .btn-download {display:inline-block; line-height:44px; height:46px; padding:0 25px; margin-top:20px; border:1px solid #ccc; font-size:16px; font-weight:bold; color:#555;}

.sub-contents h4{background:url(../images/sub_common/sub_bull.jpg) no-repeat left 9px;padding-left:10px; font-size:16px; color:#555; font-weight: normal;}
.sub-contents h4:before{margin-left:-10px;}

.sub-contents .text-blue { color:#477fc9; }

.sub-contents .tCenter {text-align: center;}

.sub-contents .tabs-btn-wrap {}
.sub-contents .tabs-btn-wrap .tabs-btn-prev {position: absolute;left: 0px;top: 65px;}
.sub-contents .tabs-btn-wrap .tabs-btn-next {position: absolute;right: 0px;top: 65px;}
.sub-contents .tabs-btn-wrap i {font-size: 20px;color: #777;}

.nav-tabs {border-bottom: 0 none;}
.tab-wrap .bx-viewport {margin-bottom: 50px;}
.nav-tabs>li>a { font-size:  26px; color:  #666; padding:  0;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { border:  0 none; color:  #477fc9; font-weight:  bold; border-bottom:  2px solid #477fc9;}

.sitemap{margin-left:-10px; margin-right:-10px;}
.sitemapBox {width:20%;float:left;padding:10px;}
.sitemapBox h4{text-align: center;height:60px;width:184px;display: table-cell; background: #C1DBF5;vertical-align: middle;padding:0;}
.sitemapBox h4 a{font-size: 20px;color:#203e67;}
.sitemapBox h4 a:hover{text-decoration: none; font-weight: bold;}
.sitemapBox > ul {padding-top: 25px;}
.sitemapBox > ul > li{padding-left:20px;padding-bottom: 15px;background: url('../images/sub_common/sitemap_bul.jpg') no-repeat left 11px;}
.sitemapBox > ul > li > a{color:#222;font-size: 18px;}
.sitemapBox > ul > li > a:hover{font-weight: bold; text-decoration: none;}
.sitemapBox > ul > li > ul {padding-top: 7px;}
.sitemapBox > ul > li > ul > li {padding-bottom: 5px;}
.sitemapBox > ul > li > ul > li a{color:#555;font-size: 16px;}
.sitemapBox > ul > li > ul > li a:hover{color:#477fc9;text-decoration: none;}


.badge.badge-inverse,
.label.label-inverse {
    background: #2d353c ;
}



	.sub-contents .anonymity {}
	.sub-contents .anonymity-box {padding: 20px; background-color: #477FC9; color: #fff; text-align: center;}
	.sub-contents .anonymity-box p {color:#fff;}
	.sub-contents .anonymity-box strong {font-size: 22px;}
	.sub-contents .anonymity-box2 {padding: 20px; margin-bottom:20px; background-color: #F6FAFF; border:1px solid #CCDDF8;}
	.sub-contents .anonymity-box2 dl {padding:20px 40px; background-color:#fff; color:#555; font-size:0; margin-bottom:20px;}
	.sub-contents .anonymity-box2 dl dt {position:relative; display:inline-block; width:110px; vertical-align:top; font-size:16px; color:#477FC9; padding-left:15px; margin:3px 0;}
	.sub-contents .anonymity-box2 dl dt:before {position:absolute; top:7px; left:0; width:8px; height:8px; border-radius:100%; background-color:#477FC9; content:""; font-size:0;}
	.sub-contents .anonymity-box2 dl dd {display:inline-block; width:calc(100% - 110px); vertical-align:top; font-size:16px; margin:3px 0;}
	.sub-contents .anonymity-btns {text-align:center;}
	.sub-contents .anonymity-btns a {display:inline-block; min-width:238px; text-align:center; height:48px; line-height:46px; border:1px solid #477FC9; background-color:#477FC9; color:#fff; vertical-align:top; margin:0 3px; border-radius: 5px;}
	.sub-contents .anonymity-btns a.btn1 {border:1px solid #477FC9; background-color:#477FC9; color:#fff;}
	.sub-contents .anonymity-btns a.btn2 {border:1px solid #ccc; background-color:#fff; color:#333;}

	.anonymity-pop {display:none; z-index:10; position:absolute; top:170px; left:50%; margin-left:-450px; width:900px; padding:45px; background-color:#fff; border:1px solid #ccc;}
	.anonymity-pop .btn-close {position:absolute; top:10px; right:20px;}
	.anonymity-pop .btn-close a {color:#555; font-size:25px; text-decoration:none;}
	.anonymity-pop strong {color:#477FC9;}
	.anonymity-pop table {width:100%; font-size:16px; margin:20px 0; border-collapse:collapse; border-left:1px solid #dcdcdc; border-top:1px solid #dcdcdc;}
	.anonymity-pop table  thead th { color:#222; padding:10px; background:#f6f6f6; text-align:center; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc;  }
	.anonymity-pop table  tbody th { color:#222; padding:10px; text-align:center; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc;  background:#f6f6f6;}
	.anonymity-pop table  tbody td { color:#555; padding:10px;  border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; }
	.anonymity-pop table  tbody td dl {font-size:0;}
	.anonymity-pop table  tbody td dl dt {display:inline-block; width:65px; vertical-align:top; font-size:16px; margin:3px 0;}
	.anonymity-pop table  tbody td dl dd {display:inline-block; width:calc(100% - 65px); vertical-align:top; font-size:16px; margin:3px 0;}


  .singo-list {margin-top:30px; font-size:0; position:relative; letter-spacing:-1px;}
  .singo-list dl { position:relative; display: inline-block; vertical-align:top; width:calc((100% - 100px)/3); border-top:2px solid #D2D2D2;}
  .singo-list dl dt {font-size:20px; text-align:center; color:#000; padding:25px 0 10px;}
  .singo-list dl dt:before {content:""; position:absolute; top:-2px; left:50%; margin-left:-50px; width:100px; border-top:2px solid #000;}
  .singo-list dl dd {height:80px; font-size:16px; text-align:center;}
  .singo-list>dl:nth-child(2n) {margin:0 200px 0 50px;}
  .singo-list>dl.links {position:absolute; top:0; right:0;}
  .singo-list .btn-map {position:relative; display:inline-block; width:280px; height:70px; border:2px solid #477FC9; border-radius:35px; padding:10px 30px; color:#2F66AF; font-size:16px; text-align:left;}
  .singo-list .btn-map i {position:absolute; top:50%; right:30px; margin-top:-11px;}
  .singo-list .btn-link {display:inline-block; width:300px; height:80px; border-radius:40px; padding:18px 50px 0 110px; margin:10px 0; background-color:#477FC9; color:#fff; font-size:16px; text-align:left; background-repeat:no-repeat; background-position: 50px center;}
  .singo-list .btn-link.icon1 {background-image:url(/pub/site/audit/images/sub/ic_w01.png);}
  .singo-list .btn-link.icon2 {background-image:url(/pub/site/audit/images/sub/ic_w02.png);}

  ul.list-num {border-top:2px solid #477FC9;}
  ul.list-num li {padding:20px 30px; border-bottom:1px solid #D4D4D4; color:#555; font-size:0;}
  ul.list-num li em {display:inline-block; vertical-align:top; font-size:40px; font-weight:bold; color:#537EBA; font-style:normal; width:60px;}
  ul.list-num li span {display:inline-block; vertical-align:top; width:calc(100% - 60px); font-size:16px;}
  ul.list-num li span strong {font-weight:bold; font-size:18px; color:#222;}