@charset "utf-8";
/* 2020.11.21 */

/* common */

body {
  cursor: default;
  font: 16px/2em Verdana, 'Malgun Gothic';
  color: navy;
}

body, blockquote, div, fieldset, h1, h2, h3, h4, p, table, tbody, tr, td, th, ul, li, ol, input {
  margin: 0;
  border: 0;
  padding: 0;
}

fieldset {
  display: inline;
  border: 1px navy solid;
  padding: 0 10px 10px 10px;
}

fieldset p {
  margin: 0 !important;
}

h1, h2, .c_title, .content_title {
  font: bold 20px/2em Verdana, 'Malgun Gothic';
}

h1 {
  color: red;
  margin-bottom: 16px;
  padding-top: 6px;
}

h2 {
  color: deeppink;
}

img {
  vertical-align: middle;
  border: 1px navy solid;
}

.c_img img {
  border: 0 !important;
}

input {
  vertical-align: middle;
  font: 16px Verdana, 'Malgun Gothic';
  color: navy;
}

legend {
  font-weight: bold;
  color: red;
}

table {
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0 0;
}

td {
  vertical-align: top;
}

ul, ol {
  list-style: none;
}

/* google ad */

.google_ad, .google-auto-placed {
  clear: none !important;
  margin: auto;
}

/* dl dt */

.wrap_thumb {
  float: left;
}

.wrap_cont {
  margin-left: 170px;
}

/* Header */

#daumSearchBox {
  position: absolute;
  top: 66px;
  left: -6px;
  font: 14px/2em Verdana, 'Malgun Gothic';
  border: 2px orange solid;
}

#daumSearchBox {
  background: url("images/h_kim.jpg") no-repeat, url("images/h_song.jpg") no-repeat right top;
  background-color: white;
  background-size: 200px, 200px;
  border-radius: 100px;
  padding: 14px 216px 14px 216px;
  width: 798px;
}

.c_R {
  float: right;
}

.c_Input {
  float: left;
  width: 766px;
  height: 32px;
}

.c_Submit {
  float: left;
  cursor: pointer;
  background-image: url("images/h_search.png");
  background-size: 32px;
  width: 32px;
  height: 32px;
}

.c_new2 {
  padding-right: 19px;
  background: url("images/h_up.gif") no-repeat right top;
}

.c_post3 img {
  vertical-align: top !important;
  box-sizing: border-box;
  width: 19px !important;
  height: 19px !important;
  margin-left: 4px;
  border: 0;
  padding-left: 19px !important;
  background: url("./images/id_new.gif") no-repeat;
}

.c_new, .c_ndown {
  padding-left: 24px;
  background: url("images/id_new.gif") no-repeat 0 center;
}

.c_ndown {
  background-image: url("images/id_down.png");
}

.container_postbtn {
  display: none;
}

/* category setting */

img[alt="N"] {
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  padding-left: 10px !important;
  background: url("./images/ib_new_5.gif") no-repeat 0 0;
}

#text_0, #text_892296, #text_750633, #text_744239, #text_772251, #text_815045, #text_777568, #text_771910, #text_106627, #text_106633 {
  color: orange !important;
}

#category_892296, #category_750633, #category_744239, #category_772251, #category_815045, #category_777568, #category_771910, #category_106627, #category_106633 {
  margin-top: 24px;
}

#category_883068, #category_900841, #category_770240, #category_756613, #category_775182, #category_758623, #category_790740, #category_744037, #category_861940 {
  margin-top: 24px;
}

#text_0 img, #text_892296 img, #text_750633 img, #text_744239 img, #text_772251 img, #text_815045 img, #text_777568 img, #text_771910 img, #text_106627 img, #text_106633 img, #text_827915 img, #text_883068 img, #text_775897 img, #text_819817 img, #text_825875 img, #text_829183 img, #text_826759 img {
  margin-left: 4px;
}

#treeComponent img {
  border: 0;
}

#treeComponent div table .branch3 img, #category_0 .branch3 {
  padding-left: 0;
}

.branch3 {
  padding-left: 4px;
}

.branch3 img {
  margin-top: -1px;
}

.branch3 div {
  cursor: pointer;
}

.branch3 div:hover {
  text-decoration: underline !important;
  color: orange !important;
}

/* a setting */

a {
  cursor: pointer;
  text-decoration: none;
  color: navy;
}

a:hover {
  text-decoration: underline;
  color: orangered;
}

#sidebar a {
  color: white;
}

#sidebar a:hover {
  color: orange;
}

.content_div a {
  color: blue;
  background: url("images/id_link.gif") no-repeat right center;
  padding-right: 19px;
}

.content_div a:hover {
  color: orangered;
  background-image: url("images/id_link2.gif");
}

.content_div a, .c_admin a {
  text-decoration: underline;
}

.content_div .c_bq5 a, .content_div .c_bqnr a, .e_DaumMovie a, .c_table a, .c_table2 a {
  background: none;
  padding: 0;
}

.e_DaumMovie a:hover, .c_table a:hover, .c_table2 a:hover {
  background: none;
}

.content_onair a {
  padding-right: 15px;
  background: url("images/i_tv.jpg") no-repeat right center;
}

/* rainbowLink */

.c_bq2 ul li, .c_bq4 ul li, .c_bq5 ul li, .c_bq6 ul li {
  display: inline;
}

.c_bq2 a:hover, .c_bq4 a:hover, .c_bq5 a:hover, .c_bq6 a:hover {
  text-decoration: underline !important;
}

.c_nr, .c_nr2, .c_nr3, .c_nr4, .c_nr5, .c_nr6 {
  animation: nr 3s infinite;
  font-weight: bold;
  text-decoration: none !important;
}

.c_nr2 {
  animation-delay: 500ms;
}

.c_nr3 {
  animation-delay: 1s;
}

.c_nr4 {
  animation-delay: 1500ms;
}

.c_nr5 {
  animation-delay: 2s;
}

.c_nr6 {
  animation-delay: 2500ms;
}

@keyframes nr {
  0% {
    color: #ff2a2a;
  }
  14% {
    color: #ff7a2a;
  }
  28% {
    color: #ffc52a;
  }
  42% {
    color: #43ff2a;
  }
  56% {
    color: #2a89ff;
  }
  70% {
    color: #202082;
  }
  84% {
    color: #6b2aff;
  }
  100% {
    color: #e82aff;
  }
}

/* special setting */

#TixIntroMap, .c_post2 div.another_category table td, .c_post2 div.another_category table th span, .gallerycaption, .none, .right img, .c_ndown img {
  display: none;
}

figure.imageslideblock {
  clear: none !important;
}

figure.imageslideblock.alignCenter {
  margin: 0 auto !important;
}

.height_96 {
  height: 96px;
}

.margin_24 {
  margin-top: 24px;
}

.margin_10 {
  margin-top: 10px;
}

#sidebar, .branch3 div, .c_white, .content_protoss, .content_terran, .content_zerg {
  color: white;
}

.cloud1, .c_bold2, .c_under2, .content_red {
  color: red;
}

.cloud2, .movie_rank2, .selected {
  color: orangered;
}

.cloud3, .c_bold3, .content_comment {
  color: teal;
}

.cloud4 {
  color: blue;
}

.cloud5 {
  color: navy;
}

.c_bold, .c_bold2, .c_bold3, .content_bold, .content_protoss, .content_terran, .content_zerg {
  font-weight: bold;
}

.c_bq, .c_bq2, .c_bq3, .c_bqw {
  border-left: 16px solid #4ADFCC;
  padding: 0px 0px 0px 8px;
}

.c_bq2 {
  border-color: red;
}

.c_bq3 {
  border-color: teal;
}

.c_bqw {
  border-color: white;
}

.c_bq4, .c_bq5, .c_bq6, .c_bq7, .c_bq8 {
  padding: 6px 0 6px 316px;
  min-height: 288px;
  background: url("images/new_bq4.jpg") no-repeat;
  background-color: Gainsboro;
}

.c_bq5 {
  background-image: url("images/new_bq5.jpg");
}

.c_bq6 {
  background-image: url("images/new_bq6.jpg");
}

.c_bq7 {
  background-image: url("images/new_bq7.png");
}

.c_bq8 {
  background-image: url("images/new_bq8.jpg");
}

.c_bq4 {
  position: relative;
}

.c_bqnr {
  position: absolute;
  top: 46px;
  right: 16px;
  display: inline-block;
  font: 12px/2em Verdana, 'Gulim' !important;
  text-align: right;
  border: 1px navy solid;
  padding: 8px;
}

.c_center, .content_center {
  text-align: center;
}

.c_left {
  text-align: left;
}

.c_right {
  text-align: right;
}

.c_line {
  text-decoration: line-through;
}

.c_table, .c_table2 {
  text-align: center;
  margin: 0 auto;
  width: 100%;
  border: 1px navy solid;
}

.c_table td {
  border: 1px navy solid;
  padding: 4px 0 4px 16px;
}

.c_th {
  background-color: aqua;
}

.c_th td, .c_th p {
  font-weight: bold;
  padding-left: 0;
}

.c_td {
  background-color: Gainsboro;
}

.c_td td {
  text-align: left !important;
}

.c_table2, .c_table2 td {
  border: none;
}

.c_table2 .c_th p, .c_tr .c_td {
  padding: 4px 0 4px 12px;
}

.c_tr td {
  text-align: left !important;
}

.c_td2 p {
  text-align: right !important;
  padding: 4px 12px 4px 0;
}

.c_title2 {
  font-weight: bold;
  background-color: pink;
  padding: 0 16px;
  border: 1px red solid;
}

.c_title3 {
  display: inline-block;
  font-weight: bold;
  background-color: lightcyan;
  padding: 0 16px;
  border: 1px teal solid;
}

.c_under, .c_under2, .content_under {
  text-decoration: underline;
}

.moreless_fold, .moreless_top, .moreless_bottom {
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
}

.btn_more, .btn_less {
  cursor: pointer;
  font: bold 16px/2em Verdana, 'Malgun Gothic';
  color: navy !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  text-align: center !important;
  text-decoration: underline;
}

.jukebox_wrapper {
  margin: 0 auto !important;
}

.jukebox_list {
  display: none;
}

/* layout */

#base {
  margin-left: -330px;
  background: url("images/bg1_top.jpg") no-repeat center top, url("images/bg2_btm.jpg") no-repeat center bottom;
  background-color: #00182b;
}

#base_main {
  width: 895px;
  margin: 0 auto;
}

#header {
  position: relative;
  height: 260px;
  background: url("images/bg3_header.jpg") no-repeat;
}

#header .menu a {
  font: bold 12px/2em Verdana, 'Gulim';
  text-decoration: none;
  padding: 8px 8px 0 0;
}

#content_main {
  background: url("images/bg4_content.jpg") no-repeat, url("images/bg5_footer.jpg") no-repeat left bottom, url("images/bg6_repeat.jpg") repeat;
}

#sidebar {
  float: left;
  overflow: visible;
  width: 200px;
  margin-left: -5px;
  padding: 60px 0 357px 0;
}

#sidebar, .c_admin, .c_post3, .e_DaumMovie {
  font: 12px/2em Verdana, 'Gulim' !important;
}

#content {
  width: 670px;
  margin-left: 212px;
  padding: 0 0 103px 0;
}

.c_post, .c_post3 {
  position: relative;
  background: white url("images/new_d.jpg") no-repeat right bottom;
  width: 1000px;
  border-radius: 0 32px 32px 0;
  padding: 0 16px 32px 0;
}

.c_post3 {
  background-image: none;
}

.content_div {
  padding-bottom: 32px;
}

.c_corona {
  position: absolute;
  bottom: 248px;
  right: 16px;
  text-align: right;
}

.c_paging {
  text-align: center;
  font: bold 16px/2em Verdana, 'Malgun Gothic';
  border-top: 1px navy solid;
}

.c_paging a {
  padding: 0 4px;
}

/* content */

.c_admin {
  height: 72px;
  margin-bottom: 10px;
  padding: 60px 0 0 0;
}

.category {
  padding-left: 24px;
  background: url("images/ic_category.gif") no-repeat 0 center;
}

.tags {
  padding-left: 24px;
  background: url("images/ic_tags.gif") no-repeat 0 center;
}

.content_left {
  float: left;
  width: auto;
  margin-right: 10px;
}

.content_right {
  float: right;
  width: auto;
  margin-left: 10px;
}

.content_aleft {
  text-align: left;
}

.content_inline {
  display: inline;
}

.content_player {
  text-align: center;
  height: 260px;
}

.content_player2 {
  text-align: center;
  height: 24px;
}

.content_player3 {
  text-align: center;
  height: 240px;
}

.content_meeting, .content_sstest, .content_wedding {
  height: 104px;
  background: url("images/iz_mbc_wedding.jpg") no-repeat;
}

.content_meeting {
  background-image: url("images/iz_mbc_meeting.jpg");
}

.content_meeting p, .content_wedding p {
  margin-left: 155px;
}

.content_movie {
  text-align: center;
  height: 399px;
}

.content_table {
  margin: 0 auto;
  border: 1px navy solid;
}

.content_table td {
  text-align: center;
  border: 1px navy solid;
}

.content_td {
  text-align: left !important;
  padding-left: 6px;
}

.content_protoss {
  background-color: teal;
}

.content_terran {
  background-color: blue;
}

.content_zerg {
  background-color: orange;
}

.content_aqua {
  background-color: aqua;
}

.content_font {
  font-family: "courier new", 'GulimChe', monospace;
}

.content_gold {
  display: block;
  float: left;
  width: auto;
  height: 24px;
  background: url("images/iz_tistory_gold_2.jpg") repeat-x;
}

.content_img {
  cursor: pointer;
}

.content_ul {
  list-style: disc;
  margin-left: 40px;
}

.content_va {
  padding-left: 15px;
  background: url("images/iz_tistory_jeju_visited.jpg") no-repeat 0 center;
}

.content_vo {
  padding-left: 15px;
  background: url("images/iz_tistory_jeju_visit.jpg") no-repeat 0 center;
}

.c_clear {
  clear: left;
}

/* daum movie */

.drama_c, .drama_c1, .drama_f, .drama_f1, .drama_o, .drama_o1 {
  padding-left: 26px;
  background: url("images/iz_d_cancle.png") no-repeat 0 center;
}

.drama_f, .drama_f1 {
  background-image: url("images/iz_d_final.png");
}

.drama_o, .drama_o1 {
  background-image: url("images/iz_d_on.png");
}

.e_DaumMovie {
  height: 160px;
  padding: 16px;
  background-color: #ffe4e1;
}

.e_DaumMovie .e_image {
  float: left;
  height: 160px;
  width: auto;
  min-width: 110px;
  margin-right: 16px;
}

.e_DaumMovie h3 {
  font: bold 12px/2em Verdana, 'Gulim';
  color: orangered;
}

.movie_rank {
  text-align: right;
  width: 350px;
  height: 48px;
  overflow: hidden;
}

.movie_site {
  display: block;
  text-align: left;
  float: left;
  width: 60px;
  margin-top: 12px;
}

.movie_back {
  display: block;
  float: left;
  width: 200px;
  height: 24px;
  margin-top: 12px;
  background: url("images/p_starback.png") no-repeat;
}

.movie_star {
  display: block;
  float: left;
  width: 200px;
  height: 24px;
  background: url("images/p_starpink.png") no-repeat;
}

.movie_rank2 {
  font: bold 48px/1em Verdana, 'Malgun Gothic';
}

.no {
  width: 20px;
  text-align: right;
}

.title {
  width: 400px;
  padding-left: 10px;
}

.director {
  width: 200px;
}

/* imagebox setting */

.tt-gallery-box {
  clear: right;
  position: relative;
  width: 655px !important;
}

.gallerycontrol {
  position: absolute;
  top: 10px;
  right: 0;
  margin: 0 !important;
  font: bold 16px/1em Verdana, 'Malgun Gothic';
  color: red !important;
}

.imageblock {
  clear: none !important;
}

/* another category */

.c_post2 {
  position: relative;
  padding-bottom: 288px;
}

.c_post2 div.another_category {
  position: absolute;
  left: 0;
  bottom: 0;
  clear: none !important;
  min-height: 256px;
  margin: 0 !important;
}

.c_post2 div.another_category, .c_post2 div.another_category h4 {
  border: 0 !important;
  padding: 0 !important;
}

.c_post2 div.another_category h4, .c_post2 div.another_category h4 a {
  font: bold 20px/2em Verdana, 'Malgun Gothic' !important;
  color: red !important;
}

.c_post2 div.another_category h4 a:hover, .c_post2 div.another_category table th a:hover {
  text-decoration: underline !important;
  color: orangered !important;
}

.c_post2 div.another_category table {
  margin: 0 !important;
}

.c_post2 div.another_category table th {
  padding: 0 !important;
  font: 12px/2em Verdana, 'Gulim' !important;
  color: navy !important;
  text-align: left !important;
}

.c_post2 div.another_category table th a {
  color: navy !important;
}

.c_post2 div.another_category table th a.current {
  border: 0 !important;
  font-weight: normal;
  color: orangered !important;
}

.c_post2 div.another_category table th span, .c_post2 div.another_category table td {
  display: none;
}

/* russia2018 */

.russia2018 {
  width: 100%;
  text-align: center;
  border: 1px gray solid;
}

.russia2018 td {
  height: 70px;
  vertical-align: middle;
}

.russia2018 img, .russia2018_div img {
  margin-right: 10px;
}

.russia2018 .tbl-teamname {
  width: 40%;
  text-align: left;
  padding-left: 10px;
}

.img2 td {
  height: 55px;
}

.img2 img, .img2_16 {
  border: 0;
}

.img2_16 img {
  margin-right: 0;
}

.img2_16 .russia2018_1 {
  border: 1px navy solid;
}

.img2_16_2 {
  font-weight: bold;
  text-align: left;
}

.russia2018_1 {
  background-color: #ccffcc;
  font-weight: bold;
}

.russia2018_3 {
  background-color: #ffffcc;
  font-weight: bold;
}

.qatar2022 {
  border: 0 !important;
}

.qatar2022 img {
  margin: 0 10px;
}

.c_2022 {
  font-weight: bold;
  background-color: pink;
  padding-left: 16px;
  border: 1px red solid;
}

.vs {
  font-weight: bold;
  color: red;
  padding: 0 16px;
}