/*====================================
        span.keyName
       =======================================*/

       .keyName {
           font-family: 'Raleway', 'Apple SD Gothic Neo', sans-serif;
           font-weight: bold;
           font-size: inherit;
           padding: 0px 4px 0px 4px;
           border-style: solid;
           border-width: 1px;
           border-bottom-width: 2px;
           border-right-width: 2px;
           border-color: #A9A9A9;
           -webkit-border-radius: 3px;
           -moz-border-radius: 3px;
           border-radius: 3px;
           margin: 0;
           text-align: justify;
           color: #1a1a1a;
white-space: nowrap;

-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;

       }


       .bordering {
padding: 2px 4px 1px 4px;
border: 1px solid #D5DFE3;
border-radius: 3px;
       }

/* islemag 테마에서는 부모 테마파일 > css > bootstrap.mini.css 에 있는  태그 CSS때문에 .bodering 클래스명이 붙지 않는다. */       
       code.bordering {
         font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
         padding: 2px 4px;
         border-radius: 4px;
         color: #c7254e;
         background-color: #f9f2f4;
         font-size: 90%;
       }

       .hilight-green {
         background-color: #A2D992;
      color: #3d464d;
padding: 2px 4px 1px 4px;
      border: 1px solid #D5DFE3;
      border-radius: 3px;
       }

       .hilight-cyan-color {
         background-color: #16CAFD;
      color: #3d464d;
padding: 2px 4px 1px 4px;
      border: 1px solid #D5DFE3;
      border-radius: 3px;
       }

       div.hilight-container {
         border: 1px solid #2E5E7F;
         padding: 5px;

         background-color: #EDF6FF;
         border-radius: 5px;
         line-height:1.2em !important;
       }

       /*====================================
                p.block-note
               =======================================*/

               p.block-note {
  border: 1px solid #2E5E7F;
           padding: 8px;
                   background-color: #EDF6FF;
                   border-radius: 5px;
                   line-height:1.2em !important;
clear:both;

               }


pre.block-note {
    border: 1px solid #2E5E7F;
    padding: 10px;
    background-color: #EDF6FF;
    border-radius: 5px;
    line-height:1.2em !important;
}


               /*======   App Title -global 에서 끌어올림 ===================*/
  .store-badge-global {
            background-color: #000000;
            color: #FFFFFF;
            border-color: #000000;
            border-style: solid;
            border-width: 1px;
            border-radius: 25px;
            padding: 0px 6px 0px 6px  !important;
            margin: 10px 1px 10px 2px !important;
            font-weight: 200;
white-space: nowrap;
        }

        /*====================================
                 code.CLI-command
                =======================================*/
.CLI-command-para {
                    padding: 3px;
                    white-space: pre-wrap !important;
                    word-wrap: break-word !important;
                    background: #3d3d3d !important;
                       color: #eeeb82 !important;
                    line-height: 1.2em !important;
                    font-family: monospace, monospace;
                    font-size: 1em;
                    font-weight: normal;
                    -moz-osx-font-smoothing: auto;
                    -webkit-font-smoothing: auto;
                    box-sizing: inherit;
                    text-align: -webkit-match-parent;
                }
                .CLI-command {
                    padding: 3px;
                    white-space: pre-wrap !important;
                    word-wrap: break-word !important;
                    background: #3d3d3d !important;
                       color: #eeeb82 !important;
                    line-height: 1.2em !important;
                    font-family: monospace, monospace;
                    font-size: 1em;
                    font-weight: normal;
                    -moz-osx-font-smoothing: auto;
                    -webkit-font-smoothing: auto;
                    box-sizing: inherit;
                    text-align: -webkit-match-parent;
                }

/*====================================
         terminal
        =======================================*/

        .terminal-container {
            width: 98%;
            margin: 10px auto 10px;
            padding: 0;
            border: 0;
            outline: 0;
            font-size: 100%;
            font: inherit;
            vertical-align: baseline;
            display: block;
            text-align: center;
            list-style: none;
            color: #333;
        }

        .terminal-header {
            height: 25px;
            display: block;
            background: -moz-linear-gradient(top, #f7f7f7 0%, #cfcfcf 5%, #aaa 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(5%, #cfcfcf), color-stop(100%, #aaa));
            background: -webkit-linear-gradient(top, #f7f7f7 0%, #cfcfcf 5%, #aaa 100%);
            background: -o-linear-gradient(top, #f7f7f7 0%, #cfcfcf 5%, #aaa 100%);
            background: -ms-linear-gradient(top, #f7f7f7 0%, #cfcfcf 5%, #aaa 100%);
            background: linear-gradient(top, #f7f7f7 0%, #cfcfcf 5%, #aaa 100%);
            filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#aaaaaa', GradientType=0);
            border: 1px solid #9c9c9c;
            border-bottom-color: #111;
            border-top-left-radius: 7px;
            border-top-right-radius: 7px;
            text-align: center;
            font-size: 13px;
            line-height: 25px;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
            color: #444;
            margin: 0;
            padding: 0;
            outline: 0;
            font: inherit;
            vertical-align: baseline;
            list-style: none
        }

        .terminal-shell {
            font-family: Consolas, "Liberation Mono", Courier, monospace;
            font-size: 17px;
            line-height: 28px;
            color: #eeeb82 !important;
            background-color: #3d3d3d !important;
            overflow: hidden;
            padding: 10px 6px 10px 6px;
            margin: 0;
            border-bottom-left-radius: 7px;
            border-bottom-right-radius: 7px;
            text-align: left;
            display: block;
            border: 0;
            outline: 0;
            font: inherit;
            vertical-align: baseline
        }

        .terminal-pre {
            margin: 0;
            padding: 0;
            border: 0;
            outline: 0;
            font-size: 100%;
            font: inherit;
            vertical-align: baseline; display: block;
        }


/* ==========       시리즈 위젯   ======================   */
 .kyle_series_toc_widget {
margin: 0 0 1em 0;
background:#3A3A3A;
color:white;
border:1px solid #CCC;
padding:0.5em;
}
 .kyle_series_toc_widget h4 {
color:white !important;
}

 .kyle_series_toc_widget h4 a{
color:#337ab7 !important;
}
 .kyle_series_toc_widget h4 a:hover{
color:#009866 !important;
}


 .kyle_series_toc_widget ul {
margin-left:1.5em;
}

/*=====  테마 CSS 오버라이딩 ============  */ 
body {
font-size: 1.0rm;
line-height:1.75;
}

/* ============== 댓글 =============== */
.children{
padding-left:2.6em;
}

.comment-body {
background-color:#F5F5F5;

}
.media-body  {
 border-style: solid;
border-width: 0;
           border-bottom-width: 1px;
           border-color: #F5F5F5;
}
.comment-author {
margin-top:2em;
}

.entry-content a {
 text-decoration: underline;
}
.entry-content a:hover {
  color:#009866;
}


.entry-content h1 a, .entry-content h2 a, .entry-content h3 a {
 text-decoration: none;
}

/* =========  ===== */
h1,
        .h1,
        h2,
        .h2,
        h3,
        .h3,
        h4,
        .h4,
        h5,
        .h5,
        h6,
        .h6 {
        	margin-top: 0;
        	color: #303030;
        	font-family: "Raleway", Arial, sans-serif;
        	font-weight: 700;
        	line-height: 1;
        }


        h1,
        .h1 {
        	margin: 20px 0 10px 0;
        	font-size: 26px;
        }

        h2,
        .h2 {
        	margin: 20px 0 10px 0;
        	font-size: 22px;
        }

        h3,
        .h3 {
        	margin: 15px 0 10px 0;
        	font-size: 18px;
          font-weight: 600;
        }

        h4,
        .h4 {
        	margin: 15px 0 10px 0;
        	font-size: 16px;
          font-weight: 600;

        }

        h5,
        .h5 {
        	margin: 15px 0 10px 0;
        	font-size: 15px;
        }

        h6,
        .h6 {
        	margin: 10px 0 5px 0;
        	font-size: 13px;
        }



p {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;

  line-height: 1.75;
  margin-top: 22px;
  margin-bottom: 15px;

  display: block;
}


blockquote {
margin: 5px 0px 5px 8px;
padding: 7px;
line-height: 1.3;
font-size: 14px !important;
font-style: italic !important;
background: #f9f9f9;
border-left: 4px solid #ccc;
border-left-color: #009688;
font-family: Georgia, serif;
quotes: "\201C""\201D""\2018""\2019";

}
blockquote p {
margin-top: 0px;
  margin-bottom: 0px;
}

blockquote:before {
color: #ccc;
content: open-quote;
font-family: cambria, Georgia;
font-size: 4em;
line-height: .1em;
margin-right: .25em;
vertical-align: -.4em;
}

  .wp-caption-text {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  	text-align: center;
  	font-size: 12px;
  	line-height: 1.4;
  margin-top: 2px;
  margin-bottom: 11px;

  color: #585858;
  	display: block;
  }