/* display */
.hide { display: none; }
.show { display: block; }
.toggle { display: none; }
.toggle-on { display: block; }
div.show { display: block; }
table.show { display: table; }


/* title */
h3.title { clear: both; text-align: center; font-size: 30px; color:#333333; font-family: 'notokr-demilight', sans-serif; padding: 54px 0 56px; letter-spacing: 0.1em; }
h4.title { clear: both; font-weight: normal; font-family: 'notokr-medium', sans-serif;  font-size: 20px; color: #c30d23;
				line-height: 25px; margin: 0 0 15px 0; padding: 0 0 0 15px; border-left: 6px solid #c30d23; margin: 20px 0 0; }
h5.title { clear: both;  font-weight: 600; font-size: 16px; color: #333333; line-height: 16px; margin: 10px 0 10px 5px; }



/* list */
.list-a { padding: 0px; list-style: none; margin: 0 0 20px; }
.list-a li { margin: 0px 0px 5px; padding: 0 0px 0 10px; color: #2e2e2e; font-size: 15px; line-height: 20px; background: url('../img/common/list-ico.png') left center  no-repeat; list-style: none; text-align: justify; }
.list-a li img { vertical-align: middle; }
.list-b { margin: 5px 0px; padding: 0px; list-style: none; }
.list-b li { margin: 0px; padding: 2px 0px 2px 10px; line-height: 1.4; background: url('../img/common/ding_02.gif') left 8px no-repeat; list-style: none; }
.list-b li img { vertical-align: middle; }
.list-c { margin: 5px 0px; padding: 0px; list-style: none; }
.list-c li { margin: 0px; padding: 2px 0px 2px 10px; line-height: 1.4; background: url('../img/common/ding_03.gif') left 2px no-repeat; list-style: none; }
.list-c li img { vertical-align: middle; }
.list-d li { margin: 0px; padding: 2px 0px 2px 10px; line-height: 1.4; list-style: none; }
.list-d li img { vertical-align: middle; }




/* ------------------------------
Table
------------------------------ */
/*파랑 테이블*/
div.table-a-wrap { overflow: hidden; width: 100%; }
table.table-a { clear: both; margin: 20px 0 10px 1px; width: 100%; border-top:solid 3px #5fa8dd; border-bottom: solid 1px #4daf91;  }

table.table-a tr.first th, table.table-a tr.first td { /*border-top: none; */  }
table.table-a tfoot tr.first th, table.table-a tfoot tr.first td { border-top: solid 1px #dcdbdc; }
table.table-a th,
table.table-a td { padding: 8px 0px; border-top: solid 1px #c8d1d6; border-right: solid 1px #c8d1d6; text-align: center; line-height:1.4; border:solid 1px #d6dadf; color:#555;}
table.left td,
table.table-a .left { text-align: left; padding-left: 10px; }
table.table-a .right { text-align: right; padding-right: 10px; }
table.table-a .center { padding-left: 0; }
table.table-a thead th { font-size: 15px; border-top: none; border-bottom: 1px solid #b8d1c9; border-right-color: #b8d1c9; background-color:  #fbfbfb; color: #333; font-weight: bold; }
table.table-a thead th:first-child {  border-left: 0; }
table.table-a tbody th { background-color: #eaeaea; color:#393938;  font-weight:bold; font-szie:13px;  line-height:20px; text-align:left; padding-left: 20px; border-left: 0; }
table.table-a tbody th span { display:block;padding: 0px 0px 0px 42px; background: url('../img/common/th_ico.gif') 20px 3px no-repeat;  color:#393938;   line-height:20px;}

table.table-a .last-child { border-right: none; }
table.table-a .line { border-right: solid 1px #dcdbdc; }
table.table-a tfoot th,  table.table-a tfoot td,
table.table-a .tfoot th, table.table-a .tfoot td { background-color: #efefef; color: #ee4c3a; font-weight: bold; }
table.table-a .bg  { background-color: #efefef; color: #7a6e6d; font-weight: normal; }
table.table-a .bg1  { background-color: #fcffff; color: #7a6e6d; font-weight: normal; }
table.table-a .bg2  { background-color: #fbfbfb; color:#007a80; font-size:14px; }
table.table-a .bgn { background: none; }



div.table-b-wrap { overflow: hidden; width: 100%; }
table.table-b { clear: both; margin: 0 0 10px 1px; width: 100%; border-top:solid 5px #2ab3ed; border-bottom: solid 1px #d2d2d2;  }

table.table-b tr.first th, table.table-b tr.first td { /*border-top: none; */  }
table.table-b tfoot tr.first th, table.table-b tfoot tr.first td { border-top: solid 1px #dcdbdc; }
table.table-b th,
table.table-b td { padding: 8px 0px; border-top: solid 1px #c8d1d6; text-align: center; line-height:1.4; color:#555;}
table.left td,
table.table-b .left { text-align: left; padding-left: 10px; }
table.table-b .right { text-align: right; padding-right: 10px; }
table.table-b .center { padding-left: 0; }
table.table-b thead th { font-size: 13px; border-top: none; border-bottom: 1px solid #b8d1c9; border-right-color: #b8d1c9; background-color:  #fbfbfb; color: #333; font-weight: bold; }
table.table-b tbody th { background-color: #eaeaea; color:#393938;  font-weight:bold; font-szie:13px;  line-height:20px; text-align:left; padding-left: 20px;}
table.table-b tbody th span { display:block;padding: 0px 0px 0px 42px; background: url('../img/common/th_ico.gif') 20px 3px no-repeat;  color:#393938;   line-height:20px;}

table.table-b .last-child { border-right: none; }
table.table-b .line { border-right: solid 1px #dcdbdc; }
table.table-b tfoot th,  table.table-b tfoot td,
table.table-b .tfoot th, table.table-b .tfoot td { background-color: #efefef; color: #ee4c3a; font-weight: bold; }
table.table-b .bg  { background-color: #efefef; color: #7a6e6d; font-weight: normal; }
table.table-b .bg1  { background-color: #fcffff; color: #7a6e6d; font-weight: normal; }
table.table-b .bg2  { background-color: #fbfbfb; color:#007a80; font-size:14px; }
table.table-b .bgn { background: none; }



/*color 옵션*/
.color1 { color:#00ac94; }
.color2 { color:#66d0ff; }
.color3 { color:#f71114; }
.black { color: #000000 !important; }
.white { color: #ffffff !important; }




/*margin*/
.m-top0 { margin-top: 0 !important; }
.m-bottom0 { margin-bottom: 0 !important; }
.m-left0 { margin-left: 0 !important; }
.m-right0 { margin-right: 0 !important; }



.m-top10 { margin-top: 10px !important; }
.m-top20 { margin-top: 20px !important; }
.m-top30 { margin-top: 30px !important; }
.m-top40 { margin-top: 40px !important; }
.m-top50 { margin-top: 50px !important; }
.m-top100 { margin-top: 100px !important; }


.m-bottom10 { margin-bottom: 10px !important; }
.m-bottom20 { margin-bottom: 20px !important; }
.m-bottom30 { margin-bottom: 30px !important; }
.m-bottom40 { margin-bottom: 40px !important; }
.m-bottom50 { margin-bottom: 50px !important; }





/*text*/
.t-center {text-align:center;}




/*border*/
.b-gray {border-top:solid 1px #d2d2d2; border-bottom:solid 1px #d2d2d2; padding:40px 0;}
.b-gray-bottom {border-bottom:solid 1px #d2d2d2; padding:40px 0;}



/*div*/
.clear {content:""; display:block; clear:both;}
.empty-box {margin:40px;}







/*fontsize*/
.f_size15 { font-size: 15px !important; }
.f_size18 { font-size: 18px !important; }
.f_size20 { font-size: 20px !important; }
.f_size24 { font-size: 24px !important; }
.f_size30 { font-size: 30px !important; }


.bold { font-family: 'notokr-bold', sans-serif; }


.center { text-align: center !important; }




/*게시판*/
.bbs-list {width: 100%; border-top: 3px solid #c30d23; border-bottom: 1px solid #cccccc; margin: 0 auto 50px; }
.bbs-list thead { line-height: 35px; background: #efefef; border-bottom: 1px solid #cccccc; margin: 0 auto 50px; } 
.bbs-list tbody tr  { line-height: 35px; border-bottom: 1px solid #cccccc; margin: 0 auto 50px; text-align: center;  } 
.bbs-list tbody th { text-align: left; }
.bbs-list tbody th a { color: #666666;  font-family: 'notokr-medium', sans-serif; }
.bbs-list tbody th a:hover { color: #bbbbbb; }

.bbs-write {width: 100%; border-top: 3px solid #c30d23; border-bottom: 1px solid #cccccc; margin: 0 auto 30px; }
.bbs-write tbody { line-height: 45px; border-bottom: 1px solid #cccccc; margin: 0 auto 50px; text-align: left;  } 
.bbs-write tbody tr { border-bottom: 1px solid #cccccc; }
.bbs-write tbody th { background: #efefef; text-align: center; font-family: 'notokr-medium', sans-serif; }
.bbs-write tbody th span { display: inline-block; padding: 0 0 0 3px; font-size: 20px;}
.bbs-write tbody td { padding: 0 0 0 15px; }
.bbs-write tbody td input { height: 30px; border: 1px solid #cccccc; width: 95%; }
.bbs-write tbody td textarea { border: 1px solid #cccccc; width: 98%; margin: 10px 0 10px; height: 200px; }


.bbs-view {width: 100%; border-top: 3px solid #c30d23; border-bottom: 1px solid #cccccc; margin: 0 auto 10px; }
.bbs-view tbody { line-height: 45px; border-bottom: 1px solid #cccccc; margin: 0 auto 50px; text-align: left;  } 
.bbs-view tbody tr { border-bottom: 1px solid #cccccc; }
.bbs-view tbody th { background: #efefef; text-align: center; font-family: 'notokr-medium', sans-serif; }
.bbs-view tbody td { padding: 0 0 0 15px; }