@charset "UTF-8";
html, body {
  height: 100%;
  font-family:'noto3';
  font-weight:100;
}

.clear-fix{
  width:100%;
  overflow: hidden;
}
.columnlist-view .exam {
  font-style:normal;
  font-family:'noto5';
}

.columnlist-view {
  font-family: NanumGothic;
  width: 700px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.columnlist-view * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
}

.columnlist-view .text_wrap{
  font-size:14px;
  line-height:28px;
  font-family:'spoqs3';
  font-weight:100;
  letter-spacing:-0.5px;
}

.columnlist-view .text_wrap img{
  max-width:650px;
}

.columnlist-view .text_wrap > h3 {
  font-size:17px;
  font-family:'noto5';
  font-weight:100;
}

.columnlist-view h1 {
  line-height: 1em;
  margin-top: 3px;
  font-size: 2.5em;
}
.columnlist-view h1 em {
  font-style: normal;
  font-size: 1em;
}
.columnlist-view h1 span {
  font-size: 1em;
  font-weight: normal;
}
.columnlist-view .heading01 em,
.columnlist-view .heading02 em {
  color: #0070c0;
}
.columnlist-view .heading01:before {
  content: "“";
}
.columnlist-view .heading01:after {
  content: "”";
}
.columnlist-view .heading-question01 {
  text-decoration: underline;
}
.columnlist-view .heading-question01:before {
  content: "Q. ";
  font-weight: bold;
}
.columnlist-view .question01.num1:before {
  content: "Q1. ";
}
.columnlist-view .question01.num2:before {
  content: "Q2. ";
}
.columnlist-view .question01.num3:before {
  content: "Q3. ";
}
.columnlist-view .question01.num4:before {
  content: "Q4. ";
}
.columnlist-view .answer01:before {
  content: "A. ";
  font-weight: bold;
}
.columnlist-view .answer01.num1:before {
  content: "A1. ";
}
.columnlist-view .answer01.num2:before {
  content: "A2. ";
}
.columnlist-view .answer01.num3:before {
  content: "A3. ";
}
.columnlist-view .answer01.num4:before {
  content: "A4. ";
}
.columnlist-view .outdent {
  text-indent: -2em;
  margin-left: 2em;
}
.columnlist-view .outdent2 {
  text-indent: -1.4em;
  margin-left: 1.5em;
}

.columnlist-view .outdent2.people_title{
    background: url(/img/columnlist/people_title.png) left no-repeat;
    background-size: cover;
    height: 51px;
    width: 72%;
    margin-left: 0;
}

.columnlist-view .outdent2.people_title2{
    background: url(/img/columnlist/people_title2.png) left no-repeat;
    background-size: cover;
    height: 51px;
    width: 72%;
    margin-left: 0;
}

.columnlist-view .heading03 {
  text-align: center;
  color: #0070c0;
}

.columnlist-view .heading04 {
  text-align: left;
  color: #0070c0;
}
.columnlist-view .heading05 {
  font-weight: normal;
  font-size: 32px;
  color: #ff0066;
  line-height: 1.3em;
}
.columnlist-view .heading05 em {
  font-weight: bold;
}
.columnlist-view .heading05 .big {
  font-size: 1.3em;
}
.columnlist-view .heading05.color-type2 {
  color: #0070c0;
}
.columnlist-view .heading05-sub {
  font-size: 22px;
  margin-bottom: 3em;
}
.columnlist-view .heading06 {
  font-size: 1.2em;
  color: #72bfc5;
  font-weight: bold;
}
.columnlist-view .heading07 {
  font-weight: bold;
  line-height: 1.5em;
}
.columnlist-view .heading07 em {
  color: #ff0066;
}
.columnlist-view .heading07 .big {
  font-size: 1.6em;
}
.columnlist-view .heading08 {
  font-weight: bold;
  line-height: 1.5em;
  color: #c00000;
}
.columnlist-view .heading08 em {
  font-size: 1.3em;
}
.columnlist-view h1.normal {
  font-weight: normal;
}
.columnlist-view h1.normal em {
  font-weight: bold;
}
.columnlist-view .heading-info {
  color: #0070c0;
}
.columnlist-view .heading-info.heading-sub {
  font-size: 22px;
}
.columnlist-view .heading-info.margin-top {
  margin-top: 2.5em;
}
.columnlist-view .heading-info .fst {
  font-size: 2em;
}
.columnlist-view .heading-info .fst:before {
  content: "‘";
}
.columnlist-view .heading-info .fst:after {
  content: "’";
}
.columnlist-view .heading-info2 {
  color: #ff4d00;
}
.columnlist-view .heading-info3 {
  display: inline-block;
  color: #fff;
  background-color: #5393c6;
  margin-left: -1em;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0.3em;
}

.columnlist-view  .pna_txt{
  background:url('/img/columnlist/qna_txt_top.png') top no-repeat , url('/img/columnlist/qna_txt_bottom.png') bottom no-repeat;
  background-size:contain;
  border:none;
  padding:20px 20px;
}

.color-orange {color:#f5a100}

.columnlist-view .heading-info4 {
  position: absolute;
  margin-top: -20px;
  display: block;
  border: 1px #333 solid;
  padding: 5px;
  background-color: #fff;
}
.columnlist-view .heading-info5 {
  color: #ff0066;
}
.columnlist-view .heading-info6 {
  color: #c00000;
}
.columnlist-view .heading-quiz1 {
  font-weight: 100;
  font-family:'noto5';
  font-size: 15px;
  margin-bottom: 0;
  color:#000000;
}
.columnlist-view .u {
  text-decoration: underline;
}
.columnlist-view .hr {
  padding-bottom: 0.8em;
  margin-bottom: 0.3em;
  border-bottom: 1px solid #ccc;
}
.columnlist-view .text-left {
  text-align: left;
}
.columnlist-view .text-center {
  text-align: center;
}
.columnlist-view .text-right {
  text-align: right;
}
.columnlist-view .tight-top {
  margin: 0 !important;
}
.columnlist-view .margin-bottom {
  margin-bottom: 2em;
}
.columnlist-view .border-right {
  border-right: 1px solid #ccc;
}
.columnlist-view .pull-left {
  float: left;
}
.columnlist-view .pull-right {
  float: right;
}
.columnlist-view .abs-left-bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.columnlist-view .abs-right-top {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.columnlist-view img.pull-right,
.columnlist-view .figure.pull-right {
  margin-left: 1em;
  margin-bottom: 0.4em;
}
.columnlist-view img.pull-left,
.columnlist-view .figure.pull-left {
  margin-right: 1em;
  margin-bottom: 0.4em;
}
.columnlist-view .clear-fix:before,
.columnlist-view .clear-after:after {
  content: " ";
  display: table;
  clear: both;
}
.columnlist-view ul {
  line-height: 1.5em;
}
.columnlist-view ul li {
  float: none;
}
.columnlist-view dt {
  font-weight: bold;
}
.columnlist-view dd {
  margin-left: 0;
  margin-bottom: 15px;
}
.columnlist-view .deflist01 dt {
  margin-bottom: 1.1em;
}
.columnlist-view .deflist01 dt.u {
  text-decoration: underline;
}
.columnlist-view .deflist01 dd {
  line-height: 1.4em;
}
.columnlist-view p {
  line-height: 1.6em;
  text-align: justify;
}
.columnlist-view .tight-top {
  margin-top: 0 !important;
  color:#383838;
}
.columnlist-view .tight-bottom {
  margin-bottom: 0 !important;
}
.columnlist-view blockquote {
  margin-top: 20px;
  line-height: 1.7em;
}
.columnlist-view .vertical-center01 {
  font-size: 1.3em;
  height: 400px;
  padding-top: 180px;
}
.columnlist-view .desc1 {
  display: block;
  padding: 0.5em;
  background-color: #e6ec47;
}
.columnlist-view .issue-block {
  background-color: #ddd;
  padding: 0.8em;
  margin-bottom: 10px;
}
.columnlist-view .issue-block.issue-block2 {
  background-color: #f2f2f2;
}
.columnlist-view .issue-block.issue-block3 {
  background-color: transparent;
  border: 2px solid #00b0f0;
}
.columnlist-view .panel-round {
  border: 2px solid #aaa;
  border-radius: 7px;
  padding: 0.5em;
}
.columnlist-view .figure {
  display: inline-block;
}
.columnlist-view .figure .figcaption {
  display: block;
  width: 100%;
  margin-bottom: 0.5em;
}
.columnlist-view .row {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 10px;
  border-collapse: collapse;
  border-spacing: 0;
}
.columnlist-view .row:after,
.columnlist-view .row:before {
  content: " ";
  display: table;
}
.columnlist-view .row:after {
  clear: both;
}
.columnlist-view .col-1 {
  display: block;
  position: relative;
  float: left;
  width: 8.33333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.columnlist-view .col-2 {
  display: block;
  position: relative;
  float: left;
  width: 16.66667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.columnlist-view .col-3 {
  display: block;
  position: relative;
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.columnlist-view .col-4 {
  display: block;
  position: relative;
  float: left;
  width: 33.33333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.columnlist-view .col-5 {
  display: block;
  position: relative;
  float: left;
  width: 41.66667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.columnlist-view .col-6 {
  display: block;
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 14px;
  padding-right: 14px;
}
.columnlist-view .col-7 {
  display: block;
  position: relative;
  float: left;
  width: 58.33333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.columnlist-view .col-8 {
  display: block;
  position: relative;
  float: left;
  width: 66.66667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.columnlist-view .col-9 {
  display: block;
  position: relative;
  float: left;
  width: 75%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.columnlist-view .col-10 {
  display: block;
  position: relative;
  float: left;
  width: 83.33333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.columnlist-view .col-11 {
  display: block;
  position: relative;
  float: left;
  width: 91.66667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.columnlist-view .col-12 {
  display: block;
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 25px;
    padding-right: 25px;
}
.columnlist-view .display-table {
  display: table;
}
.columnlist-view .display-table > div {
  display: table-row;
}
.columnlist-view .display-table > div > div {
  display: table-cell;
  float: none;
  vertical-align: top;
}
.columnlist-view .table-cont1 {
  border-collapse: collapse;
}
.columnlist-view .table-cont1 th, .columnlist-view .table-cont1 td {
  padding: 0.5em;
  border: 1px solid #959595;
}
.columnlist-view .table-cont1 th {
  width: 110px;
  background-color: #badde1;
}
.columnlist-view .table-cont1.med {
  border-collapse: collapse;
}
.columnlist-view .table-cont1.med th, .columnlist-view .table-cont1.med td {
  padding: 0.5em;
  border: 1px solid #959595;
}
.columnlist-view .table-cont1.med th {
  width: 110px;
  background-color: #badde1;
}
.columnlist-view .table-cont1.med th {
  width: 175px;
}

.heading-small {
  font-weight: bold;
  color: #ff0066;
  font-size: 22px !important;
}

.heading-lite {
  color: #333;
  font-weight: normal;
}
.heading-lite em {
  font-weight: bold;
  font-size: 1em;
}

.table-cont2 {
  width: 100%;
  border-collapse: collapse;
}
.table-cont2 th {
  border: 1px solid #CCC;
  background: #ffd9b3;
  font-weight: bold;
  color: #333;
  padding: 5px;
}
.table-cont2 td {
  font-size: 12px;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  padding: 2px 0 2px 8px;
}
.table-cont2 td:first-child {
  text-align: center;
  padding-left: 0px;
}
.table-cont2 td:last-child {
  border-right: 0px;
}

.none-pd {
  padding: 0px !important;
}

.indent10 {
  text-indent: 10px;
}

.table-title-bg {
  background: #fdb891;
}

.table-title {
  padding-top: 50px;
  width: 100%;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
}

.color-t2 {
  color: #0070c0;
}

.color-t1 {
  color: #eb7d0f;
}

.margin-left-per {
  margin-left: 5%;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-top-40 {
  margin-top: 40px;
}

.margin-top-50 {
  margin-top: 50px;
}

.div-radius-style {
  -webkit-border-radius: 6%;
  -moz-border-radius: 6%;
  border-radius: 6%;
  border: 1px solid #CCC;
  position: relative;
  padding: 10px;
  margin: 15px 0 !important;
}

.bd-0 {
  border: 0px !important;
}

.background-color-type1 {
  background: #ffe8d1;
}

.background-color-type2 {
  background: #ddf2ff;
}

.background-color-type3 {
  background: #fcdcae;
}

.font-12 {
  font-size: 12px;
}
.font-12 > p {
  font-size: 12px;
}

.font-11 {
  font-size: 11px !important;
}
.font-11 > p {
  font-size: 11px !important;
}

.font-8e {
  font-size: 1.8em !important;
}

.font-3e {
  font-size: 1.3em !important;
}

.font-20e {
  font-size: 2.3em !important;
}

.font-30e {
  font-size: 3.5em !important;
  color: #333;
}

.none-padding-right {
  padding-right: 0px !important;
}

.left-subject {
    position:relative;
  font-size: 1.5em;
  font-weight: 1em;
  padding-top: 6px;
  color: #000;
  padding-left: 17px;
}


.left-subject:before{
    position:absolute;
    left:0;
    top:10.5px;
    width:6px;
    height:6px;
    display:block;
    content:'';
    border:3px solid #a675b0;
    border-radius:100%;
    background:#ffffff
}

.left-subject2 {
  background: #ffe8d1;
  padding: 3px;
}

.right-subject {
  font-size: 1.5em;
  font-weight: 1em;
  color: #ef9841;
  text-decoration: underline;
  margin: 0 !important;
}

.right-subject2 {
  font-size: 1.5em;
  font-weight: 1em;
  margin: 0 !important;
}

.right-subject3 {
  font-size: 1.4em;
  font-weight: 1em;
  margin: 0 !important;
  padding: 10px 0;
}

.right-subject4 {
  font-size: 1em;
  font-weight: 1em;
  margin: 0 !important;
  padding: 10px 0;
}

.right-subject5 {
      color: #000;
    font-weight: bold !important;
    font-size: 14px !important;
  line-height: 1.3em;
  margin: 0 !important;
  padding: 10px 0;
  font-family:'noto5';

}

.color-t3 {
  color: #92d050;
}

.color-t4 {
  color: #6b6bcf;
}

.right-bg {
  background: #f2f2f2;
}

.left-bg {
  background: #e3fdfc;
}

.left-bg2 {
  background: #ffe8d1;
}

.left-subject3 {
  font-size: 2.2em !important;
  padding-top: 10px;
  padding-bottom: 30px;
  border-bottom: 3px solid #FFF;
}

.bottom-margin0 {
  margin-bottom: 0 !important;
}

.bottom-padding4 {
  padding-bottom: 4px !important;
}

.line12 {
  height: 7px;
  display: block;
  width: 100%;
}

.img-bottom {
  position: relative;
  top: 140px;
  left: 0px;
}

.square-line {
  width: 150px;
  height: 25px;
  display: block;
  margin-top: -2px;
  margin-right: 5px;
}

.funfun-title {
  font-size: 1.2em;
  font-weight: 1em;
}

.small-title {
  font-weight: bold;
  margin-left: 5px;
  padding: 5px 10px;
  vertical-align: middle;
}

.underline {
  text-decoration: underline;
}

.heading-s1 {
  font-size: 26px !important;
  font-weight: normal;
  color: #020202;
  margin: 0;
}

.heading-s2 {
  font-size: 3.3em !important;
  line-height: 1.1em !important;
  font-weight: normal;
  color: #9442DF;
  margin: 0;
}
.heading-s2 span {
  font-size: 1em;
  font-weight: bold;
}

.heading-s3 {
  font-size: 18px !important;
  font-weight: normal;
  line-height: 18px;
  color: #020202;
}

.heading-s4 {
  font-size: 2.8em !important;
  line-height: 1.1em !important;
  font-weight: normal;
  color: #9442DF;
  margin: 0;
}
.heading-s4 span {
  font-size: 1em;
  font-weight: bold;
}

.heading-sQ1 {
  font-size: 20px;
  line-height: 20px;
  color: #ffc000;
}

.heading-sQ2 {
  font-size: 18px;
  line-height: 18px;
  color: #ffc000;
}

.heading-sA1 {
  font-size: 22px;
  line-height: 22px;
  color: #bfbfbf;
  font-weight: bold;
}

.heading-s-s {
  font-size: 11px;
  color: #333;
}

.table-cont3 {
  width: 100%;
  border-collapse: collapse;
}
.table-cont3 th {
  border: 1px solid #CCC;
  background: #ffd9b3;
  text-align: center;
  font-weight: bold;
  color: #333;
  padding: 5px;
}
.table-cont3 td {
  font-size: 12px;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  padding: 7px 0 7px 8px;
}
.table-cont3 td:first-child {
  text-align: center;
  padding-left: 0px;
}
.table-cont3 td:last-child {
  border-right: 0px;
}

.none-margin {
  margin-top: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
}

.bg-eee {
  background: #EEE;
}

.heading-05-sb {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

.black-text-box {
  padding: 8px;
  border: 1px solid #000;
}

.heading-title {
  font-size: 2em;
  line-height: 2em;
  color: #92d050;
  font-weight: normal;
}
.heading-title em {
  font-weight: bold;
}

.heading-sub-title {
  font-size: 1.3em;
  font-weight: bold;
  color: #999;
  padding: 0;
  margin: 0;
}

.itxt {
  font-size: 12px;
  color: #333;
  margin: 0;
  padding: 0;
}

.itxt2 {
  font-size: 13px;
  color: #000;
  margin: 0;
  padding: 0;
}

.itxt3 {
  font-size: 12px;
  color: #333;
}
.itxt3 > strong {
  font-size: 12px;
}

.heading-sQ3 {
  padding-top: 10px;
  font-size: 15px;
  line-height: 19px;
  color: #ffc000;
}

.heading-sQ4 {
  font-size: 15px;
  line-height: 19px;
  color: #ffc000;
}

.heading-sA2 {
  font-size: 16px;
  line-height: 14px;
  color: #bfbfbf;
  font-weight: bold;
}

.outdent3 {
  text-indent: -1.8em;
  margin-left: 2em;
}

.outdent4 {
  text-indent: -1em;
  margin-left: 1em;
}

.between-info {
  height: 370px;
  width: 100%;
  margin: 0;
  padding: 0;
}

.padding-lr {
  padding: 0 15px 0 10px;
}

.padding-top20 {
  padding: 20px 0 0 0;
}

.col2-title {
  font-size: 13px;
  font-weight: bold;
  color: #000;
  margin: 0;
  padding: 0;
  height: 20px;
  line-height: 20px;
}

.col2-right-table {
  border: 1px solid #CCC;
  width: 100%;
  height: 188px;
  margin-top: 10px;
}
.col2-right-table > thead > tr > th {
  border-left: 1px solid #CCC;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  color: #333;
  text-align: center;
}
.col2-right-table > thead > tr > th:first-child {
  border-left: none;
}
.col2-right-table > tbody > tr > td {
  border-left: 1px solid #CCC;
  border-top: 1px solid #CCC;
  font-size: 10px;
  line-height: 11px;
  color: #333;
  text-align: center;
}
.col2-right-table > tbody > tr > td:first-child {
  border-left: none;
  text-align: left;
  text-indent: 5px;
}

.col2-body-height {
  height: 212px;
}

.background-f2f2f2 {
  background: #f2f2f2;
  padding: 5px;
}

.heading-title2 {
  font-size: 2.3em !important;
  line-height: 1.3em !important;
  color: #6b6bcf;
  font-weight: normal;
}
.heading-title2 em {
  font-weight: bold;
}

.heading-title3 {
  font-size: 2em !important;
  line-height: 1.3em !important;
  color: #333;
  font-weight: normal;
}
.heading-title3 em {
  font-weight: bold;
}

.info-etc {
  margin-top: 5px;
  background: #DDD;
  padding: 5px 5px 7px 25px;
}

.info-etc2 {
  margin-top: 5px;
  background: #DDD;
  padding: 2px;
}

.info-etc3 {
    margin-top: 5px;
    background: #DDD;
    padding: 10px 10px;
    line-height: 28px;
}

.left-subject-s {
  background: #ffe8d1;
  font-size: 0.9em;
  padding: 3px;
}

span.center {
  font-size: 13px;
  font-weight: normal;
  line-height: 1.3em;
}

.margin-right-per {
  margin-right: 5%;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-20 {
  margin-top: 20px;
}

.pd-tb-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.heading-title4 {
  font-size: 3em !important;
  line-height: 1.3em !important;
  color: #6b6bcf;
  font-weight: normal;
}
.heading-title4 em {
  font-weight: bold;
}

.line-height-15 {
  line-height: 15px !important;
}

.grey-bg {
  background: #DDD;
}

.ment-title {
  font-size: 12px;
  color: #6b86e7;
}

.ment-cont {
  font-size: 11px;
}

.ment-title1 {
  font-size: 15px;
  color: #6b86e7;
}

.heading-cast {
  font-weight: bold;
  color: #b60a85;
  font-size: 22px !important;
}

.his-title-ment {
  font-weight: bold;
}

.last-title {
  font-size: 40px;
  color: #ffc000;
}

.last-title-right {
  font-size: 32px;
  color: #000000;
}

.last-cont-ment {
  font-size: 25px;
  color: #ffc000;
  text-align: center;
  line-height: 80px;
}

.last-ment-mid {
  width: 100%;
}

.last-title-ment {
  font-size: 15px;
  font-weight: bold;
}

.subject-right {
  font-size: 18px;
  font-weight: bold;
  height: 48px;
  color: #000000;
}

.heading-first-title {
  font-size: 40px;
  color: #6b6bcf;
  font-weight: normal;
}

.heading-first-title em {
  font-weight: bold;
}

.cast-text {
  font-size: 11px;
}

.font-15 {
  font-size: 15px;
}

.font-13 {
  font-size: 13px;
}

.sisa-word {
  font-weight: bold;
  color: #b60a85;
  font-size: 22px !important;
}

.gun-ment {
  display: block;
  position: relative;
  float: left;
  width: 58.33333%;
  min-height: 1px;
  padding-right: 15px;
}

.hot-place {
  margin-right: -15px;
  margin-bottom: 10px;
  border-collapse: collapse;
  border-spacing: 0;
}

.img-bottom-ment {
  width: 700px;
}

.img-01-03 {
  width: 700px;
  margin-left: 15px;
  margin-right: 15px;
  height: 125px;
}

.heading-title-text {
  font-size: 20px;
}

.heading-title-text strong {
  font-size: 20px;
}

.top-title {
  font-size: 35px !important;
  line-height: 1.3em !important;
  color: #6b6bcf;
  font-weight: normal;
}

.top-title em {
  font-weight: bold;
}

.height {
  height: 140px;
}

.height span {
  position: relative;
  line-height: 20px;
  top: 35px;
}

.last-title-right1 {
  font-size: 28px;
  color: #000000;
}

.last-bottom {
  bottom: 265px;
}

.hot-place .last-top .itxt3 {
  height: 180px;
}

.hot-place .last-top {
  padding-bottom: 35px;
}

.bottom-160 {
  bottom: 160px;
}

.bottom-168 {
  bottom: 160px;
}

.bottom-100 {
  bottom: 100px;
}

.font-1-2 {
  font-size: 1.2em !important;
  text-align: center;
}

.yellow-back-height {
  height: 3px;
  background-color: #ffc000;
}
.font-size30 {
  font-size: 30px;
}
.font-size18 {
  font-size: 18px;
}

.font-size15 {
  font-size: 15px;
}

.line-height23 {
  line-height: 23px;
}

.top10 {
  top: 0 !important;
}

.top17 {
  top: 17px !important;
}

.right-title {
    float: right;
    display: inline-block;
    left: 27px;
    background: beige;
    width: 253px;
    height: 81px;
    text-align: center;
}

.left-bg3 {
  background: #f5f5dc;
}

.left-bg4 {
  background: #c1bcd7;
  color: #000;

}
.left-bg5 {
  color: #ec6e78;
      margin-bottom: 10px !important;
}
.left-bg6 {
  color: #e6414e;
}

.right-title2 {
    float: right;
    display: block;
    left: 27px;
    background: #fee8e2;
    width: 242px;
    height: 184px;
    text-align: center;
    margin-top: -253px;
}

.right-title3 {
  float: right;
    display: block;
    right: 30px;
    background: #fee8e2;
    width: 264px;
    height: 184px;
    text-align: center;
    margin-top: -203px;
}

.y-back {
    width: 75px;
    position: absolute;
  }

.color-t3 {
  color: #ffffff;
}

.n-back {
    width: 75px;
    position: absolute;
    background: #e2774a;
}

.color-t4 {
  color: #e2774a;
}

.margin-left-per25 {
    margin-left: 25%;
}

.margin-right45 {
  margin-right: 45px;
}

.right-title4 {
    display: inline-block;
    left: 27px;
    background: beige;
    width: 253px;
    height: 81px;
    text-align: center;
    margin-top: 90px;
}


/*2019-12-26 new css*/
.sisa_img{
  border: 2px solid #c0b8db;
  border-radius: 10px;
  z-index: 10;
  position: relative;
  top: -39px;
  margin-bottom:-34px!important;
  width:166px;
}

.sisa_top_title {
  width:100%;
  height:43px;
  background:url('/img/columnlist/sisa_title.png') left bottom no-repeat;
  background-size:contain;
}

.sisa_top_title > h2{
  float:left;
  font-size:18px;
  padding-left:20px;
      margin-top: 14px;
}
.sisa_top_title > h2 > em {
  font-style:normal;
  color:#858585;
}
.sisa_top_title > h2 > span {
  font-size:13px;
  color:#f18f4d;
  font-family:'noto6';
}