@charset "UTF-8";
/* 추후에 common.css 뒤에 통합 */

/* 리뉴얼 추가 ---------------------------------------------- */
/* 폼 기존변경 */
select {
  height: 30px;
  padding: 0 26px 0 10px;
  border: 1px solid #dadada;
  vertical-align: middle;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(/_images/_common/icon_arrow_down.png) no-repeat 100% 50%;
  padding-right: 0 \0 / IE8 + 9;
  background: #fff\0;
  background: #fff\0/;
}
select::-ms-expand {
  display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  select {
    background: #fff url(/_images/_common/icon_arrow_down.png) no-repeat 100%
      50%;
  }
}
textarea {
  border: 1px solid #dadada;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
input[type="text"],
input.input01[type="text"],
input[type="password"] {
  height: 30px;
  padding: 2px 10px;
  border: 1px solid #dadada;
  line-height: 100%;
  vertical-align: middle;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
input.input02[type="text"] {
  height: 30px;
  padding: 2px 10px;
  border: 1px solid #dadada;
  line-height: 100%;
  vertical-align: middle;
  background: #f9f9f9;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
input[type="radio"] {
  vertical-align: middle;
  margin: 0;
}
input[type="checkbox"] {
  vertical-align: middle;
  margin: 0;
}
span.h20 {
  display: inline-block;
  vertical-align: middle;
  line-height: 100%;
  margin-top: -3px;
}
span.h20f11 {
  padding-top: 3px;
  display: inline-block;
  vertical-align: middle;
  line-height: 100%;
  font-size: 11px;
}
div.boxSearch1 h6 {
  line-height: 100%;
}
iframe {
  border: none;
}
.hand {
  cursor: pointer;
}
.f17 {
  font-size: 17px !important;
}
.bgLec11 {
  background: #2864ba;
}

div.selectbox1 {
  position: relative;
  height: 30px;
  border: 1px solid #ddd;
  font: 12px/100% Dotum;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
}
div.selectbox1 div {
  padding: 9px 4px 6px;
  background: #fff url(/_images/_common/icon_arrow_down.png) no-repeat 100% 50%;
  *zoom: 1;
}
div.selectbox1 div.on {
  background: #fff url(/_images/_common/icon_arrow_down.png) no-repeat 100% 50%;
}
div.selectbox1 ul {
  position: absolute;
  left: -1px;
  width: 100%;
  border: 1px solid #ddd;
  background: #fff;
  overflow: auto;
  visibility: hidden;
  z-index: 1;
}
div.selectbox1 ul li {
  padding: 3px 4px 1px;
  *zoom: 1;
}
div.selectbox1 ul li.on {
  color: #d35465;
}
div.selectbox1 ul li.over {
  color: #fff;
  background: #000;
}

span.sort1 a {
  padding: 0 10px 0 25px;
  background: url("/_images/__renew/common/arr01_up.gif") 0 1px no-repeat;
  display: inline-block;
  height: 22px;
  line-height: 20px;
}
span.sort1 a.on {
  color: #d35465 /*#222*/;
  background-image: url("/_images/__renew/common/arr01_dn.gif");
  font-weight: normal;
}

div.boxSearch1 img.icnSearch {
  position: absolute;
  top: 2px;
  left: 0;
}

/* modal Popup 기존유지 */
.fixPop {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  cursor: pointer;
}
.fixPop .fixPop_area {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
.fixPop .fixPop_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.75;
  -moz-opacity: 0.75;
  filter: alpha(opacity=75);
  cursor: pointer;
}
html.small_pop .fixPop .fixPop_area {
  overflow: auto;
  max-height: 650px;
}

.btn_buyBookView {
  position: relative;
  display: inline-block;
  color: #018d8c;
  text-align: left;
  background: url(/_images/_icon/blt_arrow_green.png) no-repeat right 6px;
}
.btn_buyBookView:after {
  position: absolute;
  content: "";
  left: 5px;
  bottom: 4px;
  height: 1px;
  width: 88px;
  background: #018d8c;
}

/* 라인 기존유지 */
div.line01 {
  height: 5px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #ccc;
  overflow: hidden;
}
div.line02 {
  height: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #ccc;
  overflow: hidden;
}
div.lines_h20_01 {
  padding: 2px 10px 0;
  background: url("/_images/_line/lines_h20_01.gif");
  line-height: 20px;
  word-break: keep-all;
  word-wrap: break-word;
}

/* 바 기존변경 */
span.grap01 {
  height: 10px;
  margin: 0 5px 2px;
  border: 1px solid #4e4e4e;
  vertical-align: middle;
  display: inline-block;
}
span.grap01 em {
  height: 100%;
  display: block;
  font-size: 0px;
}
span.grap01y em {
  background: #ffc800;
}
span.grap01p em {
  background: #ff89a3;
}
span.grap02 {
  height: 6px;
  background: #eaeaea;
  vertical-align: middle;
  display: inline-block;
}
span.grap02 em {
  height: 100%;
  background: #ff89a3;
  display: block;
  font-size: 0px;
}
span.grap03 {
  height: 17px;
  background: #fff;
  display: inline-block;
}
span.grap03 em {
  position: relative;
  height: 100%;
  display: block;
}
span.grap03 em img {
  vertical-align: middle;
}
span.grap03 em small {
  position: absolute;
  top: 3px;
  right: -35px;
  width: 44px;
}
span.grap03a em {
  background-image: url("/_images/story/grap01_01.gif");
}
span.grap03b em {
  background-image: url("/_images/story/grap01_02.gif");
}
span.grap03c em {
  background-image: url("/_images/story/grap01_03.gif");
}
span.grap03d em {
  background-image: url("/_images/story/grap01_04.gif");
}
span.grap03e em {
  background-image: url("/_images/story/grap01_05.gif");
}

/* 글꼴 기존변경 */
.point1,
.point1 td {
  color: #cd3848 !important;
}
.point7,
.point7 td {
  color: #2864ba !important;
}
.black1,
.black1 td {
  color: #000 !important;
}

/* 불릿 기존유지 */
.blt_ac1s {
  padding-left: 15px;
  background: url("/_images/_icon/blt_ac1s.gif") left center no-repeat;
}
.blt_ar1g {
  padding-left: 10px;
  background: url("/_images/_icon/blt_ar1g.gif") 0 3px no-repeat;
}
.blt_ar1p {
  padding-left: 10px;
  background: url("/_images/_icon/blt_ar1p.gif") 0 3px no-repeat;
}
.blt_ar2g {
  padding-left: 10px;
  background: url("/_images/_icon/blt_ar2g.gif") 0 3px no-repeat;
}
.blt_ar2p {
  padding-left: 10px;
  background: url("/_images/_icon/blt_ar2p.gif") 0 3px no-repeat;
}
.blt_ar3g {
  padding-left: 10px;
  background: url("/_images/_icon/blt_ar3g.gif") 0 3px no-repeat;
}
.blt_ar3p {
  padding-left: 10px;
  background: url("/_images/_icon/blt_ar3p.gif") 0 center no-repeat;
}
.blt_ar4s {
  padding-left: 10px;
  background: url("/_images/_icon/blt_ar4s.gif") 0 2px no-repeat;
}
.blt_ar5g {
  padding-left: 10px;
  background: url("/_images/_icon/blt_ar5g.gif") 0 2px no-repeat;
}
.blt_ar6g {
  padding-left: 10px;
  background: url("/_images/_icon/blt_ar6g.gif") 0 1px no-repeat;
}
.blt_ne1r {
  padding-left: 7px;
  background: url("/_images/_icon/blt_ne1r.gif") 0 50% no-repeat;
}
.blt_ne1s {
  padding-left: 7px;
  background: url("/_images/_icon/blt_ne1s.gif") 0 50% no-repeat;
}
.blt_se1r {
  padding-left: 10px;
  background: url("/_images/_icon/blt_se1r.gif") 0 5px no-repeat;
}
.blt_se2g {
  padding-left: 7px;
  background: url("/_images/_icon/blt_se2g.gif") 0 5px no-repeat;
}
.blt_se2p {
  padding-left: 10px;
  background: url("/_images/_icon/blt_se2p.gif") 0 3px no-repeat;
}
.blt_se2s {
  padding-left: 10px;
  background: url("/_images/_icon/blt_se2s.gif") 0 3px no-repeat;
}
.blt_vl1g {
  padding-left: 5px;
  background: url("/_images/_icon/blt_vl1g.gif") 0 0 no-repeat;
}
.blt_plus {
  padding-left: 11px;
  background: url("/_images/_icon/blt01_plus.gif") 0 50% no-repeat;
}
.blt_minus {
  padding-left: 11px;
  background: url("/_images/_icon/blt01_minus.gif") 0 50% no-repeat;
}
.blt_check {
  padding-left: 11px;
  background: url("/_images/_icon/blt01_check.gif") 0 50% no-repeat;
}
.blt_excla {
  padding-left: 15px;
  background: url("/_images/_icon/exclamation.gif") 0 3px no-repeat;
}
.blt_enter {
  padding-left: 15px;
  background: url("/_images/_icon/reply2.gif") 0 3px no-repeat;
}

span.member1 {
  padding-left: 15px;
  background: url("/_images/_icon/member1.gif") 0 6px no-repeat;
  display: inline-block;
}
span.member2 {
  padding-left: 15px;
  background: url("/_images/_icon/member2.gif") 0 6px no-repeat;
  display: inline-block;
}
span.member3 {
  padding-left: 15px;
  background: url("/_images/_icon/member3.gif") 0 6px no-repeat;
  display: inline-block;
}
span.mtype11 {
  padding-left: 15px;
  background: url("/_images/_icon/member1.gif") 0 6px no-repeat;
  display: inline-block;
}
span.mtype12 {
  padding-left: 15px;
  background: url("/_images/_icon/member2.gif") 0 6px no-repeat;
  display: inline-block;
}
span.mtype13 {
  padding-left: 15px;
  background: url("/_images/_icon/member3.gif") 0 6px no-repeat;
  display: inline-block;
}
span.mtype14 {
  padding-left: 30px;
  background: url("/_images/_icon/mtype1_04.gif") 0 4px no-repeat;
  display: inline-block;
}

span.member0 {
  padding-left: 15px;
  background: url("/_images/_icon/member1.gif") 0 6px no-repeat;
  display: inline-block;
}
span.memberA {
  padding-left: 15px;
  background: url("/_images/_icon/member2.gif") 0 6px no-repeat;
  display: inline-block;
}
span.memberG {
  padding-left: 15px;
  background: url("/_images/_icon/member3.gif") 0 6px no-repeat;
  display: inline-block;
}
span.mtype10 {
  padding-left: 15px;
  background: url("/_images/_icon/member1.gif") 0 6px no-repeat;
  display: inline-block;
}
span.mtype1A {
  padding-left: 15px;
  background: url("/_images/_icon/member2.gif") 0 6px no-repeat;
  display: inline-block;
}
span.mtype1G {
  padding-left: 15px;
  background: url("/_images/_icon/member3.gif") 0 6px no-repeat;
  display: inline-block;
}

/* 카드행사 기존유지 */
.cardMonth {
  position: relative;
  font-size: 0;
}
.cardMonth strong {
  position: absolute;
  top: 87px;
  left: 560px;
}
.cardWrap {
  background: #ededed;
  border-right: 2px solid #ededed;
  border-bottom: 2px solid #ededed;
}
.cardEvent {
  padding-top: 0;
  border: 1px solid #d1d1d1;
  background: #fff;
}
.cardEvent dl {
  margin: 10px;
}
.cardEvent dl dt {
  margin-bottom: 14px;
  padding: 6px 0 2px 25px;
  background: #f1f2f2 url("/_images/_cscenter/cardEvent/bul_arrow.gif")
    no-repeat 10px 9px;
  font-weight: bold;
}
.cardEvent dl dd {
  margin: 4px 0 0 18px;
  padding: 0 0 0 7px;
  line-height: 16px;
  background: url("/_images/_cscenter/cardEvent/nemo3.png") no-repeat 0 5px;
}

/* 타이틀 기존변경 */
#mainCont h1.title {
  position: relative;
  left: -60px;
}
h1.title {
  font-family: "Noto Sans KR";
  font-size: 24px;
  color: #000;
  font-weight: 500;
  margin: 0 0 18px;
  letter-spacing: -1.5px;
}
h1.title span {
  margin-left: 8px;
  padding-left: 8px;
  color: #888;
  border-left: 1px solid #ddd;
  font-weight: normal;
  font-size: 13px;
}
h2.title {
  font-family: "Noto Sans KR";
  font-size: 18px;
  color: #000;
  font-weight: 500;
  margin: 0 0 40px;
  letter-spacing: -1px;
  padding-left: 10px;
  margin: 25px 0 10px 0;
}
h2.title b {
  font-weight: 500;
}
.tit_type01 {
  font-family: "Noto Sans KR";
  font-size: 18px;
  color: #000;
  font-weight: 500;
  margin: 0 0 15px 10px;
  letter-spacing: -1px;
}
.tit_type01 span {
  color: #d04252;
}
.tit_type01 span.stxt {
  font-size: 13px;
  color: #9f9f9f;
  font-weight: 300;
  margin: 0 0 0 15px;
}
.tit_type01 + .btnTop {
  text-align: right;
  margin: -40px 0 10px 0;
}
.tit_type01 + .btnTop2 {
  text-align: right;
  margin: -30px 0 5px 0;
}
.tit_type02 {
  font-size: 18px;
  color: #000;
  font-weight: bold;
  margin: 40px 0 0 0;
  letter-spacing: -1px;
  padding: 9px 10px 14px;
  border-top: 2px solid #666;
  border-bottom: 1px solid #e8e8e8;
}
.tit_type03 {
  font-family: "Noto Sans KR";
  font-size: 22px;
  font-weight: 500;
  color: #000;
  letter-spacing: -1px;
  margin: 33px 0 15px 15px;
}
.tit_type03 span {
  color: #2763ba;
}
.tit_type03 b {
  color: #ed3535;
}
.tit_type04 {
  font-size: 15px;
  font-weight: bold;
  color: #000;
  margin: 20px 0 10px 15px;
  letter-spacing: -1px;
}
.tit_type05 {
  font-size: 18px;
  color: #646464;
  padding: 30px 16px 10px;
  letter-spacing: -1px;
  font-family: "Noto Sans KR";
  font-weight: 400;
}
.tit_type06 {
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 500;
  color: #000;
  letter-spacing: -1px;
  margin: 33px 0 15px 15px;
}
.tit_type06 span {
  font-family: "맑은 고딕", malgunGothic;
  font-size: 17px;
  font-weight: normal;
  color: #666;
}
h3.tit02 {
  color: #000;
  padding: 0;
  background: none;
  font-weight: bold;
  font-size: 15px;
  margin: 20px 0 10px 15px;
}
h3.title {
  color: #000;
  padding: 0;
  background: none;
  font-weight: bold;
  font-size: 15px;
  margin: 20px 0 10px 15px;
}

/* 탭메뉴 기존변경 */
div.tab01 {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
div.tab01 * {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
div.tab01 {
  height: 42px;
  margin: 0 1px 15px 1px;
  border-bottom: 2px solid #4e4e4e;
}
div.tab01 ul:after {
  display: block;
  content: "";
  clear: both;
}
div.tab01 ul li {
  float: left;
  width: auto !important;
}
div.tab01 ul li a {
  position: relative;
  background: #fff;
  height: 40px;
  line-height: 37px;
  margin-right: -1px;
  padding: 0 51px 0 50px;
  font-size: 16px;
  color: #010101;
  text-align: center;
  display: block;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  letter-spacing: -1px;
}
div.tab01.full ul li a {
  height: 39px;
}
div.tab01 ul li.on a,
div.tab01 ul li a:hover {
  padding: 0 50px 0 49px;
  z-index: 1;
  height: 42px;
  line-height: 38px;
  border: 2px solid #333333;
  border-bottom: none;
  font-weight: bold;
}
div.tabPadd11 ul li a,
div.tabPadd10 ul li a {
  padding: 0 9px 0 8px !important;
  font-size: 14px;
}
div.tabPadd10 ul li.on a,
div.tabPadd10 ul li a:hover,
div.tabPadd11 ul li.on a,
div.tabPadd11 ul li a:hover {
  padding: 0 8px 0 7px !important;
}
div.tabPadd12 ul li a {
  padding: 0 12px 0 11px !important;
}
div.tabPadd12 ul li.on a,
div.tabPadd12 ul li a:hover {
  padding: 0 11px 0 10px !important;
}
div.tabPadd20 ul li a {
  padding: 0 19px 0 18px !important;
}
div.tabPadd20 ul li.on a,
div.tabPadd20 ul li a:hover {
  padding: 0 18px 0 17px !important;
}
div.tab01.line2 {
  height: 60px;
}
div.tab01.line2 ul li a {
  line-height: 20px;
  height: 58px;
  padding-top: 7px !important;
}
div.tab01.line2 ul li.on a,
div.tab01.line2 ul li a:hover {
  height: 60px;
}
div.tab01.line2.full {
  height: 61px;
}
div.tab01.line2.full li.on a,
div.tab01.line2.full li:hover a,
div.tab01.line2.full li a {
  padding-top: 7px;
}
div.tab01.line2.full li.on a,
div.tab01.line2.full li:hover a {
  position: relative;
  height: 60px;
}

div.tab01.type02 {
  height: 50px;
  border-bottom: 1px solid #d9d9d9;
}
div.tab01.type02 ul li a {
  height: 49px;
  line-height: 47px;
}
div.tab01.type02.full ul li a {
  height: 48px;
}
div.tab01.type02 ul li.on a,
div.tab01.type02 ul li a:hover {
  height: 50px;
  line-height: 47px;
}

div.tab01.big {
  height: 51px !important;
}
div.tab01.big li.on a,
div.tab01.big li:hover a {
  height: 51px !important;
}
div.tab01.big ul li a {
  height: 47px !important;
  font-size: 18px !important;
  line-height: 2.5 !important;
}

div.tab01a {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
div.tab01a * {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
div.tab01a {
  height: 59px;
  margin: 0 0 10px 1px;
  border-bottom: 2px solid #4e4e4e;
}
div.tab01a dl {
  height: 100%;
}
div.tab01a dl dt {
  float: left;
  position: static;
  left: 0;
  margin-right: 0;
  background: none;
  z-index: 1;
}
div.tab01a dl dt a {
  position: relative;
  padding: 10px 15px 6px 14px;
  margin: 0 -1px 0 0;
  color: #010101;
  background: none;
  text-align: center;
  display: block;
  border: 1px solid #d9d9d9;
  font-size: 14px;
  line-height: 20px;
  border-bottom: none;
  font-weight: normal;
  height: 57px;
}
div.tab01a dl dt.on {
  background-image: none;
}
div.tab01a dl dt.on a {
  padding-bottom: 6px;
  padding: 10px 14px 6px 13px;
  color: #222;
  background-image: none;
  border: 2px solid #333;
  border-bottom: none;
  z-index: 1;
  height: 59px;
  background: #fff;
  font-weight: bold;
}

div.tab01a dl dd {
  float: left;
  position: static;
  left: 0;
  margin-right: 0;
  background: none;
  z-index: 1;
}
div.tab01a dl dd a {
  position: relative;
  padding: 23px 15px 12px 14px;
  margin: 0 -1px 0 0;
  color: #010101;
  background: none;
  text-align: center;
  display: block;
  border: 1px solid #d9d9d9;
  font-size: 14px;
  border-bottom: none;
  font-weight: normal;
  height: 57px;
}
div.tab01a dl dd.on {
  background-image: none;
}
div.tab01a dl dd.on a {
  padding-bottom: 13px;
  padding: 23px 14px 12px 13px;
  color: #222;
  background-image: none;
  border: 2px solid #333;
  border-bottom: none;
  z-index: 1;
  height: 59px;
  background: #fff;
  font-weight: bold;
}

div.tab01a.full dl {
  width: 100%;
  display: table;
  table-layout: fixed;
}
div.tab01a.full dl:after {
  content: none !important;
}
div.tab01a.full dl dt {
  display: table-cell;
  float: none;
}
div.tab01a.full dl dt a {
  height: 56px;
}
div.tab01a.full dl dt.on a,
div.tab01a.full dl dt:hover a,
div.tab01a.full dl dt a {
  padding: 9px 0 0 0;
}
div.tab01a.full dl dt.on a,
div.tab01a.full dl dt:hover a {
  height: 59px;
}

div.tab03 {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  background: none;
  height: 55px;
  padding: 0;
}
div.tab03 * {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
div.tab03 ul {
  display: table;
  width: 100%;
  border-collapse: separate;
  table-layout: fixed;
  padding: 0;
  background: none;
}
div.tab03 ul li {
  position: relative;
  display: table-cell;
  border: 1px solid #d9d9d9;
  height: 55px;
  border-left: 0;
  background: #fff;
  margin: 0;
  float: none;
  width: auto !important;
}
div.tab03 ul li:first-child {
  border-left: 1px solid #d9d9d9;
}
div.tab03 ul li:first-child.on,
div.tab03 ul li:first-child:hover {
  border-left: none;
}
div.tab03 ul li.on,
div.tab03 ul li:hover {
  background: #333;
  color: #fff;
  border-color: #333;
  font-weight: bold;
}
div.tab03 ul li.on a,
div.tab03 ul li:hover a {
  color: #fff;
  background: #333;
  font-size: 22px;
  letter-spacing: -1px;
}
div.tab03 ul li.on:after,
div.tab03 ul li:hover:after {
  display: block;
  content: "";
  width: 1px;
  height: 55px;
  position: absolute;
  top: -1px;
  left: -1px;
  background: #fff;
  ()display: none;
}
div.tab03 ul li a {
  width: 100% !important;
  height: 100%;
  display: block;
  text-align: center;
  color: #333;
  line-height: 52px;
  padding: 0;
  background: none;
  margin: 0;
  font-size: 22px;
  letter-spacing: -1px;
  font-family: "Noto Sans KR";
}
div.tab03 ul li .itxt {
  font-style: normal;
  font-size: 14px;
  color: #888;
  margin-right: 10px;
}
div.tab03 ul li.on .itxt,
div.tab03 ul li:hover .itxt {
  color: #ff92a3;
}
div.tab03 ul li span.anchor {
  display: none;
}

div.tab03.small {
  height: 42px;
}
div.tab03.small ul li a {
  font-size: 16px;
}
div.tab03.small ul li.on a,
div.tab03.small ul li:hover a {
  font-size: 16px;
}
div.tab03.small ul li {
  height: 42px;
}
div.tab03.small ul li.on:after,
div.tab03.small ul li:hover:after {
  height: 42px;
}
div.tab03.small ul li a {
  line-height: 38px;
}

div.tab07 {
  height: 36px;
  margin: 0 0 15px 0;
}
div.tab07 * {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
div.tab07 ul {
  height: 100%;
}
div.tab07 ul li {
  float: left;
  margin-right: 7px;
  background: none;
}
div.tab07 ul li a {
  padding: 9px 20px 11px 20px !important;
  margin-left: 0;
  background: none;
  text-align: center;
  display: block;
  font-size: 14px;
  letter-spacing: -1px;
  border: 1px solid #d9d9d9;
  line-height: 1;
  color: #000;
  font-family: "맑은 고딕", malgunGothic;
}
div.tab07 ul li.on {
  background: none;
}
div.tab07 ul li.on a {
  color: #222;
  background: none;
  border: 1px solid #333;
}
div.tab07.tabPadd11 ul li a,
div.tab07.tabPadd10 ul li.on a,
div.tab07.tabPadd10 ul li a:hover,
div.tab07.tabPadd11 ul li.on a,
div.tab07.tabPadd11 ul li a:hover {
  padding: 9px 11px 11px 6px !important;
}

div.tab11 {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
div.tab11 * {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
div.tab11 ul {
  display: table;
  width: 100%;
  border-collapse: separate;
  table-layout: fixed;
}
div.tab11 ul li {
  position: relative;
  display: table-cell;
  border: 1px solid #d9d9d9;
  height: 42px;
  border-left: 0;
}
div.tab11 ul li:first-child {
  border-left: 1px solid #d9d9d9;
}
div.tab11 ul li.on,
div.tab11 ul li:hover {
  background: #cc3344;
  color: #fff;
  border-color: #cc3344;
  font-weight: bold;
}
div.tab11 ul li.on a,
div.tab11 ul li:hover a {
  color: #fff;
  background: #cc3344;
}
div.tab11 ul li.on:after,
div.tab11 ul li:hover:after {
  display: block;
  content: "";
  width: 1px;
  height: 42px;
  position: absolute;
  top: -1px;
  left: -1px;
  background: #cc3344;
  ()display: none;
}
div.tab11 ul li a {
  width: 100% !important;
  height: 100%;
  display: block;
  text-align: center;
  font-size: 16px;
  color: #010101;
  line-height: 40px;
}
div.tab11 ul li .itxt {
  font-style: normal;
  font-size: 14px;
  color: #888;
  margin-right: 10px;
}
div.tab11 ul li.on .itxt,
div.tab11 ul li:hover .itxt {
  color: #ff92a3;
}
div.tab11 ul li span.anchor {
  display: none;
}
div.tab11.line2 ul li {
  height: 65px;
}
div.tab11.line2 ul li.on:after,
div.tab11.line2 ul li:hover:after {
  height: 65px;
}
div.tab11.line2 ul li a {
  line-height: 1.3;
  padding-top: 10px;
}
div.tab11.visualTab ul li {
  height: 65px;
  background: #414141;
  border: 1px solid #363535;
  border-left: 0;
}
div.tab11.visualTab ul li:first-child {
  border-left: 1px solid #363535;
}
div.tab11.visualTab ul li a {
  color: #999;
}
div.tab11.visualTab ul li a {
  font-size: 18px;
  line-height: 63px;
}
div.tab11.visualTab ul li.on:after,
div.tab11.visualTab ul li:hover:after {
  height: 65px;
}
div.tab11.visualTab ul li.on,
div.tab11.visualTab ul li:hover,
div.tab11.visualTab ul li.on a,
div.tab11.visualTab ul li:hover a,
div.tab11.visualTab ul li.on:after,
div.tab11.visualTab ul li:hover:after {
  border-color: #cc3344;
  background: #cc3344;
  color: #fff;
}
div.tab11.blue ul li.on,
div.tab11.blue ul li:hover,
div.tab11.blue ul li.on a,
div.tab11.blue ul li:hover a,
div.tab11.blue ul li.on:after,
div.tab11.blue ul li:hover:after {
  border-color: #007dc6;
  background: #007dc6;
  color: #fff;
}

.subTab {
  margin: 0 0 15px 0;
}
.subTab li {
  display: inline-block;
  margin: 0 0 5px;
}
.subTab li a {
  display: inline-block;
  height: 30px;
  line-height: 28px;
  padding: 0 15px;
  color: #010101;
  font-family: "맑은 고딕", malgunGothic;
  font-size: 15px;
}
.subTab li.on a,
.subTab li a:hover {
  color: #fff;
  background: #333;
  font-weight: bold;
}

div.tab02_sub {
  margin: 0 0 15px 0;
  border-bottom: none;
  padding: 0;
}
div.tab02_sub a {
  display: inline-block;
  height: 30px;
  line-height: 28px;
  padding: 0 15px;
  color: #010101;
  font-family: "맑은 고딕", malgunGothic;
  font-size: 15px;
}
div.tab02_sub a:hover,
div.tab02_sub a.on {
  color: #fff;
  background: #333;
  font-weight: bold;
}
div.tab02_sub.type_02 a {
  font-size: 14px;
  padding: 0 10px;
}

div.tabRight ul li {
  float: right;
}

/* 테이블 기존변경 */
th {
  text-align: center;
}
table.tbl01 {
  width: 100%;
}
table.tbl01 * {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
table.tbl01 tr:first-child {
  border-top: 2px solid #666;
}
table.tbl01 thead + input + tbody tr:first-child,
table.tbl01 thead + tbody tr:first-child,
table.tbl01 tbody + tbody tr:first-child {
  border-top: none;
}
table.tbl01 thead th {
  padding: 7px 7px 8px;
  border-bottom: 1px solid #666;
  letter-spacing: -1px;
  text-align: center;
  font-size: 12px;
  color: #222;
  background: #f3f3f3;
}
table.tbl01 tbody th {
  padding: 7px 7px 8px;
  border: solid #e1e1e1;
  border-width: 0 1px 1px 0;
  background: #f6f6f6;
  letter-spacing: -1px;
  font-size: 12px;
  color: #222;
  text-align: center;
}
table.tbl01 tbody td {
  padding: 7px 7px 8px;
  border-bottom: 1px solid #e1e1e1; /*background:#fff;*/
  text-align: center;
  font-size: 12px;
}
table.tbl01 tbody td.reply {
  background: #fff url("/_images/_icon/reply1.gif") 60% 10px no-repeat;
}
table.tbl01 tbody td.replySubj {
  padding-left: 50px !important;
  background: #fff url("/_images/__renew/common/txt_reply.png") 15px 53%
    no-repeat;
  text-align: left;
}
table.tbl01 tbody td.bdRight {
  border-right: 1px solid #e1e1e1;
}
table.tbl01 .txtRe {
  font-weight: bold;
  color: #2763bb;
  margin-right: 3px;
}
/*
table.tbl01 tbody td table th,
table.tbl01 tbody td table td { padding:0; }
*/

table.tbl01.ft15 thead th,
table.tbl01.ft15 tbody th,
table.tbl01.ft15 tbody td {
  padding: 12px 10px 15px !important;
  font-size: 14px;
}
table.tbl01.ft15 thead th {
  padding: 12px 0 15px;
}
table.tbl01.ft15 input[type="text"],
table.tbl02.ft15 input[type="text"],
table.tbl01.ft15 select,
table.tbl02.ft15 select[type="text"] {
  height: 30px;
  font-size: 14px;
}
table.tbl01.ft15 input[type="radio"],
table.tbl01.ft15 input[type="checkbox"] {
  width: 20px;
  height: 20px;
}
table.tbl02.ft15 input[type="radio"],
table.tbl02.ft15 input[type="checkbox"] {
  width: 20px;
  height: 20px;
}
table.tbl01.ft15 textarea,
table.tbl02.ft15 textarea {
  font-size: 14px;
  padding: 2px 10px;
}
table.tbl01.ft15 tbody td.cont p {
  font-size: 14px;
}

table.tbl01.t01view {
  table-layout: fixed;
} /* 읽기 테이블 */
table.tbl01.t01view tbody th {
  padding-left: 25px;
  text-align: left;
}
table.tbl01.t01view tbody td {
  padding-left: 12px;
  text-align: left;
}

table.tbl01.typeWrite tbody th {
  padding: 12px 0 12px;
  text-align: center;
  background: #fff;
  border-right: 0;
  font-size: 14px;
}
table.tbl01.typeWrite tbody td {
  padding: 12px 30px 12px 10px;
  font-size: 14px;
}
table.tbl01.typeWrite input[type="text"],
table.tbl01.typeWrite select {
  height: 30px;
  font-size: 15px;
  padding-left: 20px;
}
table.tbl01.typeWrite input[type="radio"],
table.tbl01.typeWrite input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin-top: 0;
}
table.tbl01.typeWrite .txtInfor {
  font-size: 14px;
  color: #2763b9;
  font-weight: bold;
  letter-spacing: -1px;
}
table.tbl01.typeWrite .txtInfor2 {
  margin-top: 10px;
}
table.tbl01.typeWrite .txtInfor2 p {
  font-size: 14px;
  color: #1d2030;
  letter-spacing: -1px;
}
table.tbl01.typeWrite .txtInfor2 .btn22 {
  margin: -5px 0 0 20px;
}

.tbl_5 {
  border: 1px solid #e1e1e1;
  border-left: none;
  border-top: none;
  margin: 10px 0 0;
  width: 100%;
}
.tbl_5 th {
  background: #f6f6f6;
  padding: 10px;
  font-size: 12px;
  border-top: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  color: #646464;
}
.tbl_5 td {
  padding: 15px;
  font-size: 12px;
  border-left: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
  line-height: 1.5;
}
.tbl_5 span {
  font-size: inherit !important;
}

h3.reTitle {
  margin: 20px 0 0 0;
  font-size: 20px;
  color: #fff;
  height: 56px;
  line-height: 56px;
  background: #666;
  padding: 0 30px;
  font-weight: normal;
  text-align: center;
}
.listBotInfor {
  margin: 10px 0 0 0;
}
.listBotInfor:after {
  display: block;
  content: "";
  clear: both;
}
.listBotInfor .inLeft {
  float: left;
}
.listBotInfor .inLeft p {
  color: #969696;
  font-size: 12px;
}
.listBotInfor .inRight {
  float: right;
}
.listBotInfor .linkPage {
  float: right;
  width: 41px;
  margin-left: 10px;
}
.listBotInfor .linkPage a {
  display: inline-block;
  float: left;
  width: 20px;
  height: 21px;
  background: url("/_images/_common/ico_slide_arrow.png") no-repeat 0 0;
  text-indent: -9999px;
  overflow: hidden;
}
.listBotInfor .linkPage a + a {
  display: inline-block;
  float: left;
  width: 21px;
  height: 21px;
  background: url("/_images/_common/ico_slide_arrow.png") no-repeat -20px 0;
}
.listBotInfor .txtNum {
  font-size: 12px;
}
.listBotInfor .txtNum em {
  color: #ff1718;
  font-weight: bold;
}

.tbltxtInfor {
  font-size: 15px;
  text-align: right;
  color: #000;
  font-weight: bold;
}
.tbltxtInfor .bar {
  color: #808080;
}
.lectureList .lecture .tit2 {
  font-size: 16px;
  color: #000;
}
table.calendar1 tbody td {
  padding: 8px 0 4px;
}

#cke_textarea3 *,
#cke_taskNameFromME *,
#cke_taskStandard *,
#cke_b_content * {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

/* 게시판뷰, 이전글 신규추가 */
.boardViewWrap * {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.boardViewWrap .tit {
  padding: 11px 30px 15px;
  font-size: 19px;
  color: #000;
  border-top: 2px solid #666;
  border-bottom: 1px solid #666;
  background: #f3f3f3;
  font-weight: bold;
  margin: 0 !important;
}
.boardViewWrap .boardInfor {
  padding: 14px 30px 14px;
  border-bottom: 1px solid #e1e1e1;
}
.boardViewWrap .boardInfor:after {
  display: block;
  content: "";
  clear: both;
}
.boardViewWrap .boardInfor dt {
  font-size: 15px;
  color: #000;
  display: inline;
  margin: 0 17px 0 0;
}
.boardViewWrap .boardInfor dd {
  font-size: 15px;
  display: inline;
  color: #000;
}
.boardViewWrap .boardInfor dd + dt {
  margin-left: 60px;
}
.boardViewWrap .boardInfor .inLeft {
  float: left;
}
.boardViewWrap .boardInfor .inRight {
  float: right;
}
.boardViewWrap .boardCont {
  padding: 30px;
  font-size: 15px;
  border-bottom: 1px solid #666;
  color: #000;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
}
.boardViewWrap .boardCont * {
  font-size: 15px;
}
.boardViewWrap + .justify {
  margin-top: 20px !important;
}
.boardViewWrap + .boardPrev {
  border-top: none;
}

.boardPrev * {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.boardPrev {
  width: 100%;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  font-size: 15px;
}
.boardPrev dt {
  width: 120px;
  float: left;
  border-top: 1px solid #e1e1e1;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  padding: 0 0 0 50px;
  position: relative;
  height: 50px;
  line-height: 48px;
}
.boardPrev dt:after {
  display: block;
  content: "";
  width: 13px;
  height: 7px;
  background: url(/_images/_common/icon_arrow_updown.png) no-repeat 0 0;
  background-position: 0 -51px;
  position: absolute;
  top: 22px;
  left: 24px;
}
.boardPrev dd {
  width: 100%;
  border-top: 1px solid #e1e1e1;
  padding: 0 30px 0 0;
  height: 50px;
  line-height: 48px;
  font-weight: bold;
}
.boardPrev dd a {
  max-width: 85%;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
}
.boardPrev dt:first-child:after {
  background-position: 0 0;
}
.boardPrev dt:first-child,
.boardPrev dt:first-child + dd {
  border-top: 0;
}
.boardPrev + .justify,
form + .justify,
.jinro_tbl01 + .btnOpt01,
.tbl01.t01view + .justify,
.boardPrev + .btnOpt01 {
  margin-top: 20px !important;
}

.csreplyCotent {
  padding: 30px;
  font-size: 15px;
  border-bottom: 1px solid #666;
  background: #f7f7f7;
  color: #000;
  letter-spacing: -1px;
}
.csreplyCotent p {
  font-size: 15px;
  color: #000;
  margin-top: 20px;
}
.csreplyCotent p:first-child {
  margin-top: 0;
}
.csreplyCotent .txtfile a {
  text-decoration: underline;
  color: #000;
  font-weight: normal;
  line-height: 1.6;
}
.csreplyCotent .addTit {
  color: #2864b9;
  font-weight: bold;
  padding-top: 20px;
  border-top: 1px solid #e1e1e1;
}
.csreviewBox {
  margin: 30px 0 0 0;
  border: 1px solid #dedede;
  background: #fff;
}
.csreviewBox .inTop {
  padding: 25px 0 25px 158px;
  background: url("/_images/__renew/common/ico_csreview.png") no-repeat 53px
    39px;
}
.csreviewBox .inTop p {
  font-size: 13px;
  color: #666;
  margin: 0 0 14px;
}
.csreviewBox .inTop li {
  font-size: 13px;
  display: inline-block;
}
.csreviewBox .inTop li:first-child {
  margin-right: 65px;
}
.csreviewBox .inTop li strong {
  display: block;
  font-size: 15px;
  font-weight: bold;
  color: #2864b9;
}
.csreviewBox .inBot {
  position: relative;
  padding: 15px 0 17px 53px;
  border-top: 1px solid #dedede;
}
.csreviewBox .inBot p {
  font-weight: bold;
  padding: 0 0 7px;
}
.csreviewBox .inBot li {
  display: inline-block;
  font-size: 14px;
  margin: 0 26px 0 0;
}
.csreviewBox .inBot li .checkwrap {
  display: block;
  margin: 4px 0 0;
}
.csreviewBox .inBot li .checkwrap label {
  margin-left: 5px;
}
.csreviewBox .inBot .btn27 {
  position: absolute;
  top: 55px;
  right: 27px;
}

/* 검색 기존변경 */
div.boardSearch * {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
div.boardSearch {
  margin-top: 10px;
  text-align: center;
}
div.boardSearch select {
  min-width: 91px;
  height: 42px;
  line-height: 42px;
  padding: 0 40px 0 15px;
  font-size: 16px;
  color: #010101;
  vertical-align: middle;
  border: 1px solid #cdcdcd;
  background: #fff url(/_images/_common/icon_arrow_down.png) no-repeat right
    18px;
  transition: all 0.3s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding-right: 0 \0 / IE8 + 9;
  background: #fff\0;
  background: #fff\0/;
}
div.boardSearch select::-ms-expand {
  display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  div.boardSearch select {
    background: #fff url(/_images/_common/icon_arrow_down.png) no-repeat 90%
      18px;
  }
}
div.boardSearch input.input01 {
  font-size: 16px;
  height: 42px;
  line-height: 42px;
  width: 250px;
  padding: 0 15px;
  border: 1px solid #cdcdcd;
  width: 200px;
  vertical-align: middle;
}
div.boardSearch span.btn01 {
  vertical-align: middle;
}
div.boardSearch .btn_search {
  display: inline-block;
  border: 0;
  margin: 0;
  padding: 0;
  width: 50px;
  height: 42px;
  margin-left: -5px;
  background: #666 url(/_images/_common/icon_search.png) 16px 11px no-repeat;
  vertical-align: middle;
  text-indent: -9999px;
}
div.boardSearch .btn35 {
  background: #666;
}
div.boardSearch.type02 {
  border: 1px solid #dedede;
  background: #f7f7f7;
  padding: 20px 30px;
  margin: 20px 0;
  text-align: left;
}
div.boardSearch.type02:after {
  display: block;
  content: "";
  clear: both;
}
div.boardSearch.type02 .btn_search + a {
  margin-left: 5px;
}
div.boardSearch.type02 .btn_search + a.btn35 {
  height: 42px;
  border-radius: 0;
}
div.boardSearch.type02 .btn_search + a.btn35 em {
  padding: 12px 22px 14px;
  font-size: 16px;
}
div.boardSearch.type02 .typeCheck {
  position: relative;
  text-align: left;
  padding: 0 20px 18px 128px;
}
div.boardSearch.type02 .typeCheck .txt {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 15px;
  font-weight: bold;
  color: #010101;
  vertical-align: middle;
}
div.boardSearch.type02 .typeCheck label {
  font-size: 15px;
  margin: 0 25px 0 0;
  vertical-align: middle;
}
div.boardSearch.type02 .typeCheck input[type="radio"] {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin: 4px 3px 0 0;
}
div.boardSearch.type02 label {
  font-size: 15px;
  font-weight: bold;
  color: #010101;
  margin: 0 10px 0 0;
}
div.boardSearch.type02 input + label,
div.boardSearch.type02 select + label {
  margin-left: 20px;
}

/* 페이징 기존유지 */
div.paging1 {
  text-align: center;
  cursor: default;
}
div.paging1 img {
  vertical-align: middle;
}
div.paging1 span {
  margin: 0 8px;
  *margin: 0 10px 0 6px;
  color: #dedede;
  vertical-align: middle;
  display: inline-block;
}
div.paging1 span a {
  min-width: 16px;
  height: 18px;
  padding: 1px 2px;
  margin: 0 1px;
  color: #6e6e6e;
  background: none;
  font: 11px/1.9em Dotum;
}
div.paging1 span a:hover {
  color: #ff6347;
}
div.paging1 span a.on {
  color: #ff6347;
  font-weight: bold;
} /* a:hover와 순서바꾸면 안됨 */

/* 페이징 신규추가 */
.pagination {
  /* margin-top:34px; */
  background: none !important;
}
.pagination * {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.pagination > li {
  background: none !important;
  padding: 0 !important;
}
.pagination > li > a,
.pagination > li > span {
  background: none !important;
  border: 0;
  font-size: 16px;
  color: #666;
}
.pagination > li > a:hover {
  background: none;
  color: #666;
}
.pagination > li > a,
.pagination > li > span {
  padding: 4px 13px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background: none;
  border: 0;
  color: #000;
  font-weight: bold;
}
.pagination .fa {
  position: relative;
  z-index: 1;
  width: 27px;
  height: 27px;
  overflow: hidden;
  margin-top: -2px;
  background: url(/_images/_common/icon_paging.png) no-repeat 0 0;
  display: inline-block;
}
.pagination .fa:before {
  content: "";
}
.pagination .fa-chevron-left {
  margin-left: -10px;
  background-position: -33px 0;
}
.pagination .fa-chevron-right {
  margin-right: -10px;
  background-position: -236px 0;
}
.pagination .fa-fast-forward {
  margin-left: -9px;
  background-position: -269px 0;
}
.pagination .fa-fast-backward {
  margin-right: -9px;
}

/* 버튼 기존변경 */
.btnTop {
  text-align: right;
  margin: 0 0 10px;
}
a.btnRed {
  background: #cc3344;
}
.btnGray {
  border: none;
  background: #666;
}
.btnPink {
  background: #2864b9;
  border: none;
  font-size: 13px;
}
.btn11 {
  height: 24px;
  background: #fff;
  vertical-align: middle;
  letter-spacing: -1px;
  display: inline-block;
  border: 1px solid #ddd;
}
.btn11 em,
.btn11 input {
  display: block;
  padding: 4px 10px;
  background: none;
  margin: 0;
  color: #010101;
  font-weight: normal;
  line-height: 1em;
  font-size: 12px;
}
.btn12 {
  height: 24px;
  background: #999;
  vertical-align: middle;
  letter-spacing: -1px;
  display: inline-block;
}
.btn13 {
  height: 24px;
  background: #cc3344;
  vertical-align: middle;
  letter-spacing: -1px;
  display: inline-block;
}
.btn16 {
  height: 24px;
  background: #2763bb;
  vertical-align: middle;
  letter-spacing: -1px;
  display: inline-block;
}
.btn20 {
  height: 24px;
  background: #666;
  vertical-align: middle;
  letter-spacing: -1px;
  display: inline-block;
}
.btn20.deepblue {
  background: #1a2c5e;
}
.btn12 input,
.btn13 input,
.btn16 input,
.btn20 input {
  display: block;
  padding: 4px 10px;
  background: none;
  margin: 0;
  color: #fff;
  font-weight: normal;
  line-height: 1em;
  font-size: 12px;
}
.btn12 em,
.btn13 em,
.btn16 em,
.btn20 em {
  display: block;
  padding: 6px 10px 0;
  background: none;
  margin: 0;
  color: #fff;
  font-weight: normal;
  line-height: 1em;
  font-size: 12px;
}
.btn11 b {
  padding-right: 8px;
  background: url("/_images/_button/btn11.arr1.gif") 100% 6px no-repeat;
  font-weight: normal;
}
.btn12 b {
  padding-right: 8px;
  background: url("/_images/_button/btn12.arr1.gif") 100% 6px no-repeat;
  font-weight: normal;
}
.btn13 b {
  padding-right: 8px;
  background: url("/_images/_button/btn13.arr1.gif") 100% 6px no-repeat;
  font-weight: normal;
}
.btn16 b {
  padding-right: 8px;
  background: url("/_images/_button/btn13.arr1.gif") 100% 6px no-repeat;
  font-weight: normal;
}
.btn20 b {
  padding-right: 8px;
  background: url("/_images/_button/btn1a.arr1.gif") 100% 6px no-repeat;
  font-weight: normal;
}
.btn11 b.btnX {
  padding-right: 12px;
  background: url("/_images/_button/btn11.x.gif") 100% 4px no-repeat;
}
.btn11 b.btnArr1 {
  padding-right: 10px;
  background: url("/_images/_button/btn11.arr2.gif") 100% 6px no-repeat;
}
.btn11 b.btnArr2 {
  padding-left: 10px;
  padding-right: 0;
  background: url("/_images/_button/btn11.arr3.gif") 0% 6px no-repeat;
}
.btn11 b.btnAd1r {
  padding-right: 10px;
  padding-left: 0;
  background: url("/_images/_icon/blt_ad1r.gif") 100% 7px no-repeat;
}

.btn21 {
  height: 30px;
  background: #fff;
  vertical-align: middle;
  letter-spacing: -1px;
  display: inline-block;
  border: 1px solid #ddd;
}
.btn21.red {
  border: 1px solid #cd3848;
}
.btn21.blue {
  border: 1px solid #2c67bd;
}
.btn21.gray {
  border: 1px solid #dadada;
}
.btn21.black {
  border: 1px solid #6c6c6c;
}
.btn21 em {
  display: block;
  padding: 6px 15px 8px;
  background: none;
  margin: 0;
  color: #010101;
  font-weight: normal;
  line-height: 1em;
  font-size: 14px;
}
.btn21.red em {
  color: #cd3848;
}
.btn21.blue em {
  color: #2c67bd;
}
.btn21.gray em {
  color: #dadada;
}
.btn21.btnfeeling {
  border: 1px solid #2c67bd;
}
.btn21.btnfeeling em {
  color: #2c67bd;
  background: url("/_images/__renew/common/ico_face.png") no-repeat 8px 3px;
  padding-left: 36px;
}
.btn22 {
  height: 30px;
  background: #999;
  vertical-align: middle;
  letter-spacing: -1px;
  display: inline-block;
}
.btn23,
.btn24,
.btn26 {
  height: 30px;
  background: #cc3344;
  vertical-align: middle;
  letter-spacing: -1px;
  display: inline-block;
}
.btn25 {
  height: 30px;
  background: #666;
  vertical-align: middle;
  letter-spacing: -1px;
  display: inline-block;
}
.btn27 {
  height: 30px;
  background: #2763bb;
  vertical-align: middle;
  letter-spacing: -1px;
  display: inline-block;
}
.btn22 em,
.btn22 input,
.btn23 em,
.btn23 input,
.btn24 em,
.btn24 input,
.btn25 em,
.btn25 input,
.btn26 em,
.btn26 input,
.btn27 em,
.btn27 input {
  display: block;
  padding: 7px 15px;
  background: none;
  margin: 0;
  color: #fff;
  font-weight: normal;
  line-height: 1em;
  font-size: 14px;
}
button.btn22 em,
button.btn23 em,
button.btn24 em,
button.btn25 em,
button.btn26 em,
button.btn27 em {
  display: block;
  padding: 6px 15px 8px;
  background: none;
  margin: 0;
  color: #fff;
  font-weight: normal;
  line-height: 1em;
  font-size: 14px;
}
.btn21 b {
  padding-right: 10px;
  background: url("/_images/_button/btn21.arr1.gif") 100% 7px no-repeat;
  font-weight: normal;
}
.btn22 b {
  padding-right: 10px;
  background: url("/_images/_button/btn22.arr1.gif") 100% 7px no-repeat;
  font-weight: normal;
}
.btn23 b {
  padding-right: 10px;
  background: url("/_images/_button/btn23.arr1.gif") 100% 7px no-repeat;
  font-weight: normal;
}
.btn24 b {
  padding-right: 10px;
  background: url("/_images/_button/btn23.arr1.gif") 100% 7px no-repeat;
  font-weight: normal;
}
.btn25 b {
  padding-right: 10px;
  background: url("/_images/_button/btn22.arr1.gif") 100% 7px no-repeat;
  font-weight: normal;
}
.btn26 b {
  padding-right: 10px;
  background: url("/_images/_button/btn22.arr1.gif") 100% 7px no-repeat;
  font-weight: normal;
}
.btn27 b {
  padding-right: 10px;
  background: url("/_images/_button/btn22.arr1.gif") 100% 7px no-repeat;
  font-weight: normal;
}

.btn31 {
  height: 53px;
  background: #fff;
  vertical-align: middle;
  letter-spacing: -1px;
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 7px;
}
.btn31 em {
  display: block;
  height: 42px;
  font-size: 18px;
  padding: 16px 35px 14px;
  background: none;
  margin: 0;
  color: #010101;
  font-weight: normal;
  line-height: 1em;
}
.btn32 {
  height: 53px;
  background: #999;
  vertical-align: middle;
  letter-spacing: -1px;
  display: inline-block;
  border-radius: 7px;
}
.btn33 {
  height: 53px;
  background: #cc3344;
  vertical-align: middle;
  letter-spacing: -1px;
  display: inline-block;
  border-radius: 7px;
}
.btn34 {
  height: 53px;
  background: #2763bb;
  vertical-align: middle;
  letter-spacing: -1px;
  display: inline-block;
  border-radius: 7px;
}
.btn35 {
  height: 53px;
  background: #ed3535;
  vertical-align: middle;
  letter-spacing: -1px;
  display: inline-block;
  border-radius: 7px;
}
.btn36 {
  height: 53px;
  display: inline-block;
  font-size: 18px;
  color: #2763bb !important;
  border: 1px solid #2763bb;
  line-height: 51px;
  padding: 0 17px;
  letter-spacing: -1px;
  border-radius: 7px;
}
.btn32 em,
.btn32 input,
.btn33 em,
.btn33 input,
.btn34 em,
.btn34 input,
.btn35 em {
  display: block;
  padding: 16px 35px 14px;
  font-size: 18px;
  color: #fff !important;
  margin: 0;
  background: none;
  line-height: 1em;
  font-weight: normal;
}
.btn31 b {
  padding-right: 13px;
  background: url("/_images/_button/btn31.arr1.gif") 100% 7px no-repeat;
  font-weight: normal;
}
.btn32 b {
  padding-right: 13px;
  background: url("/_images/_button/btn32.arr1.gif") 100% 7px no-repeat;
  font-weight: normal;
}
.btn33 b {
  padding-right: 13px;
  background: url("/_images/_button/btn33.arr1.gif") 100% 7px no-repeat;
  font-weight: normal;
}
.btn34 b {
  padding-right: 13px;
  background: url("/_images/_button/btn34.arr1.gif") 100% 7px no-repeat;
  font-weight: normal;
}
.btn35 b {
  padding-right: 13px;
  background: url("/_images/_button/btn34.arr1.gif") 100% 7px no-repeat;
  font-weight: normal;
}

.btn40 {
  display: inline-block;
  padding: 8px 35px 11px 22px;
  border: 1px solid #dcdde1;
  background: #fff;
  font-size: 12px;
  letter-spacing: -1px;
  line-height: 16px;
  background: #fff url("/_images/_button/btn40.arr1.gif") no-repeat 90% 50%;
}
.btn40 span {
  display: block;
  font-weight: bold;
  color: #2763bb;
}
.btnTopmore {
  display: inline-block;
  font-size: 14px;
  color: #000;
  border: 1px solid #dedede;
  background: #f7f7f7;
  padding: 5px 20px 4px 25px;
}
.btnTopmore em {
  display: inline-block;
  height: 19px;
  line-height: 19px;
  color: #000;
  padding-right: 33px;
  background: url("/_images/__renew/common/icon_plusNew.png") no-repeat 100% 0;
}
.btnTopmore em span {
  color: #ce133f;
}

.btnMoreBox a {
  display: block;
  text-align: center;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  background: #f7f7f7;
  font-size: 15px;
  color: #000;
  letter-spacing: -1px;
  padding: 7px 0 8px;
}
.btnMoreBox a span {
  padding-right: 16px;
  background: url("/_images/__renew/common/bul_arrow01_down.png") no-repeat 100%
    50%;
}
.btnMoreBox a.on span {
  background: url("/_images/__renew/common/bul_arrow01_up.png") no-repeat 100%
    50%;
}
.tbl01 + .btnMoreBox a {
  border-top: none;
}

.btnbuyBox {
  position: relative;
  text-align: right;
  margin: 25px 0;
}
.btnbuyBox a em {
  min-width: 104px;
  text-align: center;
}
.btnbuyBox .btnLeft {
  position: absolute;
  top: 30px;
  left: 0;
}
.btnbuyBox .disabled {
  background: #d9d9d9 !important;
  color: #939393 !important;
  border: #d9d9d9 !important;
}
.btnbuyBox .disabled em {
  color: inherit !important;
}
.btnbuyBox .btn31 {
  border-color: #666;
}
.btnbuyBox .btn31 em {
  color: #323232;
}

.newBtnwrap .btn11,
.newBtnwrap .btn12,
.newBtnwrap .btn13 {
  height: 42px;
}
.newBtnwrap .btn11 em,
.newBtnwrap .btn12 em,
.newBtnwrap .btn13 em {
  padding: 13px 22px;
  font-size: 16px;
}

.lectureList .viewSome2 a {
  width: 96px;
}
.viewSome2 a,
.viewSome2 .viewHdplus,
.viewSome2 .viewFhd,
.viewSome2 .viewHd,
.viewSome2 .viewGreen,
.viewSome2 .viewNormal,
.viewSome2 .viewSky {
  min-width: 96px;
  display: inline-block;
  font-size: 13px;
  text-align: center;
  padding: 4px 10px 6px;
  border: 1px solid #cdcdcd;
  letter-spacing: -1.5px;
  color: #000;
  line-height: 1.4;
  background: #fff;
}
.viewSome2 .viewHdplus span,
.viewSome2 .viewHd span {
  font-weight: bold;
  color: #ce133f;
}
.viewSome2 .viewFhd span {
  font-weight: bold;
  color: #2763ba;
}
.viewSome2 .viewNormal span {
  font-weight: bold;
  color: #646464;
}
.viewSome2 .viewGreen {
  color: #66950a;
  font-weight: bold;
}
.viewSome2 .viewSky {
  color: #009de6;
}
.viewSome2 .viewSky span {
  font-weight: bold;
}

/* 게시판 버튼 기존변경 */
.boardViewWrap + .justify .btn11,
.boardViewWrap + .justify .btn20,
.boardPrev + .justify .btn11,
.boardPrev + .justify .btn13,
.tbl01.ft15 + .justify .btn11,
.tbl01.ft15 + .justify .btn20,
.tbl01.typeWrite + .justify .btn11,
.tbl01.typeWrite + .justify .btn20,
.boardPrev + .justify .btn20,
form + .justify .btn11,
form + .justify .btn20 {
  height: 53px;
  vertical-align: middle;
  letter-spacing: -1px;
  display: inline-block;
  background: #ed3535;
  border: none;
  border-radius: 7px;
}
.boardViewWrap + .justify .btn11 em,
.boardViewWrap + .justify .btn20 em,
.tbl01.typeWrite + .justify .btn11 em,
.tbl01.typeWrite + .justify .btn20 em,
.boardPrev + .justify .btn11 em,
.boardPrev + .justify .btn13 em,
.boardViewWrap + .justify .btn11 input,
.boardPrev + .justify .btn11 input,
.tbl01.ft15 + .justify .btn11 em,
.tbl01.ft15 + .justify .btn20 em,
form + .justify .btn11 em,
form + .justify .btn20 em,
.boardPrev + .justify .btn20 em {
  display: block;
  padding: 16px 35px 0;
  font-size: 18px;
  color: #fff !important;
  margin: 0;
  background: none;
  font-weight: normal;
  height: 100%;
}
form + .justify .btn11 + .btn11,
.tbl01.ft15 + .justify .btn20,
form + .justify .btn20,
.boardPrev + .justify .btn20,
.boardViewWrap + .justify .btn20,
.tbl01.typeWrite + .justify .btn20 {
  background: #666;
}
.boardPrev + .justify .btn13 {
  background: #cc3344;
}
.tbl01.ft15 + .btnOpt01,
.tbl01.ft15 + .justify {
  margin-top: 37px;
}
.tbl01.ft15 + .btnOpt01 .btnRed,
.jinro_tbl01 + .btnOpt01 .btnRed {
  height: 42px;
  padding: 9px 22px !important;
  font-size: 15px;
  background: #cc3344;
}
.tbl01.ft15 + .btnOpt01 + div > .pagination,
#jinro_tbl01 + div > .pagination {
  margin-top: 0;
  position: relative;
  top: -57px;
}
.tbl01.ft15 + .justify + div > .pagination {
  margin-top: 0;
  position: relative;
  top: -37px;
}
.tbl01.ft15 + .justify.mb10 + div > .pagination {
  margin-top: 0;
  position: relative;
  top: -47px;
}
.tbl01.ft15 + .justify + div + .boardSearch {
  margin-top: -27px;
}
.tbl01.ft15 + .justify.mb10 + div + .boardSearch {
  margin-top: -37px;
}
.tbl01.ft15 + .justify.mb10 + div.page_type02 .pagination,
.tbl01.ft15 + .justify.mb10 + div.page_type02 + .boardSearch {
  margin-top: 0;
}
.paging1 + .boardSearch + .btnOpt01 {
  overflow: visible;
}
.paging1 + .boardSearch + .btnOpt01 a {
  height: 42px;
  padding: 8px 22px;
  font-size: 16px;
  position: relative;
  top: -133px;
  float: none !important;
}
.boardPrev + .btnOpt01 a {
  height: 42px;
  padding: 8px 22px !important;
  font-size: 16px;
  color: #fff;
}
form + .btnOpt01 a {
  height: 42px;
  padding: 8px 22px !important;
  font-size: 16px !important;
  float: none !important;
  vertical-align: middle;
  color: #fff;
}
.tbl01.ft15 + div + .btnOpt01 {
  overflow: visible;
}
.tbl01.ft15 + div + .btnOpt01 a {
  position: relative;
  top: -86px;
  height: 42px;
  padding: 8px 22px !important;
  font-size: 16px !important;
  float: none !important;
  vertical-align: middle;
  color: #fff;
}
.justify .btn11 + .btn20 {
  background: #999 !important;
}

/* 댓글영역 */
.boxReply2 .btn01 {
  height: 20px;
  line-height: 16px;
  padding: 0 10px;
}
.boxReply2 .btn01 em {
  font-size: 12px;
  color: #000;
}
.boxReply2 .btn02 {
  height: 20px;
  line-height: 18px;
  padding: 0 10px;
}
.boxReply2 .btn02 em {
  font-size: 12px;
  color: #fff;
}
.boxReply2 .sticker_tip {
  font-size: 11px;
}
.boxReply2 .sticker_box {
  height: 408px;
}
.boxReply2 .sticker_menus {
  width: 594px;
}
.boxReply2 .sticker_shadow a.sticker_close {
  right: 5px;
  top: -6px;
}

/* 박스 기존변경 */
div.box05 {
  padding: 17px 30px 19px;
  border: solid #e9e9e9;
  border-width: 1px 0;
  background: #f9f9f9;
  *zoom: 1;
}
.box05.tabTit div.tab04 ul li.on a {
  background: none;
  color: #2864ba;
  font-size: 15px;
  font-weight: bold;
}
.box05.tabTit div.tab04 ul li:first-child {
  padding-left: 0;
}
div.box09 {
  *zoom: 1;
}
div.box09 .b09wrap {
  background: url("/_images/_box/box09.side.gif") bottom left repeat-y;
}
div.box09 .b09head {
  background: url("/_images/_box/box09.side.gif") top left no-repeat;
}
div.box09 .b09head em {
  padding-bottom: 10px;
  margin-left: 10px;
  background: url("/_images/_box/box09.gif") top right no-repeat;
  font-size: 0px;
  line-height: 100%;
  display: block;
}
div.box09 .b09body {
  padding: 0 10px 10px 0;
  margin-left: 10px;
  background: url("/_images/_box/box09.gif") bottom right repeat-y;
}

div.box10 {
  *zoom: 1;
}
div.box10 .b10wrap {
  background: url("/_images/_box/box10.side.gif") bottom left repeat-y;
}
div.box10 .b10head {
  background: url("/_images/_box/box10.side.gif") top left no-repeat;
}
div.box10 .b10tail {
  background: url("/_images/_box/box10.gif") bottom left no-repeat;
}
div.box10 .b10head em {
  padding-bottom: 10px;
  margin-left: 10px;
  background: url("/_images/_box/box10.gif") top right no-repeat;
  font-size: 0px;
  line-height: 100%;
  display: block;
}
div.box10 .b10tail em {
  padding-bottom: 12px;
  margin-left: 12px;
  background: url("/_images/_box/box10.gif") bottom right no-repeat;
  font-size: 0px;
  line-height: 100%;
  display: block;
}
div.box10 .b10body {
  padding: 0 10px 10px 0;
  margin-left: 10px;
  background: url("/_images/_box/box10.gif") bottom right repeat-y;
}
div.box10_long .b10wrap {
  background: #fafafa;
  border-left: 1px solid #e2e2e2;
}
div.box10_long .b10body {
  padding-bottom: 0;
  background: #fafafa;
  border-right: 1px solid #e2e2e2;
}

div.box15 .b15head {
  background: url("/_images/_box/box15.gif") top left no-repeat;
}
div.box15 .b15tail {
  background: url("/_images/_box/box15.gif") bottom left no-repeat;
}
div.box15 .b15wrap {
  background: url("/_images/_box/box15.mid.gif") bottom left repeat-y;
}
div.box15 .b15head em {
  padding: 16px 0 27px;
  margin-left: 30px;
  color: #222;
  background: url("/_images/_box/box15.gif") top right no-repeat;
  font: bold 14px/100% Dotum;
  letter-spacing: -1px;
  display: block;
}
div.box15 .b15head em img {
  vertical-align: -3px;
}
div.box15 .b15tail em {
  padding-bottom: 20px;
  margin-left: 30px;
  background: url("/_images/_box/box15.gif") bottom right no-repeat;
  font-size: 0px;
  line-height: 100%;
  display: block;
}
div.box15 .b15body {
  padding-right: 30px;
  margin-left: 30px;
  background: url("/_images/_box/box15.mid.gif") bottom right repeat-y;
  padding-bottom: 0px;
}

/* 우리들의 이야기 기존유지 */
span.grap1 {
  height: 10px;
  margin: 0 5px 2px;
  border: 1px solid #4e4e4e;
  vertical-align: middle;
  display: inline-block;
}
span.grap1 em {
  height: 100%;
  display: block;
  font-size: 0px;
}
span.grap1y em {
  background: #ffc800;
}
span.grap1p em {
  background: #ff89a3;
}
span.grap2 {
  height: 6px;
  background: #eaeaea;
  vertical-align: middle;
  display: inline-block;
}
span.grap2 em {
  height: 100%;
  background: #ff89a3;
  display: block;
  font-size: 0px;
}
span.grap3 {
  height: 22px;
  background: #fff;
  display: inline-block;
}
span.grap3 em {
  position: relative;
  height: 100%;
  display: block;
}
span.grap3 em img {
  vertical-align: middle;
}
span.grap3 em small {
  position: absolute;
  top: 3px;
  right: -38px;
  width: 44px;
}
span.grap3a em {
  background-image: url("/_images/_story/grap01_01.png");
}
span.grap3b em {
  background-image: url("/_images/_story/grap01_02.png");
}
span.grap3c em {
  background-image: url("/_images/_story/grap01_03.png");
}
span.grap3d em {
  background-image: url("/_images/_story/grap01_04.png");
}
span.grap3e em {
  background-image: url("/_images/_story/grap01_05.png");
}

h2.owa_title,
a.owa_title_link {
  position: absolute;
  font-family:
    "맑은 고딕",
    malgun gothic;
}
h2.owa_title {
  color: #777;
  font-size: 13px;
  left: 250px;
  top: 25px;
  letter-spacing: -1px;
  line-height: 20px;
}
h2.owa_title span {
  color: #cc3344;
}

.bar01 {
  color: #ccc;
}
.bar01 span {
  color: #666;
}
.bar01 a.on {
  color: #2864b9;
  font-weight: bold;
}

table.bar51 {
  width: 100%;
}
table.bar51 th {
  text-align: center;
}
table.bar51 td {
  text-align: center;
  background: url("/_images/_icon/blt_vl1g.gif") 0 3px no-repeat;
}

div.created {
  margin-top: 10px;
  text-align: right;
}
div.created span {
  height: 25px;
  padding: 4px 0 0 52px;
  color: #d6d6d6;
  background: url("/_images/_icon/txt_created.gif") 0 7px no-repeat;
  border-top: 1px solid #ebebeb;
  font-size: 11px;
  display: inline-block;
}
div.created span em {
  color: #6e6e6e;
}

/* 우측 스카이배너 기존변경 */
div#rightArea ul.menuType1 li {
  height: 20px;
  padding-top: 9px;
  background: #fff;
  border-top: 1px solid #e9e9e9;
  text-align: center;
}
div#rightArea ul.menuType1 li.first {
  border-top: 0;
}
div#rightArea ul.menuType2 {
  margin-top: 10px;
}
div#rightArea ul.menuType2 li {
  margin-bottom: 9px;
}
div#rightArea div.menuType3 {
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -1px;
  *zoom: 1;
  border: 1px solid #d9d9d9;
}
div#rightArea div.menuType3 a {
  font-size: 12px;
  color: #010101 !important;
}
div#rightArea div.menuType3 a:hover {
  color: #010101 !important;
}
div#rightArea div.menuType3 a .fright {
  margin: 6px 0 0 0;
}
div#rightArea div.menuType3 ul {
  margin-bottom: -1px;
}
div#rightArea div.menuType3 ul li {
  padding: 10px 0 8px;
  margin: 0 9px;
  border-bottom: 1px solid #dedede;
}
div#rightArea div.menuType3 ul li b {
  font-size: 11px;
  color: #666;
  font-weight: normal;
}
div#rightArea div.menuType3 .head {
  position: relative;
  top: -1px;
  left: -1px;
  width: 80px;
  height: 47px;
  padding: 7px 0 5px;
  line-height: 1.4;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  background: #666;
}
div#rightArea div.menuType3 .head b {
  display: block;
  color: #ccc;
  font-weight: normal;
}
div#rightArea div.menuType3 .head2 {
  position: relative;
  top: -1px;
  left: -1px;
  width: 80px;
  height: 33px;
  padding: 7px 0 5px;
  line-height: 1.4;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  background: #666;
}
div#rightArea div.menuType3 .head2 b {
  display: block;
  color: #ccc;
  font-weight: normal;
}
div#rightArea div.menuType3 .tail {
  display: none;
  padding: 10px 0 5px;
  color: #fff;
  text-align: center;
  background: url("/_images/quickmenu/sky_board.jpg") 0 bottom no-repeat;
}
div#rightArea div.menuType3 .arrow {
  margin: 10px 5px;
  text-align: center;
  font-size: 11.6px;
}
div#rightArea div.menuType3 .arrow b {
  font-weight: bold;
  color: #010101;
}
div#rightArea div.menuType3 .arrow span {
  margin: 0 10px;
}
div#rightArea div.menuType4 {
  margin-top: 10px;
  background: url("/_images/quickmenu/sky_board.jpg") no-repeat;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -1px;
  *zoom: 1;
}
div#rightArea div.menuType4 a {
  font-size: 11px;
}
div#rightArea div.menuType4 ul li {
  padding: 4px;
  margin: 4px;
  border: 1px solid #ebebeb;
}
div#rightArea div.menuType4 ul li:hover {
  border-color: #aaa;
}
div#rightArea div.menuType4 .head {
  padding: 5px 0 0;
  color: #fff;
  font-size: 11px;
  text-align: center;
}
div#rightArea div.menuType4 .tail {
  padding: 1px 0 0;
  color: #fff;
  text-align: center;
  background: url("/_images/quickmenu/sky_board.jpg") 0 bottom no-repeat;
}
div#rightArea div.menuType4 .arrow {
  margin: 0 5px;
  text-align: center;
  border-bottom: 1px solid #e3e3e3;
}
div#rightArea div#quickArea {
  width: 100%;
  border: 1px #d6d7db solid;
}

/* 별점 신규 추가 */
.icoStar {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 61px;
  height: 10px;
  background: url("/_images/_teacher/icon_starBlue.png") no-repeat 0 -20px;
  text-indent: -9999px;
  vertical-align: middle;
}
.icoStar:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  height: 10px;
  background: url("/_images/_teacher/icon_starBlue.png") no-repeat 0 0;
}
.icoStar.star_00:after {
  width: 0;
}
.icoStar.star_01:after {
  width: 12px;
}
.icoStar.star_02:after {
  width: 24px;
}
.icoStar.star_03:after {
  width: 36px;
}
.icoStar.star_04:after {
  width: 48px;
}
.icoStar.star_05:after {
  width: 61px;
}

.icoStarbig {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 89px;
  height: 16px;
  background: url("/_images/__renew/common/icon_starBluebig.png") no-repeat
    0 -48px;
  text-indent: -9999px;
  vertical-align: middle;
}
.icoStarbig:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  height: 16px;
  background: url("/_images/__renew/common/icon_starBluebig.png") no-repeat 0 0;
}
.icoStarbig.star_00:after {
  width: 0;
}
.icoStarbig.star_01:after {
  width: 17px;
}
.icoStarbig.star_02:after {
  width: 35px;
}
.icoStarbig.star_03:after {
  width: 53px;
}
.icoStarbig.star_04:after {
  width: 71px;
}
.icoStarbig.star_05:after {
  width: 89px;
}

/* 아이콘 신규 추가 */
.iconNotice {
  display: inline-block;
  height: 21px;
  line-height: 18px;
  padding: 0 8px;
  font-size: 14px;
  color: #fff;
  background: #2763bb;
  vertical-align: middle;
}
.iconNotice.type02 {
  background: #e28b32;
}

/* 파일첨부 신규 추가 */
.newFilebox input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  width: 100%;
}
.newFilebox label {
  display: inline-block;
  height: 30px;
  line-height: 28px;
  padding: 0 20px;
  color: #fff;
  font-size: inherit;
  vertical-align: middle;
  background-color: #fdfdfd;
  cursor: pointer;
  background-color: #999;
  margin-left: -6px;
}
.newFilebox .upload-name {
  display: inline-block;
  height: 30px;
  line-height: 28px;
  padding: 0 20px;
  font-size: inherit;
  font-family: inherit;
  vertical-align: middle;
  border: 1px solid #dadada;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
}

/* 뷰어 신규 추가 */
.fileProgram {
  margin: 20px 0;
  border: 1px solid #dedede;
  background: #f7f7f7;
  padding: 15px 30px 18px;
  color: #010101;
  font-size: 15px;
}
.fileProgram a {
  color: #010101;
  vertical-align: middle;
}
.fileProgram img {
  vertical-align: middle;
}
.fileProgram ul li {
  display: inline-block;
  margin: 10px 0 0 65px;
}
.fileProgram ul li:first-child {
  margin-left: 0;
}

/* 서브메인 공통 신규 추가 */
/* 서브메인 배너 */
.subMainBanner {
  width: 100%;
  margin-bottom: 37px;
}
.subMainBanner:after {
  clear: both;
  display: block;
  content: "";
}
.subMainBanner .column01 {
  float: left;
  width: 588px;
}
.subMainBanner .column01 .pluginSlider {
  width: 588px;
  height: 235px;
}
.subMainBanner .column01 .anythingControls {
  bottom: 11px;
  right: 20px;
}
.subMainBanner .column01 .anythingControls li a {
  line-height: 37px;
}
.subMainBanner .column02 {
  float: right;
  width: 252px;
}
.subMainBanner .column02 .pluginSlider {
  width: 100%;
  height: 235px;
}
.subMainBanner .column02 .anythingControls {
  bottom: 11px;
  right: 16px;
}
.subMainBanner .pageBox {
  height: 39px;
  border: 1px solid #d7d7d7;
  text-align: right;
  padding: 0 66px 0 0;
}
.subMainBanner .pageBox .txtNum {
  color: #999;
  display: inline-block;
  margin-top: 9px;
}
.subMainBanner .anythingSlider-default .back {
  bottom: -30px;
  right: 32px;
  width: 20px;
  height: 21px;
  top: auto;
}
.subMainBanner .anythingSlider-default .back a {
  width: 20px;
  height: 21px;
  background: url("/_images/_common/ico_slide_arrow.png") no-repeat 0 0;
}
.subMainBanner .anythingSlider-default .forward {
  bottom: -30px;
  right: 11px;
  width: 21px;
  height: 21px;
  top: auto;
}
.subMainBanner .anythingSlider-default .forward a {
  width: 21px;
  height: 21px;
  background: url("/_images/_common/ico_slide_arrow.png") no-repeat -20px 0;
}
.subMainBanner .txtlinkBox {
  float: right;
  width: 253px;
  height: 274px;
  border: 1px solid #d7d7d7;
}

.subMainBanner .txtlinkBox {
  height: 179px;
  height: 274px;
  background: #f0f9ff;
  border-bottom: 1px solid #d7d7d7;
  text-align: center;
  background: #f0f9ff url(/_images/__renew/story/ico6.png) no-repeat center 32px;
  padding: 110px 0 0;
}
.subMainBanner .txtlinkBox p {
  letter-spacing: -2px;
}
.subMainBanner .txtlinkBox .tit {
  font-size: 20px;
  color: #000;
}
.subMainBanner .txtlinkBox .tit2 {
  font-size: 25px;
  color: #646464;
  font-family: "Noto Sans KR";
  font-weight: 500;
  line-height: 1.2;
}
.subMainBanner .txtlinkBox .tit2 span {
  color: #000;
}
.subMainBanner .txtlinkBox .tit2 strong {
  color: #ce133f;
  font-weight: 500;
}
.subMainBanner .txtlinkBox .txt {
  font-size: 15px;
  color: #858585;
  padding: 6px 0 13px 0;
}
.subMainBanner .txtlinkBox a {
  position: relative;
  display: inline-block;
  color: #1a2c5e;
  font-size: 15px;
  border: 1px solid #dedede;
  height: 37px;
  line-height: 34px;
  padding: 0 16px;
  background: #fff;
}

.subMainBanner .txtlinkBox .slideBanner {
  width: 253px;
  height: 93px;
}
.subMainBanner .txtlinkBox .slideBanner p {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 22px;
  letter-spacing: -2px;
  vertical-align: middle;
  margin: 0 14px 0 0;
}
.subMainBanner .txtlinkBox .slideBanner p span {
  color: #000;
}
.subMainBanner .txtlinkBox .slideBanner li a {
  display: block;
  height: 93px;
  padding: 29px 0 0 29px;
}
.subMainBanner .txtlinkBox .slideBanner li img {
  position: absolute;
  top: 19px;
  right: 13px;
}
.subMainBanner .txtlinkBox .anythingSlider-default .anythingControls {
  right: 23px;
  bottom: 10px;
}
.subMainBanner .txtlinkBox .anythingSlider-default .anythingControls a {
  width: 9px;
  height: 9px;
  border-radius: 50%;
}
.subMainBanner .txtlinkBox .anythingSlider-default .anythingControls a.cur,
.subMainBanner .txtlinkBox .anythingSlider-default .anythingControls a:hover {
  background-color: #0e1232;
}

/* 공지사항 */
.subNoticeList {
  position: relative;
}
.subNoticeList h2 {
  font-family: "Noto Sans KR";
  padding: 0 0 12px 14px;
  border-bottom: 2px solid #000;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  line-height: 1;
  margin-bottom: 9px;
  letter-spacing: -1px;
}
.subNoticeList .btnMore {
  position: absolute;
  top: 0;
  right: 0;
}
.subNoticeList ul li {
  padding: 6px 0 0 20px;
  font-size: 14px;
  border-top: 1px solid #e8e8e8;
  background: url("/_images/_common/bul_sqgray.png") no-repeat 7px 16px;
  height: 36px;
}
.subNoticeList ul li:first-child {
  border-top: 0;
}
.subNoticeList ul li a {
  width: 90%;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
  letter-spacing: -1px;
}
.subNoticeList ul li strong {
  font-weight: bold;
  color: #df2e2e;
  margin-right: 5px;
}
.subNoticeList ul li .iconbox {
  float: right;
}

/* 교재 정보 기존변경 */
.bookInfoView .thumbBook {
  float: left;
}
.bookInfoView .infoBook {
  float: left;
}
.bookInfoView .booktit {
  display: block;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  margin: 5px 0 12px;
  line-height: 1.25;
  color: #666;
  text-decoration: none; /* white-space:nowrap;text-overflow:ellipsis; */
}
.bookInfoView .booktit a {
  color: #000;
  font-size: 18px;
  letter-spacing: -1px;
  font-family: "malgun gothic";
  font-weight: bold;
}
.bookInfoView .booktit .new {
  display: inline-block;
  margin: 0 0 3px 5px;
  vertical-align: middle;
}
.infoBook .desc {
  font-size: 14px;
  color: #000;
}
.infoBook .desc .page {
  position: relative;
  display: inline-block;
  font: 14px/18px "malgun gothic";
  padding-left: 8px;
}
.infoBook .desc .page:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "|";
  color: #999;
}
.infoBook .bar {
  margin: 0 15px;
}
.infoBook .price {
  display: inline-block;
  min-width: 315px;
  height: auto;
  padding: 0;
  margin: -2px 0 0;
  border: none;
  line-height: 33px;
  background: none;
  font-size: 14px;
  letter-spacing: -1px;
}
.infoBook .price > span {
  color: #cf4755;
}
.infoBook .price em {
  color: #cc3344;
  font-weight: bold;
}
.infoBook .price strong {
  font-size: 16px;
  font-weight: bold;
  color: #3366cc;
}
.infoBook .price strong span {
  font-weight: normal;
}
.infoBook .price .del {
  text-decoration: line-through;
}
.infoBook .price .bar {
  margin: 0 4px 0 3px;
}
.infoBook .btnView {
  display: block;
  width: 103px;
  height: 30px;
  line-height: 28px;
  color: #fff;
  background: #999;
  text-align: center;
  font-size: 14px;
  letter-spacing: -1px;
  margin-top: 25px;
}
/* 교재 썸네일 기존변경 */
.thumbBook {
  position: relative;
  width: 120px;
  height: 160px;
}
.thumbBook .book1 {
  width: 100%;
  height: 100%;
  border: 0;
}
.thumbBook .mask {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 120px;
  height: 160px;
  border: 1px solid #e8e8e8;
}
.thumbBook .btnView {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 27px;
  height: 27px;
  background: transparent url("/_images/_button/btn_view.png") 0 0 no-repeat;
}
.thumbBook .btnView span {
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0;
  line-height: 0;
}
.bgPbook {
  width: 90px;
  padding-right: 5px;
  margin: 0;
  background: url("/_images/_bookStore/thumbBook.gif") 100% 0 no-repeat;
}
.bgPbook .mask {
  border-right: 0;
}
/* 교재 리스트 기존변경 */
.bookitemList {
  width: 100%;
  margin-bottom: 23px;
}
.bookitemList tr {
  border-bottom: 1px solid #e8e8e8;
}
.bookitemList tr:first-child {
  border-top: 2px solid #333;
}
.bookitemList td {
  height: 120px;
  padding: 25px 0;
}
.bookitemList .thumbBook {
  width: 120px;
  margin: 0 30px 0 0;
  background: transparent url("/_images/_bookStore/thumbBook.gif") 0 100%
    no-repeat;
}
.bookitemList .infoBook {
  width: 440px;
}
.bookitemList .icoNew {
  margin-left: 5px;
}
.bookitemList .bookInfoView {
  width: 605px;
  padding-left: 11px;
}
.bookitemList .optcheck {
  text-align: center;
}
.bookitemList .optcheck input[type="checkbox"] {
  width: 20px;
  height: 20px;
}
.bookitemList .bookShop {
  width: 145px;
  text-align: center;
}
.bookitemList .bookShop a {
  width: 103px;
  text-align: center;
  margin: 0 0 4px;
}
.bookitemList .bookShop a em {
  padding: 13px 0;
}
.bookitemList .bookShop .txtEx {
  display: inline-block;
  color: #8b3ec0;
  font-size: 12px;
  letter-spacing: -1px;
}
.bookitemList .bookShop .btnSms {
  display: inline-block;
  width: 103px;
  padding: 13px 0 15px 0;
  margin: 15px 0 0 0;
  border: 1px solid #2763bb;
  background: #fff;
  color: #2763bb;
  font-size: 13px;
  letter-spacing: -1px;
  line-height: 18px;
}
.bookitemList .bookShop .btnSms strong {
  display: block;
}
.bookitemList .bookShop .btnWhite {
  line-height: 1em;
}
.bookitemList .bookShop .btnRed {
  line-height: 1em;
}
.bookTip {
  font-size: 12px;
  letter-spacing: -1px;
  padding: 12px 13px 0;
}
.bookTip2 {
  font-size: 12px;
  letter-spacing: -1px;
  padding: 0px 13px 0;
}
/* 교재 상세 보기 기존변경 */
.bookSummView {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 35px 20px 53px 42px;
  border-top: 2px solid #333;
  border-bottom: 1px solid #e8e8e8;
  min-height: 262px;
}
.bookSummView .booktit {
  position: relative;
  display: block;
  margin: 10px 0 12px 0;
  color: #333;
  font-size: 16px;
  letter-spacing: -1px;
  font-family: "malgun gothic";
  overflow: visible;
}
.bookSummView .booktit .txtTip {
  position: absolute;
  top: -28px;
  left: 0;
}
.bookSummView .booktit .txtTip span {
  display: inline-block;
  background: #3366cc;
  color: #fff;
  font-size: 12px;
  padding: 2px 5px 3px;
  margin: 0 0 10px;
}
.bookSummView .booktit .txtTip span.txt2 {
  color: #8a3ec0;
  border-color: #8a3ec0;
}
.bookSummView .booktit .txtTip span.txt3 {
  color: #fff;
  border-color: #dd3232;
  background: #dd3232;
}
.bookSummView .booktit .txtTip span.txt4 {
  color: #fff;
  background: #3366cc;
}
.bookSummView .booktit .new {
  display: inline-block;
  margin: 0 0 3px 5px;
  vertical-align: middle;
}
.bookSummView .booktit .tit {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
  font-size: 24px;
  font-weight: 500;
  color: #000;
  font-family: "Noto Sans KR";
  letter-spacing: -1px;
}
.bookSummView .bookInfoView {
  overflow: visible;
  width: 100%;
}
.bookSummView .thumbBook {
  width: 120px;
  margin: 0 37px 0 0;
}
.bookSummView .thumbBook + .btnView {
  position: absolute;
  top: 204px;
  left: 51px;
  display: block;
  width: 103px;
  height: 30px;
  line-height: 28px;
  color: #fff;
  background: #999;
  text-align: center;
  font-size: 14px;
  letter-spacing: -1px;
}
.bookSummView .infoBook {
  width: 620px;
  padding: 2px 0 0;
}
.bookSummView .infoBook .desc > span {
  display: block;
  line-height: 1.7;
}
.bookSummView .infoBook .desc > span em,
.bookSummView .infoBook .price span em {
  color: #666;
  margin-right: 5px;
  font-weight: normal;
}
.bookSummView .infoBook .price .del {
  color: #000;
  margin-right: 5px;
}
.bookSummView .tip {
  color: #000;
  font-size: 14px;
}
.bookSummView + .btnbuyBox {
  margin: 25px 10px 50px;
}
.bookSummView .btnArlign {
  overflow: hidden;
  width: 100%;
  margin: 0;
}
.detailBook {
  padding: 25px 12px;
  font-size: 15px;
}

/* 이미지리스트 신규추가 */
.imglist_Type01 {
  border: 1px solid #dedede;
  background: #f7f7f7;
  padding: 36px 0;
  letter-spacing: -1px;
}
.imglist_Type01:after {
  display: block;
  content: "";
  clear: both;
}
.imglist_Type01 li {
  float: left;
  width: 33.33%;
  height: 233px;
  padding: 0 20px;
  border-left: 1px solid #dedede;
  text-align: center;
}
.imglist_Type01 li.noDate {
  width: 100%;
  height: auto;
  text-align: center;
  font-size: 15px;
  padding: 30px 0;
}
.imglist_Type01 li:first-child {
  border-left: none;
}
.imglist_Type01 .thumb {
  display: inline-block;
  width: 120px;
  height: 120px;
  border: 1px solid #dfdfdf;
  overflow: hidden;
  vertical-align: top;
}
.imglist_Type01 .thumb img {
  width: 210px;
  position: relative;
  left: -45px;
}
.imglist_Type01 .tit {
  font-size: 15px;
  font-weight: bold;
  color: #2864b9;
  line-height: 1.3;
  margin: 0 0 13px;
  height: 40px;
  overflow: hidden;
  padding: 0 25px;
}
.imglist_Type01 .name {
  display: block;
  font-size: 15px;
  color: #000;
}
.imglist_Type01 .btnWrap {
  display: block;
  margin: 11px 0 0 0;
}
.imglist_Type01 .btnWrap a em {
  padding: 7px 0;
  width: 86px;
  text-align: center;
}

.imglist_Type02 {
  width: 510px;
  margin: 40px 10px;
}
.imglist_Type02:after {
  display: block;
  content: "";
  clear: both;
}
.imglist_Type02 li {
  float: left;
  width: 159px;
  text-align: center;
  font-size: 15px;
  margin: 0 10px 30px 0;
  letter-spacing: -1px;
}
.imglist_Type02 li > a {
  display: block;
}
.imglist_Type02 .thumb {
  display: inline-block;
  width: 159px;
  height: 120px;
  border: 1px solid #dfdfdf;
  overflow: hidden;
  vertical-align: top;
}
.imglist_Type02 .thumb img {
  width: 245px;
  position: relative;
  left: -40px;
}
.imglist_Type02 .name {
  color: #000;
  font-weight: bold;
  display: block;
}
.imglist_Type02 .txt {
  display: block;
  margin: 5px 0 -2px;
}

.imglist_Type03:after {
  display: block;
  content: "";
  clear: both;
}
.imglist_Type03 li {
  float: left;
  position: relative;
  width: 33.33%;
  height: 353px;
  letter-spacing: -1px;
  border-right: 1px solid #d9d9d9;
  vertical-align: top;
  overflow: hidden;
}
.imglist_Type03 li:first-child {
  border-left: 1px solid #d9d9d9;
}
.imglist_Type03 .tit {
  width: 100%;
  font-size: 15px;
  color: #000;
  padding: 0 20px;
  line-height: 1.2;
  max-height: 36px;
  margin: 4px 0 7px 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-wrap: break-word;
  overflow: hidden;
}
.imglist_Type03 .book {
  position: absolute;
  top: 79px;
  left: 24px;
}
.imglist_Type03 .book img {
  width: 122px;
  height: 162px;
  border: 1px solid #646464;
}
.imglist_Type03 .teacher {
  display: block;
  width: 330px;
  position: absolute;
  top: 60px;
  left: 40px;
  overflow: hidden;
}
.imglist_Type03 .teacher img {
  width: 100%;
}
.imglist_Type03 .inforBot {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 97px;
  background: #f7f7f7;
  text-align: center;
}
.imglist_Type03 .inforBot span {
  display: block;
  text-align: center;
  font-size: 17px;
  color: #333949;
  margin: 9px 0 8px;
}
.imglist_Type03 .inforBot span em {
  font-weight: bold;
}
.imglist_Type03 .inforBot a {
  display: inline-block;
  width: 105px;
  height: 33px;
  line-height: 30px;
  color: #fff;
  background: #333949;
  font-size: 13px;
  font-weight: bold;
  vertical-align: middle;
}
.imglist_Type03 .inforBot a + a {
  border: 1px solid #ced1d7;
  background: #fff;
  color: #333949;
  margin-left: -5px;
}
.imglist_Type03 .icoNew,
.imglist_Type03 .icoBest {
  display: inline-block;
  height: 18px;
  line-height: 15px;
  font-size: 13px;
  font-weight: bold;
  padding: 0 5px;
}
.imglist_Type03 .icoBest {
  border: 1px solid #3373d4;
  color: #3373d4;
}
.imglist_Type03 .icoNew {
  border: 1px solid #eb0273;
  color: #eb0273;
}
.imglist_Type03 .icoBox {
  margin-left: 22px;
}

.imglist_Type04 {
  border-top: 1px solid #000;
}
.imglist_Type04:after {
  display: block;
  content: "";
  clear: both;
}
.imglist_Type04 li {
  position: relative;
  float: left;
  width: 180px;
  height: 261px;
  letter-spacing: -1px;
  margin: 0 0 0 6px;
  background: url("/_images/__renew/lecture/ico_txteclip.png") no-repeat 12px
    11px;
}
.imglist_Type04 li:first-child {
  margin-left: 0;
}
.imglist_Type04 .teacher {
  position: absolute;
  bottom: 46px;
  left: 50px;
  width: 74px;
  height: 74px;
  overflow: hidden;
  text-align: center;
  z-index: 2;
}
.imglist_Type04 .teacher img {
  width: 160px;
  position: relative;
  left: -42px;
}
.imglist_Type04 .teacher .mask {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 74px;
  height: 74px;
  background: url("/_images/__renew/lecture/bg_maskbest.png") no-repeat 0 0;
}
.imglist_Type04 .name {
  display: block;
  text-align: right;
  font-size: 13px;
  padding: 23px 27px 21px 0;
}
.imglist_Type04 .txt {
  position: relative;
}
.imglist_Type04 .txt:after {
  /*position:absolute; bottom:3px; right:8px;display:block;content:"";width:11px;height:11px;background:url("/_images/__renew/lecture/ico_btnplus.png") no-repeat 0 0;*/
}
.imglist_Type04 .txt a {
  display: block;
  height: 58px;
  padding: 0 22px;
  line-height: 1.3;
  font-size: 15px;
  overflow: hidden;
}
.imglist_Type04 .txt a:hover {
  color: #2864ba;
  font-weight: bold;
}
.imglist_Type04 .botName {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 15px;
  display: block;
  padding: 21px 0 0 0;
  width: 100%;
  height: 63px;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  background: #f0f9ff;
  text-align: center;
  color: #000;
  z-index: 1;
}
.imglist_Type04 .botName em {
  font-weight: bold;
}

/* 텍스트리스트 신규추가 */
.txtlist_Type01 li {
  position: relative;
  padding-left: 7px;
  letter-spacing: -1px;
  font-size: 13px;
}
.txtlist_Type01 li:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "·";
}
.txtlist_Type01.f14 li {
  font-size: 14px;
}

.txtOrderList:after {
  display: block;
  content: "";
  clear: both;
}
.txtOrderList li {
  float: left;
  letter-spacing: -1px;
  padding: 0 0 0 86px;
  background: url("/_images/__renew/common/bul_arrow_gray03.png") no-repeat 44px
    10px;
}
.txtOrderList li:first-child {
  padding-left: 0;
  background: none;
}
.txtOrderList li strong {
  float: left;
  font-size: 48px;
  color: #182c5f;
  line-height: 1;
  margin: 0 6px 0 0;
}
.txtOrderList li p {
  float: left;
  font-size: 15px;
  color: #000;
  line-height: 1.3;
  margin: 6px 0 0 0;
}
.txtOrderList li p span {
  font-weight: bold;
  color: #2864b9;
}
.txtOrderList li p span em {
  font-size: 12px;
  line-height: 1.3;
}

/* 텍스트리스트 기존변경 */
ul.list01 li {
  position: relative;
  line-height: 1.5;
  font-size: 13px;
  padding-left: 7px;
  background: none;
}
ul.list01 li:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "·";
}
ul.list01 li ul li:after {
  display: none;
}
dl.list53 {
  line-height: 1.5;
}
dl.list53 dt {
  padding-left: 0;
  margin-top: 10px;
  margin-bottom: 3px;
  color: #2864ba;
  background: none;
  font-weight: bold;
  font-size: 14px;
}
dl.list53 dt:first-child {
  margin-top: 0;
}
dl.list53 dd {
  padding-left: 7px;
  margin-left: 0;
  background: url("/_images/_icon/blt_ne1s.gif") 0 9px no-repeat;
  font-size: 13px;
}

/* 박스 신규추가 */
.box_type01 {
  border: 1px solid #dfdfdf;
  background: #f7f7f7;
  padding: 20px 30px 23px;
  font-size: 14px;
  letter-spacing: -1px;
}
.box_type01:after {
  display: block;
  content: "";
  clear: both;
}
.box_type02 {
  border: 1px solid #dfdfdf;
  padding: 20px 30px 23px;
  font-size: 14px;
  letter-spacing: -1px;
}

/* 배너타입 신규추가 */
.linkbaner_Type01 {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.linkbaner_Type01 li {
  display: table-cell;
  padding: 0 0 0 20px;
  width: 33.33%;
  height: 90px;
  border: 1px solid #e4e4e4;
  background: #f5f6fa;
}
.linkbaner_Type01 li a {
  display: block;
  width: 100%;
  height: 100%;
}
.linkbaner_Type01.sky2 li a {
  display: flex;
  align-items: center;
}
.linkbaner_Type01 li a:after {
  display: block;
  content: "";
  clear: both;
}
.linkbaner_Type01 .thumb {
  float: left;
  width: 98px;
  text-align: center;
  height: 88px;
  line-height: 86px;
}
.linkbaner_Type01 .thumb img {
  vertical-align: middle;
}
.linkbaner_Type01 .txt {
  float: left;
  font-size: 17px;
  color: #000;
  letter-spacing: -1px;
  line-height: 1.3;
  padding: 21px 0 0 0;
}
.linkbaner_Type01 .stxt {
  font-size: 15px;
  color: #666;
}

.linkbaner_Type01_ver2 {
  width: 100%;
  display: table;
  table-layout: fixed;
  height: 90px;
  border: 1px solid #d8d8d8;
}
.linkbaner_Type01_ver2 a {
  display: table-cell;
  vertical-align: middle;
  background: #f5f6fa;
  height: 100%;
  border-left: 1px solid #d8d8d8;
  text-align: center;
}
.linkbaner_Type01_ver2 a:first-child {
  border-left: none;
}
.linkbaner_Type01_ver2 a .txt {
  color: #000;
  font-size: 17px;
  letter-spacing: -1px;
  margin: 0 0 0 5px;
}

.linkbaner_Type02 {
  width: 100%;
  display: table;
  table-layout: fixed;
  letter-spacing: -1px;
}
.linkbaner_Type02 li {
  display: table-cell;
  height: 77px;
  border: 1px solid #dedede;
  vertical-align: middle;
}
.linkbaner_Type02 li > a {
  display: table;
  width: 100%;
  height: 100%;
}
.linkbaner_Type02 li > a > div {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 30px;
}
.linkbaner_Type02 .txt1 {
  font-size: 16px;
  color: #000;
}
.linkbaner_Type02 .txt1 span {
  color: #2864b9;
}
.linkbaner_Type02 .txt2 {
  display: block;
  font-size: 13px;
}
.linkbaner_Type02 .txt2 em {
  padding: 0 10px 0 0;
  background: url("/_images/__renew/common/bul_arrow_gray02.png") no-repeat 100%
    6px;
}
.linkbaner_Type02 .txt2 em.st {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  line-height: 1;
  background-position: 100% 9px;
}

.linkbaner_Type03 {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.linkbaner_Type03 li {
  display: table-cell;
  height: 77px;
  border: 1px solid #dedede;
  vertical-align: middle;
  text-align: center;
}
.linkbaner_Type03 p {
  display: inline-block;
  text-align: left;
  font-size: 15px;
  color: #000;
  letter-spacing: -1px;
}
.linkbaner_Type03 p span {
  color: #2864b9;
}

.picBannerWrap {
  margin: 45px 0 0 0;
}
.picBannerWrap:after {
  display: block;
  content: "";
  clear: both;
}
.picBannerWrap h2 {
  width: 135px;
  float: left;
  height: 100px;
  padding: 27px 0 0;
  border-top: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
  font-size: 17px;
  font-weight: bold;
  color: #000;
  text-align: center;
  line-height: 1.2;
  letter-spacing: -1px;
}
.picBannerWrap h2 span {
  display: block;
  color: #666;
}
.picBanner {
  float: right;
}
.picBanner li {
  float: left;
  width: 230px;
  height: 100px;
  margin: 0 0 0 5px;
}
.picBanner li a,
.picBanner li img {
  display: block;
  width: 100%;
  height: 100%;
}

/* 레이어팝업 신규추가 */
.layerPop {
  border: 1px solid #666;
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #fff;
  z-index: 100;
}
.layerPop .inWrap {
  position: relative;
  letter-spacing: -1px;
}
.layerPop .tit {
  font-size: 20px;
  color: #fff;
  background: #666;
  height: 55px;
  line-height: 54px;
  padding: 0 35px;
}
.layerPop .layerCon {
  padding: 25px 35px 35px;
  font-size: 14px;
}
.layerPop .layerCon p {
  font-size: 14px;
  letter-spacing: -1px;
}
.layerPop .btnClose {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 55px;
  height: 55px;
  background: url("/_images/__renew/common/btn_closelayer.png") no-repeat 0 0;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}
.layerPop .layerCon .tit2 {
  font-size: 16px;
  font-weight: bold;
  color: #2763bb;
  border-bottom: 1px solid #999;
  padding: 0 0 7px;
  margin: 0 0 10px;
}
.feelingSelect .selList {
  margin: 20px 0 0 0;
}
.feelingSelect .selList:after {
  display: block;
  content: "";
  clear: both;
}
.feelingSelect .selList li {
  float: left;
  width: 50%;
  color: #000;
  font-size: 15px;
  border: 1px solid #e1e1e1;
  margin: -1px 0 0 -1px;
  padding: 8px 0 11px 19px;
}
.feelingSelect .selList li input {
  width: 18px;
  height: 18px;
  vertical-align: -4px;
  margin-right: 5px;
}

/* 게시판 top rank */
.listRankTop {
  height: 245px;
  border: 1px solid #dcdcdc;
  border-top: 1px solid #000;
  letter-spacing: -1px;
}
.listRankTop:after {
  display: block;
  content: "";
  clear: both;
}
.listRankTop .inLeft {
  float: left;
  width: 235px;
  height: 243px;
  padding: 96px 0 0 0;
  background: #f7f7f7 url("/_images/__renew/story/bg_story06.png") no-repeat
    63px 39px;
  text-align: center;
}
.listRankTop .inLeft .tit {
  font-family: "Noto Sans KR";
  font-size: 24px;
  font-weight: 300;
  color: #000;
  letter-spacing: -2px;
  line-height: 1.2;
  margin: 0 0 17px;
}
.listRankTop .inLeft .tit strong {
  display: block;
  font-weight: 500;
}
.listRankTop .inLeft .btn21 {
  height: 35px;
}
.listRankTop .inLeft .btn21 em {
  padding: 0;
  width: 103px;
  line-height: 31px;
  color: #2864b9;
  font-size: 14px;
}
.listRankTop .inRight {
  float: left;
  width: 613px;
  height: 243px;
  padding: 28px 0 0 24px;
}
.listRankTop .inRight ul li {
  padding: 0 0 6px;
  color: #333;
  font-size: 13px;
}
.listRankTop .inRight ul li:first-child {
  font-size: 14px;
  font-weight: bold;
}
.listRankTop .inRight ul li:first-child a {
  font-size: 15px;
  font-weight: bold;
  color: #2864b9;
  vertical-align: middle;
}
.listRankTop .inRight ul li a {
  width: 377px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
  color: #333;
}
.listRankTop .inRight ul li a span {
  display: inline-block;
  max-width: 70%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
  vertical-align: middle;
}
.listRankTop .inRight ul li a em {
  vertical-align: middle;
}
.listRankTop .inRight .txt {
  display: inline-block;
  width: 100px;
  vertical-align: middle;
}
.listRankTop .inRight .name {
  vertical-align: middle;
}
.listRankTop .inRight .ico1 {
  vertical-align: middle;
  margin-right: 10px;
}
.listRankTop .inRight .blt_excla {
  color: #999;
  padding-top: 1px;
}

/* 내 정보보기 기존변경 */
.myInfo_view {
  position: relative;
  width: 850px;
  height: 154px;
  border: 1px solid #d7d7d7;
  background: #f9f9f9;
  box-shadow: none;
}
.myInfo_view:after {
  position: absolute;
  top: 0;
  left: 518px;
  display: block;
  content: "";
  height: 152px;
  width: 1px;
  background: #d7d7d7;
}
.myInfo_view .section_right {
  margin: 0 0 0 135px;
}
.myInfo_view .section_right .name_user {
  line-height: 1;
}
.myInfo_view .section_right {
  padding: 32px 0 0;
  width: auto;
  height: 152px;
}
.myInfo_view .section_right .tit {
  font-size: 22px;
  line-height: 1.1;
  vertical-align: middle;
}
.myInfo_view .section_right .over {
  height: auto !important;
}
.myInfo_view .section_right .over .over {
  margin: 5px 0 0 0;
}
.myInfo_view .section_right .tit:after {
  display: none;
}
.myInfo_view .section_right .note1 + .txtBox {
  margin: 5px 0 0 0;
}
.myInfo_view .section_top .thumb {
  top: 16px;
}
.myInfo_view .txtBox {
  width: 350px;
  padding: 11px 0 13px 20px;
  margin: 18px 0 0 0;
  background: #fff;
  border: 1px solid #efefef;
  font-size: 15px;
  color: #000;
}
.myInfo_view .txtBox span {
  color: #2864b9;
}
.myInfo_view .rightArea {
  width: 329px;
  height: 152px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  padding: 25px 0 0 0;
}
.myInfo_view .rightArea p {
  font-size: 17px;
  text-align: center;
}
.myInfo_view .rightArea p strong {
  color: #000;
}
.myInfo_view .rightArea .btnArea {
  position: static;
  display: inline-block;
  margin: 25px 0 0 0;
}
.myInfo_view .btnArea a.s1,
.myInfo_view .btnArea .s2 {
  display: inline-block;
  height: 49px;
  background: #fff;
  border: 1px solid #efefef;
  min-width: 140px;
  font-size: 15px;
  padding: 0 13px 0 49px;
  margin: 0;
  color: #666;
  line-height: 47px;
  text-align: left;
}
.myInfo_view .btnArea a.s1 em,
.myInfo_view .btnArea .s2 em {
  color: #000;
}
.myInfo_view .btnArea a.s1 .count,
.myInfo_view .btnArea .s2 span {
  margin-left: 5px;
  font-weight: normal;
  color: #666;
}
.myInfo_view .btnArea .s2 {
  margin-left: -1px;
  border-left: 1px solid #e5e5e5;
  background: #fff url("/_images/__renew/common/ico_reply.png") no-repeat 13px
    11px;
  padding-left: 58px;
}
.myInfo_view .heart {
  background: url("/_images/__renew/common/heartNew.png") no-repeat;
  left: 27px;
  top: 52%;
}

/* 댓글영역 신규추가 */
.boxReply3 {
  margin: 20px 0 0 0;
  letter-spacing: -1px;
  font-size: 14px;
  background: #fff;
}
.boxReply3 .name {
  font-size: 13px;
}
.boxReply3 .name strong {
  font-size: 15px;
  font-weight: bold;
  color: #000;
  margin: 0 5px 0 0;
}
.boxReply3 .icoName {
  display: inline-block;
  width: 33px;
  height: 33px;
  border: 1px solid #e1e1e1;
  background: #f7f7f7;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
  margin: 0 6px 0 0;
}
.boxReply3 .icoName img {
  vertical-align: top;
  position: relative;
  top: 8px;
  left: 1px;
}
.boxReply3 .writeTop {
  position: relative;
  border: 1px solid #666;
  background: #fff;
}
.boxReply3 .writeTop .inTop {
  position: relative;
  padding: 23px 28px 0 28px;
  border-bottom: 1px solid #e1e1e1;
}
.boxReply3 .writeTop .inBot:after {
  display: block;
  content: "";
  clear: both;
}
.boxReply3 .writeTop .txt {
  font-size: 13px;
  color: #999;
  padding-top: 6px;
}
.boxReply3 .writeTop .txt2 {
  font-size: 13px;
  color: #999;
  text-align: right;
}
.boxReply3 .writeTop .btBox {
  float: left;
  padding: 10px 0 0 30px;
}
.boxReply3 .writeTop .btBox * {
  font-size: 13px;
  color: #999;
}
.boxReply3 .writeTop .ipBox .txtInput {
  height: 46px;
  line-height: 46px;
  width: 90%;
  padding: 0;
  border: none;
  font-size: 17px;
}
.boxReply3 .writeTop .ipBox .txtInput::-webkit-input-placeholder {
  font-size: 13px;
  color: #999;
  letter-spacing: -1px;
}
.boxReply3 .writeTop .ipBox .txtInput:-moz-placeholder {
  font-size: 13px;
  color: #999;
  letter-spacing: -1px;
}
.boxReply3 .writeTop .ipBox .txtInput::-moz-placeholder {
  font-size: 13px;
  color: #999;
  letter-spacing: -1px;
}
.boxReply3 .writeTop .ipBox .txtInput:-ms-input-placeholder {
  font-size: 13px;
  color: #999;
  letter-spacing: -1px;
}
.boxReply3 .writeTop .ipBox .btnCom {
  position: absolute;
  bottom: -47px;
  right: 0;
  width: 103px;
  height: 47px;
  line-height: 45px;
  background: #2864ba;
  color: #fff;
  font-size: 17px;
  text-align: center;
}
.boxReply3 .writeTop .ipBox .bytes {
  font-size: 13px;
  color: #999;
  position: absolute;
  bottom: 10px;
  right: 28px;
}
.boxReply3 .writeTop .inBot {
  min-height: 46px;
}
.boxReply3 .writeTop .btnSticker {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding: 0 0 0 30px;
  margin: 0 25px 0 0;
  background: url("/_images/__renew/common/ico_sti_off.png") no-repeat 0 0;
}
.boxReply3 .writeTop .btnSticker.on {
  background: url("/_images/__renew/common/ico_sti_on.png") no-repeat 0 0;
}
.boxReply3 .writeTop .btnFile {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding: 0 0 0 34px;
  cursor: pointer;
  background: url("/_images/__renew/common/ico_photo_off.png") no-repeat 0 50%;
}
.boxReply3 .writeTop .fileHidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  width: 100%;
}
.boxReply3 .writeTop .picBox {
  padding: 15px 30px 30px 30px;
}
.boxReply3 .picBox span {
  position: relative;
  display: inline-block;
}
.boxReply3 .picBox img {
  max-height: 130px;
}
.boxReply3 .picBox .btnDel {
  position: absolute;
  top: 2px;
  right: -32px;
  width: 19px;
  height: 19px;
  text-indent: -9999px;
  background: url("/_images/__renew/common/btn_closex.png") no-repeat 0 0;
}
.boxReply3 .replyList {
  margin: 20px 0 0 0;
  border-top: 1px solid #e1e1e1;
}
.boxReply3 .replyList > li {
  position: relative;
  border-bottom: 1px solid #e1e1e1;
}
.boxReply3 .replyList .inTxt {
  padding: 28px 30px;
  position: relative;
}
.boxReply3 .replyList .cont {
  font-size: 14px;
  color: #000;
  padding: 8px 0;
}
.boxReply3 .replyList .txtip {
  font-size: 14px;
  color: #969696;
  padding: 0 0 9px;
  clear: both;
}
.boxReply3 .replyList .btnDel {
  display: inline-block;
  padding: 8px 20px 10px;
  background: #2763bb;
  color: #fff;
  font-size: 14px;
  margin: 0 0 0 10px;
  border-radius: 2px;
  line-height: 1;
}

.boxReply3 .replyList .btnre {
  color: #ce1340;
  margin-left: 3px;
}
.boxReply3 .replyList .btnre:before {
  content: "|";
  color: #969696;
  margin: 0 5px 0 0;
}
.boxReply3 .replyList .btRight {
  position: absolute;
  top: 30px;
  right: 30px;
}
.boxReply3 .replyList .btRight a {
  display: inline-block;
  width: 43px;
  height: 27px;
  line-height: 23px;
  font-size: 12px;
  border: 1px solid #ddd;
  text-align: center;
  color: #ff2929;
  background: #fff;
}
.boxReply3 .replyList .btRight a.del {
  color: #000;
  margin-left: -5px;
}
.boxReply3 .replyList .noData {
  font-size: 15px;
  color: #969696;
  text-align: center;
  padding: 100px 0 40px 0;
  background: url("/_images/__renew/common/ico_nodata.png") no-repeat 50% 40px;
}
.boxReply3 .replyList .myReply {
  background: #f0f9ff;
}
.boxReply3 .replyList .picBox {
  padding: 25px 0;
}
.boxReply3 .btnReclose a {
  display: block;
  text-align: center;
  font-size: 15px;
  letter-spacing: -1px;
  padding: 7px 0 8px;
  background: #f7f7f7;
}
.boxReply3 .btnReclose a span {
  padding-right: 23px;
  background: url("/_images/__renew/common/bul_arrow02_up.png") no-repeat 100%
    50%;
}
.boxReply3 .sticker_box {
  position: static;
  height: auto;
  border: none;
}
.boxReply3 .stickerWrap {
  display: none;
  position: absolute;
  bottom: -328px;
  left: -1px;
  width: 600px;
  height: 328px;
  border: 1px solid #666;
  background: #fff;
  overflow: hidden;
  z-index: 2;
}
.boxReply3 .stickerWrap .btnClose {
  position: absolute;
  top: 18px;
  right: 23px;
  width: 19px;
  height: 19px;
  text-indent: -9999px;
  background: url("/_images/__renew/common/btn_closex.png") no-repeat 0 0;
}
.boxReply3 .stickerWrap .selTop {
  height: 56px;
  border-bottom: 1px solid #e1e1e1;
}
.boxReply3 .stickerWrap .selTop:after {
  display: block;
  content: "";
  clear: both;
}
.boxReply3 .stickerWrap .tab {
  float: left;
  height: 100%;
}
.boxReply3 .stickerWrap .tab li {
  float: left;
  height: 100%;
  border-right: 1px solid #e1e1e1;
}
.boxReply3 .stickerWrap .tab li:first-child {
  margin-left: 30px;
  border-left: 1px solid #e1e1e1;
}
.boxReply3 .stickerWrap .tab li a {
  display: block;
  width: 77px;
  height: 100%;
  text-align: center;
  line-height: 50px;
}
.boxReply3 .stickerWrap .selTop p {
  float: left;
  font-size: 13px;
  color: #2864ba;
  padding: 20px 0 0 24px;
}
.boxReply3 .stickerWrap .listBox {
  height: 270px;
  overflow-y: auto;
  overflow-x: hidden;
}
.boxReply3 .replyCon {
  display: none;
  background: #f7f7f7;
  padding-top: 28px;
  border-top: 1px solid #e1e1e1;
}
.boxReply3 .replyCon .replyList {
  margin: 0;
  border-top: none;
  position: relative;
}
.boxReply3 .replyCon .replyList:after {
  position: absolute;
  top: -29px;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #f7f7f7;
}
.boxReply3 .replyCon .replyList + .btnReclose {
  display: none;
}
.boxReply3 .replyCon .replyList .inTxt {
  padding: 0 0 25px 50px;
  background: url("/_images/__renew/common/ico_replybar.png") no-repeat 30px 0;
}
.boxReply3 .replyCon .replyList li:first-child .inTxt {
  padding-top: 0;
  background: url("/_images/__renew/common/ico_replybar.png") no-repeat 30px 0;
}
.boxReply3 .replyCon .replyList .btRight {
  top: 0;
}
.boxReply3 .replyCon .writeTop {
  border: 1px solid #d8d8d8;
  margin: 0 20px 25px;
}
.boxReply3 .replyCon .writeTop .ipBox .btnCom {
  background: #666;
}
.boxReply3 .replyCon .writeTop .name {
  padding-left: 24px;
  background: url("/_images/__renew/common/ico_replybar.png") no-repeat 0 0;
}
.boxReply3 .replyCon .stickerWrap {
  border: 1px solid #d8d8d8;
}
.boxReply3 .replyCon .writeTop .picBox {
  padding: 15px 30px 30px 30px;
}
.boxReply3 .replyCon .btnReclose {
  position: relative;
  width: 100%;
  line-height: 0;
}
.boxReply3 .replyCon .btnReclose a {
  width: 100%;
  line-height: 1.5;
  border-top: 1px solid #dedede;
}
.boxReply3 .txtreplyNum {
  border: 1px solid #cee5f3;
  background: #f0f9ff;
  text-align: center;
  padding: 20px 0 26px;
  margin: 20px 0 0 0;
}
.boxReply3 .txtreplyNum p {
  font-size: 20px;
  color: #2864ba;
}
.boxReply3 .txtreplyNum p span {
  color: #000;
}
.boxReply3 .txtselArea {
  background: #f6f6f6;
  border-bottom: 1px solid #666;
  text-align: center;
  padding: 29px 0 35px;
}
.boxReply3 .txtselArea ul li {
  display: inline-block;
  font-size: 15px;
  color: #000;
  margin: 0 18px;
}
.boxReply3 .txtselArea ul li label {
  vertical-align: middle;
  margin: 0 10px 0 0;
}
.boxReply3 .txtselArea ul li input {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.boxReply3 .contLeft {
  width: 10%;
  float: left;
  font-size: 14px;
  padding: 8px 0;
}
.boxReply3 .contLeft + .cont {
  float: left;
  width: 90%;
  padding-left: 20px;
}

/* 담임선생님 기존변경 */
span.tcPhoto21 {
  position: relative;
  display: inline-block;
}
span.tcPhoto21 em {
  position: relative;
  width: 159px;
  height: 211px;
  display: block;
  overflow: hidden;
}
span.tcPhoto21 em img {
  position: relative;
  top: 0px;
  left: 0px;
  width: 160px;
  height: 212px;
}
span.tcPhoto21 span {
  position: absolute;
  top: 0;
  left: 0;
  width: 160px;
  height: 212px;
  display: block;
  color: red;
  font-weight: bold;
  border: 1px solid #d6d6d6;
}
span.tcPhoto21_hover span {
  width: 160px;
  height: 212px;
  border: 2px solid #d35465;
}

span.tcPhoto22 {
  position: relative;
  display: inline-block;
} /* 85% */
span.tcPhoto22 em {
  position: relative;
  width: 129px;
  height: 109px;
  display: block;
  overflow: hidden;
}
span.tcPhoto22 em img {
  position: relative;
  top: 0px;
  left: -3px;
  width: 136px;
  height: 181px;
}
span.tcPhoto22 span {
  position: absolute;
  top: 0;
  left: 0;
  width: 130px;
  height: 110px;
  display: block;
  color: red;
  font-weight: bold;
  border: 1px solid #d6d6d6;
}
span.tcPhoto22_hover span {
  width: 130px;
  height: 110px;
  border: 2px solid #d35465;
}

span.tcPhoto23 {
  position: relative;
  display: inline-block;
} /* 45% */
span.tcPhoto23 em {
  position: relative;
  width: 57px;
  height: 57px;
  display: block;
  overflow: hidden;
}
span.tcPhoto23 em img {
  position: relative;
  top: 0px;
  left: -7px;
  width: 72px;
  height: 96px;
}
span.tcPhoto23 span {
  position: absolute;
  top: 0;
  left: 0;
  width: 58px;
  height: 58px;
  display: block;
  color: red;
  font-weight: bold;
  border: 1px solid #d6d6d6;
}
span.tcPhoto23_hover span {
  width: 58px;
  height: 58px;
  border: 2px solid #d35465;
}

/* 카드행사 */
.cardMonth {
  position: relative;
  font-size: 0;
}
.cardMonth strong {
  position: absolute;
  top: 87px;
  left: 560px;
}
.cardWrap {
  background: #ededed;
  border-right: 2px solid #ededed;
  border-bottom: 2px solid #ededed;
}
.cardEvent {
  padding-top: 0;
  border: 1px solid #d1d1d1;
  background: #fff;
}
.cardEvent dl {
  margin: 10px;
}
.cardEvent dl dt {
  margin-bottom: 14px;
  padding: 6px 0 2px 25px;
  background: #f1f2f2 url("/images/cscenter/cardEvent/bul_arrow.gif") no-repeat
    10px 13px;
  font-weight: bold;
}
.cardEvent dl dd {
  margin: 4px 0 0 18px;
  padding: 0 0 0 7px;
  line-height: 16px;
  background: url("/images/cscenter/cardEvent/nemo3.png") no-repeat 0 8px;
}

/*****************************************************************************************************************************************
	Popup  기존유지
*****************************************************************************************************************************************/
body.popup {
  background: #742933;
  padding: 5px;
}
table.tbl_popup {
  width: 100%;
}
table.tbl_popup tr.popup_top th {
  background: url("/_images/__renew/common/bg_pop_lt.gif") top left no-repeat;
  height: 20px;
  width: 1%;
  border-collapse: collapse;
  padding: 0;
}
table.tbl_popup tr.popup_top td {
  background: url("/_images/__renew/common/bg_pop_rt.gif") top right no-repeat;
  width: 99%;
  height: 20px;
  padding-right: 10px;
}
table.tbl_popup tr.pop_bot th {
  background: url("/_images/__renew/common/bg_pop_lb.gif") bottom left no-repeat;
  height: 11px;
  width: 1%;
}
table.tbl_popup tr.pop_bot td {
  background: url("/_images/__renew/common/bg_pop_rb.gif") bottom right
    no-repeat;
  width: 99%;
  height: 11px;
  padding-right: 10px;
}
table.tbl_popup tr td.cont {
  background: #fff;
  padding: 0 10px;
  vertical-align: top;
}
div.poptit {
  background: url("/_images/__renew/common/blt_poptit.gif") 5px 0 no-repeat;
  padding: 0 0 4px 25px;
  border-bottom: 1px solid #d4d3d2;
  color: #742933;
  line-height: 16px;
  margin-bottom: 10px;
  font-size: 14px;
}
div.poptxt01 {
  padding: 0 36px;
}
div.story_poptit {
  background: url("/_images/__renew/common/blt_1st_orange.gif") 5px 0 no-repeat;
  padding: 0 0 4px 25px;
  border-bottom: 1px solid #d4d3d2;
  color: #8d3704;
  line-height: 16px;
  margin-bottom: 10px;
  font-size: 14px;
}

/*****************************************************************************************************************************************
	Tab  기존유지
*****************************************************************************************************************************************/
div.tab {
  position: relative;
  z-index: 10x;
}
ul.tab_type01 {
  width: 100%;
  border-bottom: 1px solid #f58789;
  height: 24px;
}
div.tab .rbtn {
  position: absolute;
  top: 2px;
  right: 0px;
}
/*tab_off*/
ul.tab_type01 li {
  float: left;
  margin: 0 1px -2px 0;
  display: inline;
  font-weight: bold;
  line-height: 18px;
}
ul.tab_type01 li a {
  float: left;
  display: block;
  background: url("/_images/__renew/common/taboff01_right.gif") no-repeat top
    right;
  cursor: pointer;
  color: #a9a9a9;
}
ul.tab_type01 li a span {
  float: left;
  display: block;
  padding: 2px 15px 3px 15px;
  line-height: 20px;
  background: url("/_images/__renew/common/taboff01_left.gif") no-repeat top
    left;
  color: #a9a9a9;
  letter-spacing: -1px;
}
/*tab_on*/
ul.tab_type01 li.on a {
  float: left;
  display: block;
  background: url("/_images/__renew/common/tabon01_right.gif") no-repeat top
    right;
}
ul.tab_type01 li.on span {
  float: left;
  display: block;
  padding: 2px 15px 3px 15px;
  line-height: 20px;
  background: url("/_images/__renew/common/tabon01_left.gif") no-repeat top left;
  color: #fff;
  letter-spacing: -1px;
}
ul.tab_type01 li a:hover {
  float: left;
  display: block;
  background: url("/_images/__renew/common/tabon01_right.gif") no-repeat top
    right;
  cursor: pointer;
}
ul.tab_type01 li a:hover span {
  float: left;
  display: block;
  padding: 2px 15px 3px 15px;
  line-height: 20px;
  background: url("/_images/__renew/common/tabon01_left.gif") no-repeat top left;
  color: #fff;
}
html.small_pop {
  overflow: hidden;
}

/* 20250625 add */
.mid_subject_main_banner {
  display: flex;
  gap: 10px;
  width: 850px;
  margin: 0 auto;
  overflow: hidden;
}
.mid_subject_main_banner .column01,
.mid_subject_main_banner .column02 {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.mid_subject_main_banner .column01 .slider {
  width: 588px;
  height: 235px;
}
.mid_subject_main_banner .column02 .slider {
  width: 252px;
  height: 235px;
}
.mid_subject_main_banner .swiper-button-prev,
.mid_subject_main_banner .swiper-button-next {
  color: #007aff;
}
.mid_subject_main_banner .swiper-pagination-bullet-active {
  background-color: #007aff;
}
.mid_subject_main_banner .page_box {
  position: relative;
  border: 1px solid #d7d7d7;
  width: 100%;
  height: 39px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 10px;
}
.mid_subject_main_banner .page_box .swiper-pagination {
  width: auto;
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
}
.mid_subject_main_banner .page_box .nav {
  display: flex;
  margin: 0 0 0 15px;
}
.mid_subject_main_banner .page_box .nav .swiper-button-prev[role="button"],
.mid_subject_main_banner .page_box .nav .swiper-button-next[role="button"] {
  position: relative;
  width: 20px;
  height: 21px;
  background: url(/_images/_common/ico_slide_arrow.png) no-repeat 0 0;
  top: auto;
  left: auto;
  right: auto;
  margin: 0;
}
.mid_subject_main_banner .page_box .nav .swiper-button-next[role="button"] {
  transform: scale(-1, 1);
  border-right: 1px solid #d7d7d7;
}
.mid_subject_main_banner .swiper-button-prev:after,
.mid_subject_main_banner .swiper-button-next:after {
  display: none;
}