@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*기존 글본문*/
div.article {
   /*margin: 20px 20px 15px 26px;*/
   color:#666;
   line-height:150%;
}

div.article h4 {
   font-size: 1.2em;
   margin-top:30px;
   margin-bottom: 10px;
   line-height:150%;
   color:#f00;
}

div.boxGray h4:first-of-type, div.boxLine h4:first-of-type, div.boxGray h3:first-of-type, div.boxLine h3:first-of-type {
   margin-top: 0px !important;
}

div.article p {
   margin-top:15px;
   margin-bottom:25px;
   text-align:justify;
   color:#4a4a4a;
   font-size:11pt;
}
div.article #postingView p {
	margin-top:0;
	margin-bottom:0;
}
div.article hr {
margin-top:25px;
margin-bottom:25px;
border-top:1px solid #DCDCDC;
border-bottom:none;
border-left:none;
border-right:none;
}

div.article .textRed {
   color:#F60;
}

div.article .textOrange {
   color:#F60;
}

div.article .textGray {
   color:#AAA;
}

div.article .boxGray {
   background:#F5F5F5;
   padding:10px;
   margin-bottom:20px;
}

div.article .boxLine {
   border-top:solid 1px #DCDCDC;
   border-bottom:solid 1px #DCDCDC;
   padding:10px 0px;
margin-bottom:20px;
}


div.article .boxGray ul li, div.article .boxLine ul li, div.article div ul li {
   list-style:square;
   margin-left:20px;
}

div.article .boxGray ol li, div.article .boxLine ol li, div.article div ol li {
   margin-left:20px;
}


.cap1 {
   font-size:-1px;
   color:#BCBCBC;
   text-align:center !important;
   margin-top:5px !important;
}

div.titleImg {
   /*margin:-10px 0 0 -20px;*/
}

.article table {
   width:100%;
}

.article td {
   text-align:center;
   border-right:#EEE solid 1px;
   border-bottom:#EEE solid 1px;
}

div.article table th, .tr1, .td1 {
   text-align:center;
   background:#f60;
   font-weight:bold;
   color: #FFF;
}

div.article table.tableColor th {
   text-align:center;
   background:#E81941;
   font-weight:bold;
   color: #FFF;
}

div.article table.tableColor td {
color:#E81941;
}

div.article div.blankBlock {
display:none;
}

div.article small {
font-size:0.9em;
}

div.hideBox {
display:none;
}

.moreless_fold {
background:#efb334;
color:#FFF;
font-weight:bold;
padding:5px;
border:1px dotted #CCC;
}

.moreless_top {
background:#efb334;
color:#FFF;
font-weight:bold;
padding:5px;
border-top:1px dotted #CCC;
border-left:1px dotted #CCC;
border-right:1px dotted #CCC;
}
.moreless_bottom{
background:#efb334;
color:#FFF;
font-weight:bold;
padding:5px;
border-bottom:1px dotted #CCC;
border-left:1px dotted #CCC;
border-right:1px dotted #CCC;
text-align:right;
}

div.article .webtoonSNS {
background: url('http://cfile8.uf.tistory.com/image/1916244B4F7C287B08EAFA') no-repeat;
padding-top:190px;
padding-bottom:50px;
}


/***********************************
TJ 포스팅 용
***********************************/
.tj_kj, .tj_ms, .tj_jh, .tj_lws, .tj_sh, .tj_dh, .tj_hs, .tj_ws, .tj_ss, .tj_wy, .tj_jjh, .tj_jm, .tj_dss,  .tj_js, tj_sj, .tj_yok, .tj_kds, .tj_tw, .tj_hsw, .tj_yjs, .tj_cs, .tj_ojs, .tj_kys, .tj_sy, .tj_ksy, .tj_kh, .tj_kyj, .tj_dds, .tj_fak, .tj_JH, .tj_GP {
   width: 660px;
   height: 105px;
   margin-bottom:20px;
}

 .tj_tg, .tj_fb {
   width:660px;
   height: 115px;
   margin-bottom: 20px;
}

.tj_tg p, .tj_fb p, .tj_kj p, .tj_ms p, .tj_jh p, .tj_lws p,.tj_sh p, .tj_dh p, .tj_hs p, .tj_ws p, .tj_ss p, .tj_wy p, .tj_jjh p, .tj_jm p, .tj_dss p, .tj_js p, .tj_sj p, .tj_yok p, .tj_kds p, .tj_tw p,  .tj_hsw p,  .tj_yjs p,  .tj_cs p,  .tj_ojs p, .tj_kys p, .tj_sy p, .tj_ksy p, .tj_kh p, .tj_kyj p, .tj_dds p, .tj_fak p, .tj_JH p, .tj_GP p {
   margin-right:115px;
   margin-left:115px;
margin-top:0px !important;
   padding:  10px 0px;
}

.tj_kj {
   background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/kj_n.png') no-repeat;
}
.tj_ms {
   background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/ms_n.png') no-repeat;
}
.tj_lws {
   background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/lws_n.png') no-repeat;
}
.tj_sh {
   background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/sh_n.png') no-repeat;
}
.tj_jh {
   background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/jh_n.png') no-repeat;
}
.tj_dh {
   background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/dh_n.png') no-repeat;
}
.tj_hs {
   background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/hs_n.png') no-repeat;
}
.tj_ws {
   background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/ws_n.png') no-repeat;
}
.tj_ss {
   background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/ss_n.png') no-repeat;
}
.tj_wy {
   background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/wy_n.png') no-repeat;
}
.tj_jjh {
   background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/jjh_n.png') no-repeat;
}
.tj_jm {
   background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/jm_n.png') no-repeat;
}
.tj_dss {
   background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/dss_n2.png') no-repeat;
}
.tj_sj {
   background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/sj2_n.png') no-repeat;
}
.tj_yok {
   background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/yok_n.png') no-repeat;
}
.tj_kds {
   background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/kds_n.png') no-repeat;
}
.tj_tw {
   background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/tw_n.png') no-repeat;
}
.tj_hsw {
   background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/hsw_n.png') no-repeat;
}
.tj_tg {
   background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/tg14_n.png') no-repeat right;
}
.tj_yjs {
                  background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/yjs_n.png') no-repeat;
}
.tj_fb {
   background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/fb_n.png') no-repeat right;
}
.tj_ojs {
                  background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/ojs_n.png') no-repeat;
}
.tj_cs {
                  background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/cs_n.png') no-repeat;
}
.tj_kys {
                  background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/kys_n.png') no-repeat;
}
.tj_sy {
                  background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/sy_n.png') no-repeat;
}
.tj_ksy {
                  background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/ksy_n.png') no-repeat;
}
.tj_kyj {
                  background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/kyj_n.png') no-repeat;
}
.tj_kh {
                  background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/kh_n.png') no-repeat;
}
.tj_dds {
                  background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/dds_n.jpg') no-repeat;
}
.tj_fak {
                  background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/fak_n.jpg') no-repeat;
}
.tj_JH {
                  background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/JH_n.jpg') no-repeat;
}
.tj_GP {
                  background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/GP_n.jpg') no-repeat;
}
.tj_js {
                  background: url('http://ts.daumcdn.net/custom/blog/52/529851/skin/images/js_n.jpg') no-repeat;
}

/*기존 카테고리 숨기기*/
.category{visibility:hidden;height:0px}

/*기존 글본문과 충돌되는 css 교정*/
div.article .related_links ul li {
list-style: none;
margin-left: 0px;
}

div.article .related_links h4{
font-size: 13px;
color: #ffffff;
}

.conView .tbl_data thead th.first, .conView .tbl_data thead th {
background:none
}
.photo_area a,.photo_area a:hover{background:none !important;padding:0;}


/* 130618 */
.dalgona{width:702px;margin:0 0 0 -20px;background:url(http://cfs.tistory.com/custom/blog/52/529851/skin/images/bg_dalgona.jpg) repeat-y 0 0;}

/* 130626 */
.ttalk200_layer{margin-bottom:0 !important;}

/*------------------------------------------------------------------------------------------------------------ Tistory Default */
@charset "utf-8";
div,dt,ul,ol,li,h1,h2,h3,h5,h6,pre,code,form,fieldset,legend,textarea,blockquote,th,td,input,select,textarea,button,img,dl,li {
  margin:0;
  padding:0;
  border:0;
  line-height:1.5;
  font-family:'Nanum Gothic',"나눔고딕", Arial, "돋움", Dotum, AppleGothic, sans-serif !important;
}
a {text-decoration:none}
hr {display:none}
/* 태그 */
#taglog ul, #tagbox ul {
  text-align:justify;
}
#tagbox li,
#taglog li {
  display:inline;
}
#sidebar li, /*사이드바 - 마크업에 따라 변경*/
#search_list li, /*본문검색리스트*/
#search_title li, /*본문검색리스트*/
#searchRplist li, /*댓글검색리스트*/
#guestList li, /*방명록*/
.trackback li, /* 트랙백 */
.keylog li, /*키로그*/
.commentList li /*댓글*/ {
  list-style-type:none;
}
/* 포스트 본문 마크업 */
.article dt {
  padding-top:5px;
  text-decoration:underline;
}
.article dd {
  padding-left:25px;
  padding-bottom:5px;
}
.dual table td, .triple table td {background-color:transparent;} /* 이미지 레이아웃 */
.author, .tagTrail, .actionTrail {
  clear:both;
}
/* 블로그 레이아웃 */
#sidebar {
  overflow:hidden;
}
/* 블로그 설명 */
#blogDesc {
  padding:8px !important;
  font-size:12px;
}
/* 태그로그 */
#taglog ul {margin:16px 20px 30px 20px;}
#taglog li {line-height:30px; vertical-align:middle;}
#taglog li .cloud1 {
  border-radius:4px;
  padding:4px;
  background-color:#434A54;
  color:#fff;
  font-size:17px;
  font-weight:bold;
}
#taglog li .cloud2 {
  border-radius:4px;
  padding:4px;
  background-color:#434A54;
  color:#fff;
  font-size:15px;
}
#taglog li .cloud3 {
  border-radius:4px;
  padding:4px;
  background-color:#AAB2BD;
  color:#fff;
  font-size:14px;
}
#taglog li .cloud4 {
  border-radius:4px;
  padding:3px;
  background-color:#AAB2BD;
  color:#fff;
  font-size:13px;
}
#taglog li .cloud5 {
  border-radius:4px;
  padding:3px;
  background-color:#faf5f5;
  color:#000;
  font-size:12px;
}
.article {
  color:#000;
  font-size:/*@post-body-font-size*/12px/*@*/;
  word-break:break-all;
  word-wrap:break-word;
  overflow:hidden;
}
/*.article p {margin:1em 0;}*/

/* more / less */
.moreless_fold, .moreless_top, .moreless_bottom {
  padding-left:18px;
  text-decoration:underline;
}
.moreless_fold { /* 열기 */
  background:url(images/iconMore.gif) no-repeat left top;
}
.moreless_top { /* 닫기 위 */
  background:url(images/iconLess.gif) no-repeat left top;
}
.moreless_bottom { /* 닫기 아래 */
  padding-right:18px;
  background:url(images/iconLess.gif) no-repeat right top;
  text-align:right;
}
.moreless_content {margin:10px 0px 10px 0px;}

/* 페이지 */
#paging {margin:30px 0 20px 0; text-align:center;}
.numbox a span {padding:0px 5px 0px 3px;}
#paging a, #paging span {color:#000; font-size:14px;}
#paging span span {display:inline-block; padding:2px 8px; border:1px solid #dcdcdc;}
#paging span span.selected { /* 현재 페이지 */
  display:inline-block;
  border:1px solid #ff0000;
  background-color:#ff0000;
  color:#fff;
}
.numbox {overflow:hidden; display:inline-block; position:relative; top:10px; padding-left:1px;}
.numbox span {float:left; margin-left:-1px;}

@media (max-width:500px){
   #paging #prevPage,
   #paging #nextPage {display:block; padding:3px 0 2px; background-color:#fafafa; border:1px solid #eaeaea; background-position:center center;}
   #paging .numbox {margin-bottom:13px;}
   #paging a, #paging span {color:#000; font-size:11px;}
   #paging span span {display:inline-block; padding:2px 5px; margin-bottom:2px; border:1px solid #dcdcdc;}
}
@media (min-width:768px){
   #paging a, #paging span {color:#000; font-size:12px;}
   #paging span span {display:inline-block; padding:3px 8px; border:1px solid #dcdcdc;}
}
/* 이전 다음 버튼 */
#prevPage span, #nextPage span {
  display:none;
}
a#prevPage:hover, a#nextPage:hover {text-decoration:none;}
#prevPage, .no-more-prev {
  padding-right:12px;
  background-repeat:no-repeat;
  background-position:left 1px;
}
#nextPage, .no-more-next {
  padding-left:9px;
  background-repeat:no-repeat;
  background-position:right 1px;
}
#prevPage {background-image:url(images/ico_prev.png);}
#nextPage {background-image:url(images/ico_next.png);}
.no-more-prev {background-image:url(images/ico_prev_no.png) !important;}/* 비활성prev버튼 */
.no-more-next { background-image:url(images/ico_next_no.png) !important;}/* 비활성next버튼 */

/* 사이드바 */
/* 사이드바 타이틀 */
.module_plugin, .module_widget { padding-bottom:9px;} /* 플러그인, 위젯이 사이드바에 사용될 경우 */

/* 이미지 */
.imageblock { /* 그림 1개 배치 */
  margin:5px 0;
}
.dual { /* 그림 2개 배치 */
  margin-bottom:5px;
}
.triple { /* 그림 3개 배치 */
  margin-bottom:5px;
}
.cap1 { /* 이미지 아래 캡션 스타일 */
  padding:4px 0;
  color:#999;
  text-align:center;
}
/* 댓글 */
/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_admin {}
.rp_secret { /* 비밀글 */}
/* 방명록 */
/* 종류별 방명록 글 [##_guest_rep_class_##] */
.guest_admin {}
.hiddenComment { /* 비밀 댓글 (로그아웃시 비밀글 표현) */}
/* 키워드 */
.key1 {
  border-bottom:1px dotted #ccc;
  cursor:pointer;
}

/* ----------------------------------------------------------------------- FastBoot Overriding Start */
html,
body {
  overflow-x:hidden;
}

body { background:#eaebef url('images/bg_body.png') repeat-x 0 0;}
#container { background:#fff;}
body.tedition_blog { background:#fff;}

/* FastBoot v1.0 Overriding */
#tt-body-page #navbar-page,#tt-body-guestbook #navbar-guestbook,#tt-body-tag #navbar-tag,#tt-body-media #navbar-media,#tt-body-location #navbar-location,#tt-body-keylog #navbar-keylog{
  background-color:#000;
}
ul#navbar-title-dropdown {
  left:auto;
}
div#side-tags {
  padding:10px !important;
}
div#side-tags {
  line-height:1.7em;
  text-align:justify;
  margin:auto;
}
div#side-tags a {
  padding:2px;
  color:black;
  border-radius:4px;
}
div#side-tags>a.cloud5 {}
div#side-tags>a.cloud4 {font-size:0.9em; background-color:#faf5f5;}
div#side-tags>a.cloud3 {font-size:1.0em; background-color:#faf5f5;}
div#side-tags>a.cloud2 {font-size:1.1em; background-color:#E6E9ED;}
div#side-tags>a.cloud1 {font-size:1.2em; background-color:#E6E9ED;}
li.list-group-item {
  padding:0;
}
h3.title a {
  color:#fff;
}
h3.title {
  color:#fff;
  line-height:32px;
  font-size:20px;
  font-weight:bold;
  border-radius:3px;
  padding-top:3px;
  padding-bottom:1.5px;
  padding-left:10px;
  margin-bottom:2px;
  margin-top:5px;
  background:#aab2bd;
}

#sidebar .panel-heading{margin:0; font-size:16px;padding:0;font-weight:700;font-family:'Nanum Gothic',Arial, "돋움", Dotum, AppleGothic, sans-serif !important;}
#sidebar .panel-heading a{color:#333}
#sidebar .panel-heading small{font-size:12px;float:right;margin-top:2px}
#sidebar .panel-heading small a{color:#999}
#sidebar .list-group-item.active, #sidebar .list-group-item.active:hover, #sidebar .list-group-item.active:focus,
#sidebar .list-group-item:hover, #sidebar .list-group-item:focus{background-color:#AAB2BD; border-color:#888}
#sidebar .list-group-item:hover>a{text-decoration:none;color:#fff}
#sidebar .list-group-item.active>a{font-weight:700}
#sidebar .list-group-item:active{}
#sidebar .panel .list-group-flush .list-group-item{margin-bottom:10px;}
#sidebar .list-group .list-group{margin-top:5px}
#sidebar .list-group .list-group:last-child{margin-bottom:-5px}
#sidebar span.name { color:#aaa;}
#sidebar div.panel-body { padding:3px;}
#sidebar ul li, #sidebar ul li a, #sidebar ul li a span {color:#999 !important; font:11px/13px 'Nanum Gothic',Arial, "돋움", Dotum, AppleGothic, sans-serif;}
#sidebar #tagbox ul li, #sidebar #tagbox ul li a {line-height:18px}
#sidebar .c_cnt { /* 카테고리 옆 개수 */
  display:inline-block;
  min-width:10px;
  padding:2px 6px;
  font-weight:bold !important;
  color:#fff !important;
  text-align:center;
  white-space:nowrap;
  vertical-align:baseline;
  background-color:#aab2bd;
  margin-top:-2px;
  border-radius:10px;
  float:right;
}
/* category */
#sidebar .category .panel-body {padding:0}
#sidebar .category .panel-heading {border-bottom:none;}
#sidebar .category.panel li{border-top:1px solid #ddd;}
#sidebar .category.panel ul{list-style:none;margin:0;padding:0;}
#sidebar .category li{padding:0;}
#sidebar .category ul li a{
  display:block;
  padding:5px 5px 5px 10px;
}
#sidebar .category .panel-body>ul>li>a,
#sidebar .category .panel-body>ul>li>ul>li>a{
  font-weight:bold;
}
#sidebar .category .panel-body>ul>li>a:before {
  display:inline-block;
  font-family:FontAwesome;  /* Don't Change Font-family (Icon) */
  font-style:normal;
  font-weight:normal;
  line-height:1;
  padding-right:5px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  content:"\f114";
}
#sidebar .category .panel-body>ul>li>ul>li>a:before {
  display:inline-block;
  font-family:FontAwesome;  /* Don't Change Font-family (Icon) */
  font-style:normal;
  font-weight:normal;
  line-height:1;
  padding-left:8px;
  padding-right:5px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  content:"\f0da";
}
#sidebar .category .panel-body>ul>li>ul>li>ul>li>a:before {
  padding-left:20px;
  content:"";
}
#content { padding:0 15px;}
.imageblock, .imageblock span {width:100%;}
.imageblock, .imageblock span, .imageblock span img {max-width:100% !important;}
.imageblock span {display:block !important; text-align:center;}
.imageblock img { height:auto !important;}

/*calendar*/
#sidebar .tt-calendar * {
  text-align:center;
  font-size:12px;
}
#sidebar .prev-month {
  margin-left:10px;
  float:left;
  font-weight:bold;
}
#sidebar .next-month {
  margin-right:10px;
  float:right;
  font-weight:bold;
}
a.cal_click {
display:block;
color:#fff;
font-weight:bold;
background-color:#4FC1E9;
padding:2px 9px 2px;
}
.cal_day4 {
color:white;
font-weight:bold;
background-color:#DA4453;
}

/* Search Result(Category) */
#search_list ol li { margin-left:10px; line-height:20px; padding:7px 0;  border-bottom:1px solid #eee;}
#search_title ol li { margin-left:10px; line-height:20px; padding:7px 0;  border-bottom:1px solid #eee;}
#search_list li .thumb img {
  margin-top:-5px;
  width:50px;
  height:50px;
  margin-right:10px;
  float:left;
  border-radius:0.5em;
}
#search_list li {
  clear:both;
}

#guestWrite {
  padding:10px;
  margin-bottom:5px;
  border-bottom:1px solid #eee;
}
.commentWrite {
  padding:10px;
/*  margin-top:5px;
  border-top:1px solid #eee;*/
}
.commentWrite .btn {margin-left:15px; padding:0 5px !important; height:24px !important; line-height:24px !important; font-size:12px !important;}
.commentList {
  border-top:1px solid #eee;
  padding-top:10px;
}

#guestWrite .row>div,
.commentWrite .row>div {
  margin-bottom:10px;
}
#guestList .media,
.commentList .media {
  margin-bottom:10px;
}
#guestList .writer_info img,
.commentList .writer_info img{
  float:left;
  width:60px;
  height:60px;
  border-radius:50em;
  position:absolute;
  left:10px;
  top:3px;
}
#guestList .writer_info,
.commentList .writer_info {
  display:block;
  width:100%;
  padding:0 5px 5px;
  position:relative;
}
#guestList .reply,
.commentList .reply{ /* Reply */
  margin-left:15%;
  padding-top:5px;
}
#guestList .media-body,
.commentList .media-body {
  padding:10px;
  padding-left:0;
  font-size:0.9em;
  text-align:left;
}
#guestList .writer_info .time,
.commentList .writer_info .time {
  font-size:0.8em
}
#guestList .reply,
.commentList .reply {
  background-color:#faf5f5;
}
#guestList .comment-action,
.commentList .comment-action{
  padding:5px;
  float:right;
}
#guestList .comment-action ul,
.commentList .comment-action ul {
  display:none;
}
#guestList .comment-action a,
.commentList .comment-action a {
  color:#CCD1D9;
}
#guestList .comment-action a:hover,
.commentList .comment-action a:hover {
  color:#000;
}

.author {margin-bottom:5px; color:#9F9F9F; font:14px Arial, "돋움", Dotum, AppleGothic, sans-serif; text-align:right;}
.author .text {font:12px tahoma;}
.nav>li>a {
  padding-left:10px;
  padding-right:10px;
}
#footer {
  color:#323232;
  min-height:128px;
  padding-top:20px;
  background-color:#fff;
}
#footer .media {
  margin-top:10px;
}
#footer .media>.pull-left {
  margin-right:20px;
}
#footer .media-body {
  font-size:0.9em;
}
#footer a {
  color:#ccc; text-decoration:none;
}
#footer hr {
  display:block;
  color:#fff;
}
#footer h3 {
  font:20px Arial, "돋움", Dotum, AppleGothic, sans-serif;
  margin-bottom:10px;
}

/* Tistory Fix (Allows responsive theme) */
.tistorytoolbar {
  display:none !important;
}
div.article img {
  width:auto;
  max-width:100%;
  height:auto;
}
div.article iframe {
  max-width:100% !important;
}
.imageblock { max-width:100%;}
.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 { max-width:100% !important;}
.tt-span-1 { width:6% !important;}
.tt-span-2 { width:14% !important;}
.tt-span-3 { width:22% !important;}
.tt-span-4 { width:31% !important;}
.tt-span-5 { width:39% !important;}
.tt-span-6 { width:48% !important;}
.tt-span-7 { width:53% !important;}
.tt-span-8 { width:59% !important;}
.tt-span-9 { width:72% !important;}
.tt-span-10 { width:80% !important;}
.tt-span-11 { width:88% !important;}
.tt-span-12 { width:100% !important;}
@media screen and (max-width:992px) {
  .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;}
}

#ttCanvas, .tt-span-12 {
  width:100% !important;
}
div#ttCanvas div.tt-panel {
  padding-top:0 !important;
}
/*div#ttCanvas img {width:100% !important;}*/
#ttCanvas li {
  padding-bottom:0px !important;
}
.fix-img-tt {
  padding:10px !important;
  max-width:95% !important;
  margin:auto !important;
}
#ttCanvas .col-sm-4 img {
  margin:auto;
  width:90%;
}
.tt-wrap-post-thumb{
  text-align:center;
}
.fix-bottom-margin {
  margin-bottom:25px !important;
}
#ttCanvas h3.title {
  font-size:20px;
  font-weight:bold;
  padding-top:3px;
  padding-left:10px;
  margin-bottom:5px;
  margin-top:5px;
}

/* Another Category Represent */
div.another_category{
  margin-top:50px;
  padding:10px 0;
  border:1px solid #CCD1D9;
  background-color:#faf5f5;
}
div.another_category h4{
  padding-bottom:0 !important;
  border:none !important;
  font-size:14px !important;
  color:#313131 !important;
}
div.another_category h4:before {
  display:inline-block;
  font-family:FontAwesome; /* Don't Change Font-Family (icon) */
  font-style:normal;
  font-weight:normal;
  line-height:1;
  font-size:2em;
  padding-right:5px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  content:"\f115";
}
div.another_category h4 a{
  color:#313131 !important;
}
div.another_category table th a{
  padding-left:12px;
  color:#2e5d7f !important;
}
div.another_category table th a:before {
  display:inline-block;
  font-family:FontAwesome; /* Don't Change Font-Family (icon) */
  font-style:normal;
  font-weight:normal;
  line-height:1;
  padding-right:5px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  content:"\f0da";
}
div.another_category table th a.current{
  border-bottom:none !important;
  font-weight:normal !important;
}
div.another_category table th a.current:before {
  display:inline-block;
  font-family:FontAwesome; /* Don't Change Font-Family (icon) */
  font-style:normal;
  font-weight:normal;
  line-height:1;
  padding-right:5px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  content:"\f0a4";
}
div.another_category table td{font-size:14px; color:#4a4a4a;}
.another_category td {width:100px !important;}
div.another_category table th a:before {display:none !important;}

/* FastBoot v1.2 Overriding */
#content {
  background-color:#ffffff;
  padding-top:10px;
  padding-bottom:15px;
  margin-bottom:30px;
  margin-left:-15px;
  margin-right:0px;
  -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow:0 1px 2px rgba(0, 0, 0, .2);
  box-shadow:0 1px 2px rgba(0, 0, 0, .2);
}
#sidebar .counter .count {
  font-size:1.3em;
}
#sidebar .counter, #sidebar .archive{
  padding:0;
  text-align:center;
}
#sidebar .archive .col-xs-4 {
  padding:0;
}
#sidebar .archive p {
  margin:0;
  font-size:0.8em;
}
#recentPost span.name>span {
  display:inline-block;
  min-width:10px;
  padding:3px 7px;
  font-size:12px;
  font-weight:bold !important;
  line-height:1;
  color:#fff !important;
  text-align:center;
  white-space:nowrap;
  vertical-align:baseline;
  background-color:#da4453;
  border-color:#da4453;
  border-radius:10px;
  padding-left:11px;
}
#recentPost span.name>span:empty {
  display:none;
}

/* Outer Buttons (Previous, Next, toTop) */
@media screen and (min-width:1400px) {
  #outer_btn_left {
    display:inline-block !important;
    visibility:visible !important;
    position:fixed;
    top:50%;
    left:0.5%;
    z-index:10000;
 }
  #outer_btn_right {
    display:inline-block !important;
    visibility:visible !important;
    position:fixed;
    margin-right:100px;
    top:50%;
    right:0.5%;
    z-index:10000;
 }
  #outer_btn_left .no-more-prev {
    display:none !important;
 }
  #outer_btn_right .no-more-next {
    display:none !important;
 }
  #outer_btn_left a, #outer_btn_right a {
    color:#333;
 }
  #outer_btn_left a, #outer_btn_right a {
    width:100px;
    border:2px solid #f7f7f7;
    background:#f7f7f7;
    text-align:center;
    position:fixed;
    opacity:0.6;
    filter:alpha(opacity=60);
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -o-border-radius:30px;
    border-radius:20px;
    -webkit-transition:all .25s linear;
    -moz-transition:all .25s linear;
    -o-transition:all .25s linear;
    transition:all .25s linear;
    padding:15px;
 }
  #outer_btn_left a:hover, #outer_btn_right a:hover {
    background:#b3b3b3;
    border:2px solid #b3b3b3;
 }
}

#toTop {
  z-index:1030;
  width:50px; height:40px;
  /*background:url('http://ts.daumcdn.net/custom/blog/165/1659898/skin/images/top_off.gif') no-repeat left top;*/
  text-align:center;
  position:fixed;
  bottom:10px;
  right:10px;
  cursor:pointer;
  color:#333;
  display:none;
  overflow:hidden;
  text-indent:-99999px;
}
#toTop:hover {
  background:url('http://ts.daumcdn.net/custom/blog/165/1659898/skin/images/top_on.gif') no-repeat left top;
}
.navbar {
  height:42px;
  opacity:1;
}

/* Comment nickname multi-line bug Fix */
.media .pull-left ul>li>a { display:block;}
/* Adsense Fix */
.adsbygoogle {
  background:#FFF;
}
.trackback {
  background-color:#faf5f5;
  border-radius:10px;
  margin-top:5px;
  padding:10px;
}
.trackback p {
  margin:0;
}
.trackback li {
  padding-top:10px;
  border-top:1px solid #eee;
}
.actionTrail {
  display:none;
  text-align:right;
}
/* Writer Img Fix */
#blogDesc img { max-width:100%;}

/* Search Gallery */
#search_gallery .thumb img.dno {
  display:block;
}
#search_gallery .thumb img {
  min-width:100%;
  width:100%;
  min-height:213px;
}
#search_gallery div.msnry_box {height:305px;}
#search_gallery span.badge { position:relative; left:8px; top:-5px;}
#search_gallery div.msnry_date span { color:#000; font-weight:bold;}
.msnry_box .thumb {min-height:213px; max-height:213px; display:block; overflow:hidden;}

#search_gallery div.msnry_item {padding:0 10px 0 0;}
#search_gallery div.msnry_item:first-child {padding-left:0;}
#search_gallery div.msnry_item:nth-child(3n) {padding-right:0;}
#search_gallery div.msnry_item:nth-child(4n) {padding-left:0;}
#search_gallery,
#search_gallery li { list-style:none;}
#search_gallery li { border-bottom:1px solid #eeeeee;}
#search_gallery li .cate-date { font-size:12px; color:#d4d4d4;}
#search_gallery li a { font-size:14px; color:#737373;}

/* Article */
.article ul {
  list-style-type:circle;
  list-style-position:inside;
  margin-top:15px;
  margin-bottom:15px;
  padding-left:5px;
  display:block;
  border-left:5px solid #eee;
}
.article li {
  line-height:200%;
  margin-bottom:5px;
}
.article ol {
  list-style-type:decimal;
  list-style-position:outside;
  margin-top:10px;
  margin-bottom:10px;
  padding-left:20px;
  display:block;
  border-left:5px solid #4CA9D3;
}
.article h1, .article h2 , .article h3, .article h4, .article h5, .article h6 {
  font-size:24px;
  text-height:200%;
  padding:3px 5px;
  margin:5px 0;
}
.article h2 { font-size:22px;}
.article h3 { font-size:20px;}
.article h4 { font-size:18px;}
.article h5 { font-size:16px;}
.article h6 { font-size:14px;}
.article blockquote {
  font:14px/20px italic Times, serif;
  background-color:#EEEEEE;
  background-image:url(images/iconBlockquote.gif);
  background-position:top 10px left 10px;
  background-repeat:no-repeat;
  border-left:10px solid #F5A431;
  padding:23px;
}
.article pre {
  background-color:transparent;
}
/* Offcanvas */
#searchButton {
  float:right;
  position:relative;
  margin-top:8px;
  margin-right:5px;
  padding:3px;
  color:#fff;
  cursor:pointer;
}
.navbar>.lntoggle {
  margin-top:8px;
  margin-left:5px;
  float:left;
  padding:3px;
  color:#fff;
  cursor:pointer;
}
#lnav>.lntoggle {
  position:absolute;
  left:220px;
  top:200px;

  z-index:1030;
  width:50px;
  height:50px;
  background:#333333;
  color:white;
  text-align:center;
  cursor:pointer;
  opacity:0.7;
  border-radius:0 5px 5px 0;
  padding:5px;
  -webkit-transition:all .25s linear;
  -moz-transition:all .25s linear;
  -o-transition:all .25s linear;
  transition:all .25s linear;
}
#lnav>.lntoggle:hover {
  background:#000;
  opacity:0.9;
}
#lnav {
  background-color:#fff;
  z-index:10000;
  position:fixed;
  width:220px;
  height:100%;
  left:-220px;
  top:0;
  border-right:11px solid #e51837;
  /*overflow-y:scroll; *//* Android 2.x is not support. If you want to achieve, it is recommended to iScroll5.js  */
}
/* Offcanvas Scroll */
#lnav>ul {
  height:100%;
  overflow-y:auto;
}
#lnav a {
  width:100%;
  display:block;
  text-decoration:none;
}
#lnav.lnopen {
  left:0px;
}
#lnav.lnclose {
  left:-220px;
}
#lnav ul li a:hover {background:#e51837; color:#fff;}
#lnav ul li:first-child {display:block;}
#lnav ul li a.actoggle:hover {background:#e51837 url('images/bg_slide_open.png') no-repeat 95% center; color:#fff;}
#lnav ul li a.acopen:hover {background:#e51837 url('images/bg_slide_close.png') no-repeat 95% center; color:#fff;}
#lnav ul li ul {
  background-color:#dcdcdc;
}
#lnav ul li ul a {border-bottom:1px solid #fff;}
#lnav ul li ul a:hover {background:#b5b5b5;}
#lnav a,
#lnav .actoggle {
  display:block;
  font-size:1.1em;
  color:#000;
  padding:10px 30px 10px 10px;
  border-bottom:1px solid #dcdcdc;
  font-weight:bold;
}
#lnav ul li ul a {
  padding-left:1em;
}
#lnav ul li ul li:first-child a {
  /* border-top:1px solid rgba(0,0,0,0.4);*/
}
#lnav ul li ul li:last-child a {}
#lnav a {
}
#lnav .actoggle {
  background:url('images/bg_slide_open.png') no-repeat 95% center;
  background-size:13px 14px;
}
#lnav .acopen {
  background:url('images/bg_slide_close.png') no-repeat 95% center;
  background-size:13px 14px;
}
/* v1.6 Navbar overriding */
#coverDiv { display:none;}
.navbar-collapse {
  border:none;
}
.navbar-form {
  margin:5px 0;
}
#search_fix {
  border:none;
}
@media screen and (max-width:991px) {
  #content {
    margin-right:-15px;
 }
}
@media screen and (min-width:768px) {
  ul.nav li a {
    padding-top:11px;
    padding-bottom:11px;
 }
  ul.navbar-right li a {
    padding-left:5px;
    padding-right:5px;
 }
  .navbar-nav.navbar-right:last-child {
    margin-right:0;
 }
}
@media screen and (max-width:767px) {
   ul.nav li a {
    padding-top:11px;
    padding-bottom:11px;
 }
  ul.navbar-right li a {
    padding-left:5px;
    padding-right:5px;
 }
  .navbar-nav.navbar-right:last-child {
    margin-right:0;
 }
  .navbar-form {
  margin:5px 0;
}
}
@media screen and (min-width:800px) {
   ul.nav li a {
    padding-top:11px;
    padding-bottom:11px;
 }
  ul.navbar-right li a {
    padding-left:5px;
    padding-right:5px;
 }
  .navbar-nav.navbar-right:last-child {
    margin-right:0;
 }
}
#desktopNav {
  height:129px;
  background-color:white;
}
#desktopNav p {
  margin:0;
}
#desktopNav .navMiddle {
  position:relative;
  height:129px;
}
#desktopNav .navMiddle h3 {position:absolute; top:41px; left:0;}
#desktopNav .navMiddle .banner {display:none; position:absolute; top:55px; right:50px;}
@media screen and (min-width:980px) {
   #desktopNav .navMiddle .banner {display:inline; }
}
#secondNav form {
  position:absolute;
  top:-59px;
  right:0;
  width:241px;
  border:1px solid #d2d2d1;

  /* background:url('./images/bg-search.gif') no-repeat 0 0; */
}
#desktopNav .graylink a{
  font-size:9px;
  color:#aaa;
}
#desktopNav h3 {
  line-height:1;
}
#secondNav p.rightMenus {
  position:absolute;
  top:0;
  right:0;
}
#secondNav p.rightMenus a img {border-bottom:12px solid #ff0000;}
#secondNav p.rightMenus a:hover img {border-bottom:12px solid #e80010;}
#desktopNav p.rightMenus a {
  font-size:17px;
}
#desktopNav .graylink a:hover{
  color:#000;
}
#desktopNav .text-muted {
  font-size:12px;
}
body.navFixed {
  padding-top:177px;
}
@media screen and (max-width:767px) {
  body.navFixed {
    padding-top:42px;
 }
}
#desktopNav.fixed {
  position:fixed;
  top:0px;
  height:129px;
  z-index:200;
  width:100%;
}
#desktopNav.fixed h3, #desktopNav.fixed a {
  -webkit-transition-duration:.3s;
  -moz-transition-duration:.3s;
  -o-transition-duration:.3s;
  transition-duration:.3s;
}
#desktopNav.fixed h3 {
  float:left;
}
#desktopNav.fixed p.text-muted {display:none;}
#desktopNav.fixed p.rightMenus a {
  font-size:15px;
  padding-left:8px;
}
.navbar-inverse {
    border:none;
}
.navbar-inverse .nav li a {
  color:#fff;
}
.navbar-inverse .nav li a:hover {
  background-color:#000;
}
#secondNavWrap{height:38px; margin-bottom:1px;}
#secondNavWrap.fixed {
  position:fixed;
  width:100%;
  z-index:1030;
  top:129px;
}
#secondNav{position:relative; padding:0 !important; height:38px;}
#secondNav>ul {height:38px; background:#e51837;}
#secondNav>ul>li {height:23px;color:#434A54;background-color:transparent;}
#secondNav>ul>li>ul>li>a>span.c_cnt{display:none;}
#secondNav .c_cnt{font-size:8px;}
#secondNav>ul>li {list-style:none;}
#secondNav>ul>li>a{vertical-align:middle;text-align:left;text-decoration:none;font:bold 12px Arial,sans-serif;color:#000;cursor:pointer;padding:8px 5px;height:35px;}
#secondNav>ul ul,#secondNav>ul ul ul{margin:0;list-style:none;padding:0;background-color:none;}
#secondNav>ul ul ul{ display:none;position:absolute; width:100%; background-color:#e0e0e0;}
/* #secondNav>ul ul li:hover>ul{visibility:visible;}*/
#secondNav>ul ul li:hover { background:#ac1027;}
#secondNav>ul ul li {position:relative;display:inline-block;white-space:nowrap;font-size:0;float:none; padding-top:10px; width:11%; text-align:center;}
#secondNav>ul ul li:first-child{width:12%;}
#secondNav>ul ul li:hover{z-index:1;}
#secondNav>ul ul ul ul{position:absolute;left:100%;top:0;-moz-box-shadow:#585858 0px 0px 1px;-webkit-box-shadow:#585858 0px 0px 1px;box-shadow:#585858 0px 0px 1px;}
#secondNav>ul ul{font-size:0;z-index:999;position:relative;display:block;padding:0;text-align:center;}
#secondNav>ul>li>ul>li>a{}
#secondNav>ul>li>ul>li>a:before{} /* Don't Change Font-Family (icon) */
#secondNav>ul ul li a{display:inline-block;}
#secondNav>ul ul li.lte-a-li {width:133px; text-align:center !important;}
#secondNav>ul ul>li{margin:0;}
#secondNav>ul ul a:active,#secondNav>ul ul a:focus{outline-style:none;}
#secondNav>ul ul a{width:79px; height:28px; display:block;vertical-align:middle; text-decoration:none;font-size:14px; font-weight:bold; font-family:'Nanum Gothic',"나눔고딕", Arial, "돋움", Dotum, AppleGothic, sans-serif !important;color:#fff;cursor:pointer;}
#secondNav>ul ul ul li{display:block;float:none; width:100%; margin:0; padding:0 !important;}
#secondNav>ul ul ul li:first-child{width:100%;}
#secondNav>ul ul ul a{width:108px; text-align:center; padding:14px 0 0 20px; font:14px; line-height:12px !important; font-family:'Nanum Gothic',"나눔고딕", Arial, "돋움", Dotum, AppleGothic, sans-serif !important; color:#666666;text-decoration:none; height:38px; font-weight:bold;}
#secondNav>ul ul ul a:hover {background-color:#c3c3c3;}
#secondNav>ul ul li:hover>a{color:#fff;text-decoration:none;}
#secondNav>ul ul ul li:hover>a{color:#666666;text-decoration:none;}
#secondNav>ul ul li:hover>a{z-index:1;}

/* GNB 영역 */
@media (max-width:899px){
#secondNav>ul ul li.lte-a-li {width:113px;}
#secondNav>ul ul li.lte-a-li a {position:relative; left:-8px;}
#secondNav>ul ul li.lte-a-li a img {margin-left:0; height:25px; margin-top:-2px;}
#secondNav>ul ul li {}
#secondNav>ul ul li li {}
#secondNav>ul ul ul {}
#secondNav>ul ul ul a{width:100%;text-align:center; padding:14px 0 0 0; font-family:'Nanum Gothic',"나눔고딕", Arial, "돋움", Dotum, AppleGothic, sans-serif !important; color:#666666;text-decoration:none;}
}
@media (min-width:800px){
#lnav {display:none !important;}

div#ttCanvas #main-slide-cont .tt-wrap-item li a span{margin-top:0;}
}
@media (min-width:900px){
#secondNav>ul ul li.lte-a-li {width:133px; text-align:center !impjortant;}
#secondNav>ul ul li.lte-a-li a {width:133px;}
#secondNav>ul ul li.lte-a-li a img {margin-left:0; height:25px; margin-top:-2px;}
#secondNav>ul ul li {position:relative;display:inline-block;white-space:nowrap;font-size:0;float:none; text-align:center;}
#secondNav>ul ul ul{position:absolute; width:; }
#secondNav>ul ul a{width:79px; height:28px; display:block;vertical-align:middle; text-decoration:none;color:#fff;cursor:pointer;}
#secondNav>ul ul ul a{width:100%;text-align:center; padding:14px 0 0 0; font-family:'Nanum Gothic',"나눔고딕", Arial, "돋움", Dotum, AppleGothic, sans-serif !important; color:#666666;text-decoration:none;}
}

/* breadcrumb */
#bread_nav {height:32px;overflow:hidden;}
#bread_nav a {float:left;display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 12px Arial,sans-serif;color:#FFF;cursor:pointer;padding:8px 5px;height:32px;}
#bread_nav a:hover {background-color:#faf5f5; color:#000}
#bread_nav>i {float:left;display:block;vertical-align:middle;color:#FFF;padding:8px 5px;height:32px;}

/* 추가 */
.padd_none {padding:0 !important;}

/* 메인사이드바 없애기 및 사이즈 조절 */
.tedition_blog #sidebar {display:none !important;}
.tedition_blog #content {width:100% !important; padding:0 !important; margin:0 auto !important;}
.tedition_blog .col-md-9 {width:100% !important;}
.tedition_blog #leftContent {padding:0 !important; margin:0 !important; background:none !important;}

/* 메인슬라이드 Top 이미지 (티에디션) */
div#ttCanvas .tt-item a {border:none !important;}
div#ttCanvas a.tt-wrap-thumb-link {width:100% !important; height:auto !important;}
div#ttCanvas .tt-item a img {width:100% !important; height:auto; margin:0 !important;}

/* 메인 타이틀 */
.tt-title-main {padding-bottom:6px; margin-bottom:15px; font-size:20px; color:#000;}

/* 푸터 */
#footer { background:url('./images/bg_footer.png') repeat-x 0 0;}
#footer .container {position:relative; padding:104px 0 26px 0 !important; background:url('./images/footer_logo.gif') no-repeat left 49px;}
#footer .container .foot_text {margin:0 !important; padding:0 !important; font-size:13px; color:#323232;}
#footer .container .foot_text a {color:#323232; font-size:11px;}
#footer .container .foot_text.link {position:relative; z-index:100; display:inline-block !important; font-size:11px;}
#footer .container .foot_text .line {margin:0 10px !important;}
#footer .container .right-cont {position:absolute; width:100%; top:-10px; left:0;}
#footer .container .right-cont * {vertical-align:top;}
#footer .container .right-cont .sns-btn-area { float:right; height:24px; display:inline-block;}
#footer .container .right-cont .sns-btn-area a {width:25px; height:24px; margin-left:6px; display:inline-block;background-position:left bottom;}
#footer .container .right-cont .sns-btn-area a:hover {background-position:left bottom;}
#footer .container .right-cont a.facebook {background:url('./images/f.gif') no-repeat left bottom; background-size:25px auto;}
#footer .container .right-cont a.instagram {background:url('./images/instagram.png') no-repeat left bottom; background-size:25px auto;}
#footer .container .right-cont a.twitter {background:url('./images/btn-twitter.gif') no-repeat left bottom;background-size:25px auto;}
#footer .container .right-cont a.youtube {background:url('./images/y.gif') no-repeat left bottom;background-size:25px auto;}
#footer .container .right-cont a.kakao {background:url('./images/kas.gif') no-repeat left bottom;background-size:25px auto;}
#footer .container .right-cont a.twitter_t{background:url('./images/t_skt.png') no-repeat left bottom;background-size:25px auto;}
#footer .container .right-cont a.twitter_w{background:url('./images/t_tworld.png') no-repeat left bottom;background-size:78px auto;width:78px;}
#footer .container .right-cont a.googlePlus{background:url('./images/gplus.gif') no-repeat left bottom;background-size:25px auto;}
#footer .container .right-cont a.rss {background:url('./images/btn-rss.gif') no-repeat left bottom;background-size:25px auto;}

#footer2 .container {background:#fff;}
#footer2 .container * {vertical-align:top;}
#footer2 .container .f_menu {margin:0 15px 10px 10px;}
#footer2 .container .f_menu .sns {width:29px; height:29px; margin-right:5px;}
#footer2 .container .f_menu2 {margin-bottom:23px; border-top:1px solid #c9c9c9;}
#footer2 .container .f_menu2 li {border-bottom:1px solid #c9c9c9;}
#footer2 .container .f_menu2 li a {display:block; padding:6px 15px; font-size:12px; color:#323232;}
#footer2 .container .f_copyright {padding-top:28px; margin-left:15px; font-size:10px; color:3323232; background:url('./images/footer_logo.gif') no-repeat left top; background-size:auto 20px;}
#footer2 .container .brandsite {display:none; width:140px; height:29px; margin-left:2px; position:relative; top:0; background:url('./images/btn_family_site.gif') no-repeat right 3px; background-size:auto 22px;}
#footer2 .container .brandsite a {display:block; line-height:29px; margin-left:0 !important; font-size:12px; color:#323232; font-weight:bold; text-decoration:none;}
#footer2 .container .brandsite a:hover {color:#ff0000 !important;}
#footer2 .container .brandsite_open {width:140px; border:1px solid #d2d2d2; position:absolute; left:-1px; bottom:19px; background-color:#fff; color:#000; z-index:100; display:none; line-height:29px; font-size:12px;}
#footer2 .container .brandsite_open a { display:block; padding:6px 0 6px 10px; color:#000 !important;}
#footer2 .container .brandsite_open a:hover {color:#ff0000 !important;}
#footer2 .container .f_menu .sns-btn-area { display:none; height:29px; position:relative; top:0;}
#footer2 .container .f_menu .sns-btn-area a {width:30px; height:29px; margin-left:6px; display:inline-block;}
#footer2 .container .f_menu .sns-btn-area a:hover {background-position:left bottom;}


#footer2 .container .f_menu a.facebook {background:url('./images/f.gif') no-repeat left bottom; background-size:30px auto;}
#footer2 .container .f_menu a.twitter {background:url('./images/btn-twitter.gif') no-repeat left bottom;background-size:30px auto;}
#footer2 .container .f_menu a.youtube {background:url('./images/y.gif') no-repeat left bottom;background-size:30px auto;}
#footer2 .container .f_menu a.kakao {background:url('./images/kas.gif') no-repeat left bottom;background-size:30px auto;}
#footer2 .container .f_menu a.twitter_t{background:url('./images/t_skt.png') no-repeat left bottom;background-size:30px auto;}
#footer2 .container .f_menu a.twitter_w{background:url('./images/t_tworld.png') no-repeat left bottom;background-size:95px auto;width:95px;}
#footer2 .container .f_menu a.googlePlus{background:url('./images/gplus.gif') no-repeat left bottom;background-size:30px auto;}
#footer2 .container .f_menu a.rss {background:url('./images/btn-rss.gif') no-repeat left bottom;background-size:30px auto;}

@media (max-width:980px){
#footer {display:none !important;}
#footer2 {display:block !important;}
#footer2 .brandsite { float:none;}
}
@media (min-width:981px){
#footer {display:block !important;}
#footer2 {display:none !important;}
#footer .container {position:relative; padding:104px 0 26px 0 !important; background:url('./images/footer_logo.gif') no-repeat left 49px;}
#footer .container .right-cont {position:absolute; top:-10px !important; left:0 !important;}
.brandsite_open li a {text-align:left !important; padding-left:10px;}
}

/* 검색창 */
.i_label{display:block;position:static;top:8px;left:25px; font-size:11px; color:#666;}
.i_text{display:block;position:relative;height:24px; border:1px solid #d2d2d2; background:transparent; font-size:11px; color:#000;}

/* Footer Family site */
.family-site-select {display:inline-block;}

/* 셀렉트 디자인 */
.brandsite {display:inline-block; float:left; width:138px; height:27px; margin-left:2px; position:relative; background:url('./images/btn_family_site.gif') no-repeat right 1px; background-size:auto 26px;}
.brandsite a {display:block; margin-left:0 !important; text-align:left; line-height:27px; margin-left:0 !important; font-size:12px;font-weight:bold; color:#323232 !important; font-weight:bold; text-decoration:none;}
.brandsite a:hover {color:#ff0000 !important;}
.brandsite_open {width:138px; border:1px solid #d2d2d2; position:absolute; left:-1px; bottom:22px; background-color:#fff; color:#000; z-index:100; display:none; line-height:29px; font-size:12px;}
.brandsite_open a { display:block; padding:3px 0 3px 5px; color:#000 !important;}
.brandsite_open li {list-style:none;}
.brandsite_open a:hover {background:#f5f3f2; color:#ff0000 !important;}

/* 서브페이지 */
#outer_btn_left, #outer_btn_right {display:none !important;}

@media (max-width:800px){
h3.title a {font-size:18px !important;}
#footer2 .container .brandsite{float:none;margin-top:5px;}
}
@media (max-width:999px){
#leftContent {max-width:100%; margin:30px 0 0 0 !important; padding:27px 10px !important; background:#fff;}
h3.title {margin-top:10px !important; margin-bottom:30px !important;}
h3.title a {width:100% !important; line-height:26px !important; font-size:24px !important;}

.article-attr-wrap {width:100%; text-align:left; font-size:11px !important;}
.article-attr-wrap .label {padding-left:0;}
.sub_page_title {padding-top:10px;}

#sidebar {display:none;}
}
@media (min-width:1000px){
h3.title {padding:0 !important; margin:0 0 20px 0 !important; font-size:30px; background:#fff;}
h3.title a {display:inline-block; width:680px !important; font-size:36px !important; color:#000 !important; line-height:36px !important;}
#leftContent {width:722px; margin:54px 18px 0 0 !important; padding:23px 20px !important; background:#fff;}
#sidebar.sidebar {width:220px; margin-top:77px; padding:0 !important; background:#fff;}
#sidebar.sidebar .list-group-flush {margin-top:0; margin-bottom:0; overflow:hidden;}
#sidebar.sidebar .list-group-flush .list-group-item {width:100% !important;margin-bottom:0;}

.side_banner_img li img {width:190px; height:auto;}
.side_banner_img {padding-bottom:0px;}
#sidebar {display:block;}
.sub_page_title { padding-top:0px !important;}
#sidebar ul li a {display:block; padding:0;}
#sidebar ul li a div { position:relative; padding:0 0 12px; border:1px solid #e0e0e0; border-width:0 1px 1px; font-size:14px; font-weight:bold; color:#666; text-indent:0 !important; letter-spacing:-1px;}
.main-layout #sidebar ul li a div .pubDate { display:inline-block;}
#sidebar ul li a div strong.cate { display:block; width:220px; margin-left:-1px; border:1px solid #e0e0e0; border-bottom:none; padding:11px 14px 0; background:#fff;}
#sidebar ul li a div .pubDate { display:block; margin-top:5px; padding:0 14px 0;}

/*.article-attr-wrap {position:absolute; top:5px !important; right:0 !important; left:none !important;}*/
.article-attr-wrap .label-info {background:none; font-size:12px !important; color:#000; text-align:right !important; font-weight:normal !important;}
.article-attr-wrap .label-default {font-size:14px !important; color:#000; background:none; border:none; font-weight:normal !important;}
.article-attr-wrap .label { /* display:block !important; text-align:right !important; */}
}

/* 서브페이지 타이틀 */
.sub-title-area {position:relative;}
h3.title {padding:0 !important; margin:0 0 60px 0; font-size:30px; background:#fff;}
h3.title a { position:relative; z-index:50; display:inline-block; width:600px; font-size:30px; color:#000 !important; line-height:38px;}
h3.title a:hover {text-decoration:none;}

.sub_page_title {position:relative;}

.article-attr-wrap .label-info {background:none; font-size:12px; color:#000; text-align:right; font-weight:normal !important;}
.article-attr-wrap .label-info02 {background:#31b0d5;}
.article-attr-wrap .label-default {font-size:14px; color:#000; background:none; border:none; font-weight:normal !important;}
a:hover.label-default {background:none !important; color:#000 !important;}
.author {display:none;}

/* 서브페이지 right */
.panel {border:none; background:none; box-shadow:none;}
.panel-default > .panel-heading  {background:none; border:none; color:#000; font-size:15px;}

#sidebar .panel .list-group-flush .list-group-item {height:284px; overflow:hidden; border:none !important;}
#sidebar .panel .list-group-flush .list-group-item:hover {height:284px; overflow:hidden; background:#fff !important;}
#sidebar .panel .list-group-flush .list-group-item:hover .cate { color:#e51a38 !important; }

div.another_category {background:#fff !important; border:none !important;}
div.another_category h4:before {display:none !important;}
div.another_category h4 {padding-bottom:6px !important; border-bottom:1px solid #000 !important; font-size:14px !important; letter-spacing:-1px; font-weight:normal !important; text-align:left !important;}

#recentPost .thumb img { width:220px; height:220px; border-radius:0 !important;}

.bxslider li a {padding:0 !important;}

/* 서브페이지 배너 */
.side_banner_img li {margin-bottom:10px;}
.side_banner_img li img {width:100%; height:auto;}
.side_banner_img li:last-child {margin-bottom:5px;}

/* 서브페이지 하단 SNS 공유 */
.tt-sns-sub {position:relative; text-align:right; border:none !important; margin:0 0 20px 0 !important; padding:0 !important;}
.tt-sns-sub a {display:inline-block; height:46px; text-indent:-9999px; overflow:hidden; font-size:0;}
.tt-sns-sub a:hover {background-position:left bottom !important;}
.tt-sns-sub a.sns-facebook {width:46px; height:46px; background:url('images/ico_facebook.png') no-repeat left top;}
.tt-sns-sub a.sns-twitter  {width:45px; height:46px; background:url('images/ico_twitter.png') no-repeat left top;}
.tt-sns-sub a.sns-google  {width:45px; height:46px; background:url('images/ico_googleplus.png') no-repeat left top;}
.tt-sns-sub a.sns-kakao  {width:46px; height:46px; background:url('images/ico_kakao.png') no-repeat left top;}
.tt-sns-sub img {width:44px; height:46px;}

@media (max-width:767px){
.tt-sns-sub {display:block;}
div.another_category h4 {font-size:12px !important;}
}
@media (min-width:768px){
.tt-sns-sub {display:block;}
}
@media (min-width:800px){
.tt-sns-sub {display:block;}
}
@media (min-width:992px){
.tt-sns-sub {display:block;}
}
@media (min-width:1200px){
.tt-sns-sub {display:block;}
}
@media (max-width:320px){
.member_open_area #socialBtn2,
.member_open_area #socialBtn{margin-top:0 !important;}}
/* 카테고리의 다른글 */
div.another_category table th a {padding-left:0 !important; color:#4a4a4a !important; font-size:14px !important;}
.another_category th, .another_category td {line-height:2 !important;}
.another_category th span {display:none !important;}
.media-body a {color:#4a4a4a !important;}
div.another_category table td {color:#4a4a4a !important;}

@media (max-width:767px){
div.another_category table th { line-height:14px !important;}
div.another_category table th a {padding-left:0 !important; color:#4a4a4a !important; font-size:12px !important;}
div.another_category table td {display:none;font-size:12px;}
}
@media (max-width:799px){
div.another_category table th a {width:90%; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; padding-left:0 !important; color:#4a4a4a !important; font-size:12px !important;}
div.another_category table td {display:none;font-size:12px;}
}
@media (min-width:768px){
div.another_category table th { line-height:14px !important;}
div.another_category table th a {padding-left:0 !important; color:#4a4a4a !important; font-size:12px !important;}
div.another_category table td {font-size:12px;}
}
@media (min-width:800px){
div.another_category table th a {padding-left:0 !important; color:#4a4a4a !important; font-size:14px !important; line-height:16px !important;}
div.another_category table td {font-size:14px;}
}
@media (min-width:992px){
div.another_category table th a {padding-left:0 !important; color:#4a4a4a !important; font-size:14px !important; line-height:16px !important;}
div.another_category table td {font-size:14px;}
}
@media (min-width:1200px){
div.another_category table th a {padding-left:0 !important; color:#4a4a4a !important; font-size:14px !important; line-height:16px !important;}
div.another_category table td {font-size:14px;}
}
/* 댓글 */
.form-control {height:28px;}

/* 관련글 보기 */
.connection_write li .tit-txt a {color:#000;}

@media (max-width:767px){
.tt-connection {margin:0 0 5px 0 !important; font-size:12px !important; border-bottom:1px solid #000 !important; border-left:none !important; padding-left:0 !important; padding-right:0 !important; letter-spacing:-1px !important;}
.connection_write {margin:0 0 20px 0 !important; border-left:none !important; padding-left:0 !important; overflow:hidden;}
.connection_write li {float:none; width:100%; list-style:none; position:relative; margin-bottom:10px; height:84px; padding-top:3px; padding-left:93px;}
.connection_write li:hover {background:#f5f4f2;}
.connection_write li .img-thum {position:absolute; top:0; left:0; margin:0 !important; width:84px; height:84px;}
.connection_write li .img-thum a {display:block; width:84px; height:84px; background-size:84px 84px !important;}
.connection_write li .img-thum img {width:84px; height:84px;}
.connection_write li .tit-txt {font-size:12px !important; line-height:16px !important; color:#000; margin:0 !important; padding-right:10px;}
.connection_write li .info {position:absolute; bottom:0; left:93px; margin:0 !important;}
.connection_write li .info .date {font-size:11px; color:#000;}
.connection_write li .info .category {display:inline-block; margin-left:10px; font-size:11px; color:#000;}
}
@media (min-width:768px){
.tt-connection {margin:0 0 5px 0 !important; font-size:14px !important; border-bottom:1px solid #000 !important; border-left:none !important; padding-left:0 !important; padding-right:0 !important; letter-spacing:-1px !important;}
.connection_write {margin:0 0 20px 0 !important; border-left:none !important; padding-left:0 !important; overflow:hidden;}
.connection_write li {float:left; width:50%; list-style:none; position:relative; margin-bottom:10px; height:84px; padding-top:3px; padding-left:93px;}
.connection_write li:hover {background:#f5f4f2;}
.connection_write li .img-thum {position:absolute; top:0; left:0; margin:0 !important; width:84px; height:84px;}
.connection_write li .img-thum a {display:block; width:84px; height:84px; background-size:84px 84px !important;}
.connection_write li .img-thum img {width:84px; height:84px;}
.connection_write li .tit-txt {font-size:12px !important; line-height:16px !important; color:#000; margin:0 !important; padding-right:10px;}
.connection_write li .info {position:absolute; bottom:0; left:93px; margin:0 !important;}
.connection_write li .info .date {font-size:11px; color:#000;}
.connection_write li .info .category {display:inline-block; margin-left:10px; font-size:11px; color:#000;}
}
@media (min-width:800px){
.tt-connection {margin:0 0 15px 0 !important; font-size:14px !important; border-bottom:1px solid #000 !important; border-left:none !important; padding-left:0 !important; padding-right:0 !important; letter-spacing:-1px !important;}
.connection_write {margin:0 0 20px 0 !important; border-left:none !important; padding-left:0 !important; overflow:hidden;}
.connection_write li {float:left; width:50%; list-style:none; position:relative; margin-bottom:10px; height:84px; padding-top:3px; padding-left:93px;}
.connection_write li:hover {background:#f5f4f2;}
.connection_write li .img-thum {position:absolute; top:0; left:0; margin:0 !important; width:84px; height:84px;}
.connection_write li .img-thum a {display:block; width:84px; height:84px; background-size:84px 84px !important;}
.connection_write li .img-thum img {width:84px; height:84px;}
.connection_write li .tit-txt {font-size:12px !important; line-height:16px !important; color:#000; margin:0 !important; padding-right:10px;}
.connection_write li .info {position:absolute; bottom:0; left:93px; margin:0 !important;}
.connection_write li .info .date {font-size:11px; color:#000;}
.connection_write li .info .category {display:inline-block; margin-left:10px; font-size:11px; color:#000;}
}
@media (min-width:992px){
.tt-connection {margin:0 0 15px 0 !important; font-size:14px !important; border-bottom:1px solid #000 !important; border-left:none !important; padding-left:0 !important; padding-right:0 !important; letter-spacing:-1px !important;}
.connection_write {margin:0 0 20px 0 !important; border-left:none !important; padding-left:0 !important; overflow:hidden;}
.connection_write li {float:left; width:50%; list-style:none; position:relative; margin-bottom:20px; height:88px; padding-top:0; padding-left:93px;}
.connection_write li:hover {background:#f5f4f2;}
.connection_write li .img-thum {position:absolute; top:0; left:0; margin:0 !important; width:88px; height:88px;}
.connection_write li .img-thum a {display:block; width:88px; height:88px; background-size:88px 88px !important;}
.connection_write li .img-thum img {width:88px; height:88px;}
.connection_write li .tit-txt {font-size:14px !important; line-height:22px !important; color:#000; margin:0 !important; padding-right:10px;}
.connection_write li .info {position:absolute; bottom:0; left:93px; margin:0 !important;}
.connection_write li .info .date {font-size:12px; color:#000;}
.connection_write li .info .category {display:inline-block; margin-left:10px; font-size:12px; color:#000;}
}
@media (min-width:1200px){
.tt-connection {margin:0 0 15px 0 !important; font-size:14px !important; border-bottom:1px solid #000 !important; border-left:none !important; padding-left:0 !important; padding-right:0 !important; letter-spacing:-1px !important;}
.connection_write {margin:0 0 20px 0 !important; border-left:none !important; padding-left:0 !important; overflow:hidden;}
.connection_write li {float:left; width:50%; list-style:none; position:relative; margin-bottom:20px; height:88px; padding-top:0; padding-left:93px;}
.connection_write li:hover {background:#f5f4f2;}
.connection_write li .img-thum {position:absolute; top:0; left:0; margin:0 !important; width:88px; height:88px;}
.connection_write li .img-thum a {display:block; width:88px; height:88px; background-size:88px 88px !important;}
.connection_write li .img-thum img {width:88px; height:88px;}
.connection_write li .tit-txt {font-size:14px !important; line-height:22px !important; color:#000; margin:0 !important; padding-right:10px;}
.connection_write li .info {position:absolute; bottom:0; left:93px; margin:0 !important;}
.connection_write li .info .date {font-size:12px; color:#000;}
.connection_write li .info .category {display:inline-block; margin-left:10px; font-size:12px; color:#000;}
}

/* 카테고리*/
.title-cate {font-size:20px; color:#000;}
.cate-date {font-size:11px; color:#000;}
.left-delete {display:none !important;}
.all_view {color:#fff !important; background:#707070; font-weight:bold;}
#lnav ul li:nth-child(4) a {background:url('images/btn_offcanvas_band_lte.gif') no-repeat center center; background-size:auto auto; text-indent:-9999px;}
#lnav ul li ul li:nth-child(4) a {background:none; color:#000; text-indent:0;}
#lnav ul li ul li:nth-child(4) a:hover {background:#b5b5b5; color:#fff; text-indent:0;}
#lnav ul li:nth-child(12) a {color:#e51837;}
#lnav ul li:nth-child(13) a {color:#e51837;}
#lnav ul li:nth-child(14) a {color:#e51837;}
#lnav ul li:nth-child(12) a:hover,#lnav ul li:nth-child(13) a:hover,#lnav ul li:nth-child(14) a:hover {color:#fff;}

h3.title-cate {margin-bottom:15px;}
/* #tt-body-category #sidebar {display:none;} */
/* #tt-body-category #leftContent {width:100%; margin:0 15px 0 0 !important; padding:25px 0 !important;} */
.msnry_cont {position:relative; height:92px; background:#fff;}
#search_gallery div.msnry_title {padding:6px 10px 15px 10px; height:55px; overflow:hidden; position:relative; background:#fff;}
#search_gallery div.msnry_title a {display:block; height:40px; overflow:hidden; color:#000; font-weight:bold; font-size:17px; line-height:120%; text-decoration:none;}
#search_gallery div.msnry_date {position:absolute; bottom:10px; left:10px; text-align:left;}
#search_gallery div.msnry_inwrapper {height:305px; background:#fff; margin-bottom:10px;}

/* 포스트 관리 */
.article-attr-wrap {margin-bottom:10px;}
.member_open_area {/* position:absolute; top:0; text-align:right; */ display:block; width:100%; /* border-bottom:1px solid #eeeeee; */}
.article-attr-wrap .member_open_area .label-default {
   display:block;
   text-align:left;
   padding-left:0 !important;
   font-size:16px !important;
   font-weight:bold !important;
   color:#747474 !important;
   font-family:'Nanum Gothic',"나눔고딕", Arial, "돋움", Dotum, AppleGothic, sans-serif !important;
}
.article-attr-wrap .member_open_area .label-info {
   padding-left:0 !important;
   color:#999999;
   font-size:14px !important;
   font-family:'Nanum Gothic',"나눔고딕", Arial, "돋움", Dotum, AppleGothic, sans-serif !important;
}

.admin_area {width:100%; padding:10px; background:#f7f7f7; text-align:center;}
.admin_area .admin_set .set_btn {display:inline-block;; margin-bottom:3px;}
.admin_area .admin_set .label {display:inline-block !important; font-size:12px; padding:1px 5px 3px;}

@media (max-width:767px){
.member_open_area {/*position:absolute; top:0; text-align:right;*/}
/* #tt-body-category #leftContent {width:100%; margin:20px 15px 0 0 !important; padding:25px 0 !important; background:transparent;} */
#tt-body-tag #leftContent {width:100%; margin:20px 15px 0 0 !important; padding:25px 0 !important; background:transparent;}
/*#tt-body-search #leftContent {width:100%; margin:20px 15px 0 0 !important; padding:25px 0 !important; background:transparent;}*/

#search_gallery div.msnry_item {padding:0 10px;}
#search_gallery div.msnry_item:first-child {padding-left:10px;}
#search_gallery div.msnry_item:nth-child(3n) {padding-right:10px;}
#search_gallery div.msnry_item:nth-child(4n) {padding-left:10px;}
h3.title-cate {font-size:16px; margin:15px 0 7px; padding-left:10px;}
#tt-body-tag .title-cate {font-size:16px; margin:15px 0 7px; padding-left:10px;}
/* #tt-body-search .title-cate.srch {font-size:16px; margin:15px 0 7px; padding-left:10px;} */
#search_gallery div.msnry_inwrapper {margin-bottom:5px;}
}
@media (min-width:768px){
.member_open_area { /* position:absolute; text-align:left; */}
/* #tt-body-category #leftContent {width:100%; margin:20px 15px 0 0 !important; padding:25px 0 !important; background:transparent;} */
#tt-body-tag #leftContent {width:100%; margin:20px 15px 0 0 !important; padding:25px 0 !important; background:transparent;}
/*#tt-body-search #leftContent {width:100%; margin:20px 15px 0 0 !important; padding:25px 0 !important; background:transparent;}*/

#search_gallery div.msnry_item {padding:0 10px 0 0;}
#search_gallery div.msnry_item:first-child {padding-left:0;}
#search_gallery div.msnry_item:nth-child(2n) {padding-right:0;}
#search_gallery div.msnry_item:nth-child(3n) {padding-right:10px; padding-left:0;}
#search_gallery div.msnry_item:nth-child(4n) {padding-left:0;}
h3.title-cate {font-size:20px; margin:20px 0 15px; padding-left:10px;}
#tt-body-tag .title-cate {font-size:20px; margin:20px 0 15px; padding-left:10px;}
/* #tt-body-search .title-cate.srch {font-size:20px; margin:20px 0 15px; padding-left:10px;} */
/* div#ttCanvas .tt-item .tt-wrap-post-thumb {max-height:250px; overflow:hidden;} */
}
@media (min-width:800px){
.member_open_area {/*position:absolute; top:0; text-align:right;*/}
/* #tt-body-category #leftContent {width:100%; margin:0px 15px 0 0 !important; padding:25px 0 !important; background:transparent;} */
#tt-body-tag #leftContent {width:100%; margin:0px 15px 0 0 !important; padding:25px 0 !important; background:transparent;}
/*#tt-body-search #leftContent {width:100%; margin:0px 15px 0 0 !important; padding:25px 0 !important; background:transparent;}*/

#search_gallery div.msnry_item {padding:0 10px 0 0;}
#search_gallery div.msnry_item:first-child {padding-left:0;}
#search_gallery div.msnry_item:nth-child(3n) {padding-right:10px;}
#search_gallery div.msnry_item:nth-child(4n) {padding-left:0;}
h3.title-cate {font-size:20px; margin:0 0 15px; padding-left:10px;}
#tt-body-tag .title-cate {font-size:20px; margin:0 0 15px; padding-left:10px;}
/* #tt-body-search .title-cate.srch {font-size:20px; margin:0 0 15px; padding-left:10px;} */
}
@media (min-width:992px){
.member_open_area {/*position:absolute; top:0; text-align:right;*/}
/* #tt-body-category #leftContent {width:100%; margin:0px 15px 0 0 !important; padding:25px 0 !important; background:transparent;} */
#tt-body-tag #leftContent {width:100%; margin:0px 15px 0 0 !important; padding:25px 0 !important; background:transparent;}
/*#tt-body-search #leftContent {width:100%; margin:0px 15px 0 0 !important; padding:25px 0 !important; background:transparent;}*/

#search_gallery div.msnry_item {padding:0 10px 0 0;}
#search_gallery div.msnry_item:first-child {padding-left:0;}
#search_gallery div.msnry_item:nth-child(2n) {padding-right:10px;}
#search_gallery div.msnry_item:nth-child(3n) {padding-right:0;}
#search_gallery div.msnry_item:nth-child(4n) {padding-left:0;}
h3.title-cate {font-size:20px; margin:0 0 15px; padding-left:0;}
#tt-body-tag .title-cate {font-size:20px; margin:0 0 15px; padding-left:0;}
/* #tt-body-search .title-cate.srch {font-size:20px; margin:0 0 15px; padding-left:0;} */
}
@media (min-width:1200px){
.member_open_area {/*position:absolute; top:0; text-align:right;*/}
/* #tt-body-category #leftContent {width:100%; margin:0px 15px 0 0 !important; padding:25px 0 !important; background:transparent;} */
#tt-body-tag #leftContent {width:100%; margin:0px 15px 0 0 !important; padding:25px 0 !important; background:transparent;}
/*#tt-body-search #leftContent {width:100%; margin:0px 15px 0 0 !important; padding:25px 0 !important; background:transparent;}*/

#search_gallery div.msnry_item {padding:0 10px 0 0;}
#search_gallery div.msnry_item:first-child {padding-left:0;}
#search_gallery div.msnry_item:nth-child(2n) {padding-right:10px;}
#search_gallery div.msnry_item:nth-child(3n) {padding-right:0;}
#search_gallery div.msnry_item:nth-child(4n) {padding-left:0;}
h3.title-cate {font-size:20px; margin:0 0 15px;}
#tt-body-tag .title-cate {font-size:20px; margin:0 0 15px;}
/* #tt-body-search .title-cate.srch {font-size:20px; margin:0 0 15px;} */
}

.tbl_data table {width:100% !important;}

/* 이미지 높이 */
@media (max-width:767px){
/* .main-list-li, .main-list-li3 {height:260px;} */
/* div#ttCanvas .tt-item .tt-wrap-post-thumb {max-height:213px; overflow:hidden;} */
.recomm-list-main {height:260px; overflow:hidden;}

#search_gallery div.msnry_inwrapper {height:305px;}
.msnry_box .thumb {min-height:213px; max-height:213px; display:block; overflow:hidden;}
#search_gallery div.msnry_title a {font-size:10pt;}
}

div#ttCanvas .tt-post-title {position:static; height:30px; overflow:visible !important;}
div#ttCanvas #main-block3 .tt-post-title {height:24px;}
.main-list-li3 .tt-post-category {display:inline-block !important;}
.main-list-li .tt-post-summary {display:none !important;}

/* Article
@media (max-width:767px){
.article {margin:0;}
}
@media (min-width:768px){
.article {margin:0;}
}
@media (min-width:800px){
.article {margin:0;}
}
@media (min-width:992px){
.article {margin:0 74px;}
}
@media (min-width:1200px){
.article {margin:0 74px;}
} */

/* widget
-------------------------------------------------- */
.widget {
  margin-bottom:40px;
}
.widget-inner,
.widget-inline-inner {
  text-align:left;
}
.widget-feed-inner {
  text-align:justify;
}
.widget-inner h3,
.widget-inline-inner h3,
.widget-feed-inner h3 {
  margin:10px 0;
  font-size:1.5em;
  font-weight:bold;
  color:#999;
}
.widget-inner ul,
.widget-inline-inner ul,
.widget-feed-inner ul {
  margin:0;
  padding:0;
  list-style-type:none;
}
.widget-inner ul li a {
  display:block;
  padding:10px 5px;
  border-bottom:1px solid #eee;
  font-size:12px;
  text-decoration:none;
  color:#333;
  -webkit-transition:background-color 1s;
  -moz-transition:background-color 1s;
  -o-transition:background-color 1s;
  transition:background-color 1s;
}
.widget-inner ul li a:hover {
  color:#fff;
  text-decoration:none;
  background-color:#10a4ff;
}
.widget-inner ul ul ul {text-indent:10px;}
.widget-inner li li li a {font-size:10px;}
.widget-inner li li li a:before {content:"\003e"; padding-right:10px;}
.widget-inner .cnt {
  color:#999;
  font-size:12px;
}

/* widget inline
-------------------------------------------------- */
.widget-inline-inner ul li {
  display:inline;
}
.widget-inline-inner ul li a {
  padding:3px;
  line-height:3;
  background-color:#f1f1f1;
  color:#999;
  text-decoration:none;
}
.widget-inline-inner ul li a:hover {
  padding:3px;
  background-color:#10a4ff;
  color:#fff;
  text-decoration:none;
}

/* widget feed
-------------------------------------------------- */
.widget-feed li {
  border-bottom:1px solid #eee;
  min-height:80px;
}
.widget-feed .media-body {
  overflow:visible !important;
}
.widget-feed img.media-thumbnail {
  width:65px;
  height:50px;
  padding:3px;
  border:1px solid #c5c1ac;
  border-radius:5px;
  -moz-border-radius:5px;
  -khtml-border-radius:5px;
  -webkit-border-top-left-radius:5px;
}
.widget-feed img.media-thumbnail:hover {
  box-shadow:0px 0px 7px #ceccb4;
  -moz-box-shadow:0px 0px 7px #ceccb4;
  -khtml-box-shadow:0px 0px 7px #ceccb4;
  -webkit-box-shadow:0px 0px 7px #ceccb4;
}
.widget-feed h4 a {
  color:#333;
  font-size:14px;
  text-decoration:none;
}
.widget-feed h4 a:hover,
.widget-feed h4 a:focus {
  padding-bottom:2px;
  color:#10a4ff;
  text-decoration:none;
  border-bottom:1px solid #7FBAEE;
}
.widget-feed p a {
  color:#999;
  font-size:12px;
  text-decoration:none;
}
.widget-feed p a:hover,
.widget-feed p a:focus {
  padding-bottom:2px;
  color:#333;
  text-decoration:none;
}

.conView .content p {font-size:14px !important; line-height:28px !important;}

/* 서브페이지 (article) 코딩 */
.sub_cont_area .sub_tit {margin-bottom:20px !important; padding:0 0 7px 0 !important; font-size:18px; line-height:27px; color:#ff0000; border-bottom:2px solid #ff0000; letter-spacing:-1px;}
.sub_cont_area .sub_tit.tit2 {margin-bottom:10px !important;}
.sub_cont_area .sub_tit2 {margin-bottom:5px !important; font-size:14px; color:#ff0000; letter-spacing:-1px;}
.sub_cont_area .txt {margin-bottom:20px !important; color:#000; font-size:16px; line-height:22px; font-family:'Nanum Gothic',"나눔고딕", Arial, "돋움", Dotum, AppleGothic, sans-serif !important; letter-spacing:-1px;}
.sub_cont_area .txt2 {margin-bottom:30px !important; color:#000; font-size:14px; line-height:28px; font-family:'Nanum Gothic',"나눔고딕", Arial, "돋움", Dotum, AppleGothic, sans-serif !important;letter-spacing:-1px;}
.sub_cont_area .img {margin-bottom:30px !important;}
.sub_cont_area .img2 {margin-bottom:28px !important;}
.sub_cont_area .img img,
.sub_cont_area .img2 img {width:100% !important; height:auto !important;}
/*
.tbl_basic {width:100%; margin-bottom:45px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
div.article .tbl_basic th {padding:8px 0 !important; border-bottom:1px solid #e5e5e5; text-align:center; font-size:14px; color:#000; font-weight:normal; background:#fff;}
div.article .tbl_basic td.left {text-align:center  !important; font-size:14px; color:#000; background:#f5f3f2; vertical-align:middle; padding-left:0 !important;}
div.article .tbl_basic td {padding:35px 0 35px 60px !important; text-align:left  !important; font-size:14px; color:#000; vertical-align:middle; line-height:28px;}
div.article .qna_list dt {font-size:14px; padding:0 !important; color:#ff0000; line-height:28px; text-decoration:none !important;}
div.article .qna_list dd {margin-bottom:28px; padding:0 !important; font-size:14px; color:#000; line-height:28px;}
*/
@media (max-width:767px) {
.sub_cont_area .sub_tit {margin-bottom:20px !important; padding:0 0 7px 0 !important; font-size:16px; line-height:20px; color:#ff0000; border-bottom:2px solid #ff0000; letter-spacing:-1px;}
.sub_cont_area .txt {margin-bottom:20px !important; color:#000; font-size:14px; line-height:18px; font-family:'Nanum Gothic',"나눔고딕", Arial, "돋움", Dotum, AppleGothic, sans-serif !important; letter-spacing:-1px;}
/*
.tbl_basic th {padding:8px 0 !important; border-bottom:1px solid #e5e5e5; text-align:center; font-size:12px; color:#000; font-weight:normal;}
.tbl_basic td.left {text-align:center  !important; font-size:12px; color:#000; background:#f5f3f2; vertical-align:middle; padding-left:0 !important;}
.tbl_basic td {padding:35px 0 35px 10px !important; text-align:left  !important; font-size:12px; color:#000; vertical-align:middle; line-height:22px;}
*/
}

/* 유투브영상 반응형 */
.video-container{position:relative;margin-bottom:30px !important;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}

/* 검색시 결과화면 */
/* #tt-body-search #sidebar {display:none;} */
#tt-body-search article {display:none;}
/*#tt-body-search #leftContent {width:100%; background:transparent;}*/
h3.title-cate.srch {display:none !important; margin-bottom:30px;}
#tt-body-search .title-cate.srch {display:block !important; margin-bottom:15px;}
#tt-body-search .title-cate {display:none;}

/* 위성메뉴 */
#tt-body-tag #sidebar {display:none;}
#tt-body-tag #leftContent {width:100%; background:transparent;}
#tt-body-tag .title-cate.srch {display:none !important;}
#tt-body-tag .title-cate {display:block !important;}

#tt-body-tag article,
#tt-body-category article {display:none;}

/* Mobile LNB */
#lnav li {position:relative;}
#lnav a.refer {position:absolute; top:0; left:0; width:85%; height:44px; z-index:100000; background:#fff; opacity:0; text-indent:-99999px;}
#lnav li:hover a.refer {color:#ff0000;}


#desktopNav .text-muted {display:none;}
#search_gallery span.badge {display:none;}

#socialBtn2,
#socialBtn {overflow:hidden; text-align:right;}
#socialBtn2 *,
#socialBtn * {float:left; vertical-align:middle;}
#socialBtn2 #twitter-widget-0, #socialBtn2 div,
#socialBtn #twitter-widget-0, #socialBtn div {float:right; margin-left:3px;}

/* search tag */
ul.hot-keyword {
   line-height:1.2;
   margin-top:12px;
   list-style:none;
   text-align:center;
}
ul.hot-keyword li { display:inline-block; padding:0 10px; font-size:12px; word-spacing:-1px; color:#808080;}


#search_gallery{}
  #search_gallery ul{
    width:100%;
    border-bottom:1px solid #e51a38;
  }
    #search_gallery ul li{
      margin-top:-1px;
      padding:13px 28px 5px;
      border:1px solid #eeeeee;
      border-width:1px 0 0;
    }
    #search_gallery ul li:first-child{
      margin-top:0;
      border-top:none;
    }
      #search_gallery ul li a{
        display:inline-block;
		width:522px;
		max-width:100%;
        color:#737373;
        font-size:14px;
        line-height:17px;
        vertical-align:top;
        letter-spacing:-1px;
      }
        #search_gallery ul li .cate-date{
          display:inline-block;
          width:100px;
          color:#c7c7c7;
          font-size:12px;
          line-height:15px;
          vertical-align:top;
          letter-spacing:-1px;
        }
#tt-body-search #container,
#tt-body-page #container,
#tt-body-category #container { padding-bottom:52px;}
h3.title-cate {
  color:#494949;
  font-size:14px;
  padding:0 26px 0;
  margin:0 0 40px 0;
  font-weight:normal;
}
  .title-cate em{
    font-size:18px;
    font-style:normal;
    font-weight:bold;
  }
  .title-cate span{color:#e51937;}
div#ttCanvas #main-slide-cont{position:relative;}
div#ttCanvas #main-slide-cont .tt-wrap-item li a span {
   position:relative;
   display:block;
   width:100%;
   height:55px;
   padding-top:12px;
   background:url(images/bg_visual_tit.png) repeat-x 0 0 !important;
   margin-top:-55px;
   text-align:center;
   font-size:23px;
   color:#fff;
}
div#ttCanvas #main-slide-cont .tt-wrap-item li a {text-decoration:none !important;}
div#ttCanvas #main-slide-cont li {display:none;}
div#ttCanvas #main-slide-cont li.on { display:block !important;}
#main-slide-cont .paging {
   position:absolute;
   top:214px;
   width:100%;
   opacity:0; filter:alpha(opacity=0);
}
#main-slide-cont .paging .prev {
   position:absolute; 
   top:50%;
   left:0;
   margin-top:-27px;
}
#main-slide-cont .paging .next {
   position:absolute; 
   top:50%;
   right:0;
   margin-top:-27px;
}
.member_open_area #socialBtn{margin:-36px 0 0;}
#socialBtn2,
#socialBtn{
  float:none;
  text-align:right;
  border-bottom:1px solid #eee;
}
#socialBtn2 button,
#socialBtn button{
  display:inline-block;
  float:none;
  width:53px;
  height:51px;
  margin-left:-1px;
  background:url(images/btn_sns_share.gif) no-repeat 0 0;
  font-size:0;
  line-height:0;
  outline:none;
}
  #socialBtn2 button.ttShareEntryWithFacebook,
  #socialBtn button.ttShareEntryWithFacebook{
    width:52px;
    margin-left:0;
    background-position:0 0;
  }
  #socialBtn2 button.ttShareEntryWithTwitter,
  #socialBtn button.ttShareEntryWithTwitter{background-position:-51px 0;}
  #socialBtn2 button.ttShareEntryWithKakaostory,
  #socialBtn button.ttShareEntryWithKakaostory{background-position:-103px 0;}
  #socialBtn2 button.ttShareEntryWithPlusone,
  #socialBtn button.ttShareEntryWithPlusone{background-position:-155px 0;}

 .tt-share-entry-with-sns { display:none;}
 #socialBtn2 + .media,
 #socialBtn + .media{
  margin:33px 0 0 0;
  padding:0 0 37px 0;
  border-bottom:1px solid #eee;
 }
 .media-body{
    padding-top:6px;
    font-size:12px;
    color:#666;
  }
 .media-body a{
  font-size:12px;
  color:#666;
 }
 .media>.pull-left .tagText{
  display:inline-block;
  width:53px;
  height:33px;
  padding:0 0 0 10px;
  background:url(images/bg_tag.gif) no-repeat 0 0;
  color:#e51a38;
  font-size:14px;
  line-height:33px;
  font-weight:bold;
 }

 /*타이틀 제목*/
    h5.cnt-tit{
      display:block;
      width:100%;
      margin:60px 0 0;
      padding:11px 17px 11px;
      background:url('images/bg_h5.gif') no-repeat 100% top;
      color:#fff;
      font-size:22px;
      font-weight:bold;
      line-height:23px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      letter-spacing:-1px;
    }
    /*테이블 정보 창*/
    .tbl-data-style1{margin-top:40px;
        border:2px solid #e31737;
      }
      div.article .tbl-data-style1 table{
        table-layout:fixed;
        border-collapse:collapse;
        width:100%;
      }
        div.article .tbl-data-style1 table caption{
          display:none;
          width:0;
          height:0;
          font-size:0;
          font-weight:normal;
          line-height:0;
        }
        div.article .tbl-data-style1 table th{
          table-layout:fixed;
          padding:9px 0;
          color:#e31737;
          border:2px solid #e31737;
          border-width:0 0 2px 1px;
          background:#fff;
          font-size:15px;
          font-weight:800;
          line-height:15px;
          text-align:center;
        }
        div.article .tbl-data-style1 table tr th.first{border-left:none;}
        div.article .tbl-data-style1 table td{
          table-layout:fixed;
          padding:13px 0 8px;
          color:#4a4a4a;
          border:1px solid #e31737;
          border-width:1px 0 0 1px;
          font-size:11pt;
          line-height:15px;
          text-align:center;
          vertical-align:middle;
        }
          div.article .tbl-data-style1 table tr:first-child td{border-width:2px 0 0 1px;}
          div.article .tbl-data-style1 table tr td.first {border-left:none;}
        div.article .tbl-data-style1 table td > div{padding:0 10px 0; text-align:left;}
    /*이미지 박스 텍스트 정보*/
    .img-area{
      margin:40px 0 0 0;
      font-size:0;
      line-height:0;
    }
      .img-area img{
        display:block;
        margin:0 auto;
      }
      .img-area .img-info-txt{
        margin:4px 0 0 0 !important;
        padding:6px 0 4px 12px;
        border-left:1px solid #b3b3b3;
        color:#a4a4a4;
        font-size:13px;
        line-height:16px;
        letter-spacing:-1px;
      }
    h5 + .img-area{
	margin-top:0;
    }
    /*포스트 경고 박스*/
    .post-warning{
      margin:40px 0 100px;
      text-align:center;
      font-size:0;
      line-height:0;
    }
    /*빨강 배경 리스트 정보*/
    .article .list-style-bul{
      margin:36px 0 0 0;
      padding:20px 22px;
      background:#e31737;
      border-left:none;
    }
      .article .list-style-bul li{
        margin:5px 0 0;
        padding:0 10px 0;
        background:url('images/bul_style_01.gif') no-repeat 0 3px;
        color:#fff;
        font-size:11pt;
        line-height:15px;
        list-style:none;
      }
      .article .list-style-bul li:first-child{margin:0 0 0 0;}
    /*회색 배경 텍스트 정보창*/
    .txt-info-bul{
      margin:10px 0 0 0;
      padding:17px 22px 15px;
      background:#eee;
      color:#666;
      font-size:14px;
      line-height:20px;
    }
      .txt-info-bul strong{
        display:block;
        padding:0 0 0 15px;
        background:url('images/bul_style_02.gif') no-repeat 0 7px;
        font-weight:normal;
      color:#4a4a4a;
      }
      .txt-info-bul p{
        margin:2px 0 0 0;
      }
    /*qna 리스트*/
    .qna-info{margin-top:40px;}
      .qna-info h5{
        display:block;
        overflow:hidden;
        min-height:38px;
        padding:0 0 0 2px;
        background:url('images/bg_qna_tit.gif') no-repeat 0 bottom;
        color:#313131;
      }
        .qna-info h5 .icon-qna{
          display:inline-block;
          float:left;
          width:98px;
          height:35px;
          background:url('images/icon_qna_txt.gif') no-repeat 0 bottom;
          font-size:0;
          line-height:0;
          vertical-align:top;
        }
        .qna-info h5 .qna-txt{
          display:inline-block;
          float:left;
          margin:13px 0 7px;
          color:#313131;
          font-size:18px;
          line-height:19px;
          vertical-align:top;
        }
      .qna-info .qna-info-list{
        margin:8px 0 0;
        padding:15px 42px 18px;
        border:1px dashed #ccc;
      }
        .qna-info .qna-info-list li{
          margin:16px 0 0;
          font-size:0;
          line-height:0;
        }
        .qna-info .qna-info-list li:first-child{margin-top:0;}
        .qna-info .qna-info-list li span{
          display:block;
          margin:0 0 6px;
          /*padding-left:20px;*/
          color:#292929;
          font-size:15px;
          font-weight:bold;
          line-height:16px;
        }
        .qna-info .qna-info-list li p{
          margin:0 0 0 13px;
          /*padding-left:20px;*/
          color:#4a4a4a;
          font-size:11pt;
          line-height:16px;
        }
      .article .related-post-list{margin-top:60px;}
        .article .related-post-list h5{
          margin:0;
          background:none;
          font-size:0;
          line-height:0;
        }
        .article .related-post-list ul{
          margin:0;
          padding:0;
          border-left:none;
        }
          .article .related-post-list ul li{
            margin:0;
            border-bottom:1px dashed #ccc;
            font-size:0;
            line-height:0;
          }
            .article .related-post-list ul li a{
              display:block;
              padding:7px 5px 7px;
              color:#4a4a4a;
              font-size:11pt;
              line-height:15px;
              text-decoration:none;
            }
            .article .related-post-list ul li a:hover{color:#e31737;}
   #socialBtn2 .google-plus-btn,
   #socialBtn2 .google-plus-btn div,
    #socialBtn .google-plus-btn,
    #socialBtn .google-plus-btn div{
      overflow:hidden;
      opacity:0;
      width:53px;
      height:51px;
      margin-left:-53px;
     vertical-align:top !important;
     margin-bottom:-1px !important;
    }

#playerPoster {
   width:320px;
   height:214px;
   overflow:hidden;
}
#playerPoster img { width:100%; margin-top:-13px !important;}


xmp {
 border-top:3px solid gray;
 padding:10px;
 background:#c9c9c9;
 color:#000;
}

/* 공사중 이미지
body.tedition_blog {
	background:url('./images/main_thum.jpg') no-repeat 50% 0;
}
body.tedition_blog footer,
body.tedition_blog > div { visibility:hidden;}

body.tedition_blog #ttWrapRemoteControl,
body.tedition_blog #ttWrapGnb,
body.tedition_blog.admin footer,
body.tedition_blog.admin > div,
body.tedition_blog #wrapTabloidBody > div,
body.tedition_blog #wrapTabloidBody footer,
body.tedition_blog #wrapTabloidBody { visibility:visible; background:#fff;}
  */
#main-block4 { position:relative; z-index:0;}
.ifrm_fake { position:absolute; z-index:0; background:#fff;}
#secondNav>ul { position:relative; z-index:51;}