@charset "UTF-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* html 5 */
section, nav, article, header, footer, aside, hgroup, figcaption, figure {
  display: block;
}

.clearboth { clear: both; }
 


* {
	padding: 0;
	margin: 0;
	font:normal 13px/18px '나눔고딕', 'Nanum Gothic', sans-serif, Gulim, Dotum, Arial;
}

strong { font-weight: bolder; }

img { border: none; vertical-align:middle; }
a { text-decoration: none; color:#3c3c3c;  }

/* 여백 */
.pad10 { padding:10px; }

.padl10 { padding-left:10px; }
.padl20 { padding-left:20px; }
.padl30 { padding-left:30px; }
.padl40 { padding-left:40px; }
.padl50 { padding-left:50px; }

.padr10 { padding-right:10px; }
.padr20 { padding-right:20px; }
.padr30 { padding-right:30px; }
.padr40 { padding-right:40px; }
.padr50 { padding-right:50px; }

.padb5 { padding-bottom:5px; }
.padb10 { padding-bottom:10px; }
.padb20 { padding-bottom:20px; }

.padt10 { padding-top:10px; }
.padt20 { padding-top:20px; }
.padt30 { padding-top:30px; }
.padt40 { padding-top:40px; }

.mart10 { margin-top:10px; }
.mart20 { margin-top:20px; }
.mart30 { margin-top:30px; }
.mart40 { margin-top:40px; }
.mart50 { margin-top:50px; }
.mart60 { margin-top:60px; }

.marb20 { margin-bottom:20px; }
.marb30 { margin-bottom:30px; }

.marl10 { margin-left:10px; }
.marl20 { margin-left:20px; }
.marl30 { margin-left:30px; }
.marl40 { margin-left:40px; }
.marl50 { margin-left:50px; }


/* 폰트 */
.font13 { font-size:13px; }
.font15 { font-size:15px; letter-spacing:-1px; line-height:22px; }
.font16 { font-size:16px; }
.font17 { font-size:17px; }
.font18 { font-size:18px; }
.font19 { font-size:19px; }
.font20 { font-size:20px; }
.font22 { font-size:22px; }

.colorG { color:#5f9c0b; font-weight:bold; }
.colorB { color:#528acb; font-weight:bold; }
.colorR { color:#ff0000; font-weight:bold; }
.colorO { color:#db7619; font-weight:bold; }
.colorG2 { color:#1a7c47; font-weight:bold; }
.colorP { color:#595fc1; font-weight:bold; }

.line20 { line-height:20px; }
.line22 { line-height:22px; }
.line24 { line-height:24px; }
.line26 { line-height:26px; }

/* border */
.bb1 { border-bottom:1px solid #dbdbdb; padding:5px; }
.bb2 { border-bottom:1px solid #dbdbdb; }




/* common */


/* 메인 */

.boardTextSubject { height:22px; color:#8e8e8e; }
.boardTextDate { color:#90a6bb; text-align: right; }
.btnIcon { padding:0 10px; border-right:1px solid #e5e5e5; }
.copyright { font-size:11px; color:#616161; }

/* 상단메뉴 */

#nav{ 
 position:relative;
 list-style:none;
 width: 100%;
 height:45px;
 border-radius:1.5em;
 padding:1px 7px;
 margin:0;  
}
#nav li { 
 float:left;
 padding:3px 5px;
 background:url('../images/comm/line2.gif') no-repeat right;
}
#nav li a{ 
  display:block;
  padding:5px 7px;
  margin:0;
  font-weight:600;
  font-size:1.2em;
  color:#3e3e3e;
  text-decoration:none;
  border-radius:1.4em;
  text-shadow:0 1px 1px rgba(0,0,0,.2);
}
#nav li a:hover{ 
 color:#49861a;
 text-shadow:0 1px 1px rgba(255,255,255,.1);
 border-radius:1.4em;
}
#nav li ul { 
 position:absolute;
 right:0px;
 top:35px;
 margin:0;
 padding:0;
 list-style:none;
 /* display: none; */
 visibility: hidden;
 z-index: 100;
}
#nav li:hover ul {
 /* opacity:1;  */
}
#nav ul li { 
 float: left;
 margin:0;
 padding:0;
 background:#f0f0f0;
}
#nav ul li a { 
  display: block;
  font-weight:normal;
  color:#333;
  text-shadow:0 1px 1px #fff;
  font-size:1em;
  letter-spacing:-1px;
}
#nav ul li a:hover { 
 color:#157aca;
 text-shadow:0 1px 1px rgba(0,0,0,0.1);
 border-radius:0;
}
#nav ul li:first-child a { 
  border-top-left-radius:8px;
  border-top-right-radius:8px;
}
#nav ul li:last-child a { 
 border-bottom-left-radius:8px;
 border-bottom-right-radius:8px;
}

/* 메인비쥬얼 */
#rollingBanner{position:relative;margin:0; width:960px; height:320px; overflow:hidden;}
#rollingBanner ul li dl, #rollingBanner ul li dd{ width:960px; height:320px; overflow:hidden;}
#rollingBanner ul li dl dt a{position:absolute; z-index:1;display:block; width:16px; height:14px; overflow:hidden;background:url(../images/main/mainimg_control.png) 0 top no-repeat;text-indent:-10em;}
.btn1 a{left:880px; top:280px;}
.btn2 a{left:900px; top:280px;}
.btn3 a{left:920px; top:280px;}
#rollingBanner ul li dl dt a.iconOn{background:url(../images/main/mainimg_control.png) -23px top no-repeat; }

/* 서브메뉴 */

.leftTitle { color:#0e61b0; font-size:22px; font-weight:bold; text-align:right; padding:0 0 10px 8px; line-height:22px;}
.leftMenu a{ text-decoration: none; display:block; color:#3c3c3c;  }
.leftMenu a{ background:url('../images/comm/menuBg.gif') no-repeat 185px 19px; text-align:right; height:30px; padding:15px 20px 0 0; border-bottom:1px solid #cfcfcf; width:180px; font-weight:bold; font-size:14px; }
.leftMenu a:hover{ background:url('../images/comm/menuBg_over.gif') no-repeat left; text-align:right; height:30px;  padding:15px 20px 0 0; border-bottom:1px solid #cfcfcf; color:#fff; font-weight:bold; }

.leftMenu2 a{ text-decoration: none; display:block; color:#3c3c3c;  }
.leftMenu2 a{ background:url('../images/comm/menuBg.gif') no-repeat 185px 19px; text-align:right; height:30px;  padding:15px 20px 0 0; width:180px; font-weight:bold; font-size:14px; }
.leftMenu2 a:hover{ background:url('../images/comm/menuBg_over.gif') no-repeat left; text-align:right; height:30px;  padding:15px 20px 0 0; color:#fff; font-weight:bold; }

.leftMenu3 a{ text-decoration: none; display:block; color:#3c3c3c;  }
.leftMenu3 a{ background:url('../images/comm/menuBg.gif') no-repeat 185px 19px; text-align:right; height:30px; padding:0 20px 15px 0; border-bottom:1px solid #cfcfcf; width:180px; font-weight:bold; font-size:14px; }
.leftMenu3 a:hover{ background:url('../images/comm/menuBg_over.gif') no-repeat left; text-align:right; height:30px;  padding:0 20px 15px 0; border-bottom:1px solid #cfcfcf; color:#fff; font-weight:bold; }

/* 서브배너 */

table.leftBn { width: 100%; border:1px solid #dad7d7; margin-top:30px;}
table.leftBn td { text-align:center; padding:10px 5px; }


/* 컨텐츠영역 */

.content { padding:50px 15px; font-size:13px; line-height:22px; color:#494949; }
.content b{ font-weight:bold; }
.bgG { background:#f7f7f7; border:1px solid #e3e3e3; padding:25px; width:610px; }
.headIcon { background:url('../images/contents/head_icon.png') no-repeat left; padding-left:15px; font-size:15px; font-weight:bold; }
.dotLine { background:url('../images/contents/dotLine.gif') repeat-x center; height:60px;}
table .table1 th{ font-weight:bold; border-top:2px solid #000000; border-bottom:1px solid #005fbe; background:#fafafa; color:#0c4071; padding:7px; text-align:center;  border-right:1px solid #c1c1c1;}
table .table1 td{ border-bottom:1px solid #c1c1c1; border-right:1px solid #c1c1c1; padding:7px; text-align:center; }
table .table1 .linenone{  border-right:none !important;  }
table .table1 .text-left{  text-align:left !important; padding-left:15px;  }

table .table2 th{ font-weight:bold; border-left:2px solid #000000;  border-bottom:1px solid #c1c1c1; border-right:1px solid #005fbe; background:#fafafa; color:#0c4071; padding:7px; text-align:center; }
table .table2 td{ border-bottom:1px solid #c1c1c1; border-right:1px solid #c1c1c1; padding:7px; text-align:center; }
table .table2 .linenone{  border-right:none !important;  }
.table2 th.topLine {  border-top:1px solid #c1c1c1; }
.table2 td.topLine {  border-top:1px solid #c1c1c1; }
table .table2 .text-left{  text-align:left !important; padding-left:15px;  }
.headIcon2 { color:#a9561f; background:url('../images/contents/head_icon.gif') no-repeat left center; padding:5px 25px; }
.headIcon3 { background:url('../images/contents/dot.gif') no-repeat left center; padding:5px 10px; }
.headIcon4 { padding:5px 15px; line-height:160%; }

table .table3 th{ font-weight:bold; border-left:1px solid #c1c1c1;  border-bottom:1px solid #c1c1c1; border-right:1px solid #005fbe; background:#fafafa; color:#0c4071; padding:7px; text-align:center; }
table .table3 td{ border-bottom:1px solid #c1c1c1; border-right:1px solid #c1c1c1; padding:7px; text-align:center; }
table .table3 .linenone{  border-right:none !important;  }
.table3 th.topLine {  border-top:1px solid #c1c1c1; }
.table3 td.topLine {  border-top:1px solid #c1c1c1; }
table .table3 .text-left{  text-align:left !important; padding-left:15px;  }
table .table3 .td02 { background:#fafafa; color:#0c4071; font-weight:bold; border:0; border-right:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1;  }

table .table5_1 { border-top:2px solid #000000; border-bottom:1px solid #005fbe; background:#fafafa; color:#0c4071; padding:7px;  border-right:1px solid #c1c1c1; width:100%; }
table .inq_subject { font-weight:bold; font-size:20x; width:450px; border-bottom:1px solid #c1c1c1;} 
table .inq_date {color: silver; font-size: 11px; font-weight: normal; padding:0 10px;}
table .inq_subject_date { font-size:15x; text-algin:right;   border-bottom:1px solid #c1c1c1;  }
 


.cell_title {
text-align: center;
color: gray;
background-color: #d7d7d7;
font-weight: bold;
padding: 4px;
border-bottom: 1px solid silver;
border-left: 1px solid silver;
}

.cell_title3 {
text-align: right;
color: gray;
background-color: #d7d7d7;
font-weight: bold;
padding: 4px;
border-bottom: 1px solid silver;
border-left: 1px solid silver;
}

.cell_title2 {
text-align: center;
color: gray;
background-color: #ecf4fd;
font-weight: bold;
padding: 4px;
border-bottom: 1px solid silver;
border-left: 1px solid silver;
}

.cell_contents {
text-align: center;
background-color: #fff;
padding: 4px;
border-bottom: 1px solid silver;
border-left: 1px solid silver;
}

.cell_contents_end {
border-right: 1px solid silver;
}

.table_top {
border-top: 1px solid silver;
}

.cell_l {
text-align: left;
}




/* 폼필드 */
.sub_board_search_sel{
	width:80px;
	height:22px;
}

.sub_board_search_keywd{
	width:150px;
	height:22px;
}

.sub_board_search_btn{
	height:25px;
	border:1px solid gray;
}

.sub_board_write_btn{
	padding:5px 10px;
	border:1px solid gray;
}

.bdList_line {
    border-bottom: #E0E0E0 1px solid;
    font-family: 굴림;
    font-size: 12px;
    line-height: 160%;
}




/* myStyle */
.btn {
	padding: 10px 20px; margin: 10px;
    font-weight: bold;
    border-radius: 4px;
    font-size:1.1em;
    cursor:pointer;
} 

.btn.btn-success{
    background-color: #3485f3;
    color: white;
}

.btn.btn-primary{
    background-color: #4bc46d;
    color: white;
}


.table_list_view{
	width: 100%;
	clear: both;
} 

.p{
	margin-bottom: 10px;
    display: inline-block;
}



.table_list_view table {
    width: 100%;
    
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    border-collapse: collapse;
    border-spacing: 0;
}

.table_list_view th {
    background: rgb(243, 244, 246);
    padding: 10px;
    border: 1px solid rgb(212, 212, 218);
    color: rgb(51, 51, 51);
    line-height: 1.4;
    font-weight: 500;
}


.table_list_view td {
    padding: 10px;
    border: 1px solid rgb(212, 212, 218);
    color: rgb(51, 51, 51);
    line-height: 1.4;
    font-weight: 500;
}