.syntaxhighlighter {
  /*width: 100%  !important;*/
  margin: 0 0 0 0 !important;
  position: relative  !important;
  overflow: auto  !important;
  font-size: 1em  !important;  
  border-bottom-left-radius:22px !important;   /* 왼쪽 테두리 밑에 둥글게 처리하기 */
  padding: 10px 10px 10px 10px !important;     /* 가장자리 간격 띄우기 */
  border : 1px solid #538CE2 !important;
}

.syntaxhighlighter a,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody,
.syntaxhighlighter table thead,
.syntaxhighlighter table caption,
.syntaxhighlighter textarea {
  -moz-border-radius: 0 0 0 0 
  -webkit-border-radius: 0 0 0 0  
  background: none  !important;
  border: 0 !important;
  bottom: auto  !important;
  float: none  !important;
  height: auto  !important;
  left: auto  !important;
  line-height: 1.1em  !important;
  margin: 0  !important;
  outline: 0  !important;
  overflow: visible  !important;
  padding: 0  !important;
  position: static  !important;
  right: auto  !important;
  text-align: left  !important;
  top: auto  !important;
  vertical-align: baseline  !important;
  width: auto  !important;
  box-sizing: content-box  !important;
  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace  !important;
  font-weight: normal  !important;
  font-style: normal  !important;
  font-size: 1em  !important;
  min-height: inherit  !important;
  min-height: auto  !important;
}


.syntaxhighlighter table {
  width: 100%  !important;
}
.syntaxhighlighter table caption {
  text-align: left  !important;
  padding: .5em 0 0.5em 1em  !important;
}
.syntaxhighlighter table td.code {
  width: 100%  !important;
}
.syntaxhighlighter table td.code .container {
  position: relative  !important;
}
.syntaxhighlighter table td.code .container textarea {
  box-sizing: border-box  !important;
  position: absolute  !important;
  left: 0 ;
  top: 0 ;
  width: 100% ;
  height: 100% ;
  border: none ;
  background: white ;
  padding-left: 1em ;
  overflow: hidden ;
  white-space: pre ;
}
.syntaxhighlighter table td.gutter .line {
  text-align: right  !important;
  padding: 0 0.5em 0 0.5em  !important;
}
.syntaxhighlighter table td.code .line {
  padding: 0 1em  !important;
}


.syntaxhighlighter .line.alt1 {
  background-color: transparent  !important;
}
.syntaxhighlighter .line.alt2 {
  background-color: transparent  !important;  
}

.syntaxhighlighter .container .line.alt1 {
  background-color: #DEEFFF  !important;    /* 연한줄 색깔 */
}

.syntaxhighlighter .container .line.alt2 {
  background-color: #D1E2F1  !important;    /* 진한줄 색깔 */
}

.syntaxhighlighter .gutter {
  color: #B2D477  !important;      /* 라인넘버 색깔 */
}

.syntaxhighlighter.source {
  overflow: hidden  !important;
}
.syntaxhighlighter .bold {
  font-weight: bold  !important;
}
.syntaxhighlighter .italic {
  font-style: italic  !important;
}
.syntaxhighlighter .line {
  white-space: pre  !important;
}
.syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line {
  padding-left: 0em  !important;
}
.syntaxhighlighter.show {
  display: block  !important;
}
.syntaxhighlighter.collapsed table {
  display: none  !important;
}
.syntaxhighlighter.collapsed .toolbar {
  padding: 0.1em 0.8em 0em 0.8em  !important;
  font-size: 1em  !important;
  position: static  !important;
  width: auto  !important;
  height: auto  !important;
}
.syntaxhighlighter.collapsed .toolbar span {
  display: inline  !important;
  margin-right: 1em  !important;
}
.syntaxhighlighter.collapsed .toolbar span a {
  padding: 0  !important;
  display: none  !important;
}
.syntaxhighlighter.collapsed .toolbar span a.expandSource {
  display: inline  !important;
}
.syntaxhighlighter .toolbar {
  position: absolute  !important;
  right: 1px  !important;
  top: 1px  !important;
  width: 11px  !important;
  height: 11px  !important;
  font-size: 10px  !important;
  z-index: 10  !important;
}
.syntaxhighlighter .toolbar span.title {
  display: inline  !important;
}
.syntaxhighlighter .toolbar a {
  display: block  !important;
  text-align: center  !important;
  text-decoration: none  !important;
  padding-top: 1px  !important;
}
.syntaxhighlighter .toolbar a.expandSource {
  display: none  !important;
}
.syntaxhighlighter.ie {
  font-size: .9em  !important;
  padding: 1px 0 1px 0  !important;
}
.syntaxhighlighter.ie .toolbar {
  line-height: 8px  !important;
}
.syntaxhighlighter.ie .toolbar a {
  padding-top: 0px  !important;
}
.syntaxhighlighter.printing .line.alt1 .content,
.syntaxhighlighter.printing .line.alt2 .content,
.syntaxhighlighter.printing .line.highlighted .number,
.syntaxhighlighter.printing .line.highlighted.alt1 .content,
.syntaxhighlighter.printing .line.highlighted.alt2 .content {
  background: none  !important;
}
.syntaxhighlighter.printing .line .number {
  color: #bbbbbb  !important;
}
.syntaxhighlighter.printing .line .content {
  color: black  !important;
}
.syntaxhighlighter.printing .toolbar {
  display: none  !important;
}
.syntaxhighlighter.printing a {
  text-decoration: none  !important;
}
.syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a {
  color: black  !important;
}
.syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a {
  color: #008200  !important;
}
.syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a {
  color: blue  !important;
}
.syntaxhighlighter.printing .keyword {
  color: #006699  !important;
  font-weight: bold  !important;
}
.syntaxhighlighter.printing .preprocessor {
  color: gray  !important;
}
.syntaxhighlighter.printing .variable {
  color: #aa7700  !important;
}
.syntaxhighlighter.printing .value {
  color: #009900  !important;
}
.syntaxhighlighter.printing .functions {
  color: #ff1493  !important;
}
.syntaxhighlighter.printing .constants {
  color: #0066cc  !important;
}
.syntaxhighlighter.printing .script {
  font-weight: bold  !important;
}
.syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a {
  color: gray  !important;
}
.syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a {
  color: #ff1493  !important;
}
.syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a {
  color: red  !important;
}
.syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a {
  color: black  !important;
}

.syntaxhighlighter {
  background-color: white  !important;
}
.syntaxhighlighter .line.alt1 {
  background-color: white  !important;
}
.syntaxhighlighter .line.alt2 {
  background-color: white  !important;
}
.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {
  background-color: #e0e0e0  !important;
}
.syntaxhighlighter .line.highlighted.number {
  color: black  !important;
}
.syntaxhighlighter table caption {
  color: black  !important;
}

.syntaxhighlighter .gutter .line {
  /* border-right: 3px solid #6ce26c  !important; */
 
}
.syntaxhighlighter .gutter .line.highlighted {
  background-color: #6ce26c  !important;
  color: white  !important;
}
.syntaxhighlighter.printing .line .content {
  border: none  !important;
}
.syntaxhighlighter.collapsed {
  overflow: visible  !important;
}
.syntaxhighlighter.collapsed .toolbar {
  color: blue  !important;
  background: white  !important;
  border: 1px solid #6ce26c  !important;
}
.syntaxhighlighter.collapsed .toolbar a {
  color: blue  !important;
}
.syntaxhighlighter.collapsed .toolbar a:hover {
  color: red  !important;
}
.syntaxhighlighter .toolbar {
  color: white  !important;
  background: #6ce26c  !important;
  border: none  !important;
}
.syntaxhighlighter .toolbar a {
  color: white  !important;
}
.syntaxhighlighter .toolbar a:hover {
  color: black  !important;
}
.syntaxhighlighter .plain, .syntaxhighlighter .plain a {
  color: black  !important;
}
.syntaxhighlighter .comments, .syntaxhighlighter .comments a {
  color: #008200  !important;
}
.syntaxhighlighter .string, .syntaxhighlighter .string a {
  color: blue  !important;
}
.syntaxhighlighter .keyword {
  color: #006699  !important;
}
.syntaxhighlighter .preprocessor {
  color: gray  !important;
}
.syntaxhighlighter .variable {
  color: #aa7700  !important;
}
.syntaxhighlighter .value {
  color: #009900  !important;
}
.syntaxhighlighter .functions {
  color: #ff1493  !important;
}
.syntaxhighlighter .constants {
  color: #0066cc  !important;
}
.syntaxhighlighter .script {
  font-weight: bold  !important;
  color: #006699  !important;
  background-color: none  !important;
}
.syntaxhighlighter .color1, .syntaxhighlighter .color1 a {
  color: gray  !important;
}
.syntaxhighlighter .color2, .syntaxhighlighter .color2 a {
  color: #ff1493  !important;
}
.syntaxhighlighter .color3, .syntaxhighlighter .color3 a {
  color: red  !important;
}

.syntaxhighlighter .keyword {
  font-weight: bold  !important;
}