/*!
 * spidersweb version 4.0.0  * Author : Ungki.H <ungki.h@gmail.com>
 * repository : https://github.com/markquery/spidersweb.git
  redesigned by 알송달송IT세상(rdsong.com) - 버그 다뜾어고침 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
    font-family: sans-serif,Arial;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0;
    font-size: 1.6em
}

mark {
    color: #000;
    background: #ff0
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
   /* font-family: monospace, monospace; */
   /* font-size: 1em; */
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
	border: 1px solid #eee; /* 테두리색지정 추가 */
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0
}

legend {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-spacing: 0;
       /* border-collapse: collapse; 셀과 테두리 켭치게 제거 */
	  text-align:center; /* 정렬 추가 */
			
}

td,
th {
    padding: 0
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.third-party *,
.third-party *:before,
.third-party *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

html {
   /* 불필필 font-size: 62.5%; */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
   font-family:  sans-serif;
   font-size: 1.1em;  /* 17px을 */
    line-height: 2;
    color: #000;
    background-color: #fff;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #666;  /* red ff5544 - (파랑)1C74E9  428bca */
    text-decoration: none;
    overflow:auto;
    word-break: break-all;
}

a:hover,
a:focus {
    color: #2a6496;
    text-decoration: none;
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}
.recent-post li a {
    display: flex;
}
.recent-post li {
    margin-bottom: 15px;
}
.recent-post li img { /* 추가 */
    vertical-align: middle;
   /* margin-bottom: 10px; */
	  width:70px;  /*  90x85 60 x 45 */
	  height:70px;
	 border: 1px solid #ccc; 
   /* filter: grayscale(100%); */
	object-fit: cover;
   /* --- border-radius: 50%; */
}
/* .recent-post li a:hover img { filter:none;} */
.recent-post li .title {
   display: block;
    font-size: 15px;
    margin-bottom: 0px;
	  padding-left: 15px;
    flex: 1;
	line-height:23px;
}
/* 미사용 .recent-post .title {
    display: -webkit-box;
	  display: -ms-flexbox;
    overflow: hidden;
    line-height: 23px;
	font-size:14px;
	  margin-bottom:25px;
    margin-left: 70px;
    margin-top: -46px; */    /* -48 */
 /*   vertical-align: top;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
} */
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

hr {
    margin-top: 6px;
    margin-bottom: 6px;
    border: 0;
    border-top: 1px solid #fbfbfb
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /* font-family: Helvetica, '맑은 고딕', 'Malgun Gothic', Times, serif; */
    font-weight: 900;
    line-height: 1.5;
    color: inherit
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-weight: normal;
    line-height: 1;
    color: #999
}

h1 h2,
h3 {
    margin-top: 16px;
    margin-bottom: 16px
}

h1 small,
h2 small,
h3 small {
    font-size: 65%
}

h4,
h5,
h6 {
    margin-top: 13px;
    margin-left: 5px;
    margin-bottom: 13px;
}

h4 small,
h5 small,
h6 small {
    font-size: 75%
}

h1 {
    font-size: 20px /* 26 */
}

h2 {
    font-size: 24px
}

h3 {
    font-size: 23px
}

h4 {
    font-size: 17px
}

h5 {
    font-size: 13px
}

h6 {
    font-size: 12px
}

p {
    margin: 10px 0 0px;   /* 2 0 0px */
}

small {
    font-size: 85%
}

cite {
    font-style: normal
}

code,
kbd,
pre,
samp {
    font-family: inherit
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #4e4e4e;
    white-space: nowrap;
    background-color: #f8f8f8
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
}

pre {
    display: block;
    padding: 12.5px;
    margin: 0 0 13px;
    font-size: 12px;
    line-height: 2;
    color: #4e4e4e;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f2f0;
    border: 0 none;
    border-radius: 0
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
   /* 본문폭이 줄어서 padding-right: 15px;
    padding-left: 15px; */
    margin-right: auto;
    margin-left: auto
}
@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

.container-520,
.container-620,
.container-720,
.container-860,
.container-980,
.container-1600 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:768px) {
    .container-520,
    .container-620,
    .container-720,
    .container-860,
    .container-980,
    .container-1600 {
        width: 750px
    }
}

@media (min-width:992px) {
    .container-520 {
        width: 520px
    }
    .container-620 {
        width: 620px
    }
    .container-720 {
        width: 720px
    }
    .container-860 {
        width: 860px
    }
    .container-980 {
        width: 970px
    }
    .container-1600 {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container-520 {
        width: 520px
    }
    .container-620 {
        width: 620px
    }
    .container-720 {
        width: 720px
    }
    .container-860 {
        width: 860px
    }
    .container-980 {
        width: 980px
    }
    .container-1600 {
        width: 1600px
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.wrapper {
    position: relative
}

.row {
  /* 잘못됨  margin-right: -15px;    margin-left: -15px; */
	 margin-top:12px; /* 추가 */
}

.row-nospace {
    margin-right: 0;
    margin-left: 0;
	margin-top:0; /* 추가 */
	/* border-bottom: 1px solid #eee; 라인제거 */
}

.col-5 {
    width: 5%
}

.col-10 {
    width: 10%
}

.col-15 {
    width: 15%
}

.col-20 {
    width: 20%
}

.col-25 {
    width: 25%
}

.col-30 {
    width: 30%
}

.col-35 {
    width: 35%
}

.col-40 {
    width: 40%
}

.col-45 {
    width: 45%
}

.col-50 {
    width: 50%
}

.col-55 {
    width: 55%
}

.col-60 {
    width: 60%
}

.col-65 {
    width: 65%
}

.col-70 {
    width: 70%
}

.col-75 {
    width: 75%
}

.col-80 {
    width: 80%
}

.col-85 {
    width: 85%
}

.col-90 {
    width: 90%
}

.col-95 {
    width: 95%
}

.col-100 {
    width: 100%
}

.col-5,
.col-10,
.col-15,
.col-20,
.col-25,
.col-30,
.col-35,
.col-40,
.col-45,
.col-50,
.col-55,
.col-60,
.col-65,
.col-70,
.col-75,
.col-80,
.col-85,
.col-90,
.col-95,
.col-100 {
    position: relative;
    float: left;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1.nospace,
.col-sm-1.nospace,
.col-md-1.nospace,
.col-lg-1.nospace,
.col-xs-2.nospace,
.col-sm-2.nospace,
.col-md-2.nospace,
.col-lg-2.nospace,
.col-xs-3.nospace,
.col-sm-3.nospace,
.col-md-3.nospace,
.col-lg-3.nospace,
.col-xs-4.nospace,
.col-sm-4.nospace,
.col-md-4.nospace,
.col-lg-4.nospace,
.col-xs-5.nospace,
.col-sm-5.nospace,
.col-md-5.nospace,
.col-lg-5.nospace,
.col-xs-6.nospace,
.col-sm-6.nospace,
.col-md-6.nospace,
.col-lg-6.nospace,
.col-xs-7.nospace,
.col-sm-7.nospace,
.col-md-7.nospace,
.col-lg-7.nospace,
.col-xs-8.nospace,
.col-sm-8.nospace,
.col-md-8.nospace,
.col-lg-8.nospace,
.col-xs-9.nospace,
.col-sm-9.nospace,
.col-md-9.nospace,
.col-lg-9.nospace,
.col-xs-10.nospace,
.col-sm-10.nospace,
.col-md-10.nospace,
.col-lg-10.nospace,
.col-xs-11.nospace,
.col-sm-11.nospace,
.col-md-11.nospace,
.col-lg-11.nospace,
.col-xs-12.nospace,
.col-sm-12.nospace,
.col-md-12.nospace,
.col-lg-12.nospace {
    position: relative;
    min-height: 1px;
    padding-right: 0;
    padding-left: 0
}

.col-nospace [class*="col"] {
    position: relative;
    min-height: 1px;
   padding-right: 15px;   /* 원래 우측=좌측0 > 5px >15px  */
   padding-left: 15px;  
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: 0
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: 0
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-11 {
        width: 91.66666667%
    }
    .col-sm-10 {
        width: 83.33333333%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-8 {
        width: 66.66666667%
    }
    .col-sm-7 {
        width: 58.33333333%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-5 {
        width: 41.66666667%
    }
    .col-sm-4 {
        width: 33.33333333%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-2 {
        width: 16.66666667%
    }
    .col-sm-1 {
        width: 8.33333333%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-pull-11 {
        right: 91.66666667%
    }
    .col-sm-pull-10 {
        right: 83.33333333%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-8 {
        right: 66.66666667%
    }
    .col-sm-pull-7 {
        right: 58.33333333%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-5 {
        right: 41.66666667%
    }
    .col-sm-pull-4 {
        right: 33.33333333%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-2 {
        right: 16.66666667%
    }
    .col-sm-pull-1 {
        right: 8.33333333%
    }
    .col-sm-pull-0 {
        right: 0
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-push-11 {
        left: 91.66666667%
    }
    .col-sm-push-10 {
        left: 83.33333333%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-8 {
        left: 66.66666667%
    }
    .col-sm-push-7 {
        left: 58.33333333%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-5 {
        left: 41.66666667%
    }
    .col-sm-push-4 {
        left: 33.33333333%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-2 {
        left: 16.66666667%
    }
    .col-sm-push-1 {
        left: 8.33333333%
    }
    .col-sm-push-0 {
        left: 0
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }
    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-11 {
        width: 91.66666667%
    }
    .col-md-10 {
        width: 83.33333333%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-8 {
        width: 66.66666667%
    }
    .col-md-7 {
        width: 58.33333333%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-5 {
        width: 41.66666667%
    }
    .col-md-4 {
        width: 33.33333333%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-2 {
        width: 16.66666667%
    }
    .col-md-1 {
        width: 8.33333333%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-pull-11 {
        right: 91.66666667%
    }
    .col-md-pull-10 {
        right: 83.33333333%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-8 {
        right: 66.66666667%
    }
    .col-md-pull-7 {
        right: 58.33333333%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-5 {
        right: 41.66666667%
    }
    .col-md-pull-4 {
        right: 33.33333333%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-2 {
        right: 16.66666667%
    }
    .col-md-pull-1 {
        right: 8.33333333%
    }
    .col-md-pull-0 {
        right: 0
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-push-11 {
        left: 91.66666667%
    }
    .col-md-push-10 {
        left: 83.33333333%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-8 {
        left: 66.66666667%
    }
    .col-md-push-7 {
        left: 58.33333333%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-5 {
        left: 41.66666667%
    }
    .col-md-push-4 {
        left: 33.33333333%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-2 {
        left: 16.66666667%
    }
    .col-md-push-1 {
        left: 8.33333333%
    }
    .col-md-push-0 {
        left: 0
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%
    }
    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-11 {
        width: 91.66666667%
    }
    .col-lg-10 {
        width: 83.33333333%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-8 {
        width: 66.66666667%
    }
    .col-lg-7 {
        width: 58.33333333%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-5 {
        width: 41.66666667%
    }
    .col-lg-4 {
        width: 33.33333333%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-2 {
        width: 16.66666667%
    }
    .col-lg-1 {
        width: 8.33333333%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-pull-11 {
        right: 91.66666667%
    }
    .col-lg-pull-10 {
        right: 83.33333333%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-8 {
        right: 66.66666667%
    }
    .col-lg-pull-7 {
        right: 58.33333333%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-5 {
        right: 41.66666667%
    }
    .col-lg-pull-4 {
        right: 33.33333333%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-2 {
        right: 16.66666667%
    }
    .col-lg-pull-1 {
        right: 8.33333333%
    }
    .col-lg-pull-0 {
        right: 0
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-push-11 {
        left: 91.66666667%
    }
    .col-lg-push-10 {
        left: 83.33333333%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-8 {
        left: 66.66666667%
    }
    .col-lg-push-7 {
        left: 58.33333333%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-5 {
        left: 41.66666667%
    }
    .col-lg-push-4 {
        left: 33.33333333%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-2 {
        left: 16.66666667%
    }
    .col-lg-push-1 {
        left: 8.33333333%
    }
    .col-lg-push-0 {
        left: 0
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }
    .col-lg-offset-0 {
        margin-left: 0
    }
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-520:before,
.container-520:after,
.container-620:before,
.container-620:after,
.container-720:before,
.container-720:after,
.container-860:before,
.container-860:after,
.container-980:before,
.container-980:after,
.container-1600:before,
.container-1600:after,
.container-fluid:before,
.container-fluid:after,
.wrapper:before,
.wrapper:after,
.row:before,
.row:after,
.row-nospace:before,
.row-nospace:after {
    display: table;
    content: " "
}

.clearfix:after,
.container:after,
.container-520:after,
.container-620:after,
.container-720:after,
.container-860:after,
.container-980:after,
.container-1600:after,
.container-fluid:after,
.wrapper:after,
.row:after,
.row-nospace:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }
    table.visible-xs {
        display: table
    }
    tr.visible-xs {
        display: table-row !important
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important
    }
}

.visible-sm,
tr.visible-sm,
th.visible-sm,
td.visible-sm {
    display: none !important
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }
    table.visible-sm {
        display: table
    }
    tr.visible-sm {
        display: table-row !important
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important
    }
}

.visible-md,
tr.visible-md,
th.visible-md,
td.visible-md {
    display: none !important
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }
    table.visible-md {
        display: table
    }
    tr.visible-md {
        display: table-row !important
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important
    }
}

.visible-lg,
tr.visible-lg,
th.visible-lg,
td.visible-lg {
    display: none !important
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }
    table.visible-lg {
        display: table
    }
    tr.visible-lg {
        display: table-row !important
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important
    }
}

@media (max-width:767px) {
    .hidden-xs,
    tr.hidden-xs,
    th.hidden-xs,
    td.hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm,
    tr.hidden-sm,
    th.hidden-sm,
    td.hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md,
    tr.hidden-md,
    th.hidden-md,
    td.hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg,
    tr.hidden-lg,
    th.hidden-lg,
    td.hidden-lg {
        display: none !important
    }
}

.visible-print,
tr.visible-print,
th.visible-print,
td.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }
    table.visible-print {
        display: table
    }
    tr.visible-print {
        display: table-row !important
    }
    th.visible-print,
    td.visible-print {
        display: table-cell !important
    }
}

@media print {
    .hidden-print,
    tr.hidden-print,
    th.hidden-print,
    td.hidden-print {
        display: none !important
    }
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease
}

body.drawer-navbar.drawer-fixed {
    padding-top: 0
}

.drawer-main {
    position: fixed;
    top: 0;
    width: 280px;
    height: 100%;
    overflow: hidden
}

.drawer-left .drawer-main {
    left: -280px;
    z-index: 0;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.19, 1, .22, 1);
    -o-transition: -o-transform .4s cubic-bezier(.19, 1, .22, 1);
    transition: transform .4s cubic-bezier(.19, 1, .22, 1);
    -webkit-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0)
}

.drawer-left.drawer-open .drawer-main {
    left: 0;
    z-index: 2000;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
		overflow:scroll;	/* 추가 */
}

.drawer-right .drawer-main {
    right: -280px;
    z-index: 0;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.19, 1, .22, 1);
    -o-transition: -o-transform .4s cubic-bezier(.19, 1, .22, 1);
    transition: transform .4s cubic-bezier(.19, 1, .22, 1);
    -webkit-transform: translate3d(280px, 0, 0);
    transform: translate3d(280px, 0, 0)
}

.drawer-right.drawer-open .drawer-main {
    right: 0;
    z-index: 2000;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.drawer-overlay {
    position: relative
}

.drawer-left .drawer-hamberger {
    left: 0;
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0)
}

.drawer-left.drawer-open .drawer-hamberger {
    -webkit-transform: translateX(280px) translateY(0);
    -ms-transform: translateX(280px) translateY(0);
    -o-transform: translateX(280px) translateY(0);
    transform: translateX(280px) translateY(0)
}

.drawer-right .drawer-hamberger {
    right: 0;
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0)
}

.drawer-right.drawer-open .drawer-hamberger {
    -webkit-transform: translateX(-280px) translateY(0);
    -ms-transform: translateX(-280px) translateY(0);
    -o-transform: translateX(-280px) translateY(0);
    transform: translateX(-280px) translateY(0)
}

.drawer-overlay-upper {
    position: fixed;
    top: 0;
    z-index: 1100;
    display: none;
    height: 100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5)
}

.drawer-left.drawer-open .drawer-overlay-upper {
    right: 0
}

.drawer-right.drawer-open .drawer-overlay-upper {
    left: 0
}

.drawer-header button {
    background: 0;
    border: 0
}

.drawer-header .drawer-banner {
    position: static;
    font-size: 16px;
    font-weight: 900;
    /* line-height: 50px;   */
    line-height: 1.5;
    text-align: center;
    background-color: #fff;
    margin: 20px auto;
/* 모바일헤더라인 box-shadow: 0 1.5px 4px 0 rgb(0 0 0 / 7%); */
   /* 라인형태 border-bottom: 1px solid #eee; */
}

.drawer-header .drawer-banner a {
    color: #222;
    text-decoration: none;
    font-size: 21px;
}

.drawer-header .drawer-banner a:hover {
    color: #222
}

.drawer-header .drawer-banner-title {
   margin-right: -4px
}

.drawer-header .drawer-banner-search {
    float: right;
    margin: 12px 10px 10px;
    border: 1px solid #fbfbfb;
    border-radius: 50px
}

.drawer-hamberger {
   /* position: fixed; 따라다님 */
    position:absolute; /* 상단고정 */
	  top: 0;
    z-index: 1030;
    display: block;
    width: 50px;
    height: 50px;  /* 50 */
    padding: 10px;
    background-color: transparent;
    border: 0;
    outline: 0
}

.drawer-hamberger:hover {
    cursor: pointer
}

.drawer-hamberger-icon {
    position: relative;
    display: block;
    margin-top: 10px
}

.drawer-hamberger-icon,
.drawer-hamberger-icon:before,
.drawer-hamberger-icon:after {
    width: 100%;
    height: 3px;
    background-color: #ddd;
    border-radius: 1px;
    -webkit-transition: all .4s cubic-bezier(.19, 1, .22, 1);
    -o-transition: all .4s cubic-bezier(.19, 1, .22, 1);
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.drawer-hamberger-icon:before,
.drawer-hamberger-icon:after {
    position: absolute;
    top: -10px;
    left: 0;
    content: " "
}

.drawer-hamberger-icon:after {
    top: 10px
}

.drawer-open .drawer-hamberger-icon {
    background-color: transparent
}

.drawer-open .drawer-hamberger-icon:before,
.drawer-open .drawer-hamberger-icon:after {
    top: 0
}

.drawer-open .drawer-hamberger-icon:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.drawer-open .drawer-hamberger-icon:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.drawer-default {
    background-color: #222;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.5)
}

.drawer-default+.drawer-overlay {
    background-color: #fff
}

.drawer-default li,
.drawer-default a,
.drawer-default .drawer-brand {
    position: relative;
    display: block
}

.drawer-default a {
    text-decoration: none
}

.drawer-default a:hover,
.drawer-default a:focus {
    text-decoration: underline
}

.drawer-default .drawer-brand a {
    padding: 20px 15px;
    font-size: 22px;
    color: #fff
}

.drawer-default .drawer-brand a:hover {
    color: #555
}

.drawer-default .drawer-brand>img {
    display: block
}

.drawer-default .drawer-footer {
    position: relative;
    height: 50px;
    padding: 0 15px;
    line-height: 50px;
    background-color: transparent
}

.drawer-default .drawer-footer span:before,
.drawer-default .drawer-footer span:after {
    display: block;
    content: " "
}

.drawer-default ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.drawer-default .drawer-menu-item {
    padding: 8px 15px 0;
    font-size: 18px;
    color: #555
}

.drawer-default .drawer-menu-item.disabled a {
    color: #333
}

.drawer-default .drawer-menu-item.disabled a:hover,
.drawer-default .drawer-menu-item.disabled a:focus {
    color: #333;
    cursor: not-allowed;
    background-color: transparent
}

.drawer-default .drawer-menu-item a {
    color: #888;
}

.drawer-default .drawer-menu-item a:hover,
.drawer-default .drawer-menu-item a:focus {
    color: #fff;
    background-color: transparent
}

.drawer-default .drawer-menu-item a img {
    max-width: none
}

.drawer-default .drawer-submenu {
    margin-bottom: 20px
}

.drawer-default .drawer-submenu:last-child {
    margin-bottom: 0
}

.drawer-default .drawer-submenu-item {
    padding: 0
}

.drawer-default .drawer-submenu-item a {
    height: 50px;
    font-size: 14px;
    line-height: 50px
}

.drawer-default .drawer-submenu-item a:hover,
.drawer-default .drawer-submenu-item a:focus {
    color: #fff
}

.drawer-default .dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    background-color: #222;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.drawer-default .dropdown-menu>li>a {
    padding: 0 !important
}

.drawer-default .dropdown.open>.dropdown-menu {
    position: static;
    display: block;
    float: none;
    width: auto
}

@media (max-width:767px) {
    .drawer-default a:hover,
    .drawer-default a:focus {
        color: #888 !important;
        text-decoration: none
    }
}

.drawer-form {
    float: none;
    height: 40px;
    padding: 0 15px;
    margin: 15px 0;
    background-color: #222;
    border-top: 1px solid #292929;
    border-bottom: 1px solid #292929
}

.drawer-form.drawer-form-right {
    float: none
}

.drawer-input-group {
    float: left
}

.drawer-input {
    min-height: 30px;
    -webkit-appearance: none;
    padding: 1px 1px;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    background-color: #222;
    border: 0
}

/* 불필 .drawer-form-btn {
    float: right;
    width: 36px;
    height: 36px;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyMTZweCIgaGVpZ2h0PSIxNDZweCIgdmlld0JveD0iMCAwIDIxNiAxNDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIxNiAxNDYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZD0iTTE3Mi43NywxMjMuMDI1TDE0NC44MjUsOTUuMDhjNi43MzUtOS43MjIsMTAuMTA0LTIwLjU1OSwxMC4xMDQtMzIuNTA4YzAtNy43NjctMS41MDgtMTUuMTk1LTQuNTIzLTIyLjI4Mw0KCWMtMy4wMTQtNy4wODktNy4wODgtMTMuMTk5LTEyLjIyMS0xOC4zMzJzLTExLjI0Mi05LjIwNy0xOC4zMy0xMi4yMjFjLTcuMDktMy4wMTUtMTQuNTE4LTQuNTIyLTIyLjI4NS00LjUyMg0KCWMtNy43NjcsMC0xNS4xOTUsMS41MDctMjIuMjgzLDQuNTIyYy03LjA4OSwzLjAxNC0xMy4xOTksNy4wODgtMTguMzMyLDEyLjIyMWMtNS4xMzMsNS4xMzMtOS4yMDcsMTEuMjQ0LTEyLjIyMSwxOC4zMzINCgljLTMuMDE1LDcuMDg5LTQuNTIyLDE0LjUxNi00LjUyMiwyMi4yODNjMCw3Ljc2NywxLjUwNywxNS4xOTMsNC41MjIsMjIuMjgzYzMuMDE0LDcuMDg4LDcuMDg4LDEzLjE5NywxMi4yMjEsMTguMzMNCgljNS4xMzMsNS4xMzQsMTEuMjQ0LDkuMjA3LDE4LjMzMiwxMi4yMjJjNy4wODksMy4wMTUsMTQuNTE2LDQuNTIyLDIyLjI4Myw0LjUyMmMxMS45NTEsMCwyMi43ODctMy4zNjksMzIuNTA5LTEwLjEwNGwyNy45NDUsMjcuODYzDQoJYzEuOTU1LDIuMDY0LDQuMzk3LDMuMDk2LDcuMzMyLDMuMDk2YzIuODI0LDAsNS4yNy0xLjAzMiw3LjMzMi0zLjA5NmMyLjA2NC0yLjA2MywzLjA5Ni00LjUwOCwzLjA5Ni03LjMzMg0KCUMxNzUuNzg1LDEyNy40NzksMTc0Ljc4MSwxMjUuMDM0LDE3Mi43NywxMjMuMDI1eiBNMTIzLjM1Nyw4OC4zNTdjLTcuMTQzLDcuMTQzLTE1LjczOCwxMC43MTQtMjUuNzg3LDEwLjcxNA0KCWMtMTAuMDQ4LDAtMTguNjQzLTMuNTcyLTI1Ljc4Ni0xMC43MTRjLTcuMTQzLTcuMTQzLTEwLjcxNC0xNS43MzctMTAuNzE0LTI1Ljc4NmMwLTEwLjA0OCwzLjU3Mi0xOC42NDQsMTAuNzE0LTI1Ljc4Ng0KCWM3LjE0Mi03LjE0MywxNS43MzgtMTAuNzE0LDI1Ljc4Ni0xMC43MTRjMTAuMDQ4LDAsMTguNjQzLDMuNTcyLDI1Ljc4NywxMC43MTRjNy4xNDMsNy4xNDIsMTAuNzE1LDE1LjczOCwxMC43MTUsMjUuNzg2DQoJQzEzNC4wNzIsNzIuNjIsMTMwLjQ5OSw4MS4yMTQsMTIzLjM1Nyw4OC4zNTd6Ii8+DQo8L3N2Zz4NCg==") center center no-repeat;
    background-color: transparen;
    -webkit-background-size: 36px 36px;
    background-size: 36px;
    border: 0
} */

.drawer-navbar-default {
    background-color: #222;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.5)
}

.drawer-navbar-default+.drawer-overlay {
    background-color: #fff
}

.drawer-navbar-default li,
.drawer-navbar-default a,
.drawer-navbar-default .drawer-brand {
    position: relative;
    display: block
}

.drawer-navbar-default a {
    text-decoration: none;
    outline: 0
}

.drawer-navbar-default a:hover,
.drawer-navbar-default a:focus {
    text-decoration: none
}

.drawer-navbar-default .drawer-brand a {
    padding: 20px 15px;
    font-size: 22px;
    color: #fff
}

.drawer-navbar-default .drawer-brand a:hover,
.drawer-navbar-default .drawer-brand a:focus {
    color: #555
}

.drawer-navbar-default .drawer-brand>img {
    display: block
}

.drawer-navbar-default .drawer-footer {
    position: relative;
    height: 50px;
    padding: 0 15px;
    line-height: 50px;
    background-color: transparent
}

.drawer-navbar-default .drawer-footer span:before,
.drawer-navbar-default .drawer-footer span:after {
    display: block;
    content: " "
}

.drawer-navbar-default ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.drawer-navbar-default .drawer-menu.drawer-navbar-right {
    float: none
}

.drawer-navbar-default .drawer-menu-item {
    padding: 7px 15px 0;
    font-size: 18px;
    color: #555
}

.drawer-navbar-default .drawer-menu-item.disabled a {
    color: #333
}

.drawer-navbar-default .drawer-menu-item.disabled a:hover,
.drawer-navbar-default .drawer-menu-item.disabled a:focus {
    color: #333;
    cursor: not-allowed;
    background-color: transparent
}

.drawer-navbar-default .drawer-menu-item a {
    color: #f2f2f2; /* 888 */
}

.drawer-navbar-default .drawer-menu-item a:hover,
.drawer-navbar-default .drawer-menu-item a:focus {
    color: #fff;
    background-color: transparent
}

.drawer-navbar-default .drawer-menu-item a img {
    max-width: none
}

.drawer-navbar-default .drawer-submenu {
    margin-bottom: 20px
}

.drawer-navbar-default .drawer-submenu:last-child {
    margin-bottom: 0
}

.drawer-navbar-default .drawer-submenu-item {
    padding: 0
}

.drawer-navbar-default .drawer-submenu-item a {
    height: 50px;
    font-size: 14px;
    line-height: 50px
}

.drawer-navbar-default .drawer-submenu-item a:hover,
.drawer-navbar-default .drawer-submenu-item a:focus {
    color: #fff
}

.drawer-navbar-default .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    background-color: #222;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.drawer-navbar-default .dropdown.open>.dropdown-menu {
    display: block
}

@media (max-width:767px) {
    .drawer-navbar-default .container {
        padding-right: 0;
        padding-left: 0
    }
    .drawer-navbar-default .drawer-menu-item a:hover,
    .drawer-navbar-default .drawer-menu-item a:focus {
        color: #888;
        text-decoration: none
    }
    .drawer-navbar-default .drawer-submenu {
        margin-bottom: 20px
    }
    .drawer-navbar-default .drawer-submenu:last-child {
        margin-bottom: 0
    }
    .drawer-navbar-default .drawer-submenu-item a:hover,
    .drawer-navbar-default .drawer-submenu-item a:focus {
        color: #ddd
    }
    .drawer-navbar-default .dropdown.open>.dropdown-menu {
        position: static;
        float: none;
        width: auto
    }
    .drawer-navbar-default .drawer-form {
        display: none
    }
}

.drawer-dropdown .caret,
.drawer-dropdown-hover .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    -webkit-transition: -webkit-transform .2s ease, opacity .2s ease;
    -o-transition: -o-transform .2s ease, opacity .2s ease;
    transition: transform .2s ease, opacity .2s ease;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.drawer-dropdown.open .caret,
.drawer-dropdown-hover.open .caret {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

@media (min-width:768px) {
   /* 헤더심플화 .drawer-responsive.drawer-left .drawer-toggle,
    .drawer-responsive.drawer-right .drawer-toggle,
    .drawer-navbar.drawer-left .drawer-toggle,
    .drawer-navbar.drawer-right .drawer-toggle,
    .drawer-responsive.drawer-left .drawer-banner,
    .drawer-responsive.drawer-right .drawer-banner,
    .drawer-navbar.drawer-left .drawer-banner,
    .drawer-navbar.drawer-right .drawer-banner {
        display: none;
        visibility: hidden */
    }
    .drawer-responsive.drawer-left .drawer-main {
        left: 0;
        display: block;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
    .drawer-responsive.drawer-right .drawer-main {
        right: 0;
        display: block;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@media (min-width:768px) {
    body.drawer-navbar.drawer-fixed {
        padding-top: 50px
    }
    .drawer-responsive {
        background-color: #222
    }
    .drawer-responsive .drawer-overlay {
        background-color: #fff
    }
    .drawer-responsive .container {
        max-width: 618px
    }
    .drawer-responsive.drawer-left .drawer-main,
    .drawer-responsive.drawer-right .drawer-main {
        position: absolute;
        width: 150px !important;
      /* height: auto !important; 피곤 */
        overflow: visible !important  
    }
    .drawer-responsive.drawer-left .drawer-main {
        float: left
    }
    .drawer-responsive.drawer-left .drawer-overlay {
        margin-left: 150px
    }
    .drawer-responsive.drawer-right .drawer-main {
        float: right
    }
    .drawer-responsive.drawer-right .drawer-overlay {
        margin-right: 150px
    }
    .drawer-navbar.drawer-left .drawer-main,
    .drawer-navbar.drawer-right .drawer-main {
        position: relative
    }
    .drawer-navbar.drawer-static.drawer-left .drawer-main,
    .drawer-navbar.drawer-static.drawer-right .drawer-main {
        z-index: 1000
    }
    .drawer-navbar.drawer-fixed.drawer-left .drawer-main,
    .drawer-navbar.drawer-fixed.drawer-right .drawer-main {
        position: fixed;
        z-index: 1030
    }
    .drawer-navbar.drawer-left .drawer-main,
    .drawer-navbar.drawer-right .drawer-main {
        top: 0;
        left: 0;
        display: block;
        width: 100% !important;
       /* height: auto !important; 피곤 */
        overflow: visible !important;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
    .drawer-form {
        float: left;
        height: 40px;
        padding: 0;
        margin: 5px 10px;
        background-color: #fff;
        border: 1px solid #eee;
        border-radius: 50px
    }
    .drawer-form.drawer-form-right {
        float: right
    }
    .drawer-form:hover {
        border-color: #00a1db
    }
    .drawer-form:hover .drawer-input,
    .drawer-form:focus .drawer-input {
        width: 100px;
        margin-left: 20px;
        opacity: 1
    }
    .drawer-input {
        width: 1px;
        color: #222;
        background-color: #fff;
        border: 0;
        opacity: 0;
        -webkit-transition: all .6s ease;
        -o-transition: all .6s ease;
        transition: all .6s ease
    }
    .drawer-input:focus {
        width: 100px;
        margin-left: 20px;
        opacity: 1
    }
    .drawer-form-btn {
      /*  float: left 없애  */ 
    }
    .drawer-navbar-default {
        position: relative;
        background-color: #fff;
	/* 헤더라인을막자		box-shadow: 0 1.5px 4px 0 rgb(0 0 0 / 15%);  아래그림자형태 */
      /* 라인형  border-bottom: 1px solid #ccc;  */
    }
    .drawer-navbar-default .container {
        padding: 0
    }
    .drawer-navbar-default li,
    .drawer-navbar-default a,
    .drawer-navbar-default .drawer-brand {
        float: left;
			  font-weight:bold; /* 타이틀 굵게 */
    }
    .drawer-navbar-default a {
        height: 50px;
        padding: 0 15px;
        font-size: 14px;
        line-height: 50px
    }
    .drawer-navbar-default .drawer-brand a {
        padding: 0 15px;
        font-size: 90%;
        color: #555;
        background-color: #fff
    }
    .drawer-navbar-default .drawer-brand a:hover,
    .drawer-navbar-default .drawer-brand a:focus {
        color: #333;
        background-color: #eee
    }
    .drawer-navbar-default .drawer-footer {
        display: none
    }
    .drawer-navbar-default .drawer-menu.drawer-navbar-right {
        float: right
    }
    .drawer-navbar-default .drawer-menu.drawer-navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }
    .drawer-navbar-default .drawer-menu-item {
        padding: 0;
        font-size: 14px
    }
    .drawer-navbar-default .drawer-menu-item a:hover,
    .drawer-navbar-default .drawer-menu-item a:focus {
        color: #888;
        background-color: #eee
    }
    .drawer-navbar-default .dropdown-menu {
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
    }
    .drawer-navbar-default .dropdown-menu>li {
        float: none
    }
    .drawer-navbar-default .dropdown-menu>li>a {
        width: 160px;
        padding: 0 15px !important;
        color: #fff;
        background-color: #444;
        border-bottom: 1px solid #555;
        opacity: .9
    }
    .drawer-navbar-default .dropdown-menu>li>a:hover,
    .drawer-navbar-default .dropdown-menu>li>a:focus {
        color: #999;
        background-color: #333
    }
}

@media (min-width:1200px) {
    .drawer-responsive .container {
        max-width: 1170px
    }
    .drawer-responsive.drawer-left .drawer-main,
    .drawer-responsive.drawer-right .drawer-main {
        width: 280px !important
    }
    .drawer-responsive.drawer-left .drawer-overlay {
        margin-left: 280px
    }
    .drawer-responsive.drawer-right .drawer-overlay {
        margin-right: 280px
    }
}

body {
    position: relative;
    background-color: #fff
}

.skeleton {
    background-color: #f7f7f7;
	 margin-top:3px;
  /* 좌우 테두리 제거 border-right: 1px solid #eee;
    border-left: 1px solid #eee;  */
}

.cover {
    display: none
}

.cover.cover-init {
    display: block
}

.cover-figure-img {
    display: block;
    max-width: 100%;
    height: auto
}

.cover-figcaption {
    display: none;
    padding: 0;
    margin: 0;
    font-size: 0
}

.cover_carousel {
    position: relative
}

.cover_carousel .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.cover_carousel .carousel-inner>.item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.cover_carousel .carousel-inner>.item>img,
.cover_carousel .carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1
}

.cover_carousel .carousel-inner>.active,
.cover_carousel .carousel-inner>.next,
.cover_carousel .carousel-inner>.prev {
    display: block
}

.cover_carousel .carousel-inner>.active {
    left: 0
}

.cover_carousel .carousel-inner>.next,
.cover_carousel .carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.cover_carousel .carousel-inner>.next {
    left: 100%
}

.cover_carousel .carousel-inner>.prev {
    left: -100%
}

.cover_carousel .carousel-inner>.next.left,
.cover_carousel .carousel-inner>.prev.right {
    left: 0
}

.cover_carousel .carousel-inner>.active.left {
    left: -100%
}

.cover_carousel .carousel-inner>.active.right {
    left: 100%
}

.cover_carousel .carousel-indicators {
    position: absolute;
    bottom: 20px;
    left: 0;
    z-index: 15;
    padding: 0;
    margin: 0 20px;
    text-align: left;
    list-style: none
}

.cover_carousel .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    cursor: pointer;
    background-color: #000;
    border-radius: 10px
}

.cover_carousel .carousel-indicators .active {
    background-color: #00a1db
}

.search,
.localog,
.taglog,
.medialog {
    padding-bottom: 20px;
   /* border-bottom: 1px solid #ccc; */
}

.search h3,
.localog h2,
.taglog h2,
.medialog h2 {
    position: relative;
    padding-right: 15px;
    padding-bottom: 13px;
    padding-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: bold;
    color: black;
    cursor: text;
    border-bottom: 1px solid #eee;
    -webkit-font-smoothing: antialiased
}

.search ul,
.localog ul,
.taglog ul,
.medialog ul,
.search ol,
.localog ol,
.taglog ol,
.medialog ol {
    padding: 0;
    margin: 0 15px;
    list-style-position: inside;
		list-style: inside none;
	text-decoration: none;
}
.search ol li a:hover {text-decoration: none;}
.search ol li h2 a:hover {color: #428bca;}
.search ol li a {color:#555 }
.search ol li h2 { font-size: 19px; margin-bottom:2px; text-decoration:none;} /* 추가 */

.taglog li {
    display: inline
}

.hentry {
    background-color: #fff;
  /* border: 1px solid #eee; 본문 테두리 표시 */
  padding-left: 15px;
  padding-right: 15px;
	 margin-top:5px;
	/* 제거하고 위1개통합-마진5px추가  border-right: 1px solid #eee;
    border-bottom: 1px solid #eee */
}

.entry-header {
	margin-top:5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #fff;  /* f6f6f6 본문제목-작성날자의 아래 라인 밑줄 제거 */
}

.entry-title {
    padding: 9px 5px 9px 5px !important;   /* 10px only --- 5px */
    margin: 0 !important;
    font-size: 1.21em !important; /* 20 - 22 -줄임 1.31em = 21px */
   /* font-weight: 300; 있으나마나 */
    line-height: 1.2 !important; /* 1.5 */
    color: #000
}

.entry-title a {
    padding-bottom: 2px;
	  color: #000;
    text-decoration: none
}

.entry-title a:hover,
.entry-title a:focus {
    padding-bottom: 2px;
    color: #00a1db;
    text-decoration: none;
    border-bottom: 0px solid #00a1db
}

.byline {
    line-height: 0.8;
	 font-size:15px;
	 padding-bottom:10px;
     /* color: #999; */
}
.byline a { color:#666;  }

.noshow { color:#fff;}

.updated {
    color: #ccc;
	  padding:0 0px !important;
	margin-left: 5px;
}
.slist-title {
	   display: -webkit-box;
   /* display: -ms-flexbox; */
    overflow: hidden;
    line-height: 23px;
    vertical-align: top;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.slist-sum { 
    display: -webkit-box;
    display: -ms-flexbox; 
   /* display: box; */
    overflow: hidden;
    margin-top: 5px;
    font-size: 16px;
    line-height: 23px; /* 23 */
    color: #5c5c5c;
    vertical-align: top;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 43px; /*  73px */
}
.slist-cate {   /* 추가 글목록의 카테고리 */
	font-size: 13px;
	margin-top: 20px;
	margin-left : 1px; /* 원상복구- 우측이동 280 */
	/* 제거 vertical-align:top; */
	}
/* 색상제거 .slist-cate a {color:#428bca !important;} */
.list-thum img {
    border: 1px solid #666;
	  margin-left:2px; /* 10이미지우측이동 */
	  width:160px;  /* 홈 썸네일 src 변경 210px  */
	 height:150px; 
}
.entry-content {
   padding-bottom: 10px; /* 40px */
   word-break: break-all;
}

.entry-content #marked {
    display: none !important
}

.entry-content p > a::before {  content: "▶"; margin-right: 2px; } /* 본문앵커링크 : 앞 추가시킴 */
.entry-content p > b > a::before {  content: "▶"; margin-right: 2px; } 
.entry-content .another_category {
    width: 100%;
    padding: 0 15px 15px;
    background: #fff;
    border: 0px solid #fff;
    /* border-top: 1px solid #e5e5e5; */
      /* 왼쪽오른 라인 안나와서 border-right: 0;
    border-left: 0 */
    /* border-bottom: 1px solid #e5e5e5; */
}

.entry-content .another_category h4 {
    padding: 10px 0 !important;
    font-size: 20px !important;
    font-weight: bold;
    border-bottom: 1px solid #fff !important;
  /* --  color: #00a1db !important */
}

.entry-content .another_category table {
    width: 100% !important;
    padding: 15px !important;
    margin: 0 auto;
    background: #fff
}

.entry-content .another_category table th {
    padding: 10px !important;
    font-weight: normal;
    text-align: left;
    letter-spacing: 0
}

.entry-content .another_category table th a {
    font-size: 15px;
    color: #888
}

.entry-content .another_category table td {
 /* 날자제거  padding: 5px 10px 5px 0 !important;
    font-size: 11px;
    color: #888;
    text-align: right */
    display: none;
}

.entry-tags {
    min-height: 25px;
    padding: 0 3px 0 5px;
    margin: 10px 0;
    color: #fff;
}

.taglog li a,
.entry-tags a {
    position: relative;
    display: inline-block;
    padding: 0 9px;
    margin: 0px 0px 0px 0px;
    font-size: 15px;
    color: #999;
    text-decoration: none;
    /* background-color: #eee; */
    border:1px solid #eee;
    border-radius:50px; 
}
/* 색상제거 @media (max-width:767px) {
.taglog li a,
.entry-tags a { color: #fff; background-color: #00a1db;}	
} */

.taglog li a:hover,
.entry-tags a:hover {
    color: #fff;
    background-color: #00a1db
}

.taglog li a:after,
.entry-tags a:after {
   /* position: absolute; */
   /*  top: 10px; */
   /* left: -1px; */
    content: "";
   /* border: 2px solid #fff; */
    /* border-radius: 50% */
}

.taglog li a:before,
.entry-tags a:before {
   /* ---  position: absolute; */
  /*  top: 0;
    right: 100%;
    width: 0;
    height: 0;   -- */
    content: "#";
   /* border: solid transparent; */
   /* border-width: 12px; */
  /*   border-right-color: #eee */
}

/* --- .taglog li a:hover:before,
.entry-tags a:hover:before {
    position: absolute;
    top: 0;
    right: 100%;
    width: 0;
    height: 0;
    content: "";
    border: solid transparent;
    border-width: 12px;
    border-right-color: #00a1db
} --- */
#tagcloud .cloud4 {
    font-size: 10pt;
}
#tagcloud ul li {
    display: inline;
    background: none;
    list-style: none;
    padding: 0 3px;
}
#tagcloud ul li a:before { content: "#"; }
.tagTrail a:before {content:"#";}
.entry-footer {
    padding-top: 5px;  /* 20 아래 20 */
    padding-bottom: 5px;
    border-top: 5px solid #fbfbfb;
   /* border-bottom: 1px solid #eee */
}

.entry-admin {
    padding: 15px;
    margin-bottom: 20px;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-radius: 4px
}

.entry-admin button {
    background-color: #fcf8e3;
    border: 0
}

.entry-admin a {
    color: #888
}

.actionTrail {
   /* font-family: Georgia, verdana; */
    vertical-align: middle
}

.actionTrail .count {
    color: #555
}

/* ---- stop
.trackback {
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden
}

.trackback ol {
    padding: 0;
    margin: 0;
    text-indent: 0;
    list-style: none
}

.trackback li {
    padding: 20px 0;
    border-bottom: 1px solid #eee
}

.trackback time {
    font-size: 13px;
    line-height: 19px
}

.trackback p {
    margin: 10px 0 0 0;
    font-size: 13pt;
    line-height: 1.5;
    color: #999;
    text-align: justify
}

.trackback .trackback-url {
    font-size: 13px;
    line-height: 19px
} ----- */

.comment,
.guestbook {
    padding-top: 10px;
    padding-bottom: 55px;
}

.comment ol,
.guestbook ol {
    padding: 0;
    margin: 0 0 5px;
    text-indent: 0;
    list-style: none
}

.comment li,
.guestbook li {
    padding: 0
}

.comment li li,
.guestbook li li {
    padding: 5px 0;
    overflow: hidden;
    list-style: none;
    border: none
}

.comment time,
.guestbook time {
    font-size: 13px;
    line-height: 19px
}

.comment .comment-header,
.guestbook .comment-header {
    font-size: 13px;
    line-height: 1.5
}

.comment-header a:nth-child(n+2) {
   text-decoration: none;
    color: #999;
   /* padding-left: 5px; */
  /* float: right; */
  /* border:1px solid; border-radius: 20%; */
}
.comment .comment-body,
.guestbook .comment-body {
   /* -- padding-top: 10px; */
	line-height: 1.5; 
    margin-top: 10px;
    font-size: 15px;
   /* white-space: normal;  길게 나와서 줄바꿈 하도록 */
    overflow: auto;
    word-break: break-all;
  /*  border-top: 1px solid #ddd; */
	color:#000;  /* 갑자기 색깔이 fff 안나와서 */
}

.comment .reply,
.guestbook .reply {
    padding-left: 15px;
    background-color: #fbfbfb;
    margin-top: 10px;
    margin-bottom: 40px;
   /* margin-left: 30px; */
   /* border-left: 0px solid #ddd */
}

.comment .reply .comment-header,
.guestbook .reply .comment-header,
.comment .reply .comment-body,
.guestbook .reply .comment-body,
.comment .reply time,
.guestbook .reply time {
    padding: 0 15px 0 0
}

.comment img,
.guestbook img {
    width: 32px;
    height: 32px;
    padding: 3px;
    margin-right: 10px;
    vertical-align: middle;
    border: 1px solid #c5c1ac;
    border-radius: 5px
}

.comment img:hover,
.guestbook img:hover {
    -webkit-box-shadow: 0 0 7px #ceccb4;
    box-shadow: 0 0 7px #ceccb4
}

.name a {
    padding: 3px;
    font-size: 13px;
	margin-right:5px;
    color: #fff;
    background-color: #00a1db;
    border-radius: 13px;
}

.name a:hover {
    color: #fff; /* f1f1f1 */
    text-decoration: none;
    background-color: #00a1db
}

.comment-form,
.guestbook-form {
    padding: 1px 5px; /* 20 15 */
}

.comment-form label,
.guestbook-form label {
    display: block
}

.comment-form input[type=text],
.guestbook-form input[type=text],
.comment-form input[type=password],
.guestbook-form input[type=password],
.comment-form input[type=url],
.guestbook-form input[type=url],
.comment-form textarea,
.guestbook-form textarea {
    width: 99%;
    padding: 10px;  /* 10px */
	color:#000; /* 갑자기 색깔 안나와서 */
    margin: 5px 0;
    font-size: 16px;
    line-height: 1.5;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-radius: 0;
    outline: none;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.comment-form input[type=text]:focus,
.guestbook-form input[type=text]:focus,
.comment-form input[type=password]:focus,
.guestbook-form input[type=password]:focus,
.comment-form input[type=url]:focus,
.guestbook-form input[type=url]:focus,
.comment-form textarea:focus,
.guestbook-form textarea:focus {
    border: 1px solid #51cbee;
    -webkit-box-shadow: 0 0 5px #51cbee;
    box-shadow: 0 0 5px #51cbee
}

.comment-form input[type=text],
.guestbook-form input[type=text],
.comment-form input[type=password],
.guestbook-form input[type=password],
.comment-form input[type=url],
.guestbook-form input[type=url] {
   /* height: 50px   */
	 width:49%;
}

.comment-form textarea,
.guestbook-form textarea {
    height: 100px;
   /* background-color: #f9f9f9 배경색 */
}

.comment-form button[type=submit],
.guestbook-form button[type=submit] {
   float:right;
    padding: 5px 10px;
    margin: 5px 0;
    font-size: 16px;
    font-weight: 900;
    color: #000;
    text-decoration: none;
    background-color: #eee;
	  border-radius:20px;
    border: 0;
        -webkit-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc
}

.comment-form button[type=submit]:hover,
.guestbook-form button[type=submit]:hover {
    color: #fff;
    background-color: #00a1db
}

.checkbox {
    padding: 5px 15px;
	 font-size:13px;
	  float:right;
	  margin: -80px 60px 0px 0px;
}

.checkbox strong {
    padding-left: 10px
}

.paging {
    margin: 20px 0;
    text-align: center;
}

.paging ul {
    display: inline-block;
    padding: 0;
    margin: 10px 15px;
    list-style: none;
    list-style-position: inside
}

.paging li {
    display: inline
}

.paging li a {
    position: relative;
    float: left;
    padding: 4px 8px;
    margin-left: -1px;
    font-size: 15px;
    line-height: 1.4;
    color: #222;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.paging li a:hover {
    color: #fff;
    background-color: #00a1db
}

.paging li .selected {
    font-weight: bold;
    color: #ea2687
}

.paging li .selected:hover {
    color: #fff
}

.paging li:first-child {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.paging li:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.paging .interword {
    float: left;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 1.4;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left-width: 0
}

.search form {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 20px 0;
    vertical-align: middle;
   /* border-bottom: 1px solid #00A1DB; ---라인 */
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
  /*  -webkit-transform: translateZ(0);  마우스호버 검색하단라인 표출 */
  /*  transform: translateZ(0); */
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.search fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

.search fieldset:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: "";
    border-bottom: 5px solid #eee;
    -webkit-transition: -webkit-transform .5s ease-out;
    -o-transition: -o-transform .5s ease-out;
    transition: transform .5s ease-out;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.search fieldset:hover:before,
.search fieldset:focus:before,
.search fieldset:active:before {
    border-bottom: 5px solid #00a1db;
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    -o-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.search legend {
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px
}

.search .input-search {
    display: block;
    float: left;
    width: 65%; /*67*/
   /* height: 50px; */
    -webkit-appearance: none;
    padding: 5px;
    margin: 5px 20px 5px 20px;
    font-size: 16px;
    line-height: 1.5;
    border: 1px solid #eee;
    border-radius: 0;
    outline: none;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.search .input-submit {
    display: block;
    float: left;
    width: 15%;
    height: 40px;
    -webkit-appearance: none;
    padding: 3px;
    margin-top: 3px;  /* 10 */
	 /* margin-left: 15px; */
    margin-right: 15px;
    margin-bottom: 5px;
    text-transform: capitalize;
    /* background-color: #fff;  */
    border: 1px solid #ccc;
    border-radius: 50px;
    outline: none
}

.search .input-submit:hover,
.search .input-submit:focus {
    color: #fff;
    background-color: #00a1db
}

#search-result {
    padding: 20px 15px
}

.search li {
    margin-bottom: 4px;
    padding-bottom: 2px;
	  height: 175px; /* h2적용후 추가 100px */
   /* border-bottom: 1px solid #eee; 구분선 */
}

.gsc-table-result,
.gsc-thumbnail-inside,
.gsc-url-top {
    padding: 0 !important
}

.gsc-result .gs-title {
    height: 1.5em !important
}

.gsc-control-cse {
 /*   font-family: '맑은 고딕', 'Malgun Gothic', "돋움", dotum, sans-serif !important */
}

.gsc-input-box {
    padding: 5px 0 !important
}

.gsc-input {
    font-size: 13px !important;
    line-height: 19px !important
}

.cse .gsc-control-cse,
.gsc-control-cse {
    padding: 0 !important
}

input.gsc-search-button:hover,
input.gsc-search-button:focus {
    background-color: #f00 !important;
    background-image: none !important;
    filter: none !important;
    border-color: #c00101 !important;
    -webkit-filter: none !important
}

.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
    width: 13px !important;
    min-width: 13px !important;
    height: 12px !important;
    padding: 6px 27px !important;
    margin-top: 2px !important
}

.cse input.gsc-search-button,
input.gsc-search-button {
    padding: 12px 28px !important;
    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: bold !important;
    color: #fff !important;
    background-color: #4d90fe !important;
    border: 1px solid #3079ed !important;
    border-radius: 2px 2px 2px 2px !important
}

input.gsc-search-button {
    margin-left: 5px !important
}

.widget {
    margin: 5px;
    text-align: left;
    border: 1px solid #eee
}

.widget h3 {
    padding: 15px;
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    color: #000;
  /*  background-color: #fdfdfd; */
    border-bottom: 1px solid #eee
}

.widget ul {
    padding: 0 15px;
    margin: 15px 0;
    list-style-type: none
}

.widget ul ul {
    padding: 0;
    margin: 0
}

.widget ul ul ul {
    text-indent: 10px
}

.widget li a {
    padding-bottom: 2px;
    font-size: 13px;
    color: #555;
    text-decoration: none
}

.widget li a:hover {
    padding-bottom: 2px;
    color: #428bca;
    text-decoration: none
}

.widget li li li {
    list-style: square;
    list-style-position: inside
}

.widget li li li a {
    font-size: 12px
}

.widget .count {
    font-size: 12px;
    color: #999
}

.widget .widget-inline li {
    display: inline;
    padding: 0 2px;
    font-size: 13px
}

.js-widget-feed h4 {
    margin: 0;
    font-size: 14px;
    color: #333
}

.js-widget-feed h4 a {
    padding-bottom: 2px
}

.js-widget-feed h4 a:hover,
.js-widget-feed h4 a:focus {
    padding-bottom: 2px;
    color: #10a4ff;
    text-decoration: none;
    border-bottom: 1px solid #7fbaee
}

.js-widget-feed ul {
    padding: 0;
    margin: 15px 0;
    list-style-type: none
}

.js-widget-feed li {
    min-height: 70px;
    padding: 10px;
    border-bottom: 1px solid #eee
}

.js-widget-feed li:last-child {
    border-bottom: 0
}

.js-widget-feed p {
    font-size: 12px;
    line-height: 1.4;
    color: #999;
    text-align: justify
}

.js-widget-feed p a {
    padding-bottom: 2px;
    text-decoration: none
}

.js-widget-feed p a:hover .js-widget-feed p a:focus {
    padding-bottom: 2px;
    color: #333;
    text-decoration: none
}

.media-thumbnail {
    padding: 2px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 7px #a0a0a0;
    box-shadow: 0 0 7px #a0a0a0
}

.media-thumbnail:hover {
    -webkit-box-shadow: 0 0 7px #222;
    box-shadow: 0 0 7px #222
}

.media-list {
    padding-left: 0;
    list-style: none
}

.media {
    margin-top: 5px
}

.media:first-child {
    margin-top: 0
}

.media>.pull-left {
    margin-right: 10px;
    margin-left: 5px
}

.media,
.media-body {
    overflow: hidden;
    zoom: 1
}

.media-body {
    display: table-cell;
    vertical-align: top
}

.footer {
   padding: 20px 0px;
	 width:100%;
    font-size: 12px;
    /* --- color: #b2b2b2; */
    text-align: center;
	/*  background-color: #eee; */
    /* background: url(images/footer.png) */
}

.copyright { padding:0px;}
/* 불필요 .footer ul {
    padding: 0;
    margin: 10px 0;
    list-style: none
}

.footer li {
    display: inline;
    padding: 0 2px
} */

.footer a {
    padding-bottom: 2px;
    color: #00a1db;
    text-decoration: none
}

.footer a:hover,
.footer a:focus {
    padding-bottom: 2px;
    color: #00a1db;
    text-decoration: none;
   /* border-bottom: 1px solid #00a1db */
}

.build {
    display: none;
    font-size: 0;
    line-height: 0
}

.build.build-init {
    display: block
}

.widget-google-ad {
    padding: 10px
}

.entry-footer-ad {
    padding: 20px 0;
    margin: 20px 0 0;
    background-color: #fbfbfb;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

::-moz-selection {
    text-shadow: none;
    background: #b3d4fc
}

::selection {
    text-shadow: none;
    background: #b3d4fc
}

.js-tab-access {
    outline: 0
}

.fontsize-1 {
    font-size: 70%
}

.fontsize-2 {
    font-size: 80%
}

.fontsize-3 {
    font-size: 90%
}

.fontsize-4 {
    font-size: 100%
}

.fontsize-5 {
    font-size: 120%
}

.fontsize-6 {
    font-size: 150%
}

.fontsize-7 {
    font-size: 180%
}

.fontsize-reset,
.fontsize-decrease,
.fontsize-increase {
    width: 30px
}

.fontsize-decrease,
.fontsize-increase {
    font-weight: 900
}

.font-group {
    position: relative;
    float: right;
    margin: 30px 15px 0
}

.font-button {
    width: 52px
}

.font-help {
    cursor: help
}

.button-group {
    display: block
}

.button-group .button {
    position: relative;
    float: left
}

.button-group .button {
    margin-left: -1px
}

.button-group>.button:not(:first-child):not(:last-child) {
    border-radius: 0
}

.button-group>.button:first-child {
    margin-left: 0
}

.button-group>.button:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.button-group>.button:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.button {
    display: inline-block;
    padding: 5px;
    margin: 0;
    font-family: inherit;
    font-size: 12px;
    line-height: normal;
    color: #222;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: baseline;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-user-drag: none
}

.button:hover {
    background-color: #ddd
}

.button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.button-disabled:hover,
.button-disabled:focus,
.button-disabled:active {
    cursor: not-allowed;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    filter: alpha(opacity=40);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .4
}

.minus-button {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZD0iTTAsMjA4djk2YzAsOC44MzYsNy4xNjQsMTYsMTYsMTZoNDgwYzguODM2LDAsMTYtNy4xNjQsMTYtMTZ2LTk2YzAtOC44MzYtNy4xNjQtMTYtMTYtMTZIMTZDNy4xNjQsMTkyLDAsMTk5LjE2NCwwLDIwOHoiLz4NCjwvc3ZnPg0K") center center no-repeat;
    -webkit-background-size: 16px 16px;
    background-size: 16px
}

.plus-button {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZD0iTTQ5NiwxOTJIMzIwVjE2YzAtOC44MzYtNy4xNjQtMTYtMTYtMTZoLTk2Yy04LjgzNiwwLTE2LDcuMTY0LTE2LDE2djE3NkgxNmMtOC44MzYsMC0xNiw3LjE2NC0xNiwxNnY5Ng0KCWMwLDguODM2LDcuMTY0LDE2LDE2LDE2aDE3NnYxNzZjMCw4LjgzNiw3LjE2NCwxNiwxNiwxNmg5NmM4LjgzNiwwLDE2LTcuMTY0LDE2LTE2VjMyMGgxNzZjOC44MzYsMCwxNi03LjE2NCwxNi0xNnYtOTYNCglDNTEyLDE5OS4xNjQsNTA0LjgzNiwxOTIsNDk2LDE5MnoiLz4NCjwvc3ZnPg0K") center center no-repeat;
    -webkit-background-size: 16px 16px;
    background-size: 16px
}

ul.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 0;
    margin: -1px 0 0 !important;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
}

ul.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

ul.dropdown-menu li {
    padding: 0 10px;
    margin: 0
}

ul.dropdown-menu li a {
    display: block;
    font-size: 12px;
    color: #222;
    cursor: pointer
}

ul.dropdown-menu li a:hover,
ul.dropdown-menu li a:focus {
    color: #00a1db
}

.font-group>ul.dropdown-menu {
    min-width: 110px
}

.dropdown.open>.dropdown-menu,
.button-group.open>.dropdown-menu {
    display: block
}


object,
embed {
    max-width: 100%
}

video {
    max-width: 100%;
    height: auto
}

.media-container {
    position: relative;
    height: 0;
    padding-top: 30px;
    padding-bottom: 56.25%;
    overflow: hidden
}


.media-container object,
.media-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%
}

/* ==================
.animsition,
.animsition-overlay {
    position: relative;
    opacity: 0;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.animsition-loading {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23ccc%22%3E%0A%20%20%3Cpath%20opacity%3D%22.25%22%20d%3D%22M16%200%20A16%2016%200%200%200%2016%2032%20A16%2016%200%200%200%2016%200%20M16%204%20A12%2012%200%200%201%2016%2028%20A12%2012%200%200%201%2016%204%22/%3E%0A%20%20%3Cpath%20d%3D%22M16%200%20A16%2016%200%200%201%2032%2016%20L28%2016%20A12%2012%200%200%200%2016%204z%22%3E%0A%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2016%2016%22%20to%3D%22360%2016%2016%22%20dur%3D%220.8s%22%20repeatCount%3D%22indefinite%22%20/%3E%0A%20%20%3C/path%3E%0A%3C/svg%3E%0A%0A) center center no-repeat;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
} 

.animsition-loading:after {
    position: fixed;
    top: 50%;
    width: 100%;
    margin-top: 20px;
    font-size: 16px;
    color: #222;
    text-align: center;
    content: "Loading"
}

.animsition-overlay-slide {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #ddd
}  ============= */

@-webkit-keyframes fade-in {
    0% {
        opacity: .9
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes fade-in {
    0% {
        opacity: .9
    }
    100% {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: .9
    }
    100% {
        opacity: 1
    }
}

.fade-in {
    -webkit-animation-name: fade-in;
    -o-animation-name: fade-in;
    animation-name: fade-in
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1
    }
    100% {
        opacity: .9
    }
}

@-o-keyframes fade-out {
    0% {
        opacity: 1
    }
    100% {
        opacity: .9
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }
    100% {
        opacity: .9
    }
}

.fade-out {
    -webkit-animation-name: fade-out;
    -o-animation-name: fade-out;
    animation-name: fade-out
}

.tistorytoolbar {
    display: none !important
}

.entry-ccl {
    padding: 0 15px
}

.txc-emo,
.entry-ccl-by,
.entry-ccl-nc,
.entry-ccl-nd {
    display: inline-block !important
}

.txc-table {
    width: 100%
}

.tt-share-entry-with-sns .tt-sns-wrap {
    margin: 0 15px !important
}

.entry-content img {
    display: inline-block;
	 /*  width: 100%;  */  /* 하단button 커짐 */
    max-width: 100%;
    height: auto;
    border: 0
}

.imageblock {
    max-width: 100%
}

.imageblock .cap1 {
    width: 100% !important;
    text-align: center
}

.img-responsive {
    max-width: 100%;
    height: auto;
    border: 0
}

.footnote {
    position: static;
    vertical-align: super
}

.moreless_fold {
    padding-left: 10px;
    font-weight: bold;
    color: #08c
}

.moreless_top {
    padding-left: 10px;
    font-weight: bold;
    color: #08c
}

.moreless_bottom {
    padding-left: 10px;
    font-weight: bold;
    color: #08c
}

.moreless_content {
    padding: 15px 10px;
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999
}
/* =======제거 ========
#ttCanvas {
    width: 100% !important
}

#ttCanvas .tt-panel {
    padding-top: 0 !important
}

.tt-span-1,
.tt-span-2,
.tt-span-3,
.tt-span-4,
.tt-span-5,
.tt-span-6,
.tt-span-7,
.tt-span-8,
.tt-span-9,
.tt-span-10,
.tt-span-11,
.tt-span-12 {
    width: 100% !important
}

.tiedition {
    padding-right: 15px !important;
    padding-left: 15px !important
}

.tiedition.tiedition-bg {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    background-color: #f2f2f2
}

.tiedition-title {
    padding: 0 0 10px !important;
    margin: 10px 0 !important;
    font-family: inherit !important;
    font-size: 16px !important
}

.tt-item a {
    color: #888 !important
}

.tt-item a:hover,
.tt-item a:focus {
    color: #00a1db !important;
    text-decoration: none !important
}

.tt-item a:hover {
    text-decoration: none !important
}

.tt-post-title {
    padding: 0 !important;
    margin: 0 0 5px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #222;
    text-align: left !important;
    letter-spacing: normal !important
}

.tt-post-title a { 
    font-family: '맑은 고딕', 'Malgun Gothic', '돋움', dotum, sans-serif !important 
}

.tt-post-thumb {
    padding: 2px;
    margin-bottom: 10px !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 7px #a0a0a0;
    box-shadow: 0 0 7px #a0a0a0
}

.tt-post-thumb:hover {
    -webkit-box-shadow: 0 0 7px #444;
    box-shadow: 0 0 7px #444
}

.tt-post-summary {
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: justify !important
}

.tt-post-etcinfo {
    font: inherit !important;
    text-align: left !important;
    letter-spacing: normal !important
}

.tt-post-etcinfo * {
    white-space: initial !important
}

.tt-post-etcinfo p {
    margin: 5px 0 20px !important;
    font-size: 8px !important
}

.tt-post-category,
.tt-post-author,
.tt-post-date,
.tt-post-comment {
    font: inherit !important;
    line-height: 1.8 !important;
    letter-spacing: normal !important
}

.tiedition-m-6 {
    margin-right: -6px !important;
    margin-left: -6px !important
}

.tiedition-p-6 {
    padding-right: 6px !important;
    padding-left: 6px !important
}  ========제거 === */

.h-m-6 {
    margin-top: 6px !important;
    margin-bottom: 6px !important
}

.multi-columns-row .first-in-row {
    clear: left
}

.multi-columns-row .col-xs-6:nth-child(2n + 3) {
    clear: left
}

.multi-columns-row .col-xs-4:nth-child(3n + 4) {
    clear: left
}

.multi-columns-row .col-xs-3:nth-child(4n + 5) {
    clear: left
}

.multi-columns-row .col-xs-2:nth-child(6n + 7) {
    clear: left
}

.multi-columns-row .col-xs-1:nth-child(12n + 13) {
    clear: left
}

@media (min-width:768px) {
    .multi-columns-row .col-xs-6:nth-child(2n + 3) {
        clear: none
    }
    .multi-columns-row .col-xs-4:nth-child(3n + 4) {
        clear: none
    }
    .multi-columns-row .col-xs-3:nth-child(4n + 5) {
        clear: none
    }
    .multi-columns-row .col-xs-2:nth-child(6n + 7) {
        clear: none
    }
    .multi-columns-row .col-xs-1:nth-child(12n + 13) {
        clear: none
    }
    .multi-columns-row .col-sm-6:nth-child(2n + 3) {
        clear: left
    }
    .multi-columns-row .col-sm-4:nth-child(3n + 4) {
        clear: left
    }
    .multi-columns-row .col-sm-3:nth-child(4n + 5) {
        clear: left
    }
    .multi-columns-row .col-sm-2:nth-child(6n + 7) {
        clear: left
    }
    .multi-columns-row .col-sm-1:nth-child(12n + 13) {
        clear: left
    }
}

@media (min-width:992px) {
    .multi-columns-row .col-sm-6:nth-child(2n + 3) {
        clear: none
    }
    .multi-columns-row .col-sm-4:nth-child(3n + 4) {
        clear: none
    }
    .multi-columns-row .col-sm-3:nth-child(4n + 5) {
        clear: none
    }
    .multi-columns-row .col-sm-2:nth-child(6n + 7) {
        clear: none
    }
    .multi-columns-row .col-sm-1:nth-child(12n + 13) {
        clear: none
    }
    .multi-columns-row .col-md-6:nth-child(2n + 3) {
        clear: left
    }
    .multi-columns-row .col-md-4:nth-child(3n + 4) {
        clear: left
    }
    .multi-columns-row .col-md-3:nth-child(4n + 5) {
        clear: left
    }
    .multi-columns-row .col-md-2:nth-child(6n + 7) {
        clear: left
    }
    .multi-columns-row .col-md-1:nth-child(12n + 13) {
        clear: left
    }
}

@media (min-width:1200px) {
    .multi-columns-row .col-md-6:nth-child(2n + 3) {
        clear: none
    }
    .multi-columns-row .col-md-4:nth-child(3n + 4) {
        clear: none
    }
    .multi-columns-row .col-md-3:nth-child(4n + 5) {
        clear: none
    }
    .multi-columns-row .col-md-2:nth-child(6n + 7) {
        clear: none
    }
    .multi-columns-row .col-md-1:nth-child(12n + 13) {
        clear: none
    }
    .multi-columns-row .col-lg-6:nth-child(2n + 3) {
        clear: left
    }
    .multi-columns-row .col-lg-4:nth-child(3n + 4) {
        clear: left
    }
    .multi-columns-row .col-lg-3:nth-child(4n + 5) {
        clear: left
    }
    .multi-columns-row .col-lg-2:nth-child(6n + 7) {
        clear: left
    }
    .multi-columns-row .col-lg-1:nth-child(12n + 13) {
        clear: left
    }
}

@media (max-width:991px) {
    .font-button {
        display: none
    }
    .font-group {
        margin: 0 15px 10px
    }
    .media-thumbnail {
        width: 60px
    }
    .search .input-submit {
       /* -- display: none */
    }
}

@media (max-width:767px) {
    .skeleton,
    .hentry {
        border: none
    }
    .cover {
        margin-bottom: 30px
    }
    .cover_carousel .carousel-indicators {
        position: absolute;
        bottom: -30px;
        left: 0;
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: center
    }
  /* 필요없음  .footer {
        padding: 2px 15px
    }
    .footer li {
        display: block;
        font-size: 10px
    } */
    .widget li a:hover {
        color: #555
    }
    .js-widget-feed h4 a:hover {
        color: #333;
        border-bottom: 0
    }
    .js-widget-feed p a:hover {
        color: #999
    }
    .media-thumbnail:hover {
        -webkit-box-shadow: 0 0 7px #a0a0a0;
        box-shadow: 0 0 7px #a0a0a0
    }
    .tt-item a:hover {
        color: #888 !important
    }
    .tt-post-thumb:hover {
        -webkit-box-shadow: 0 0 7px #a0a0a0;
        box-shadow: 0 0 7px #a0a0a0
    }
}

.typography {
    min-height: 300px
}

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6,
.typography p,
.typography small,
.typography blockquote,
.typography time,
.typography figcaption,
.typography table,
.typography dl,
.typography address,
.typography details {
    padding-right: 5px;  /* 원래 15 15임 */
    padding-left: 5px
}

.typography table {
    width:100% !important;
    overflow: scroll;
  /* 불필요  margin-right: 15px;
    margin-left: 15px */
}

.typography blockquote,
.typography ul,
.typography ol,
.typography dl,
.typography li,
.typography table,
.typography pre {
    margin-top: 10px;
    margin-bottom: 10px;
	  margin-right: 10px;  /* 좌우마진추가 */
    margin-left: auto; /* 5 */
}

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
    position: relative;
    margin-top: 10px; /* 36px */
    margin-bottom: 10px;
    font-weight: bold;
    cursor: text;
    -webkit-font-smoothing: antialiased
}

.typography h1 {
    padding-bottom: 13px;
    font-size: 32px;
    color: black;
   /* border-bottom: 1px solid #eee */
}

.typography h2 {
   padding:10px 5px;   /* padding-bottom: 13px; */
   /* margin:0 15px;      추가 바닥라인 좌우 띄움 -- 원래.15 */
    font-size: 21px;   /* 27px */
    color: black;
   /* -- border-bottom: 1px solid #eee; */
}

.typography h3 {
   padding:10px 5px;   /* padding-bottom: 13px; */
  /* margin:0 15px;      추가 바닥라인 좌우 띄움 - 원래15 */
   font-size: 19px; /* add */
  /* --  border-bottom: 1px solid #eee; */
}

.typography h4 {
/* --	padding-top:5px; */
    padding:13px 5px; /* 5 2 13 2 */
/* --	margin:0 15px;       추가 바닥라인 좌우 띄움 */
	font-size:19px;     /* add */
   border-bottom: 1px solid #eee;  /* ccc */
	/* --	border-top: 1px solid #eee;
	  text-align:center; */
}

.typography h5 {
    font-size: 14px;
    color: #777
}

.typography h6 {
    font-size: 14px;
    color: #777
}

.typography p {
    text-align: initial; /* 변경 양족정렬 justify */
}

.typography hr {
    border-top: 0px solid #eee;
    border-bottom: 0px solid #eee
}

.typography blockquote {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 15px 15px 15px 15px;
    font-weight: 900;
    color: #777;
    border-left: 1px solid #ddd
}

.typography blockquote p {
    padding-right: 0;
    padding-left: 0;
    margin: 0
}

.typography pre {
    padding: 20px 10px;
    overflow: auto;
    font-size: 13px;
    line-height: 19px;
    background-color: #f8f8f8
}

.typography pre ul {
    padding: 0 0 0 20px;
    margin: 0;
    list-style: square !important
}

.typography pre ul li {
    padding: 0;
    margin: 0;
    text-indent: 10px
}

.typography pre code {
    padding: 0;
    margin: 0;
    white-space: pre;
    background: transparent;
    border: 0
}

.typography code {
    padding: 3px 5px 6px;
    margin: 3px 5px;
    white-space: nowrap;
    background-color: #eee
}

.typography dl dt {
    padding: 0;
    margin: 15px 0 5px;
    font-size: 14px;
    font-style: italic;
    font-weight: bold
}

.typography dl dt:first-child {
    padding: 0
}

.typography dl dt:first-child {
    margin-top: 0
}

.typography dl dt:last-child {
    margin-bottom: 0
}

.typography dl dd {
    padding: 0 15px;
    margin: 0 0 15px
}

.typography dl dd:first-child {
    margin-top: 0
}

.typography dl dd:last-child {
    margin-bottom: 0
}

.typography table tr {
    padding: 0;
    margin: 0;
    background-color: white;
    line-height: 35px; /* 높이 지정 */
  /*  border-top: 1px solid #ccc 위아래 라인 */
}

/* 짝수라인배경색 .typography table tr:nth-child(2n) {
    background-color: #f8f8f8
} */

.typography table tr th {
    padding: 6px 13px;
    margin: 0;
    font-weight: bold;
    text-align: left;
   /* border: 1px solid #ccc */
}

.typography table tr th:first-child {
    margin-top: 0
}

.typography table tr th:last-child {
    margin-bottom: 0
}

.typography table tr td {
    padding: 6px 13px;
    margin: 0;
    text-align: center;
   /* border: 1px solid #ccc */
}
.typography table tr td:first-child {
    margin-top: 0
}

.typography table tr td:last-child {
    margin-bottom: 0
}

code[class*="language-"],
pre[class*="language-"] {
    /* font-family: Consolas, Monaco, 'Andale Mono', monospace; */
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    color: black;
    text-align: left;
    text-shadow: 0 1px white;
    word-break: normal;
    word-spacing: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    white-space: pre;
    direction: ltr;
    -ms-hyphens: none
}

pre[class*="language-"]::-moz-selection,
pre[class*="language-"]::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"]::-moz-selection {
    text-shadow: none;
    background: #b3d4fc
}

pre[class*="language-"]::selection,
pre[class*="language-"]::selection,
code[class*="language-"]::selection,
code[class*="language-"]::selection {
    text-shadow: none;
    background: #b3d4fc
}

@media print {
    code[class*="language-"],
    pre[class*="language-"] {
        text-shadow: none
    }
}

pre[class*="language-"] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto
}

:not(pre)>code[class*="language-"],
pre[class*="language-"] {
    background: #f5f2f0
}

:not(pre)>code[class*="language-"] {
    padding: .1em;
    border-radius: .3em
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: slategray
}

.token.punctuation {
    color: #999
}

.namespace {
    opacity: .7
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol {
    color: #905
}

.token.selector,
.token.attr-name,
.token.string,
.token.builtin {
    color: #690
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
    color: #a67f59;
    background: rgba(255, 255, 255, 0.5)
}

.token.atrule,
.token.attr-value,
.token.keyword {
    color: #07a
}

.token.regex,
.token.important {
    color: #e90
}

.token.important {
    font-weight: bold
}

.token.entity {
    cursor: help
}
/* 관련글 */
.related-articles {
	margin-bottom: 2px;
}
.related-articles a {color:#555; text-decoration: none;}
.related-articles h2 {
	margin-bottom: 3px;
	font-weight: 600;
	font-size: 1em;
}
.related-articles h4 { padding:13px 5px; font-size:19px; border-bottom: 2px solid #f7f7f7; }
.related-articles ul {
	display: inline-block;
	width: 101.621621621621622%;
	margin-left: -4.621621621621622%;
	vertical-align: top;
}
.related-articles ul li {
	float: left;
	width: 25%;
	padding-left: 1.621621621621622%;
	box-sizing: border-box;
}
.related-articles ul li:first-child {
	margin-left: 0;
}
.related-articles ul li a {
	color: #555;
}
.related-articles ul li {
	list-style: none;
}
.related-articles ul li a:hover,
.related-articles ul li a:focus {
	color: #333;
}
.related-articles ul li figure {
	display: block;
	width: 100%;
	height: 0;
	margin-bottom: 9px;
	padding-bottom: 101%;
	background-color: #f8f8f8;
}
.related-articles ul li figure img {
	width: 100%;
	height: auto;
	border:1px solid #555;
}
.related-articles ul li .title {
	display: -webkit-box;  /* block */
	overflow: hidden;
	max-width: 95%;
	text-overflow: ellipsis;
	/* white-space: nowrap; */
	 -webkit-line-clamp: 2;  /* 2개추가 */
   -webkit-box-orient: vertical;
	font-size: 0.875em;
	line-height: 1.4;
}
@media only screen and (max-width: 767px) { 
	.related-articles {
		margin-bottom: 3px;
		/* padding: 0 24px; */
	}
	.related-articles h2 {
		margin-bottom: 19px;
	}
	.related-articles ul {
		width: 103.571428571428571%;
		margin-left: -8.671428571428571%;
	}
	.related-articles ul li {
		width: 50%;
		margin-bottom: 15px;
		padding-left: 3.448275862068966%;
	}
	.related-articles ul li figure {
		margin-bottom: 9px;
	}
	.related-articles ul li .title {
		height: 2.8em;
		white-space: normal;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
}
.snslineout { margin: 20px auto; width:100%; border:1px solid #fff; text-align:right;}
.snslineout p { display:none; text-align:right; }
.snsbtn {display:inline-block; line-height: 0; margin:7px 0px; text-align:center;}
.blog_license {border:1px solid #eee; display: block; margin:0 5px; padding-bottom:10px; color:red; font-size: 14px;}
.snsbtn img { border-radius: 50%; }

/* .recent-post ul li { line-height:150%;} */
.list-thum {  /* list thum */
  /* 제거  width: 240px;  97 아래90 160 */
    height: 150px;
	 float:right; /* 우측이동 -원상 */
	margin-left:10px; /* 우측간격 */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.list-content-line { border-bottom: 1px solid #eee; margin-left:10px;}
/* 글더카테고리 수직형으로 */
.related-articles img {
    width:118px; /* 150 220 200 16:9 218*/
	 height:112px; /* 130 140 150 122 */
   float:left;
   margin-left:0px;
  /* 불필 margin-bottom:30px; */
	border: 1px solid #999;
}
.related-articles li {
    list-style: none;
    margin: 20px auto;
    height: 120px; /* 150 135 */
   /* 구분선없애 border-bottom: 1px solid #eee; */
}
.related-articles p { border-bottom:1px solid #eee; margin:15px 5px;}
.related-articles .ca-title  {
   padding-left:15px;
	 padding-right:15px;
     font-weight: 600;
  /* padding-top:10px; */
	line-height:25px;
	text-decoration:none;
    display: -webkit-box;
	 overflow:hidden;
	line-height:20px;
	  -webkit-box-orient: vertical;
    -webkit-line-clamp:4;
	    vertical-align: top;
      word-break: break-all;
} 
.related-articles .ca-date {
    padding-left: 20px;
    padding-top:10px;
    font-size: 13px;
	 color: #999;
} 
span.ca-date:before { content:"◷"; margin-right: 3px; }
@media (max-width:767px) {
.list-thum img {  /* 이미지 줄여 */
    width: 100px; /* 140 95x95 160x150 130x120 */
    height: 100px;
	/* float:right;  우측이동  */
	}
.list-thum {  
    width: 100px;  /* 100x100 160x150 */
    height: 100px;
	}
.slist-sum { display: none;}    	
.slist-cate {
    font-size: 13px;
    margin-top: 20px;
    margin-left: 1px; /* 120 원상복구- 우측이동 */
   /* 변동없음 vertical-align: top; */
	}
.related-articles img {
    width: 100px; /* 150 x 98 */
    height: 98px;
    float: left;
    margin-left: 0px;
    margin-bottom: 30px;
    border: 1px solid #999;
  }	
  .related-articles .ca-title { line-height:1.3 !important; font-size:19px; }
  .related-articles .ca-date { display:none; }
}	

/* 티스토 버튼 */ .container_postbtn {  padding: 10px 0 !important; margin:20px;}
/* .container_postbtn {display:flex; justify-content:flex-end; align-items:center;}  센타 */
.wrap_btn_etc {display:none; }
a[href^="/toolbar/popup/abuseReport"]{ display: none; }
/* .container_postbtn {display: none;} */
.container_postbtn .postbtn_like { border:1px solid #fff !important; }
@media only all and (max-width:767px) { .container_postbtn { display:none;}}
/* 미작동.comment .rp_general .comment-header .name .tistoryProfileLayerTrigger {display:none;} */
.tistoryProfileLayerTrigger {display: none;} /* 내 프로파일 안뵈게 */
.tt_category .link_tit { display: none;}
.dispno {display:none;}
#Toggle_menu {background-color: #f7f7f7;}
@media (max-width: 767px) { .drawer-banner img { border: 1px solid #fff; cursor: pointer; } }
.entry-content strong > a { color: #666;}
/* 홈색상 .tihome { color: #00a1db !important;} */
/* 티스토리 신형 링크박스 스타일 */
/* figure[data-ke-type='opengraph'] a,
#tt-body-page figure[data-ke-type='opengraph'] a {
    height: 100px !important;
	   margin: 0 15px !important;
}
 figure[data-ke-type='opengraph'] div.og-image {
    width: 100px !important;
} 
figure[data-ke-type='opengraph'] div.og-text {
    left: 100px !important;
    padding: 10px !important;
} */
figure[data-ke-type='opengraph'], #tt-body-page figure[data-ke-type='opengraph'] {
    margin-left: 1px !important;
    margin-right:1px !important;
}
figure[data-ke-type='opengraph'] div.og-text p.og-title,
#tt-body-page figure[data-ke-type='opengraph'] div.og-text p.og-title {
    max-width: 550px !important;
    font-size: 17.5px !important;  /* 18 */
    font-weight: 600;
    color: #555 !important;  
}
figure[data-ke-type='opengraph'] div.og-text p.og-desc,
#tt-body-page figure[data-ke-type='opengraph'] div.og-text p.og-desc {
    padding-right: 50px;
    max-height: initial !important;
    -webkit-line-clamp: 3 !important;
    line-height: 18px !important; /* 14px */
    color: #999 !important;
}
figure[data-ke-type='opengraph'] div.og-text p.og-host,
#tt-body-page figure[data-ke-type='opengraph'] div.og-text p.og-host {
    bottom: 0 !important;
    right: 10px !important;
    font-size: 9px !important;
    color: #ccc !important;
}
/* figure[data-ke-type='opengraph'] p.og-host, * fig 항목추가 *
#tt-body-page figure[data-ke-type='opengraph'] p.og-host {
    display:none !important;
} */
@media (min-width: 768px){
figure[data-ke-type='opengraph'] div.og-image {  /* 컴퓨터용 : 가로이미지 늘리고, 글자위치 조정 */
    margin-top: 15px !important;
    margin-left: 10px !important;
    border: 1px solid #ccc !important;
    width: 300px !important;
    height: 168px !important;
}
figure[data-ke-type='opengraph'] div.og-text {
    left: 321px !important;
    padding: 33px 4px 0 3px !important;
}}
@media (max-width: 767px){
figure[data-ke-type='opengraph'] div.og-text p.og-title, #tt-body-page figure[data-ke-type='opengraph'] div.og-text p.og-title {
    white-space: normal !important;
	 padding:0;
	line-height:1.3; 
}
figure[data-ke-type='opengraph'] div.og-text, #tt-body-page figure[data-ke-type='opengraph'] div.og-text {
    padding: 1px 12px 0 20px !important;
}
figure.imageblock.alignCenter { /* 모바일에서 이미지최대폭 이라서 줄임-원상처리 */
    margin: 10px auto;
    text-align: center;
    width: 100% !important;
	}
figure[data-ke-type='opengraph'] p.og-host, /* fig 항목추가 */
#tt-body-page figure[data-ke-type='opengraph'] p.og-host {
    display:none !important;
}}

/* og 이미지만 나오게 바꿈---중지
@media (max-width: 600px) {
figure[data-ke-type='opengraph'] div.og-image {
    width:100% !important;
    height:250px !important;
    border:1px solid #ccc !important;
}}
@media (max-width: 600px) {
figure[data-ke-type='opengraph'] a, #tt-body-page figure[data-ke-type='opengraph'] a {
    height:250px !important;
}}
@media (max-width: 600px){
figure[data-ke-type='opengraph'] div.og-text p.og-title, #tt-body-page figure[data-ke-type='opengraph'] div.og-text p.og-title {
    display:none !important;
}}   */ 
/* 구글 no use
#GoogleTop {width:100%; height:285px; margin-bottom: 5px;margin-left: 2px; margin-right:2px; }
#GoogleTop .GooL {
    float:left;
    width:338px;
}
#GoogleTop .GooR {
    float:right;
    width:340px;
} */
/* og 이미지+하단내용:세로형태(핸펀) */
@media (max-width: 767px) {
 figure[data-ke-type='opengraph'] a, #tt-body-page figure[data-ke-type='opengraph'] a {
height:350px !important;
border:1px solid #fff !important;
}
figure[data-ke-type='opengraph'] div.og-image {
width:100% !important;
height:250px !important;
background-size:cover !important;
border: 1px solid #d9d9d9;
/* -- border-right: 0px solid #fff !important; */
}
figure[data-ke-type='opengraph'] div.og-text {
left:0 !important;
padding:260px 10px 0 10px !important;
} 
.entry-content .another_category {
border-top:0px solid #fff;
border-bottom:0px;
border-left:0px;
border-right:0px;
}
div.another_category th a { line-height: 2 !important;}
} /* og 핸펀 end */
@media (min-width:768px) { 
	.nopc { display:none; }
	/* .gadtop1 { height:280px;} */
   }
@media (max-width:767px) { 
	.nomobile { display:none; }
   /* .fix-height { height: 300px;} */
}
/*
.sbr-sticky {
    position: sticky !important;
    height: auto !important;
    min-height: 0px !important;
    top: 0px;
} */
/* .gotop {
    width: 40px;
    height: 40px;
   position:fixed; bottom:35px; right:30px; z-index:99;
    background-size: 24px 24px;
    background-position: 50% 50%;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.2);
    transition: opacity .2s ease-in-out;
    border-radius: 50%;
} */
/* 자동목차 */
.book-toc {   padding : 10px 0; margin:35px 0; border: 1px solid #eee; /* background-color: #fdfdfd; */ line-height: 1.1; }
.book-toc p {   font-weight: bold; margin-top: 2px; }
#toc > li > a { color:#555; }
#toc > li> ul > li > a { color:#555; }
#toc > li > ul > li {  list-style-type: disc !important; }
/* 안씀씀 .rstH1 {width:336px; height:280px; }
@media(min-width:300px) {.rstH1 { width:300px; height:250px; }}
@media(min-width:768px) {.rstH1 {float:right; margin:12px 0px 15px 20px; width:336px; height:280px;}} 
@media(max-width:767px) {.inmob { text-align:center; height:auto; margin-bottom: 15px; }}
@media(min-width:768px) {.inpc {float:right; width:351px; height:280px; padding-left:15px; margin-top:15px; margin-bottom: 15px;}}  */
@media(min-width:768px) { .ifpc {float:right; width:351px; height:280px; margin-bottom:15px; margin-top:15px; padding-left:15px;}}
@media(max-width:767px) { .ifmobile { margin-bottom:20px; text-align:center; }}
.gadtop1home { margin-top:25px; margin-bottom:0px; text-align:center;}
.pcmobile { margin-bottom:20px; height:280px;text-align:center;}
.gadtop2 { margin-top:25px;margin-bottom:25px; text-align:center;}
.gadtop3 { margin-top:25px; margin-bottom:25px; text-align:center;}
.gadtopmid { margin:40px auto 25px auto; text-align:center;}
.gadtop11 {  margin-bottom:25px; text-align:center;}
.btn_menu_toolbar {display:none;} /* 구독하기 */
/* 카테고리 글더 이동 테이블수정 */
/* div.another_category { border:1px solid #fff !important;} */
div.another_category h4 { font-size:18px !important;}
div.another_category th > a::before {  content: "🔹"; margin-right:2px; }
div.another_category th  { /*white-space:nowrap !important;한줄로...*/ text-overflow:ellipsis !important; overflow:hidden !important;} /* 한줄표시 */
div.another_category th a { font-size:18px !important;}
div.another_category table {margin:0;}
div.another_category_color_gray * {color:#428dca !important;}