@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/*
@import url(http://cfs.tistory.com/custom/blog/16/162239/skin/images/t_nanumgothic.css?=1276978520);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanummyeongjo/nanummyeongjo.css);
*/
/* @import url(http://cfs.tistory.com/custom/blog/16/162239/skin/images/c_nm.css?=1215678520); */

/*
Customize your contents - markquery skeleton
-------------------------------------------------------------
name:    Doo Be Doo
Version:    1.2.2
Author:    Ungki, H

Homepage:    http://markquery.com
GitHub:    http://markquery.github.io
email:    ungki.h@gmail.com
License:    http://markquery.github.io/license
-------------------------------------------------------------
*/

/* major style
-------------------------------------------------- */
* {
font-family: 'Nanum Gothic', 맑은고딕, "Malgun Gothic", 굴림, gulim, AppleGothic, sans-serif;
}
body {
  position: relative; /* For scrollyspy */
  padding-top: 50px;  /*Account for fixed navbar */
  overflow-x: hidden; /* remove scrollbar */
}
a {
color:#146AFA;
}
.entry-content a[target="_blank"] {
    background: url("images/external_link.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    display: inline;
    margin-right: 3px;
    padding-right: 13px;
}
a:hover { text-decoration:underline; color:#146AFA; }
.entry-content a { text-decoration:underline; }
.entry-content a:hover { text-decoration:none; }
@media screen and (max-width: 1023px) 
{
.skeleton-header {
  margin: 0;
/*  padding:80px 0 100px; Original value backup */
padding:6px 0 28px;
/*  background-color: #f8f8f8; Original value backup */
background-image: url("images/nskybg_m_op60.jpg?=1018484868");
/* background-position: 50% 40%; */
background-repeat: no-repeat;
background-size: cover;
-moz-background-size:cover;
-webkit-background-size:cover;
}
}
@media screen and (min-width: 1024px) 
{
.skeleton-header {
  margin: 0;
/*  padding:80px 0 100px; Original value backup */
padding:6px 0 28px;
/*  background-color: #f8f8f8; Original value backup */
background-image: url("images/nskybg_op60.jpg?=1645147677");
/* background-position: 50% 40%; */
background-repeat: no-repeat;
background-size: cover;
-moz-background-size:cover;
-webkit-background-size:cover;
}
}
.skeleton-header h1 {
  font-weight: bold;
}
.skeleton-header h1 a {
/*  color: #e2e2e2; Original style backup */
color:#00AAD4;
}
.skeleton-header h1 a:hover {
  color:#fff;
}
.skeleton-header h2 {
/*  color:#ecbebe;
  font-size: 16px; Original style backup */
color: #FFFFFF;
font-size: 16px;
font-family: 'Nanum Gothic';
line-height: 160%;
text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
}
.skeleton-footer {
  padding:20px;
  background: url(./images/footer.png);
}
/* Top logo responsive resize */
@media screen and (max-width: 531px) 
{
.top_logo {width:100%;margin-left:auto;margin-right:auto;}
}
@media screen and (min-width: 532px) 
{
.top_logo {width:598px; }
}

/* Top search form responsive resize */
@media screen and (min-width: 768px) and (max-width: 991px) 
{
.navbar-form {/* width:113px; if HOME btn is exist, this will be used */width:165px;}
}

/* Top left branding responsive resize */
@media screen and (max-width: 767px)
{
.navbar-brand { display:block; }
}
@media screen and (min-width: 768px)
{
.navbar-brand { display:none; }
}

/* site footer
-------------------------------------------------- */
footer {
  padding: 20px 0;
  color: #fff;
}
footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer ul li {
  margin: 5px 0;
  font-size:12px;
}

/* globe link style 
-------------------------------------------------- */
.globe-hover-111-555 a{color:#111;text-decoration:none;padding-bottom:2px}.globe-hover-111-555 a:hover,.globe-hover-111-555 a:focus{color:#555;text-decoration:none;border-bottom:1px solid #555;padding-bottom:2px}
/* license links
-------------------------------------------------- */
.license-links { margin: 10px 0; }
.license-links li { display: inline; padding: 0 2px; }
.license-links li:first-child { padding-left: 0; }
.license-links a{color:#cfcfd5;text-decoration:none;padding-bottom:2px}.license-links a:hover,.license-links a:focus{color:#fff;text-decoration:none;border-bottom:1px solid #fff;padding-bottom:2px}

/* content / Posts use the hNews microformat. (http://microformats.org/wiki/hnews)
-------------------------------------------------- */
main { 
  margin-top: 40px; 
  border-top: 1px solid #ccc;
/* prevent horizontal scroll */
  overflow:hidden;
}
.hentry { 
/*  padding-bottom:40px;  removed daum view widget */
  border-bottom:1px solid #eee; 
}

@media screen and (max-width: 768px) {
.entry-header {
  margin-bottom:20px;
  padding:10px 0;
  border-bottom:1px solid #ccc;
}
}
@media screen and (min-width: 769px) {
.entry-header {
  margin-bottom:20px;
  padding:10px 55px;
  border-bottom:1px solid #ccc;
}
}

.search-list{
  margin:20px 0;
  padding:10px 0;
  border-bottom:1px solid #ccc;
}
.entry-title { font-size:23px; /* title, set margin align middle */margin-bottom:20px; }
.entry-title small { font-size: 14px; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
color: #999999;
font-weight: normal;
line-height: 1;
}
.notice-title * { color:#000; font-family:'Nanum Myeongjo','Nanum Gothic','Malgun Gothic'; font-weight:600; }
.entry-summary {}

@media screen and (max-width: 768px) {
.entry-content { /* comment outed padding-bottom:40px; */font-size: /*1.1*/1.15em; line-height: 1.9; /* DIFF: */padding:0px 26px; }
}
@media screen and (min-width: 769px) {
.entry-content { font-size: /*1.1*/1.15em; line-height: 1.9; /* DIFF: */padding:0px 70px; }
}

.byline {}
.published {}
.related{ border-top:1px solid #eee; }
.entry-tags {
  margin-top:10px;
  margin-bottom:10px;
}
.entry-footer {
  margin-top:10px;
  padding-top:20px;
  padding-bottom:20px;
  border-bottom:1px solid #ddd;
  border-top: 3px solid #ddd;
}
.actionTrail {
  text-align: left;
  font-family: Georgia,  verdana;
  font-size: /*24*/15px;
}
.actionTrail .cnt{
  color: #6b8e23;
}

/* name link
-------------------------------------------------- */
.name { 
  color:#999; 
  font-size:12px;
}
.name a { 
  padding:3px;
  background-color:#f1f1f1;
}
.name a:hover { 
  color:#fff;
  background-color:#10a4ff;
  text-decoration: none;
  -webkit-transition: background-color 1s;
  -moz-transition: background-color 1s;
  -o-transition: background-color 1s;
  transition: background-color 1s;
}

/* trackback
-------------------------------------------------- */
.trackback {
  padding-top: 10px;
  padding-bottom:30px;
  overflow: hidden;
}
.trackback ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.trackback li {
  padding: 10px;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}
.trackback p {
  margin: 10px 0 0 0;
  color:#999; 
  font-size:8pt;
  line-height:1.5em;
  text-align: justify;
}

/* comment, guestbook
-------------------------------------------------- */
.comment, .guestbook {
  overflow: hidden;
  padding-top: 10px;
}
.comment ol, .guestbook ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.comment ol li, .guestbook ol li {
  margin: 0;
  padding: 0;
}
.comment p.comment-body, .guestbook p.comment-body {
  margin-top: 10px;
  padding-top: 10px;
  font-size: 12px;
  border-top:1px solid #ddd;
}
.comment ol li ol li, .guestbook ol li ol li {
  overflow: hidden;
  padding: 10px 0;
  list-style: none;
  border: none;
}
.comment .reply, .guestbook .reply {
  margin-top: 10px;
  margin-left:20px;
  margin-bottom: 40px;
  padding-left: 20px;
  border-left: 1px solid #ddd;
}
.comment img, .guestbook img {
  width: 32px;
  height:32px;
  margin-right: 10px;
  padding: 3px;
  vertical-align: middle;
  border: 1px solid #c5c1ac;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-radius: 5px;
}
.comment img:hover, .guestbook img:hover {
  -moz-box-shadow: 0px 0px 7px #ceccb4;
  -khtml-box-shadow: 0px 0px 7px #ceccb4;
  -webkit-box-shadow: 0px 0px 7px #ceccb4;
  box-shadow: 0px 0px 7px #ceccb4;
}
.comment-form input, .guestbook-form input {   height: 50px; }
.comment-form textarea, .guestbook-form textarea {   height: 150px; }
.comment-form .btn, .guestbook-form .btn {
  display: block;
  margin-top: 20px;
}

/* pagination 
-------------------------------------------------- */
.pagination {
  padding: 20px 0;
}
ul.pagination > li > a > span.selected {
color: #EA2687;
font-weight:bold;
}
ul.pagination .interword {
float: left;
padding: 6px 12px;
line-height: 20px;
text-decoration: none;
background-color: #fff;
border: 1px solid #dddddd;
border-left-width: 0;
}

/* widget 
-------------------------------------------------- */
.widget { margin-bottom:40px;} 
.widget-inner {
  margin-top:40px;
  padding:0;
  text-align: left;
}
.widget-inner h3 {
  margin:10px 0;
  font-size:1.5em;
  font-weight: bold;
}
.widget-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:before {  content:"›"; padding-right:10px;}
.widget-inner .cnt {
  color: #999;
  font-size:12px;
}

.widget-feed-inner {
  margin-top:40px;
  padding:0;
  text-align: left;
}
.widget-feed-inner h3 {
  margin:10px 0;
  font-size:1.5em;
  font-weight: bold;
}
.widget-feed li.media img.media-thumbnail {
  width: 45px;
  height: 45px;
  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 li.media {
  padding:10px 0;
  border-bottom: 1px solid #eee;
  min-height:60px;
}
.widget-feed li.media 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 li.media h4 a {
  color: #000;
  font-size: 12px;
  text-decoration: none;
}
.widget-feed li.media h4 a:hover,
.widget-feed li.media h4 a:focus {
  padding-bottom: 2px;
  color: #005580;
  text-decoration: none;
  border-bottom: 1px solid #005580;
}

/* comm-feed */
.comm-feed-inner {
  margin-top:40px;
  padding:0;
  text-align: left;
}
.comm-feed-inner h3 {
  margin:10px 0;
  font-size:1.5em;
  font-weight: bold;
}
.comm-feed li.media img.media-thumbnail {
  width: 45px;
  height: 45px;
  padding: 3px;
  border: 1px solid #c5c1ac;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-top-left-radius: 5px;
}
.comm-feed li.media {
  padding:10px 0;
  border-bottom: 1px solid #eee;
  min-height:60px;
}
.comm-feed li.media 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;
}
.comm-feed li.media h4 a {
  color: #000;
  font-size: 12px;
  text-decoration: none;
}
.comm-feed li.media h4 a:hover,
.comm-feed li.media h4 a:focus {
  padding-bottom: 2px;
  color: #005580;
  text-decoration: none;
  border-bottom: 1px solid #005580;
}

/* utility  
   ------------------------------------------------ */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
figure {
  margin: 0;
  padding: 0;
}
figcaption {
  margin: 10px 0;
  padding: 0;
  color:#999;
  font-style: italic;
}
.img-center {
  margin: 0 auto;
}
.scrollup {
  position: fixed;
  display: none;
  width: 100px;
  height: 20px;
  bottom: 176px;
  right: 20px;
  opacity: 0.7;
  font-size:16px;
}
.text-justify {
  text-align: justify;
}
.responsive-right2left {
  float:right;
}
.responsive-left2right {
  float:left;
}
iframe, object, embed { max-width:100%; } 
video { max-width:100%; height: auto; } 
.media-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.media-container iframe,  
.media-container object,  
.media-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Tistory utility  
   ------------------------------------------------ */
.tistorytoolbar {
  display: none !important;
}
/* .entry-content img { */
.entry-content:not(.seojishin) img {
  display: block;
  max-width: 100%;
  height: auto;
  margin:auto;
}
.imageblock { max-width:100%; height:auto; } 

body.tistory_grid_350 div#ttCanvas,
body.tistory_grid_385 div#ttCanvas,
body.tistory_grid_420 div#ttCanvas,
body.tistory_grid_455 div#ttCanvas,
body.tistory_grid_490 div#ttCanvas,
body.tistory_grid_525 div#ttCanvas,
body.tistory_grid_560 div#ttCanvas,
body.tistory_grid_595 div#ttCanvas,
body.tistory_grid_630 div#ttCanvas,
body.tistory_grid_665 div#ttCanvas,
body.tistory_grid_700 div#ttCanvas,
body.tistory_grid_735 div#ttCanvas,
body.tistory_grid_770 div#ttCanvas,
body.tistory_grid_805 div#ttCanvas,
body.tistory_grid_840 div#ttCanvas,
body.tistory_grid_875 div#ttCanvas,
body.tistory_grid_910 div#ttCanvas,
body.tistory_grid_945 div#ttCanvas,
body.tistory_grid_980 div#ttCanvas,
body.tistory_grid_1015 div#ttCanvas,
body.tistory_grid_1050 div#ttCanvas { max-width: 100% !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 {
max-width: 100% !important;
}
@media screen and (max-width: 1200px) {
.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; }
}
.moreless_fold {
  padding-left: 10px; 
  background: url(./images/btn_more.gif) no-repeat 0 50%; 
  color: #08c; 
  font-weight:bold;
}
.moreless_top {
  padding-left: 10px; 
  background: url(./images/btn_less.gif) no-repeat 0 50%;
  color: #08c; 
  font-weight:bold;
 }
.moreless_bottom {
  padding-left: 10px; 
  background: url(./images/btn_less.gif) no-repeat 0 50%; 
  color: #08c; 
  font-weight:bold;
}
.moreless_content  {
  padding: 15px 10px;
  border-top:1px dotted #999;
  border-bottom:1px dotted #999;
}

/* Tablet
------------------------- */
@media screen and (max-width: 768px) {
  /* Remove any padding from the body */
  /*body {
    padding: 0;
  }*/
  body [class*="padding"] {
    padding: 0;
  }
  body [class*="margin"] {
    margin: 0;
  }
  body [class*="height"] {
    height: auto;
  } 
  .skeleton-header {
    padding:20px 0;
    text-align: center;
  } 
  .skeleton-footer {
    padding: 0;
  }
  .comment small {
    font-size:8px;
  }
  footer ul li, footer p {
    font-size:10px;
  }
  .scrollup {
    display:none !important;
  }
  .responsive-right2left {
    float:left;
  }
  .responsive-left2right {
    float:right;
  }
}

@media screen and (max-width: 992px) { 
  /* utility */
  .scrollup {
    display:none !important;
  }
}

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

/* sb cw */
.sb_cw { position:fixed; top:/*400*//*368*/222px; z-index:8965; left:-191px; }
@media screen and (max-width:768px){ .sb_cw { display:none; } }
@media screen and (min-width:769px){ .sb_cw { display:block; } }
.sb_cw div { position:relative; /*left:*//*-260*//*-267*//*-191px;*/ margin-bottom:2.4px; border-top:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; }
.sb_cw div a img { width:240px; height:36px; }

/* content h3 title formatting */
.entry-content h3 {
color:#151515;
font-family:'Nanum Gothic', 'Malgun Gothic',Arial,serif;
font-weight:normal;
/* icon */
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/title_h3_icon.png) no-repeat scroll left center;
border-bottom:1px solid #D0D0D0;
font-size:26px;
padding-left:88px;
padding-top:11px;
padding-bottom:11px;
/* comment out: Padding 0 26 added to content  margin:0px 15px; */
}

/* for simple pull quote */
.entry-content .simplePullQuote {
/*    background: none repeat scroll 0 0 transparent;  Original background value  */
background:url(images/quot_mark_1.png) no-repeat top left;
    border-bottom: medium none;
    border-right: 1px solid #D7D7D7;
    border-top: medium none;
    color: #282828;
    float: left;
    font-size: 24px;
    line-height: 1.33333;
    margin: 6px 35px 14px 0;
    padding: 18px 25px 18px 33px;
    text-indent: 0;
    /* width: 200px; Original value */
    width:257px;
}

/* comment dialogue design CSS */
.speech:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #A1A1A1 #A1A1A1 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 13px;
    content: " ";
    height: 0;
    left: -26px;
    margin-top: -63px;
    position: absolute;
    top: 120px;
    width: 0;
}
.speech:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #FFFFFF #FFFFFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 10px;
    content: " ";
    height: 0;
    left: -17px;
    margin-top: -59px;
    position: absolute;
    top: 120px;
    width: 0;
}
.speech {
    background-color: #FFFFFF;
    border: 2px solid #A1A1A1;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 2px 2px 4px #888888;
    line-height: 1.8em;
    margin-left: 100px;
    margin-right: 6px;
    min-height: 80px;
    /* padding: 3px 5px 3px 10px; */
    padding: 8px 5px 7px 10px;
    position: relative;
}
.speech .wrapper p { font:15px/160% 'Nanum Gothic'; }
.speech .name, .speech .name a { font:bold 15px 'Nanum Gothic'; color:#333; }
/* visitor comment profile img */
.rp_general {
    background: url("images/comment_indicating_boy_small.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    min-height: 70px;
}
/* admin comment profile */
.rp_admin { 
	/* padding-left:20px; */
	/* background:url(images/iconAdmin.gif) no-repeat; */
    background: url("images/comment_smiling_computer_2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    min-height: 70px;
        color:black;
}

/* for sponsor ad */
@media screen and (max-width: 768px) {
.sponsor_ad_bottom { display:none; }
}
@media screen and (min-width: 769px) {
.sponsor_ad_bottom { text-align:center; margin-top:20px; margin-bottom:20px; }
}

/* article search list */
.search-list li { margin-bottom:17px; }

/* correct p margin - bootstrap caused problem */
.entry-content p { margin:0px; /*15*//*20*//*30*//*26px;*/ }

/* for content quote */
.entry-content blockquote {
background:#f6f6f6 url(images/quot_mark_1.png) no-repeat top left;
margin:20px;
padding:30px;
}

/* outbrain p margin, text size */
.odb_li {
    font-size: 15px;
    margin: 8px 0;
}

/* show and hide jishin based on screen resolution */
@media screen and (max-width: 899px) {
#indicating_boy { display:none; }
}
@media screen and (min-width: 900px) {
#indicating_boy { display:block; position:fixed; /* bottom:-180px; */bottom:16px; right:6px; z-index:8001;  }
}

/* set title first letter */
@media screen and (max-width: 767px) {
.dropcap { font-size:42px; line-height:52px; margin:0px 15px 5px 0px; float: left; }
}
@media screen and (min-width: 768px) {
.dropcap { font-size:76px; line-height:76px; margin:0px 15px 5px 0px; float: left; }
}
}

/* hide and show addthis col based on screen resolution */
@media screen and (max-width: 768px) {
.col-addthis { display:none; }
}
@media screen and (min-width: 769px) {
.col-addthis { display:block; }
}

/* bootstrap top navbar bg color */
.navbar {
  background-color: #292929; /* fallback color, place your own */
  border-color:#000;

  /* Gradients for modern browsers, replace as you see fit */
  background-image: -moz-linear-gradient(top, #292929, #161616);
  background-image: -ms-linear-gradient(top, #292929, #161616);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#292929), to(#161616));
  background-image: -webkit-linear-gradient(top, #292929, #161616);
  background-image: -o-linear-gradient(top, #292929, #161616);
  background-image: linear-gradient(top, #292929, #161616);
  background-repeat: repeat-x;

  /* IE8-9 gradient filter */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#161616', GradientType=0);
}
.navbar-default .navbar-brand {
    color: #f9f9f9;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #fff;
}
.navbar-default .navbar-nav > li > a {
    color: #f9f9f9;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #131313;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #131313;
}
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #f9f9f9;
    border-bottom-color: #f9f9f9;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.navbar-default .navbar-toggle {
    border-color: #131313;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #131313;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #f9f9f9;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #f9f9f9;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
    }
}

/* bootstrap dropdown item override */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#000000), to(#000000));
  background-image: -webkit-linear-gradient(top, #000000, 0%, #000000, 100%);
  background-image: -moz-linear-gradient(top, #000000 0%, #000000 100%);
  background-image: linear-gradient(to bottom, #000000 0%, #000000 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
  background-color: #000;
}

/* bootstrap dropdown menu color */
.dropdown-menu { background-color:#333; }
.dropdown-menu > li > a { color:#f9f9f9; }

/* content top right ad */
.top_right_ad_1 { width: 320px; height: 100px; }
@media(min-width: 500px) { .top_right_ad_1 { width: 468px; height: 60px; } }
@media(min-width: 730px) { .top_right_ad_1 { width: 728px; height: 90px; } }
@media(min-width: 800px) { .top_right_ad_1 { width: 300px; height: 600px;} }

/* top right ad container */
@media(max-width: 799px) { 
.top_right_ad { margin-bottom:12px; text-align:center; padding:3px; } 
}
@media(min-width: 800px) and (max-width: 1199px) { 
.top_right_ad { width: 300px; max-height: 600px; float: right; padding: 5px; margin: 5px 20% 16px 14px; } 
}
@media(min-width: 1200px) { 
.top_right_ad { width: 300px; max-height: 600px; float: right; padding: 5px; /*margin: 5px 2% 16px 14px;*//*margin: 5px 10% 16px 30px;*/margin: 5px 4% 16px 30px; } 
}

/* top right outbrain */
@media(max-width: 1199px) { 
.top_right_outbrain { display:none; }
}
@media(min-width: 1200px) { 
.top_right_outbrain { 
width:/*348*//*301*//*293*/301px; 
max-height:/*600*/851px; 
float:right; 
padding:5px; 
/* margin-left:14px; *//* val for top_right_ad */
/* margin-right:3.5%; *//*** val for top_right_ad ***//*14px*//*4%*/ 
margin-left:2%; margin-right:70px; margin-top:/*if top right ad 2*/-48px; /**** val for top_center_adu ****/
} 
}

/* rating star color */
.star-red { color:#e32120; }

/* OutBrain each row's cell bg */
.rec-link { background-color:#fff; }

/* Ad top center 1-2 */
.top_center_ad { width:100%; margin-bottom:12px; text-align:center; padding:3px; }

/* top_center_adu */
.top_center_adu { width: 320px; height: 100px; }
@media(min-width: 500px) { .top_center_adu { width: 468px; height: 60px; } } 
@media(min-width: 800px) { .top_center_adu { width: 728px; height: 90px; } }
@media(min-width: 1200px) { .top_center_adu { width: 970px; height: 90px; } }

/* in contents lvl 1 title */ }
.ttl_box { text-align:center; }
@media(max-width: 767px) { .ttl_box { width: 100%; margin: 0px auto; text-align:center; } }
@media(min-width: 768px) { .ttl_box { width: /*60%*/77%; margin: 0px auto 20px; text-align:center; } }
.ttl_box .top { font-weight: 200; }
@media(max-width: 767px) { .ttl_box .top h2 { font-size: 1.1em; font-family: 'Nanum Gothic'; font-weight: 200; } }
@media(min-width: 768px) { .ttl_box .top h2 { font-size: 2.12em; font-family: 'Nanum Gothic'; font-weight: 200; } }
.ttl_box .top .icon { background: url('images/title_h3_icon.png') no-repeat scroll left center rgba(0, 0, 0, 0); width:77px; height:51px; margin:0px auto 9px; }
.ttl_box .mdl_line { width: /*30px*/100%; border-bottom: #222 1px solid; margin: 13px auto 28px; }
@media(max-width: 767px) { .ttl_box .bottom h2 { font-size: 2.5em; font-family: 'Nanum Gothic'; line-height:1; } }
@media(min-width: 768px) { .ttl_box .bottom h2 { font-size: 5em; font-family:'Nanum Gothic'; line-height:1; } }

/* blockquote p line height */
blockquote p { line-height:170%; }

/* set imageblock > img, entry-content image width and height */
/* .imageblock > img { width:100%; height:auto; } */

/* set entry-content img width and height */
/* .seojishin { width:auto; height:auto; margin-left:auto; margin-right:auto; } */

/* jishin sw speech table */
.speech_table { vertical-align:middle; }
.speech_table * { vertical-align:middle; }

/* prettify font size */
pre.prettyprint { font-size:1.15em; }
/* prettify line number to all lines */
.prettyprint ol.linenums > li { list-style-type: decimal; }

/* category list fixed_img_col */
h1.hx{ /*@title-font-family=font-family:*/ /*@*/; font-family: "Nanum Myeongjo";font-size: 2.4em;font-weight:600 !important;line-height: normal;margin: 0 auto /*10px*/20px;padding: 20px 5px;text-align: center;width: 75%;}
h1.hx em{border-width: 1px;display: block;font-size: 17px;font-style: normal;font-weight: normal;margin: 15px auto 0;padding-top: 15px;width: 167px;border-top: 1px solid #06164A;}
.flexible_img_col ul{margin:0;padding:0;font-size:12px;font-family:Tahoma, Geneva, sans-serif;list-style:none;*zoom:1}
.flexible_img_col ul:after{display:block;clear:both;content:""}
.flexible_img_col li{float:left;width:320px;margin:0 5px 10px;padding:0}
.flexible_img_col li.masonry-brick{margin-top:0}
 
.flexible_img_col .thumb{display:block;overflow:hidden;position:relative;width:318px;background:#eee;color:#666;line-height:180px;text-align:center;white-space:nowrap;border:1px solid #e7e5e6}
.flexible_img_col .thumb img{display:block;width:318px;border:0}
.flexible_img_col a{display:block;width:320px;margin:0 auto;padding:0;text-decoration:none;cursor:pointer}
.flexible_img_col a strong{width:318px;background-image: url("images/cat_title1.png?=2038222091");color: #FFFFFF;display: inline-block;font-size: 14px;margin: 4px 0 -93px;padding: 7px 16px;position: relative;text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;top: -93px;}
.flexible_img_col p{background-image: url("images/cat_title2.png?=17464901");color: #EEEEEE;font-size: 1.1em;font-weight: bold;margin: 0 auto -86px;padding: 3px 16px;position: relative;text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;top: -86px;width:317px;}
.flexible_img_col a:hover strong{text-decoration:underline}
.flexible_img_col a:hover .thumb{border:1px solid #999}
.flexible_img_col .thumb span {display:inline-block;font-size:13px;margin-bottom:71px;} 
.below_box_space {width:1px; height:13px;}

.w180 li{width:180px}
.w180 .thumb{width:178px}
.w180 .thumb img{width:178px}
.w180 a{width:180px}
.w180 p{width:180px}

/* category list left right padding */
.s_list_container { max-width:990px; margin:0 auto; }

/* clear both */
.cboth { clear:both; }

/* jishin preserve width */
.speech_table td:nth-of-type(1) .seojishin { min-width:130px; }
.speech_table td:nth-of-type(2) .seojishin { min-width:86px; }

/* bootstrap dropdown divider color override */
.dropdown-menu .divider { background-color:#656565; }

/* bootstrap dropdown submenu */
.marginBottom-0 {margin-bottom:0;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

/* cat desc */
#cat_desc { text-align: center; margin: 0px auto/* 20px*/; font-size: 1.25em; line-height: 2; width: 62%; }
.cat_yt_btn { margin-top:13px; }

/* re-position strike */
.strikeout { position: relative; }
.strikeout::after { border-bottom: 2px solid gray; content: ""; left: 0; position: absolute; right: 0; top: 42%; }

/* chrome bootstrap dropdown sub opened menu bg color */
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color:#131313; }

/* podcast list btn */
#cat_desc img { margin-bottom:10px; }

/* center quote */
.entry-content .centerQuote { width:85%; border-bottom: /*6*/4px double #999999; border-top: /*6*/4px double #999999; font-family:"Nanum Myeongjo"; font-size: /*36*/28px; font-weight: 600; line-height: 1.1; margin: 0 auto; padding: 20px 0; }

/* text align center */
.text-center { text-align:center; }

/* side bar youtube widget list */
#youtubevideos .video { min-height:70px; padding:3px 0px; }
#youtubevideos .video img { display:block; float:left; margin-right:10px; width:/*40*/120px; height:/*40*/90px; }
#youtubevideos .video p { clear:both; }

/* mobile sub menu title gray */
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color:#6a6a6a; }

/* mobile 2nd sub margin left */
@media(max-width: 767px) { .dropdown-submenu > .dropdown-menu { margin-left:30px; } }

/* category list align center */
#masonry { margin:0 auto; }

/* incontents ad */
.incontents_ad { width:100%; text-align:center; }

/* mobile 1st sub margin left */
@media(max-width: 767px) { ul.dropdown-menu a { margin-left:15px; } }

/* sidebar twitter widget min-width */
#twitter-widget-0 { min-width:250px; }

/* in contents hr */
.c-hr { border-bottom: 1px solid #ccc; margin: 0 auto; width: 60%; border-left: none; border-right: none; border-top: none; }

/* blockquote terminal font */
.terminal-f { font-family:'Lucida Console','Courier New',Courier }

/* bottom new like btn align center */
.container_postbtn { width:136.48px; margin:auto; padding:12px 0; display:none; }

/* in contents left filled circle numbers */
.left_circle { font-size: 50px; float: left; margin-right: 15px; }

/* blockquote p color */
blockquote p { color:/*#505050*/rgb(51, 51, 51); }