@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:20px;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}
.clearfix{clear:both}


/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #4ba87c;
	color:#FFF
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.tabcontent h2{color:#4ba87c; font-size:2em; font-weight:400; margin:10px 0 10px 5px}
.tabcontent h3{color:#32654c; font-size:1.4em; font-weight:400; margin:10px 0 }

.tg  {width:100%; border-collapse:collapse;border-spacing:0;border-color:#aabcfe;} 
.tg td{font-size:14px;padding:10px 5px;text-align:center; border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aabcfe;color:#669;background-color:#e8edff;}
.tg th{font-size:14px;font-weight:800;text-align:center; padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aabcfe;color:#039;background-color:#b9c9fe;}
.tg .tg-us36{border-color:inherit;vertical-align:top}
.tg .tg-ov9q{background-color:#D2E4FC;border-color:inherit;vertical-align:top}

#history{text-align:center}
#history ul{display:block; margin-bottom:20px; border-top:1px dash #e9e9e9;border-bottom:1px dash #e9e9e9; }
#history .left{ width:40%; padding-right:5%; float:left; text-align:right; font-size:2.2em;line-height:100%; font-weight:100;}
#history .right{ width:50%; padding-left:5%; border-left:1px solid #666;  float:left; text-align:left }
.total{display:block; font-weight:400; font-size:2em; border-bottom:2px solid #e9e9e9; padding-bottom:10px; margin-bottom:10px}

#history li h4{font-weight:100; font-size:2.8em; padding:10px; color:#135589; }

#history p{text-align:left; font-size:1.18em}
#history > p > span{display:inline-block; color:#396dba; padding-right: 10px}
 .year{display:inline-block!important; color:#396dba; font-weight:500; padding-right:10px}
 
 #history > .img_box{float:left;}
 #history > .text_box{float:left; padding-left:20px;}
 
  #b_section {font-weight:200; color:#666}
 #b_section h1{color:#78b233; font-weight:500; font-size:2.4em; border-bottom:1px dashed #e9e9e9}
#b_section .b_box{width:96%; margin:20px auto; background:#f9f9f9; border:1px dashed #e9e9e9; padding:20px} 
 #b_section h2{font-weight:400; font-size:2em; color:#1e2b4d}
  #b_section h3{color:#666; font-weight:500; font-size:1.4em;}
  
 table.type09 {
	 width:90%;
	 margin:0 auto;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;

}
table.type09 thead th {
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #369;
    border-bottom: 3px solid #036;
}
table.type09 tbody th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background: #f3f6f7;
}
table.type09 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}