.container {}
#contentsWrap {float:left;margin-top:40px;  width:1000px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2Spff%2S..%2Svzntrf%2Sfho_pbzzba%2Sfho_ot.wct) repeat-y left top;  }
#contentsWrap .leftContents {float:left; width:235px; margin-right:20px;  }
#contentsWrap .leftContents  .leftTitle { width:235px; height:140px;padding-top:45px;  text-align:center; background:#8d6a40;  }
#contentsWrap .leftContents  h3 {font-weight:bold;  font-size:24px;  color:#fff;margin-bottom:10px;   }
#contentsWrap .leftContents  .text {color:#fff; font-size:14px; }
#contentsWrap .leftContents  .leftMenu {  width:235px; float:left;padding-bottom:30px;   }
#contentsWrap .leftContents  .leftMenu > ul {width:233px; margin:0 0 150px 1px;}
#contentsWrap .leftContents  .leftMenu > ul > li {width:233px; }
#contentsWrap .leftContents  .leftMenu > ul > li > a {display:block; height:50px; line-height:50px; padding-left:20px; font-size:16px; color:#555; border-bottom:1px solid #CCC;}
#contentsWrap .leftContents  .leftMenu > ul > li > ul {display:none;}
#contentsWrap .leftContents  .leftMenu > ul > li.active {margin-top:-1px; border-top:1px solid #8d6a40; border-bottom:1px solid #8d6a40;}
#contentsWrap .leftContents  .leftMenu > ul > li.active > a {color:#8d6a40; font-weight:bold; background:#fbf6ef;}
#contentsWrap .leftContents  .leftMenu > ul > li.active ul {display:block; padding:10px 0; background:#fbf6ef; border-bottom:1px solid #FFF;}
#contentsWrap .leftContents  .leftMenu > ul > li.active ul > li > a {display:block; padding-left:20px; line-height:25px; background:#fbf6ef; font-size:14px; color:#555;}
#contentsWrap .leftContents  .leftMenu > ul > li.active ul > li > a.active {color:#8d6a40; text-decoration:underline;}
#contentsWrap .leftContents  .leftMenu > ul > li.active ul > li > a:hover {color:#8d6a40; text-decoration:underline;}
#contentsWrap .leftContents  .leftMenu .blank {  float:right;margin-right:20px;  }

#contentsWrap .rightContents { float:left; width:745px;   }
#contentsWrap .rightContents .topContents {  width:745px;height:140px; position:relative; }

#contentsWrap .rightContents .topContents  .breadcrumb {background:none; height:40px; padding:0; margin:0; border-radius:0; border-bottom:1px solid #CCC; border-top:1px solid #CCC; font-size:14px; color:#555; letter-spacing:-0.6px;}
#contentsWrap .rightContents .topContents  .breadcrumb > li + li:before { color:#555; content: "> ";  padding: 0 5px;}
#contentsWrap .rightContents .topContents  .breadcrumb > li i {font-size:20px; line-height:40px;}
#contentsWrap .rightContents .topContents  .breadcrumb > li.active a {color:#8d6a40;}
#contentsWrap .rightContents .topContents  .print {position:absolute; top:10px; right:0;}
#contentsWrap .rightContents .topContents  .print i {font-size:20px;}
#contentsWrap .rightContents .topContents  h2.page-title {margin:0; padding:0; line-height:100px; font-size:30px; font-weight:bold; letter-spacing:-0.6px; color:#333;}

#scrolltotop {position:fixed;bottom:235px;right:50%;margin-right:-600px;  }

#contentsWrap .rightContents .tab {margin-left:-1px;margin-bottom:30px;  overflow:hidden; background:#555;  width:100%; float:left;border:1px solid #333;  border-top:0px;  }
#contentsWrap .rightContents .tab1 a { width:745px;  }
#contentsWrap .rightContents .tab2 a { width:373.5px;  }
#contentsWrap .rightContents .tab3 a { width:249.666px;  }
#contentsWrap .rightContents .tab4 a { width:187.75px;  }
#contentsWrap .rightContents .tab5 a { width:150.6px;  }
#contentsWrap .rightContents .tab6 a { width:249.666px;   }
#contentsWrap .rightContents .tab7 a { width:187.75px;   }
#contentsWrap .rightContents .tab8 a { width:187.75px;   }
#contentsWrap .rightContents .tab9 a { width:150.6px; }
#contentsWrap .rightContents .tab10 a {width:150.6px; }
#contentsWrap .rightContents .tab11 a {width:187.75px;}
#contentsWrap .rightContents .tab12 a {width:187.75px; }
#contentsWrap .rightContents .tab a {  display:block;float:left;background:#555; border:1px solid #333; margin-left:-1px;  margin-right:-1px; margin-bottom:-1px;     text-align:center; color:#fff;height:50px;padding-top:15px;    }
#contentsWrap .rightContents .tab a:hover {background:#8d6a40; text-decoration:none;  }
#contentsWrap .rightContents .tab a.hover {background:#8d6a40;  }
#contentsWrap .rightContents .tab7 li:last-child a { width:186.75px;  }
#contentsWrap .rightContents .tab9 li:last-child a  { width:149.6px; }
#contentsWrap .rightContents .tab11 li:last-child a {width:186.75px;}

#contentsWrap .rightContents .depthTab {margin-left:-1px;margin-bottom:30px;  overflow:hidden;  width:100%; float:left;border:1px solid #ccc;    }
#contentsWrap .rightContents .depthTab1 a { width:743px;  }
#contentsWrap .rightContents .depthTab2 a { width:371.5px;  }
#contentsWrap .rightContents .depthTab3 a { width:247.666px;  }
#contentsWrap .rightContents .depthTab4 a { width:185.75px;  }
#contentsWrap .rightContents .depthTab5 a { width:148.6px;  }
#contentsWrap .rightContents .depthTab6 a { width:247.666px;   }
#contentsWrap .rightContents .depthTab7 a { width:185.75px;   }
#contentsWrap .rightContents .depthTab8 a { width:185.75px;   }
#contentsWrap .rightContents .depthTab9 a { width:148.6px; }
#contentsWrap .rightContents .depthTab10 a {width:148.6px; }
#contentsWrap .rightContents .depthTab11 a {width:185.75px;}
#contentsWrap .rightContents .depthTab12 a {width:185.75px; }
#contentsWrap .rightContents .depthTab a {  display:block;float:left;background:#555;  background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2Spff%2S..%2Svzntrf%2Sfho_pbzzba%2Svpba_03.cat) no-repeat 13px 20px; padding-left:25px;   color:#333;height:50px;padding-top:15px;    }
#contentsWrap .rightContents .depthTab a:hover { color:#1d57bd;  }
#contentsWrap .rightContents .depthTab a.hover { color:#1d57bd;  text-decoration:underline;  }


#contentsWrap .rightContents .listTab {margin-left:-1px;margin-bottom:30px;  overflow:hidden; background:#eee;  width:100%; float:left;border:1px solid #ccc;  border-top:0px;  }
#contentsWrap .rightContents .listTab01 a { width:745px;  }
#contentsWrap .rightContents .listTab02 a { width:373.5px;  }
#contentsWrap .rightContents .listTab03 a { width:249.666px;  }
#contentsWrap .rightContents .listTab04 a { width:187.75px;  }
#contentsWrap .rightContents .listTab05 a { width:150.6px;  }
#contentsWrap .rightContents .listTab06 a { width:249.666px;   }
#contentsWrap .rightContents .listTab07 a { width:187.75px;   }
#contentsWrap .rightContents .listTab08 a { width:187.75px;   }
#contentsWrap .rightContents .listTab09 a { width:150.6px; }
#contentsWrap .rightContents .listTab10 a {width:150.6px; }
#contentsWrap .rightContents .listTab11 a {width:187.75px;}
#contentsWrap .rightContents .listTab12 a {width:187.75px; }
#contentsWrap .rightContents .listTab a {  display:block;float:left;background:#eee; border:1px solid #ccc; margin-left:-1px;  margin-right:-1px; margin-bottom:-1px;     text-align:center; color:#333;height:50px;padding-top:15px;    }
#contentsWrap .rightContents .listTab a:hover {background:#d6f0ff; text-decoration:none; color:#1d57bd;  }
#contentsWrap .rightContents .listTab a.hover {background:#d6f0ff; color:#1d57bd;  }
#contentsWrap .rightContents .listTab a.long { padding-top:5px;  }
#contentsWrap .rightContents .listTab07 li:last-child a { width:186.75px;  }
#contentsWrap .rightContents .listTab09 li:last-child a  { width:149.6px; }
#contentsWrap .rightContents .listTab11 li:last-child a {width:186.75px;}




.contents-wrapper { width:745px;  word-break:keep-all;position:relative; padding-bottom:30px; clear:both;  }
.contents-wrapper h3 {clear:both;border-bottom:1px solid #CCC; border-top:1px solid #CCC; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2Spff%2S..%2Svzntrf%2Sfho_pbzzba%2Svpba_01.cat) no-repeat left 12px;  line-height:40px; margin:0 0 15px 0; padding-left:30px; font-size:16px; font-weight:bold; color:#333;}
.contents-wrapper h4 {clear:both; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2Spff%2S..%2Svzntrf%2Sfho_pbzzba%2Svpba_02.cat) no-repeat 0 4px; margin:0 0 10px 0; padding-left:15px; font-size:16px; font-weight:bold; color:#333;}
.contents-wrapper h5 {clear:both; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2Spff%2S..%2Svzntrf%2Sfho_pbzzba%2Svpba_03.cat) no-repeat 0 3px; margin:0 0 10px 0; padding-left:10px; font-size:14px; font-weight:bold; color:#333;}

.contents-wrapper ul {list-style:none; margin:0 0 20px 0; padding:0;}
.contents-wrapper ul li {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2Spff%2S..%2Svzntrf%2Sfho_pbzzba%2Svpba_03.cat) no-repeat 0 5px; padding-left:12px;}
.contents-wrapper ul li ul li {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2Spff%2S..%2Svzntrf%2Sfho_pbzzba%2Svpba_04.cat) no-repeat 0 8px; padding-left:8px;}
.contents-wrapper ul.list-unstyled li {background:none; padding-left:12px;}
.contents-wrapper p {padding:0 0 15px 0; margin:0;}
.contents-wrapper p.in {padding:0 0 15px 15px;}

.contents-wrapper .dataTable { width:100%; border-collapse:collapse;border-top:2px solid #555; word-break: break-all; }
.contents-wrapper .dataTable thead th {padding:8px 5px; background:#D6F0FF; vertical-align:middle;color:#555; border:1px solid #ccc; text-align:center;   }
.contents-wrapper .dataTable tbody th {padding:8px 5px; background:#eee; color:#555; border:1px solid #ccc; text-align:center;  }
.contents-wrapper .dataTable td {padding:8px 10px; border:1px solid #ccc; vertical-align:middle; text-align: center; }

.contents-wrapper .dataTableWrap { width:100%; border-collapse:collapse; word-break: break-all; }
.contents-wrapper .dataTableWrap table { width:100%; border-collapse:collapse; }
.contents-wrapper .dataTableWrap table thead th {padding:8px 5px; background:#D6F0FF; vertical-align:middle;color:#555; border:1px solid #ccc; text-align:center;   }
.contents-wrapper .dataTableWrap table tbody th {padding:8px 5px; background:#eee; color:#555; border:1px solid #ccc; text-align:center;  }
.contents-wrapper .dataTableWrap table td {padding:8px 10px; border:1px solid #ccc; vertical-align:middle; text-align: center; }

.contents-wrapper .relSite { list-style:none; margin:0 0 20px 0;float:left; margin-right:-10px;  padding:0; }
.contents-wrapper .relSite li { float:left; padding-left:0px; background:none;  }
.contents-wrapper .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;   }
.contents-wrapper .relSite li.long a { padding-top:6px;  }
.contents-wrapper .relSite li a:hover {background:#d6f0ff; }


.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 #555;*/ border: none;}
.contents-wrapper table.no-caption caption {display:none;}
.contents-wrapper table.caption-bottom-center caption {caption-side: bottom; text-align: center;}

table.table-list tbody td span.article-category.label,
table.table-board tbody td span.article-category.label { color:#333 !important;}

.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; /*border:1px solid #ccc;*/ text-align:center; 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 #ccc;  */vertical-align:middle; text-align: center;}
.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;}

#contentsWrapContainer .contents-wrapper ul.nav {
	margin: 0;
}
#contentsWrapContainer .contents-wrapper ul.nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
}

.contents-wrapper .paging-container ul li  { padding-left:0px;background:none;   }

	.contents-wrapper .textBox { padding:30px; background:#dafbf1; color:#333; font-size:14px; margin-bottom:10px; }
	.contents-wrapper .textBox p { padding-bottom:0px;  }

	.contents-wrapper .lineBox { padding:30px; border:1px solid #e1e1e1;  margin-bottom:20px; }
	.contents-wrapper p .listTitle {font-size:16px; color:#333; }
	.contents-wrapper .blueBtn { }
	.contents-wrapper .blueBtn a {height:50px; border-radius:5px; display:inline-block;background:#1d57bd; padding-top:15px; padding-left:20px; padding-right:20px;   color:#fff; font-size:16px;   height:50px; padding-top:15px; padding-left:20px; padding-right:20px;  }
	.contents-wrapper .btnCenter { text-align:center;  }

	.contents-wrapper .download { width:100%;   }
	.contents-wrapper .download a { display:block; width:100%;  padding:15px 30px; border-radius:5px;  background:#eee;font-size:16px; color:#333;  }
	.contents-wrapper .download a .fa { font-size:24px; color:#ccc;  }
	.contents-wrapper .download a:hover {background:#d6f0ff; }
	.contents-wrapper .download a:hover .fa  {color:#1d57bd; }







#contactUs {clear:both; height:50px; border-top:1px solid #CCC; border-right:1px solid #CCC; border-left:1px solid #CCC; font-size:14px;}
#contactUs dl {margin-top:10px;}
#contactUs dl dt {float:left; height:30px; 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:250px;}
#contactUs dl dd:nth-of-type(2) {width:110px;}
#contactUs dl dd {float:left; height:30px; line-height:30px;}

#pageSurvey {clear:both; height:120px; border-top:1px solid #ccc; background:#EEE; border-right:1px solid #CCC; border-left: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:645px; height:30px; padding-left:10px; border:1px solid #CCC; border-top-left-radius:3px; border-bottom-left-radius:3px;}
#pageSurvey dl dd button {width:59px; 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:1px solid #CCC;}
#snsReply .sns-select { margin-bottom:10px;  }
#snsReply .sns-select em {margin-left:30px; font-style:normal;}
#snsReply .comment textarea {width:645px; height:60px;padding: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;}
.form-horizontal .form-group{margin:0 !important;}

/*서브퀵메뉴*/
@media (min-width: 992px) {
.sub-quick {border-left:1px solid #dedede; background:#fff; width:110px; position:absolute; z-index:50; right:0px; top:251px; height:100%;  }
.sub-quick .link-menu { padding-left:10px; padding-right:10px;  }
.sub-quick .link-menu li {border-bottom: 1px solid #dedede; text-align: center;}
.sub-quick .link-menu li a {display: block; width: 100%; height: 100%; padding: 50px 0 20px; color: #000; font-size: 16px; background-repeat: no-repeat; background-position: center 20px ; background-size: 40px 30px;}
.sub-quick .link-menu li.list01 a { background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Swrwharg%2S2018%2Svzntrf%2Sfho%2Sdhvpx_vpba_01.cat); }
.sub-quick .link-menu li.list02 a { background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Swrwharg%2S2018%2Svzntrf%2Sfho%2Sdhvpx_vpba_02.cat); }
.sub-quick .link-menu li.list03 a { background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Swrwharg%2S2018%2Svzntrf%2Sfho%2Sdhvpx_vpba_03.cat); }
.sub-quick .link-menu li.list04 a { background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Swrwharg%2S2018%2Svzntrf%2Sfho%2Sdhvpx_vpba_04.cat); }
.sub-quick .link-menu li.list05 a { background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Swrwharg%2S2018%2Svzntrf%2Sfho%2Sdhvpx_vpba_05.cat); }
.sub-quick .link-menu li.list06, .sub-quick .link-menu li.list07, .sub-quick .link-menu li.list08 {display: none;}
.contents-util-wrap {height: 35px;}
.contents-util {position: absolute;top: 50px;right: 0;}
.contents-util button {font-style: normal;color: #333; }
.contents-util button.btn-favorite { color: #333;}
.contents-util button.btn-favorite img {height: 15px; vertical-align: top; margin-top: 3px;}
}
@media (min-width: 992px) and (max-width: 1420px) {
.sub-quick { border:1px solid #d1d1d1; border-top:0px;  background:#fff;  position:absolute;z-index:50;  right:0px; top:321px; height:40px; width: auto;  }
.sub-quick .link-menu { float:left; padding: 0;}
.sub-quick .link-menu li {float:left;  border-left:1px solid #d1d1d1; border-bottom: none;  }
.sub-quick .link-menu li:first-child { border-left:none;  }
.sub-quick .link-menu li a {display:block; width:60px; height:40px; padding: 0; text-align:center;  color:#000; font-weight:bold;  background-repeat: no-repeat; background-position: center ; background-size: 35px;}
.sub-quick .link-menu li span { position:absolute; top:-3000px; left:-30000px; font-size:0px;  }
.sub-quick .link-menu li span.open { position:absolute; top:40px; left:0px; width:100%; background:#0074b9; padding:10px 0px; font-size:16px; color:#fff; font-weight:bold; text-align:center;  }
.sub-quick .link-menu li.list06 img {vertical-align: top; margin-top: 6px; width: 85%;}
.sub-quick .link-menu li.list06,
.sub-quick .link-menu li.list07,
.sub-quick .link-menu li.list08 {display: block; width: 60px;}
.sub-quick .link-menu li.list06 button,
.sub-quick .link-menu li.list07 button,
.sub-quick .link-menu li.list08 button {font-size: 26px; font-weight: bold; color: #5b5b5b; padding: 0;}
.sub-quick .link-menu li.list08 img {width: 50%; margin-top: 5px;}
.contents-util {display: none;}
}
.back-bg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: rgba(0, 0, 0, .5);}