@charset "utf-8";
/* ==================================================================================================
    [영] 콘텐츠 스타일 (리터치)
    .content__lang__en
================================================================================================== */

html {
  font-size: 16px;
}

@media (max-width: 640px) {
  html {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  html {
    font-size: 15px;
  }
}

.content__lang__en strong {
  font-weight: bold;
}

.fl-l {float: left !important; }
.fl-r {float: right !important; }
.cl-b {width: 0; height: 0; font-size: 0; line-height: 0; clear: both; }
.va-m {vertical-align: middle !important; }
.va-t {vertical-align: top !important; }
.ta-c {text-align: center !important; }
.ta-l {text-align: left !important; }
.ta-r {text-align: right !important; }
.clear {display: block;overflow:visible; width:auto;clear:both; *zoom:1;}
.clear:after {display:block;visibility:hidden;height:0;font-size:0;clear:both; content: '';}
.area-space-s {margin-top:20px;}
.area-space{margin-bottom:40px;}

.row { width: 100%; display: table; table-layout: fixed; }
.col { min-height: 1px; display: table-cell; }
.col-b { display: block; }
.col-ib { display: inline-block; }
.col-it { display: inline-table; }
.col-t { display: table; }
.col-n { display: none; }
.col img { max-width: 100%; }
.row img { max-width: 100%; }

/* width 간격 나누기 1~ 100 까지 구분*/
.w-1 { width: 1%; }
.w-2 { width: 2%; }
.w-3 { width: 3%; }
.w-4 { width: 4%; }
.w-5 { width: 5%; }
.w-6 { width: 6%; }
.w-7 { width: 7%; }
.w-8 { width: 8%; }
.w-9 { width: 9%; }
.w-10 { width: 10% }
.w-11 { width: 11%; }
.w-12 { width: 12%; }
.w-13 { width: 13%; }
.w-14 { width: 14%; }
.w-15 { width: 15%; }
.w-16 { width: 16%; }
.w-17 { width: 17%; }
.w-18 { width: 18%; }
.w-19 { width: 19%; }
.w-20 { width: 20%; }
.w-21 { width: 21%; }
.w-22 { width: 22%; }
.w-23 { width: 23%; }
.w-24 { width: 24% }
.w-25 { width: 25%; }
.w-26 { width: 26%; }
.w-27 { width: 27%; }
.w-28 { width: 28%; }
.w-29 { width: 29%; }
.w-30 { width: 30%; }
.w-31 { width: 31%; }
.w-32 { width: 32%; }
.w-33 { width: 33.3%; }
.w-34 { width: 34%; }
.w-35 { width: 35%; }
.w-36 { width: 36%; }
.w-37 { width: 37%; }
.w-38 { width: 38%; }
.w-39 { width: 39%; }
.w-40 { width: 40%; }
.w-41 { width: 41%; }
.w-42 { width: 42%; }
.w-43 { width: 43%; }
.w-44 { width: 44%; }
.w-45 { width: 45%; }
.w-46 { width: 46%; }
.w-47 { width: 47%; }
.w-48 { width: 48%; }
.w-49 { width: 49%; }
.w-50 { width: 50% }
.w-51 { width: 51%; }
.w-52 { width: 52%; }
.w-53 { width: 53%; }
.w-54 { width: 54%; }
.w-55 { width: 55%; }
.w-56 { width: 56%; }
.w-57 { width: 57%; }
.w-58 { width: 58%; }
.w-59 { width: 59%; }
.w-60 { width: 60%; }
.w-61 { width: 61%; }
.w-62 { width: 62%; }
.w-63 { width: 63%; }
.w-64 { width: 64%; }
.w-65 { width: 65%; }
.w-66 { width: 66%; }
.w-67 { width: 67%; }
.w-68 { width: 68%; }
.w-69 { width: 69%; }
.w-70 { width: 70%; }
.w-71 { width: 71%; }
.w-72 { width: 72%; }
.w-73 { width: 73%; }
.w-74 { width: 74%; }
.w-75 { width: 75%; }
.w-76 { width: 76%; }
.w-77 { width: 77%; }
.w-78 { width: 78%; }
.w-79 { width: 79%; }
.w-80 { width: 80%; }
.w-81 { width: 81%; }
.w-82 { width: 82%; }
.w-83 { width: 83%; }
.w-84 { width: 84%; }
.w-85 { width: 85%; }
.w-86 { width: 86%; }
.w-87 { width: 87%; }
.w-88 { width: 88%; }
.w-89 { width: 89%; }
.w-90 { width: 90%; }
.w-91 { width: 91%; }
.w-92 { width: 92%; }
.w-93 { width: 93%; }
.w-94 { width: 94%; }
.w-95 { width: 95%; }
.w-96 { width: 96%; }
.w-97 { width: 97%; }
.w-98 { width: 98%; }
.w-99 { width: 99%; }
.w-100 { width:auto; display:block; margin:0 auto }

@media screen and (max-width: 767px) {
  .xs-100 {
    width: 100% !important;
    display: table !important;
    table-layout: fixed;
  }
}

/*  basic margin  */
.mpt_0{margin-top: 0 !important; padding-top:0 !important}
.ml0 {margin-left: 0 !important; }
.mr0 {margin-right: 0 !important; }
.mt0 {margin-top: 0px !important; }
.mt2 {margin-top: 2px !important; }
.mt5 {margin-top: 5px !important; margin-top: 5px !important; }
.mt10 {margin-top: 10px !important; margin-top: 0.625rem !important; }
.mt15 {margin-top: 15px !important; margin-top: 0.938rem !important; }
.mt20 {margin-top: 20px !important; margin-top: 1.25rem !important; }
.mt25 {margin-top: 25px !important; margin-top: 1.563rem !important; }
.mt30 {margin-top: 30px !important; margin-top: 1.875rem !important; }
.mt35 {margin-top: 35px !important; margin-top: 2.188rem !important; }
.mt40 {margin-top: 40px !important; margin-top: 2.5rem !important; }
.mt45 {margin-top: 45px !important; margin-top: 2.813rem !important; }
.mt50 {margin-top: 50px !important; margin-top: 3.125rem !important; }
.mt55 {margin-top: 55px !important; margin-top: 3.438rem !important; }
.mt60 {margin-top: 60px !important; margin-top: 3.75rem !important; }
.mt65 {margin-top: 65px !important; margin-top: 4.063rem !important; }
.mt70 {margin-top: 70px !important; margin-top: 4.375rem !important; }
.mt75 {margin-top: 75px !important; margin-top: 4.688rem !important; }
.mt80 {margin-top: 80px !important; margin-top: 5rem !important; }
.mt85 {margin-top: 85px !important; margin-top: 5.313rem !important;}
.mt90 {margin-top: 90px !important; margin-top: 5.625rem !important;}
.mt95 {margin-top: 95px !important; margin-top: 5.938rem !important;}
.mt100 {margin-top: 100px !important; margin-top: 6.25rem !important;}

.mb0{margin-bottom: 0px !important; margin-bottom: 0rem !important;}
.mb2 {margin-bottom: 2px !important;}
.mb5 {margin-bottom: 5px !important; margin-bottom: 0.313rem !important; }
.mb10 {margin-bottom: 10px !important; margin-bottom: 0.625rem !important; }
.mb15 {margin-bottom: 15px !important; margin-bottom: 0.938rem !important; }
.mb20 {margin-bottom: 20px !important; margin-bottom: 1.25rem !important; }
.mb25 {margin-bottom: 25px !important; margin-bottom: 1.563rem !important; }
.mb30 {margin-bottom: 30px !important; margin-bottom: 1.875rem !important; }
.mb35 {margin-bottom: 35px !important; margin-bottom: 2.188rem !important; }
.mb40 {margin-bottom: 40px !important; margin-bottom: 2.5rem !important; }
.mb45 {margin-bottom: 45px !important; margin-bottom: 2.813rem !important; }
.mb50 {margin-bottom: 50px !important; margin-bottom: 3.125rem !important; }
.mb55 {margin-bottom: 55px !important; margin-bottom: 3.438rem !important; }
.mb60 {margin-bottom: 60px !important; margin-bottom: 3.75rem !important; }
.mb65 {margin-bottom: 65px !important; margin-bottom: 4.063rem !important; }
.mb70 {margin-bottom: 70px !important; margin-bottom: 4.375rem !important; }
.mb75 {margin-bottom: 75px !important; margin-bottom: 4.688rem !important; }
.mb80 {margin-bottom: 80px !important; margin-bottom: 5rem !important;}
.mb85 {margin-bottom: 85px !important; margin-bottom: 5.313rem !important; }
.mb90 {margin-bottom: 90px !important; margin-bottom: 5.625rem !important; }
.mb95 {margin-bottom: 95px !important; margin-bottom: 5.938rem !important; }
.mb100 {margin-bottom: 100px !important; margin-bottom: 6.25rem !important;}



@media screen and (max-width:750px) {

/*모바일만 적용 */
.mpt_0_m{margin-top: 0 !important; padding-top:0 !important}
.w100_m {width: 100% !important; }
.ml0_m {margin-left: 0 !important; }
.mr0_m {margin-right: 0 !important; }
.mt0_m {margin-top: 0px !important; }
.mt2_m {margin-top: 2px !important; }
.mt5_m {margin-top: 5px !important; margin-top: 5px !important; }
.mt10_m {margin-top: 10px !important; margin-top: 0.625rem !important; }
.mt15_m {margin-top: 15px !important; margin-top: 0.938rem !important; }
.mt20_m {margin-top: 20px !important; margin-top: 1.25rem !important; }
.mt25_m {margin-top: 25px !important; margin-top: 1.563rem !important; }
.mt30_m {margin-top: 30px !important; margin-top: 1.875rem !important; }
.mt35_m {margin-top: 35px !important; margin-top: 2.188rem !important; }
.mt40_m {margin-top: 40px !important; margin-top: 2.5rem !important; }
.mt45_m {margin-top: 45px !important; margin-top: 2.813rem !important; }
.mt50_m {margin-top: 50px !important; margin-top: 3.125rem !important; }
.mt55_m {margin-top: 55px !important; margin-top: 3.438rem !important; }
.mt60_m {margin-top: 60px !important; margin-top: 3.75rem !important; }
.mt65_m {margin-top: 65px !important; margin-top: 4.063rem !important; }
.mt70_m {margin-top: 70px !important; margin-top: 4.375rem !important; }
.mt75_m {margin-top: 75px !important; margin-top: 4.688rem !important; }
.mt80_m {margin-top: 80px !important; margin-top: 5rem !important; }
.mt85_m {margin-top: 85px !important; margin-top: 5.313rem !important; }
.mt90_m {margin-top: 90px !important; margin-top: 5.625rem !important; }
.mt95_m {margin-top: 95px !important; margin-top: 5.938rem !important; }
.mt100_m {margin-top: 100px !important; margin-top: 6.25rem !important; }

.mb0_m{margin-bottom:0 !important}
.mb2_m {margin-bottom: 2px !important;}
.mb5_m {margin-bottom: 5px !important; margin-bottom: 0.313rem !important; }
.mb10_m {margin-bottom: 10px !important; margin-bottom: 0.625rem !important; }
.mb15_m {margin-bottom: 15px !important; margin-bottom: 0.938rem !important; }
.mb20_m {margin-bottom: 20px !important; margin-bottom: 1.25rem !important; }
.mb25_m {margin-bottom: 25px !important; margin-bottom: 1.563rem !important; }
.mb30_m {margin-bottom: 30px !important; margin-bottom: 1.875rem !important; }
.mb35_m {margin-bottom: 35px !important; margin-bottom: 2.188rem !important; }
.mb40_m {margin-bottom: 40px !important; margin-bottom: 2.5rem !important; }
.mb45_m {margin-bottom: 45px !important; margin-bottom: 2.813rem !important; }
.mb50_m {margin-bottom: 50px !important; margin-bottom: 3.125rem !important; }
.mb55_m {margin-bottom: 55px !important; margin-bottom: 3.438rem !important; }
.mb60_m {margin-bottom: 60px !important; margin-bottom: 3.75rem !important; }
.mb65_m {margin-bottom: 65px !important; margin-bottom: 4.063rem !important; }
.mb70_m {margin-bottom: 70px !important; margin-bottom: 4.375rem !important; }
.mb75_m {margin-bottom: 75px !important; margin-bottom: 4.688rem !important; }
.mb80_m {margin-bottom: 80px !important; margin-bottom: 5rem !important; }
.mb85_m {margin-bottom: 85px !important; margin-bottom: 5.313rem !important; }
.mb90_m {margin-bottom: 90px !important; margin-bottom: 5.625rem !important; }
.mb95_m {margin-bottom: 95px !important; margin-bottom: 5.938rem !important; }
.mb100_m {margin-bottom: 100px !important; margin-bottom: 6.25rem !important;}
.board-btn.reigt.mobile_show {display:block;} /*GG 12.29 추가*/
}

.column-wrap .txtmT { margin-top: 35px }
.column-wrap .mT4 { margin-top: 4px }

.content a {
  color: #333 !important;
}

.content {
  max-width: 940px;
  margin: 0 auto;
}

.content .subtit {
  font-size: 1.5rem;
  font-weight: 700 !important;
  margin-top: 60px;
}

.content h4 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #91864d;
}

.content .img-area {
  display: table;
  max-width: 100%;
}

.content .img-area span {
  display: table-cell;
}

.content .img-area img {
  width: 100%;
  height: auto;
  margin-bottom: 2px !important;
}

.content .img-area .img-divide.left_img {
  padding-right: 1px;
}

.content .img-area .img-divide.right_img {
  padding-left: 1px;
}

.content .tour_info {
  background-color: #f7f4e5;
  padding: 25px;
  margin-top: 20px;
}

.content .tour_info ul {
  margin-top: 20px;
}

.content .tour_info li {
  display: table;
  margin-bottom: 10px;
  word-break: break-all;
}

.content .tour_info li:last-child {
  margin-bottom: 0;
}

.content .tour_info li em {
  display: table-cell;
  font-weight: 700;
  color: #333;
  width: 180px;
}

@media screen and (max-width:767px) {

  .content .subtit {
      font-size: 1.3rem;
      margin-top: 3rem;
  }

  .content h4 {
      font-size: 1.1rem;
  }

  .content .img-area span {
      display: initial;
  }

  .content .img-area .img-divide.left_img {
      padding: 0;
  }

  .content .img-area .img-divide.right_img {
      padding: 0;
  }
}

/*event-info*/
.db-infobox {padding: 55px;border: 1px solid #eee;margin-bottom:55px}
.db-infobox .event-info{ margin-bottom:55px;}
.db-infobox .map-box .map{border: 1px solid #ccc; height:450px !important}
.db-infobox .map-box .go-map{ text-align:right; margin-top:15px;}
.db-infobox .map-box .go-map > a:last-child{display: inline-block;border:1px solid #e5e5e5; font-size:14px !important; border-radius:2px;text-align:left;color:#666!important;text-decoration:none !important;height:40px;line-height:40px; padding:0 40px 0 15px; background:url("/public/asis/img/board/icon_go_map.png") no-repeat center right; background-position:calc(100% - 10px) center}

.ico-muslim {/* float:left; */margin:30px 20px;}
.ico-muslim span {display:block;height:100px;margin:15px 0; overflow:hidden}
.ico-muslim span img {width:82px; float:left}

.bullet-muslim {padding-left:30px;}
.bullet-muslim strong {background:url("/public/asis/img/board/page_view_con_icon_list.png") no-repeat top left; color:#222;display:inline-block;height:20px;line-height:20px;padding-left:30px;margin-left:-30px;}
.bullet-muslim strong.bullet-type {background-position-y: -110px}
.bullet-muslim strong.bullet-menu {background-position-y: -130px}
.bullet-muslim strong.bullet-time {background-position-y: -152px }
.bullet-muslim strong.bullet-price {background-position-y: -44px }
.bullet-muslim strong.bullet-capacity {background-position-y: -176px }
.bullet-muslim strong.bullet-room {background-position-y: -265px }
.bullet-muslim strong.bullet-mosque {background-position-y: -287px}
.bullet-muslim strong.bullet-parking {background-position-y: -220px }
.bullet-muslim strong.bullet-trans { background-position-y: -243px}
.bullet-muslim strong.bullet-avail { background-position-y: -198px }

@media screen and (max-width:750px) {
  .db-infobox .map-box .map{height:50vw !important}
  .db-infobox{ margin-bottom:35px}
  .db-infobox .event-info{ margin:0 0 40px 0;}
  .db-infobox .map-box .go-map > a:last-child{width:100%; box-sizing:border-box}
  .db-infobox{padding:30px;}

  .ico-muslim {margin:15px 0;}
  .ico-muslim span {height:auto;}
  .ico-muslim span img {width:60px;}

  .bullet-muslim {padding-left:45px;}
  .bullet-muslim strong {margin-left: 0;}
}


/* 기존에 있었던 소스 */
.h_auto {
  height: auto !important
}

.note {
  display: block;
  margin-bottom: 18px;
  color: #333;
  font-size: 17px;
}

/*  상단 큰타이틀 영역 */
.submain_vis .page-title {
  width: 100%;
  height: 240px;
  position: relative;
  text-align: center;
  background-position-x: center
}

.submain_vis .page-title h2,
.submain_vis .page-title>p {
  color: #fff;
  font-size: 43px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  letter-spacing: 7px;
  font-weight: 900;
  text-transform: uppercase;
  font-family: Arial, sans-serif !important
}

.submain_vis .page-title h2 span,
.submain_vis .page-title>p span {
  font-family: inherit !important
}

.page-content .page-section h2 {
  line-height: 36px;
}

.page-content .page-section h2:first-child {
  margin: 100px 0 25px 0
}

.page-content .img-full+.page-section h2:first-child {
  margin-top: 50px
}

/* CMS class  page-content */
.page-wrap {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 60px 0 0 0;
  border-top: 2px solid #444;
  line-height: 1.706em;
}

.page-wrap.box-type01 {
  max-width: 1170px;
  margin: 0 auto;
  padding: 40px 0 0 0;
}

/*UNESCO*/
.page-wrap.box-type02 {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 9.41%;
  border-top: 0
}

.page-wrap.box-type03 {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0;
  border-top: 0
}

/*no-line*/
.wide-bx {
  width: 100%;
  max-width: 1170px;
  margin: -62px auto 0 auto;
  border-top: 2px solid #fff;
  background: #fff;
}

/* no-line */
.page-content.wide-bxline {
  width: 100%;
  max-width: 1170px;
  margin: -22px auto 0 auto;
  background: #fff
}

/* line */
.page-content.tab-con-type01 {
  width: 100%;
  max-width: 1170px;
}

.page-content {
  max-width: 950px;
  width: 100%;
  margin: 0 auto;
  text-align: left
}

.page-content p,
.paragraph {
  font-size: 17px;
  line-height: 1.706em;
  letter-spacing: -0.03em;
}

.page-content .paragraph {
  margin-bottom: 40px;
  text-align: left
}

.page-wrap.box-type03>.page-content {
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
  text-align: left
}

.page-wrap.box-type01>.page-content {
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
  text-align: left
}

/* layout */
.page-content {
  margin-bottom: 0px
}

.page-content+.page-content>.page-section {
  padding: 0 0 18px 0;
}

.page-content>.page-section:first-child {
  padding-top: 0;
}

.page-content p+.page-section {
  margin-top: 20px;
}

.page-section {
  margin: 20px 0 50px 0;
  text-align: left
}

.page-section:first-child {
  margin: 0 0 50px 0;
}

.pg-sc0 {
  padding-bottom: 0px !important;
}

.page-section .page-number {
  margin: 55px 0 1px;
}

.page-section .post-title+.page-number {
  padding-top: 0;
}

.page-section .post-title+.dot-area {
  margin-top: 0;
}

.page-section .page-number:first-child {
  padding: 0 0 0 0px;
}

.dot-area {
  margin-bottom: 55px;
}

.dot-area .title-dot {
  margin: 6px 0 10px;
  font-size: 1.1em;
  font-weight: bold;
  color: #222;
  margin-bottom: 25px;
}

.dot-area .title-dot.unlink {
  color: #222;
}

.dot-area .title-dot::before {
  margin-right: 0
}

.title-dot::before {
  content: '';
  margin-right: 0
}

.title-dot-02 {
  color: #222;
}

.page-number .title-number {
  margin-bottom: 15px;
  color: #333;
  font-size: 1.15em;
}

/* text */
.font-bold {
  display: inline-block;
  font-weight: bold;
}

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

.page-content .paragraph:nth-child(1) {
  margin-top: 0
}

/* link */
.content__lang__en a:link.link,
.content__lang__en a:hover.link,
.content__lang__en a:focus.link,
.content__lang__en a:visited.link {
  font-size: inherit;
  color: #1e75d6;
  text-decoration: underline;
  vertical-align: inherit
}

/* blit */
.blit {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  color: transparent;
}

.blit.link {
  background: url("/public/asis/img/board/icon_newchang.png") no-repeat center 0;
  width: 20px;
  height: 20px;
}

/* link  basic 링크 색상 color:#1e75d6 */
.paragraph a:link,
.paragraph a:hover,
.paragraph a:focus,
.paragraph a:visited {
  font-size: inherit;
  color: #1e75d6;
  text-decoration: underline;
  vertical-align: inherit
}

.content__lang__en a:link.link,
.content__lang__en a:hover.link,
.content__lang__en a:focus.link,
.content__lang__en a:visited.link {
  font-size: inherit;
  color: #1e75d6;
  text-decoration: underline;
  vertical-align: inherit
}

a.link>strong,
a.link>span {
  font-size: inherit;
  color: #1e75d6;
  text-decoration: underline
}

a.blit-link {
  font-size: inherit;
  color: #1e75d6;
  text-decoration: underline
}

a.blit-link>strong,
a.blit-link>span {
  font-size: inherit;
  color: #1e75d6;
  text-decoration: underline
}

a.blit-link:after {
  content: '';
  background: url("/public/asis/img/board/icon_newchang.png") no-repeat center center;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px
}

#contents .page-content .color-focus {
  color: #26ae6a
}

.color-focus {
  color: #26ae6a
}

.page-information {
  margin-top: 40px;
  line-height: 1.5;
}

.page-information+.page-information {
  margin-top: 10px;
}

/*  page update */
p.ps-area,
.ps-area,
.page-information,
.page-information.color-focus,
.update-information {
  color: #26ae6a !important;
  font-size: 14px !important;
  letter-spacing: -0.01em;
  line-height: 1.7;
  position: relative;
  padding-left: 25px;
  position: relative;
  display: block;
}

.page-information strong {
  color: #26ae6a !important;
}

.ps-area::before,
.update-information::before,
.page-information:before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 0px;
  width: 16px;
  height: 16px;
  background: url("/public/asis/img/board/icon_page_column_consult.png") no-repeat top left;
}

p.ps-area-point,
.ps-area-point {
  color: #ff615f;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 1.7;
  position: relative;
  padding-left: 25px;
}

.ps-area-point::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  width: 17px;
  height: 17px;
  background: url("/public/asis/img/board/icon_page_column_point.png") no-repeat center left;
}

/* list type */
.dash-list {
  overflow: hidden;
}

.dash-list>li {
  position: relative;
  padding: 0;
  font-size: 17px;
  margin-top: 15px;
  line-height: 1.706em;
}

.dash-list>li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 0;
  height: 0;
  padding-right: 0;
}

.dash-list>li>strong {
  font-weight: 600 !important;
  color: #333
}

.dash-list.bar {
  overflow: hidden;
}

.dash-list.bar>li {
  position: relative;
  padding: 0 0 0 20px;
  font-size: 17px;
  font-weight: 100;
  margin-top: 15px;
  line-height: 1.706em;
}

.dash-list.bar>li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '-';
  width: 0;
  height: 0;
  padding-right: 0;
}

.dash-list.bar>li>strong {
  color: #333
}

.star-list {
  overflow: hidden;
}

.star-list>li {
  position: relative;
  padding: 5px 0 7px 15px;
  line-height: 1.7;
  color: #26ae6a !important;
  font-size: 14px
}

.star-list>li::before {
  position: absolute;
  top: 6px;
  left: 0;
  content: '*';
  width: 9px;
  height: 17px;
  padding-right: 4px;
}

.dash-list>li>span {
  vertical-align: top
}

.star-list-small li {
  padding: 3px 0 2px 9px;
}

.star-list-type02 li span {
  font-weight: bold;
}

.define-list {
  overflow: hidden;
}

.define-list>li {
  display: table;
  width: 100%;
  font-size: 15px;
}

.define-list>li span.define {
  display: table-cell;
  width: 30%;
  color: #333;
  padding-top: 3px;
  font-size: 15px;
  font-weight: bold;
  vertical-align: top;
  letter-spacing: -0.5px;
  position: relative;
  line-height: 1.5;
  word-break: keep-all
}

.define-list>li>span:nth-child(2) {
  color: #555;
  font-size: 15px;
  display: table-cell;
  width: 70%;
}

.define-list-type02 li {
  position: relative;
  border: none;
  margin: 0;
  padding: 0;
  letter-spacing: -0.025em;
}

.define-list2 {
  overflow: hidden;
}

.define-list2>li {
  display: table;
  width: 100%;
  font-size: 15px;
}

.define-list2>li span.define {
  display: table-cell;
  width: 40%;
  color: #333;
  padding-top: 3px;
  font-size: 15px;
  font-weight: bold;
  vertical-align: top;
  letter-spacing: -0.5px;
  position: relative;
  line-height: 1.5;
  word-break: keep-all
}

.define-list2>li>span:nth-child(2) {
  color: #555;
  font-size: 15px;
  display: table-cell;
  width: 70%;
}

.dash-list2.bar {
  overflow: hidden;
}

.dash-list2.bar>li {
  position: relative;
  padding: 0 0 0 20px;
  font-size: 17px;
  font-weight: 100;
  margin-top: 15px;
  line-height: 1.706em;
}

.dash-list2.bar>li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '-';
  width: 0;
  height: 0;
  padding-right: 0;
}

.dash-list2.bar>li>strong {
  font-weight: 600 !important;
  color: #333
}

.dash-list.dash_mt0 li:first-child {
  margin-top: 15px
}

.dash-list.dash_mt0 li {
  margin-top: 0px
}

.dash-list.dash-f-mt0 li:first-child {
  margin-top: 0;
}

/* hanbok */
.page-content.flea .define-list>li {
  display: inline-block;
  font-size: 15px;
}

.page-content.flea .define-list>li span.define {
  display: inline;
  font-size: 15px;
  width: auto;
  vertical-align: inherit
}

/*table*/
#sub-container .page-content table {
  table-layout: fixed
}

table.basic {
  border-top: 1px solid #444;
  width: 100%;
  /*max-width:950px;*/
  margin: 20px auto;
}

table.basic th {
  color: #333;
  padding: 20px 10px;
  border-bottom: 1px solid #eee;
  font-size: 16px;
  line-height: 1.7;
  vertical-align: middle;
  border-right: 1px solid #eee;
}

table.basic td {
  color: #666;
  padding: 20px 10px;
  border-bottom: 1px solid #eee;
  font-size: 15px;
  line-height: 1.7;
  vertical-align: middle;
  word-break: break-all;
  border-right: 1px solid #eee;
}

table.basic td p {
  color: #666;
}

table.basic thead>tr>th {
  background: #f9f9f9;
  text-align: center;
}

table.basic tbody>tr>th {
  background: #f9f9f9;
  text-align: center;
  border-top: 0;
}

table.basic tfoot>tr>th {
  background: #f9f9f9;
  text-align: center;
}

table.basic th:first-child,
table.basic tr>td:first-child {
  border-left: 0
}

table.basic th:last-child,
table.basic tr>td:last-child {
  border-right: 0
}

.tbx-roll {
  overflow-x: auto
}

/* table */
.basic.table-mobile {
  display: none;
}

.box-gray-mobile {
  display: none
}

table.basic.web {
  display: table;
}

/* blog-list type */
.blog-list-content {
  margin-top: 40px;
}

/* blog-list-content STYLE -default */
.blog-list-content>ul {
  border-top: 2px solid #333;
}

.blog-list-content>ul>li {
  padding: 20px;
  border-bottom: 1px solid #eaeaeb;
  overflow: hidden;
  min-height: 100px;
}

.blog-list-content>ul>li.bg-color {
  background-color: #fbfbfb;
}

.blog-list-content>ul>li>.thumnails {
  float: left;
  width: 330px;
}

.blog-list-content>ul>li>.thumnails>img {
  width: 300px;
  height: 200px;
}

.blog-list-content>ul>li>h3 {
  font-size: 1.333em;
  color: #000;
  letter-spacing: -0.042em;
  font-weight: normal;
  margin-bottom: 10px;
}

.blog-list-content>ul>li>.text {
  display: block;
  color: #666;
  line-height: 1.5;
  margin-bottom: 5px;
  overflow: hidden;
  word-wrap: break-word;
  height: auto;
  /* height:56px 11.27 */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.blog-list-content>ul>li>.text a {
  color: #666;
}

.blog-list-content-type02 {
  margin-top: 0;
}

/* blog-list-content STYLE- float style */
.blog-list-content-type02>ul {
  border-top: 0;
  margin-bottom: 15px;
}

.blog-list-content-type02>ul>li {
  padding-left: 0;
}

.blog-list-content-type02>ul>li:first-child {
  padding-top: 0;
}

.blog-list-content-type02 ul li h3,
.blog-list-content-type02 ul li h4 {
  font-weight: bold;
  font-size: 22px;
  color: #333;
}

.blog-list-content-type02 ul li h3>a,
.blog-list-content-type02 ul li h4>a {
  color: inherit;
}

.blog-list-content-type02 ul li .dash-list li .link {
  color: #0b68f5;
}

.blog-list-content-type03 ul li h3 {
  font-weight: bold;
  font-size: 1.1em;
  color: #333;
}

.blog-list-content-type03 ul li h3.unlink {
  font-size: 1.333em;
  color: #000;
  letter-spacing: -0.042em;
  font-weight: normal;
  margin-bottom: 10px;
}

.blog-list-content-type03 ul li h3>a {
  color: inherit;
}

.blog-list-content-type03>ul>li>.thumnails {
  display: table-cell;
}

.blog-list-content-type03>ul>li .blog-text {
  display: table-cell;
}

.blog-list-content-type03 ul li .blog-text p.text {
  margin: 8px 0;
}

.blog-list-content-type03 ul li .blog-text p.text:first-child {
  margin-top: 0;
}

/* #contents안의 title */
.page-content h2,
.tab-box h2 {
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.025em;
  font-weight: 900;
  color: #333 !important
}

.page-content h3 {
  font-size: 22px;
  line-height: 28px;
  letter-spacing: -0.035em;
  color: #333 !important
}

.page-content+.page-content>h2 {
  margin-bottom: 15px;
}

.content-title {
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.025em;
  font-weight: 900;
  margin-bottom: 25px;
}

.content-title-small {
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 28px;
  color: #333;
  letter-spacing: -0.042em;
}

.page-content h2.page-content-title {
  margin-bottom: 0px;
  font-size: 32px;
  line-height: 38px;
}

.page-content h3.page-content-title {
  margin-bottom: 0px;
  font-size: 22px;
  line-height: 28px;
}

.post-title {
  color: #333;
  font-size: 22px;
  letter-spacing: -0.042em;
  margin-bottom: 30px;
  text-align: left
}

h2.post-title {
  font-size: 32px;
  font-weight: bold;
  line-height: 38px;
  letter-spacing: -0.025em;
  padding-bottom: 25px;
  margin: 100px 0 55px 0;
  border-bottom: 1px solid #eee
}

.post-title>a.title-link {
  color: inherit;
}

.page-section>.subbig-title {
  margin-top: 20px;
}

.page-content h2 {
  margin: 100px 0 25px 0
}

.page-content.h2_type2 h2:first-of-type {
  margin: 0px 0 30px 0 !important;
}

.page-content h2:first-child {
  font-size: 32px;
  font-weight: bold;
  letter-spacing: -0.025em;
  margin-top: 0
}

.page-content:first-child .page-section:first-child h2:first-child {
  margin-top: 0
}

.post-title a::after {
  content: '';
  display: inline-block;
  background: url("/public/asis/img/board/icon_newchang.png") no-repeat center 0;
  width: 16px;
  height: 15px;
  padding-left: 20px
}

/*sub tit*/
.subbig-title {
  font-size: 32px !important;
  font-weight: bold;
  letter-spacing: -0.025em;
  padding-bottom: 25px;
  margin: 80px 0 55px 0;
  border-bottom: 1px solid #eee
}

.sub-title {
  font-size: 22px;
  line-height: 28px;
  margin: 0 0 30px 0 !important;
  letter-spacing: -0.035em;
  color: #333;
  font-weight: 600
}

/*  page img */
.img-full img,
.img-area img {
  padding: 0;
}

.img-full {
  text-align: center;
  margin-bottom: 40px
}

.img-full>img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  vertical-align: top;
}

.img-full .img-sub-text {
  display: block;
  padding: 10px 0 10px 0;
  text-align: center;
  font-size: 14px;
  color: #888;
  line-height: 1.4;
  letter-spacing: -0.02em;
}

.img-full.img-full-noTitle+h2 {
  margin-top: 25px;
}

.img-left {
  float: left;
  margin: 0 25px 10px 0;
}

.img-area {
  overflow: hidden;
  margin: 0 auto;
  max-width: 702px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.img-area.align_l {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.img-area>li {
  float: left;
  margin-left: 2px;
  margin-bottom: 2px;
}

.img-area>li>img {
  display: block;
}

/*  같은 사이즈 이미지 2장 나열 */
.img-area>li>span {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(348px, 348px);
  grid-template-columns: minmax(348px, 348px);
  padding: 10px 0 30px 0;
  text-align: center;
  font-size: 14px;
  color: #888;
  line-height: 1.2;
  letter-spacing: -0.02em;
  /*height:50px;*/
}

/*  같은 사이즈 이미지 3장 나열  */
.img-area.col3>li {
  width: 33%
}

.img-area.col3>li>span {
  display: block;
}

.img-area>li.row_first_img_mb span {
  padding: 10px 0 20px;
  min-height: auto;
}

.img-area>li.con_col3_img>span {
  grid-template-columns: minmax(auto, auto);
}

.img-area>li.con_col2_img {
  width: calc(50% - 2px)
}

/*  서로다른 사이즈 이미지 2장 나열:  big 444px  small 254px */
.img-area>li.big img {
  width: 444px
}

.img-area>li.big>span {
  -ms-grid-columns: minmax(444px, 444px);
  grid-template-columns: minmax(444px, 444px);
}

.img-area>li.small img {
  width: 254px
}

.img-area>li.small>span {
  -ms-grid-columns: minmax(254px, 254px);
  grid-template-columns: minmax(254px, 254px);
}

/* 2개 이미지의 사이즈가 각각 다를 때 (비고정)*/
.img-area.col2_img_rd>li>span {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(auto, auto);
  grid-template-columns: minmax(auto, auto);
}

/*gird-columns auto */
.grid_colum_auto>li>span {
  -ms-grid-columns: minmax(auto, auto) !important;
  grid-template-columns: minmax(auto, auto) !important;
}

/*img-area 영역 안에 이미지 개수가 랜덤일때 */
/*2개일때*/
li.img-col2 {
  width: calc(50% - 1px) !important
}

/*3개일때*/
li.img-col3 {
  width: calc(33.333% - 1.5px) !important
}

li.img-col2,
li.img-col3 {
  width: 100%;
}

/* 큰이미지 아래 같은사이즈 2장 나열일때 .full 추가  */
.img-area.full>li:nth-child(1)>span {
  -ms-grid-columns: minmax(702px, 702px);
  grid-template-columns: minmax(702px, 702px);
  padding: 10px 0
}

.img-area>li.no-space {
  margin-left: 0;
}

.img-area+.img-sub-text {
  display: block;
  padding: 10px 0 30px 0;
  text-align: center;
  font-size: 14px;
  color: #888;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.img-sub-text {
  display: block;
  padding: 10px 0 30px 0;
  text-align: center;
  font-size: 14px;
  color: #888;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.page-content .img-full+.page-section {
  padding-top: 0
}

.text-img-ri {
  float: left;
  width: 72%
}

/*텍스트가 이미지를 감쌀 때 이미지 여백 */
.img-inline {
  padding: 0 20px 0px 0;
  display: inline-block;
}

.img-area+.img-sub-text+.dash-list li:first-child {
  margin-top: 0 !important
}

/*.img-area + .paragraph{margin-top:0 !important}*/
.img-full+.dash-list li:first-child {
  margin-top: 0 !important
}

/* img 950  */
.img-area.pic950 {
  overflow: hidden;
  margin: 0 auto;
  max-width: none;
}

.img-area.pic950>li {
  width: 49.35%;
  margin-left: 0.4%;
  text-align: center
}

.img-area.pic950>li img {
  width: auto;
  max-width: 100%;
  display: inline-block
}

.img-area.pic950>li>span {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(100%, 100%);
  grid-template-columns: minmax(100%, 100%);
  line-height: 1.4;
}

.img-area.pic950 .full {
  width: auto
}

.img-area.pic950 .full img {
  width: auto;
  max-width: 100%
}

.img-area.pic950 .full span {
  -ms-grid-columns: minmax(702px, 100%);
  grid-template-columns: minmax(702px, 100%);
}

.img-area>li.col-same {
  width: 32.9%;
}

.img-area>li.col-same>span {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(100%, 100%);
  grid-template-columns: minmax(100%, 100%);
  line-height: 1.4;
}

.img-area.pic950>li.large {
  width: 63%;
}

.img-area.pic950>li.small {
  width: 35.05%
}

.img-area.pic950.left {
  justify-content: left;
  -webkit-justify-content: left
}

/* table */
.basic.table-mobile {
  display: none;
}

.box-gray-mobile {
  display: none
}

table.basic.web {
  display: table;
}

.box-gray .box-title.box-title02 {
  margin: 30px 0;
  color: #333;
}

.box-gray .box-section {
  overflow: hidden;
  margin-top: 0;
  padding-top: 0;
  border-top: 1px solid #d6d6d6;
}

.box-gray .box-section {
  padding: 30px 0 !important
}

.box-gray .box-section:first-child {
  margin-top: 0;
  padding-top: 0 !important;
  border-top: none;
}

.box-gray .box-section:last-child {
  margin-top: 0;
  padding-bottom: 0 !important;
}

.box-white {
  overflow: hidden;
  margin: 20px 0 0 0;
  padding: 20px 30px;
  border: 1px solid #d4d4d4;
  background-color: #fff;
}

.box-gray .blit.circleNote {
  display: none;
}

.box-title {
  margin-bottom: 30px;
  color: #333;
  font-size: 18px;
  font-weight: bold;
}

.box-gray {
  overflow: hidden;
  margin: 20px 0;
  padding: 55px 45px;
  border: 1px solid #eee;
}

.box-gray.bg-gr {
  background: #f3f3f3
}

.box-gray.bo-gr {
  border: 1px solid #bfbfbf;
}

[class*='box-gray'] {
  padding: 55px 45px;
  border: 1px solid #eee;
}

[class*='box-gray'] .tit::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: url("/public/asis/img/board/page_view_con_icon_list.png") no-repeat top left;
  left: 0px;
  top: 6px;
}

[class*='box-gray'] .tit.add::before {
  background: url("/public/asis/img/board/page_view_con_icon_list.png") no-repeat top left;
}

/*  -22px up   */
[class*='box-gray'] .tit.how-togo::before {
  background: url("/public/asis/img/board/page_view_con_icon_list.png") no-repeat top left;
  background-position-y: -22px
}

[class*='box-gray'] .tit.day::before {
  background: url("/public/asis/img/board/page_view_con_icon_list.png") no-repeat top left;
  background-position-y: -44px
}

[class*='box-gray'] .tit.tel::before {
  background: url("/public/asis/img/board/page_view_con_icon_list.png") no-repeat top left;
  background-position-y: -66px
}

[class*='box-gray'] .tit.site::before {
  background: url("/public/asis/img/board/page_view_con_icon_list.png") no-repeat top left;
  background-position-y: -88px
}

[class*='box-gray'] .tit.food-type::before {
  background: url("/public/asis/img/board/page_view_con_icon_list.png") no-repeat top left;
  background-position-y: -110px
}

[class*='box-gray'] .tit.food-info::before,
[class*='box-gray'] .tit.info::before {
  background: url("/public/asis/img/board/page_view_con_icon_list.png") no-repeat top left;
  background-position-y: -132px
}

[class*='box-gray'] .tit.time::before {
  background: url("/public/asis/img/board/page_view_con_icon_list.png") no-repeat top left;
  background-position-y: -154px
}

[class*='box-gray'] .tit.food-man::before {
  background: url("/public/asis/img/board/page_view_con_icon_list.png") no-repeat top left;
  background-position-y: -176px
}

[class*='box-gray'] .tit.food-halal::before {
  background: url("/public/asis/img/board/page_view_con_icon_list.png") no-repeat top left;
  background-position-y: -198px
}

[class*='box-gray'] .tit.car::before {
  background: url("/public/asis/img/board/page_view_con_icon_list.png") no-repeat top left;
  background-position-y: -220px
}

[class*='box-gray'] .tit.bus::before {
  background: url("/public/asis/img/board/page_view_con_icon_list.png") no-repeat top left;
  background-position-y: -243px
}

[class*='box-gray'] .tit.islam-room::before {
  background: url("/public/asis/img/board/page_view_con_icon_list.png") no-repeat top left;
  background-position-y: -265px
}

[class*='box-gray'] .tit.islam-house::before {
  background: url("/public/asis/img/board/page_view_con_icon_list.png") no-repeat top left;
  background-position-y: -287px
}

[class*='box-gray']>ul>li {
  display: table;
  width: 100%;
  margin-top: 15px;
}

[class*='box-gray']>ul>li:first-child {
  margin-top: 0px;
}

[class*='box-gray']>ul>li>.tit {
  color: #333;
  font-size: 15px;
  font-weight: bold;
  display: table-cell;
  width: 30%;
  vertical-align: top;
  letter-spacing: -0.5px;
  position: relative;
  width: auto;
  padding-left: 30px;
}

[class*='box-gray']>ul>li>.con {
  color: #555;
  font-size: 15px;
  display: table-cell;
  width: 70%;
}

[class*='box-gray'] .big-tit {
  overflow: hidden;
  display: inline-block;
  background: #fff;
  margin-top: -21px;
  margin-bottom: 7px;
  padding-left: 13px;
  padding-right: 13px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.38;
  color: #252525;
}

.box-gray-area {
  display: table;
  width: 100%;
  overflow: hidden;
  font-size: 14px !important;
}

[class*='box-gray'] .define.tit {
  color: #333;
  font-size: 14px;
  font-weight: 100;
  display: table-cell;
  width: 25%;
  vertical-align: top;
  letter-spacing: -0.5px;
  position: relative;
  width: auto;
  padding-left: 30px;
  white-space: nowrap;
}

[class*='box-gray']>h4 {
  font-size: 18px;
}

/*  box-gray 안의 li사이즈 타입2  */
[class*='box-gray'].type01>li {
  display: table;
  width: 100%;
}

[class*='box-gray'].type01>li span.define,
.type01>li .tit {
  display: table-cell;
  width: 20%;
}

[class*='box-gray'].type01>li .con {
  display: table-cell;
  width: 80%;
}


/*4댑 green-tab */
.tab_starea .tab_in {
  display: none
}

.tab_starea>ul {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.tab_starea>ul>li {
  float: left;
  border: 1px solid #eee;
  position: relative;
  z-index: 10;
  margin-left: -1px;
  height: 68px;
  overflow: hidden;
  color: #333
}

.tab_starea>ul>li a {
  display: block;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  text-align: center;
  font-size: 15px;
  line-height: 1.3;
  color: #333
}

.tab_starea>ul>li a span {
  display: block;
  padding: 0 0px;
  color: #333
}

.tab_starea>ul>li:nth-child(5n+1) {
  margin-left: 0
}

.tab_starea>ul>li:nth-child(n+6) {
  margin-top: -1px;
}

.tab_starea>ul>li.tab_on {
  background: #26ae6a;
  border: 1px solid #26ae6a;
  z-index: 100;
  color: #fff
}

.tab_starea>ul>li.tab_on a {
  color: #fff
}

.tab_starea>ul>li.tab_on span {
  color: #fff;
  font-weight: 600
}

.tab_conts {
  margin-top: 60px !important;
}

.tab_starea+.page-wrap {
  border: 0 !important
}

.tab_starea+.performance,
.tab_starea+.daehakro,
.tab_starea+form {
  margin-top: 60px !important
}

/*tab-box */
.tabbx>ul {
  overflow: hidden;
  position: relative;
  z-index: 5;
}

.tabbx>ul>li {
  float: left;
  border-bottom: 2px solid #eee;
  position: relative;
  z-index: 10;
  height: 68px;
  overflow: hidden;
  color: #333
}

.tabbx>ul>li span {
  display: block;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  text-align: center;
  font-size: 15px;
  line-height: 1.3;
  color: #333
}

.tabbx>ul>li span {
  display: block;
  padding: 10px 15px;
  color: #333;
  cursor: pointer
}

.tabbx>ul>li.on {
  border-bottom: 2px solid #000;
  z-index: 100;
  color: #000;
  font-weight: bold
}

.tabbx>ul>li.on span {
  color: #000;
  font-weight: bold
}

.tabbx>ul>li::after {
  content: '';
  display: block;
  margin-top: -10px;
  height: 16px;
  width: 1px;
  background: #eee
}

.tabbx>ul>li:first-child::after {
  display: none;
}

.tab_conts {
  width: 100%;
  max-width: 950px;
  margin: 0 auto
}

/*tab-box green */
.tabbx.g-Tab .tab_in {
  display: none
}

.tabbx.g-Tab>ul>li {
  border: 1px solid #eee;
  margin-left: -1px;
}

.tabbx.g-Tab>ul>li span {
  display: block;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  text-align: center;
  font-size: 15px;
  line-height: 1.3;
  color: #333
}

.tabbx.g-Tab>ul>li span {
  display: block;
  padding: 0 15px;
  color: #333
}

.tabbx.g-Tab>ul>li.on {
  background: #26ae6a;
  border: 1px solid #26ae6a;
  z-index: 100;
  color: #fff
}

.tabbx.g-Tab>ul>li.on span {
  color: #fff;
  font-weight: bold
}

.tabbx.g-Tab>ul>li:nth-child(5n+1) {
  margin-left: 0
}

.tabbx.g-Tab>ul>li:nth-child(n+6) {
  margin-top: -1px;
}

.tabbx.g-Tab>ul>li::after {
  content: '';
  display: none;
}

.board-section .tab_conts {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto
}

/*tab-box 중복 탭 */
.tabbx-ot>ul {
  overflow: hidden;
  position: relative;
  z-index: 5;
}

.tabbx-ot>ul>li {
  float: left;
  border-bottom: 2px solid #eee;
  position: relative;
  z-index: 10;
  height: 68px;
  overflow: hidden;
  color: #333;
  cursor: pointer
}

.tabbx-ot>ul>li span {
  display: block;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  text-align: center;
  font-size: 15px;
  line-height: 1.3;
  color: #333
}

.tabbx-ot>ul>li span {
  display: block;
  padding: 0 15px;
  color: #333;
  cursor: pointer
}

.tabbx-ot>ul>li.on {
  border-bottom: 2px solid #000;
  z-index: 100;
  color: #000;
  font-weight: bold
}

.tabbx-ot>ul>li.on span {
  color: #000;
  font-weight: bold
}

.tabbx-ot>ul>li::after {
  content: '';
  display: block;
  margin-top: 5px;
  height: 16px;
  width: 1px;
  background: #eee
}

.tabbx-ot>ul>li:first-child::after {
  display: none;
}

.tab_conts_tb {
  width: 100%;
  max-width: 950px;
  margin: 0 auto
}

/* UNESCO World Heritages */
/* img-tab style common 이미지탭 */
#contents nav.img-tab-wrapper {
  display: block;
  width: auto !important;
  position: static;
  background: none !important;
  z-index: 1;
  height: auto;
  box-shadow: none !important;
  border: 0
}

.img-tab-wrapper {
  display: block;
  margin-left: 5px;
  margin-top: 15px;
  margin-bottom: 38px;
}

.img-tab-wrapper+.tab-box .page-section {
  padding-top: 0 !important;
}

.tab-box .page-section {
  padding-top: 0 !important;
}

.page-content .tab-box {
  margin-top: 100px;
  padding-bottom: 80px;
  border-bottom: 2px solid #eee
}

.page-content .tab-box h2 {
  font-size: 30px !important;
  font-weight: 500 !important;
  line-height: 1.2;
  letter-spacing: -0.03em;
  padding-bottom: 40px;
  margin-bottom: 60px;
  border-bottom: 1px solid #eee
}

.tab-box {
  display: none;
}

.tab-box .dot-area .title-dot {
  color: #333;
}

.tab-box .dot-area .box-gray {
  border: 0;
}

.tab-box .dot-area .box-gray strong {
  margin-bottom: 15px;
}

.tab-box .dot-area .box-gray .link {
  line-height: 1.4;
}

.img-tab-wrapper ul {
  font-size: 0;
  word-spacing: 0;
}

.img-tab-wrapper ul li {
  display: inline-block;
  width: 280px;
  height: 115px;
  margin: 0 10px 10px 0;
  border: 1px solid #d9d9d9;
  vertical-align: top;
  box-sizing: border-box
}

.img-tab-wrapper ul li:nth-child(4n) {
  margin-right: 0;
}

.img-tab-wrapper ul li a {
  display: block;
}

.img-tab-wrapper ul li a span em {
  display: none;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.3;
}

.img-tab-wrapper ul li a span {
  vertical-align: middle
}


/* Cultural Heritage Sites - img-tab style*/
.img-tab-wrapper ul li a span {
  display: block;
  box-sizing: border-box;
  width: 280px;
  height: 115px;
  font-size: 14.5px;
  line-height: 1.3;
  letter-spacing: -0.25px;
  font-weight: 600;
  color: #333;
  background-image: url('/public/asis/img/unesco/bg_imgTab01.png');
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  padding: 20px 105px 20px 20px
}

.img-tab-wrapper ul li.img-tab02 a span {
  background-image: url('/public/asis/img/unesco/bg_imgTab02.png');
}

.img-tab-wrapper ul li.img-tab03 a span {
  background-image: url('/public/asis/img/unesco/bg_imgTab03.png');
}

.img-tab-wrapper ul li.img-tab04 a span {
  background-image: url('/public/asis/img/unesco/bg_imgTab04.png');
}

.img-tab-wrapper ul li.img-tab05 a span {
  background-image: url('/public/asis/img/unesco/bg_imgTab05.png');
}

.img-tab-wrapper ul li.img-tab06 a span {
  background-image: url('/public/asis/img/unesco/bg_imgTab06.png');
}

.img-tab-wrapper ul li.img-tab07 a span {
  background-image: url('/public/asis/img/unesco/bg_imgTab07.png');
}

.img-tab-wrapper ul li.img-tab08 a span {
  background-image: url('/public/asis/img/unesco/bg_imgTab08.png');
}

.img-tab-wrapper ul li.img-tab09 a span {
  background-image: url('/public/asis/img/unesco/bg_imgTab09.png');
}

.img-tab-wrapper ul li.img-tab10 a span {
  background-image: url('/public/asis/img/unesco/bg_imgTab10.png');
}

.img-tab-wrapper ul li.img-tab11 a span {
  background-image: url('/public/asis/img/unesco/bg_imgTab11.png');
}

.img-tab-wrapper ul li.img-tab12 a span {
  background-image: url('/public/asis/img/unesco/bg_imgTab12.png');
}

.img-tab-wrapper ul li.img-tab13 a span {
  background-image: url('/public/asis/img/unesco/bg_imgTab13.png');
}

/*   hover */
.img-tab-wrapper ul li:hover {
  width: 280px;
  height: 115px;
  border: 2px solid #26ae6a;
  box-shadow: 3px 3px 6px #e0e0e0
}

.img-tab-wrapper ul li:hover a span {
  color: #26ae6a;
}

/* on */
.img-tab-wrapper ul li.on {
  width: 280px;
  height: 115px;
  border: 2px solid #26ae6a;
  box-shadow: 3px 3px 6px #e0e0e0
}

.img-tab-wrapper ul li.on a span {
  color: #26ae6a;
}

/* Intangible Heritage of Humanity List : img-tab style  */
.img-tab-wrapper-intagible ul li a span {
  box-sizing: border-box;
  width: 280px;
  height: 115px;
  padding: 20px 105px 20px 20px
}

.img-tab-wrapper-intagible ul li.img-tab01 a span {
  background-image: url('/public/asis/img/unesco/bg_CulturalTab-01.png');
}

.img-tab-wrapper-intagible ul li.img-tab02 a span {
  background-image: url('/public/asis/img/unesco/bg_CulturalTab-02.png');
}

.img-tab-wrapper-intagible ul li.img-tab03 a span {
  background-image: url('/public/asis/img/unesco/bg_CulturalTab-03.png');
}

.img-tab-wrapper-intagible ul li.img-tab04 a span {
  background-image: url('/public/asis/img/unesco/bg_CulturalTab-04.png');
}

.img-tab-wrapper-intagible ul li.img-tab05 a span {
  background-image: url('/public/asis/img/unesco/bg_CulturalTab-05.png');
}

.img-tab-wrapper-intagible ul li.img-tab06 a span {
  background-image: url('/public/asis/img/unesco/bg_CulturalTab-06.png');
}

.img-tab-wrapper-intagible ul li.img-tab07 a span {
  background-image: url('/public/asis/img/unesco/bg_CulturalTab-07.png');
}

.img-tab-wrapper-intagible ul li.img-tab08 a span {
  background-image: url('/public/asis/img/unesco/bg_CulturalTab-08.png');
}

.img-tab-wrapper-intagible ul li.img-tab09 a span {
  background-image: url('/public/asis/img/unesco/bg_CulturalTab-09.png');
}

.img-tab-wrapper-intagible ul li.img-tab10 a span {
  background-image: url('/public/asis/img/unesco/bg_CulturalTab-10.png');
}

.img-tab-wrapper-intagible ul li.img-tab11 a span {
  background-image: url('/public/asis/img/unesco/bg_CulturalTab-11.png');
}

.img-tab-wrapper-intagible ul li.img-tab12 a span {
  background-image: url('/public/asis/img/unesco/bg_CulturalTab-12.png');
}

.img-tab-wrapper-intagible ul li.img-tab13 a span {
  background-image: url('/public/asis/img/unesco/bg_CulturalTab-13.png');
}

.img-tab-wrapper-intagible ul li.img-tab14 a span {
  background-image: url('/public/asis/img/unesco/bg_CulturalTab-14.png');
}

.img-tab-wrapper-intagible ul li.img-tab15 a span {
  background-image: url('/public/asis/img/unesco/bg_CulturalTab-15.png');
}

.img-tab-wrapper-intagible ul li.img-tab16 a span {
  background-image: url('/public/asis/img/unesco/bg_CulturalTab-16.png');
}

.img-tab-wrapper-intagible ul li.img-tab17 a span {
  background-image: url('/public/asis/img/unesco/bg_CulturalTab-17.png');
}

.img-tab-wrapper-intagible ul li.img-tab18 a span {
  background-image: url('/public/asis/img/unesco/bg_CulturalTab-18.png');
}

.img-tab-wrapper-intagible ul li.img-tab19 a span {
  background-image: url('/public/asis/img/unesco/bg_CulturalTab-19.png');
}

.img-tab-wrapper-intagible ul li.img-tab20 a span {
  background-image: url('/public/asis/img/unesco/bg_CulturalTab-20.png');
}

.img-tab-wrapper-intagible ul li.img-tab21 a span {
  background-image: url('/public/asis/img/unesco/bg_CulturalTab-21.png');
}

/* img-tab-wrapper-memory img-tab style*/
.img-tab-wrapper-memory ul li a span {
  box-sizing: border-box;
  width: 280px;
  height: 115px;
  padding: 20px 105px 20px 20px
}

.img-tab-wrapper-memory ul li a span em {
  line-height: 1.3;
}

.img-tab-wrapper-memory ul li.img-tab01 a span {
  background-image: url('/public/asis/img/unesco/bg_memoryTab-01.png');
}

.img-tab-wrapper-memory ul li.img-tab02 a span {
  background-image: url('/public/asis/img/unesco/bg_memoryTab-02.png');
}

.img-tab-wrapper-memory ul li.img-tab03 a span {
  background-image: url('/public/asis/img/unesco/bg_memoryTab-03.png');
}

.img-tab-wrapper-memory ul li.img-tab04 a span {
  background-image: url('/public/asis/img/unesco/bg_memoryTab-04.png');
}

.img-tab-wrapper-memory ul li.img-tab05 a span {
  background-image: url('/public/asis/img/unesco/bg_memoryTab-05.png');
}

.img-tab-wrapper-memory ul li.img-tab06 a span {
  background-image: url('/public/asis/img/unesco/bg_memoryTab-06.png');
}

.img-tab-wrapper-memory ul li.img-tab07 a span {
  background-image: url('/public/asis/img/unesco/bg_memoryTab-07.png');
}

.img-tab-wrapper-memory ul li.img-tab08 a span {
  background-image: url('/public/asis/img/unesco/bg_memoryTab-08.png');
}

.img-tab-wrapper-memory ul li.img-tab09 a span {
  background-image: url('/public/asis/img/unesco/bg_memoryTab-09.png');
}

.img-tab-wrapper-memory ul li.img-tab10 a span {
  background-image: url('/public/asis/img/unesco/bg_memoryTab-10.png');
}

.img-tab-wrapper-memory ul li.img-tab11 a span {
  background-image: url('/public/asis/img/unesco/bg_memoryTab-11.png');
}

.img-tab-wrapper-memory ul li.img-tab12 a span {
  background-image: url('/public/asis/img/unesco/bg_memoryTab-12.png');
}

.img-tab-wrapper-memory ul li.img-tab13 a span {
  background-image: url('/public/asis/img/unesco/bg_memoryTab-13.png');
}

.img-tab-wrapper-memory ul li.img-tab14 a span {
  background-image: url('/public/asis/img/unesco/bg_memoryTab-14.png');
}

.img-tab-wrapper-memory ul li.img-tab15 a span {
  background-image: url('/public/asis/img/unesco/bg_memoryTab-15.png');
}

.img-tab-wrapper-memory ul li.img-tab16 a span {
  background-image: url('/public/asis/img/unesco/bg_memoryTab-16.png');
}

@media screen and (max-width:1279px) {

  /* 유네스코 탭스타일 */
  .img-tab-wrapper ul li {
    width: 32.66%;
    height: 115px;
    margin: 0 1% 10px 0;
    border: 1px solid #d9d9d9;
    vertical-align: top;
    box-sizing: border-box
  }

  .img-tab-wrapper ul li:nth-child(4n) {
    margin-right: 1%
  }

  .img-tab-wrapper ul li:nth-child(3n) {
    margin-right: 0
  }

  .img-tab-wrapper ul li a span {
    display: block;
    box-sizing: border-box;
    width: 100%;
    font-size: 1.3vw
  }

  .img-tab-wrapper ul li a span em {
    font-size: 1.2vw
  }

  .img-tab-wrapper ul li:hover {
    width: 32.67%;
    height: 115px;
  }

  .img-tab-wrapper ul li.on {
    width: 32.67%;
    height: 115px;
  }
}

@media screen and (max-width:750px) {

  /* 유네스코 탭스타일 */
  .page-content .tab-box {
    margin-top: 50px;
  }

  .page-content .tab-box h2 {
    font-size: 1.8rem !important;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }

  .img-tab-wrapper ul li {
    width: 49.5%;
    height: 115px;
    margin: 0 1% 1.2% 0;
    border: 1px solid #d9d9d9;
    vertical-align: top;
    box-sizing: border-box
  }

  .img-tab-wrapper ul li:nth-child(4n) {
    margin-right: 0
  }

  .img-tab-wrapper ul li:nth-child(3n) {
    margin-right: 1%
  }

  .img-tab-wrapper ul li:nth-child(2n) {
    margin-right: 0
  }

  .img-tab-wrapper-intagible ul li a span {
    padding: 15px
  }

  .img-tab-wrapper ul li a span {
    width: 100%;
    font-size: 13px;
    background: none
  }

  .img-tab-wrapper ul li a span em {
    font-size: 13px
  }

  .img-tab-wrapper ul li:hover {
    width: 49.5%;
    height: 115px;
  }

  .img-tab-wrapper ul li.on {
    width: 49.5%;
    height: 115px;
  }

  [class*='img-tab-wrapper'] ul li a span {
    background: none !important;
    padding: 20px;
  }
}

@media screen and (max-width:939px) {

  /*tab-box */
  .tabbx>ul {
    overflow: hidden;
    position: relative;
    z-index: 5;
  }

  .tabbx>ul>li {
    border: 1px solid #eee;
    width: 50% !important
  }

  .tabbx>ul>li span {
    display: block;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    text-align: center;
    font-size: 15px;
    line-height: 1.3;
    color: #333
  }

  .tabbx>ul>li span {
    display: block;
    padding: 0 15px;
    color: #333
  }

  .tabbx>ul>li:nth-child(2n) {
    margin-left: -1px;
  }

  .tabbx>ul>li:nth-child(n+3) {
    margin-top: -1px;
  }

  .tabbx>ul>li.on {
    border-bottom: 2px solid #000;
    z-index: 100;
    color: #000;
    font-weight: bold
  }

  .tabbx>ul>li.on span {
    color: #000;
    font-weight: bold
  }

  .tabbx>ul>li:after {
    content: '';
    display: none;
  }

  .tab_conts {
    margin-top: 40px !important;
  }
}

#Lang_Describe_Layer {
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
  font-size: 12px;
  line-height: 1.5em;
}

.page_tab {
  width: 550px;
  margin: 0;
  padding: 0px;
  background: #F6F7F6;
  font-size: 12px;
  float: left;
  clear: right;
}

.page_tab ul {
  float: left;
  width: 548px;
  margin: 3px;
  padding: 0px;
  display: inline;
  text-align: center;
  border: 1px solid #dddddd;
  background: #fff;
}

.page_tab ul li {
  float: left;
  width: 267px;
  display: inline;
  padding: 3px 3px 3px 5px;
  margin: 0;
  vertical-align: middle;
  background: url("http://tong.visitkorea.or.kr/ger/images/common/tab_bar.gif") no-repeat left 7px;
}

.page_tab ul li a {
  margin: 0px;
  padding: 1px 5px 3px 0px;
  line-height: 1.2em;
  display: block;
  list-style: none;
  text-decoration: none;
}

.page_tab ul li a:hover {
  background: #e8e8e8;
  margin: 0px;
  color: #fff;
  text-decoration: none;
}

.page_tab ul li a:link {
  margin: 0px;
  color: #666666;
}

.page_tab ul li a:visited {
  margin: 0px;
  color: #FF3300;
}

.page_tab ul li.nobar {
  background: none;
  padding: 3px;
}

.page_tab ul li.dline {
  height: 32px;
}

.dash-list>li>strong {
  /* font-weight: 600 !important; */
  color: #333 !important;
}

/* 이미지 캡션 */
.img-sub-text {
  display: block;
  padding: 5px 0 0 0;
  text-align: center;
  color: #333 !important;
}



/* board.css */
#sub-container .board-wrap [class*='sec'] h3,
#sub-container .board-wrap [class*='sec'] h2 {
  text-align: left;
  transition: none;
  -webkit-transition: none;
  text-transform: none;
}

#sub-container .page-wrap>.board-section {
  padding: 0
}

#sub-container .page-wrap>.board-section .top-text {
  margin-bottom: 40px;
}

#sub-container .board-wrap>p.txt {
  font-size: 17px;
  letter-spacing: -0.5px;
  color: #222;
  text-align: center;
  line-height: 1.7;
}

/*  date/hit 수 정렬  */
.tab-menu.sort {
  float: left;
  margin-top: -20px;
  margin-bottom: -2px
}

.tab-menu.sort>li {
  position: relative;
  z-index: 0
}

.tab-menu.sort>li.on {
  border-bottom: 2px solid #555;
}

.tab-menu.sort>li.on>a {
  color: #222;
  font-weight: bold;
}

.tab-menu.sort>li>a {
  padding: 20px 40px;
  font-size: 17px;
  font-weight: 100;
  color: #888;
  min-width: 30px;
}

.tab-menu>li {
  float: left;
}

.tab-menu>li>a {
  display: block;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 17px;
  font-weight: bold
}

.tab-menu>li:first-child {
  background: url(/public/asis/img/board/page_view_depth_line.png) no-repeat right center;
}

.board-wrap {
  padding: 0
}

.board-wrap .text-areabx {
  font-size: 17px;
  line-height: 1.706em;
  letter-spacing: -0.03em;
  color: #555
}

.board-counter {
  text-align: right;
  font-size: 14px;
  margin-top: 27px;
  margin-bottom: 20px
}

.board-counter>p {
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px;
}

.board-counter>p span {
  font-size: 17px;
  font-weight: bold;
  vertical-align: bottom;
  letter-spacing: -1.5px;
  margin-left: 8px;
}

/*.board-counter p:nth-child(2){display:none}*/
.board-counter>p.bdsns-icon {
  float: left;
  text-align: left;
  margin-top: 0;
  margin-left: 0
}


/* mypage tab */
.tab-board {
  overflow: hidden;
  margin-bottom: 60px;
}

.tab-board>li {
  float: left;
  width: 33.35%;
  border: 1px solid #eee;
  margin-left: -1px;
  position: relative
}

.tab-board>li:first-child {
  margin-left: 0
}

.tab-board>li>a {
  display: block;
  height: 68px;
  line-height: 68px;
  text-align: center;
}

.tab-board>li.on {
  background: #26ae6a;
  border: 1px solid #26ae6a;
  z-index: 100
}

.tab-board>li.on a {
  color: #fff;
  font-weight: 600;
}

.board-content .warning {
  color: #ff615f;
  padding: 20px 45px;
  background: #f7f7f7 url('/public/asis/img/board/icon_page_column_point.png') 20px 24px no-repeat;
  margin-bottom: 30px;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 1.7;
}

.board-content .warning.white-bg {
  color: #ff615f;
  padding: 20px 45px;
  background: #ffffff url('/public/asis/img/board/icon_page_column_point.png') 20px 24px no-repeat;
  margin-bottom: 30px;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 1.7;
}

.board-content .warning>span {
  color: #333;
}


/*bbs : list*/
.board-list {}

.board-list>table {
  border-top: 2px solid #eee;
  width: 100%;
  table-layout: fixed
}

.board-list>table>thead {
  display: none
}

.board-list>table>thead th {
  border-bottom: 1px solid #eee;
  color: #333;
  padding: 30px 0;
}

.board-list>table>tbody td {
  border-bottom: 1px solid #eee;
  color: #333;
  padding: 30px 0;
  text-align: left;
  vertical-align: middle
}

.board-list>table>thead th:first-child {
  padding-left: 30px;
  text-align: left
}

.board-list>table>thead th:last-child {
  padding-right: 30px;
  text-align: right
}

.board-list>table>tbody td.web {
  font-size: 14px;
}

.board-list>table>tbody td.web span {
  color: #aaa;
  display: inline-block;
  margin-right: 10px;
  vertical-align: bottom
}

.board-list>table>tbody td a {
  color: #333;
  text-align: left;
  font-weight: bold
}

.board-list>table>tbody td:first-child {
  padding-left: 15px;
  color: #26ae6a;
  text-align: left;
  font-weight: 600
}

.board-list>table>tbody td:last-child {
  padding-right: 15px
}

.board-list>table>tbody td:nth-child(2) {
  text-align: left;
}

.board-list>table>tbody tr:hover {
  background: #f4f7f6;
}

.board-list>table .info-box {
  display: none;
}


/*bbs : qna-list*/
.qna-list>table>thead {
  display: none
}

.qna-list>table>tbody td {
  font-size: 14px;
  box-sizing: border-box
}

.qna-list>table>tbody td span {
  display: inline-block;
  vertical-align: middle;
  word-break: keep-all
}

.qna-list>table>tbody td .cate {
  color: #26ae6a;
  padding-right: 15px;
  font-weight: bold
}

.qna-list>table>tbody td .subj {
  font-size: 16px;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.qna-list>table>tbody>tr:hover {
  background: none
}

.qna-list .qna-info-box {
  float: right;
  overflow: hidden;
}

.qna-list .qna-info-box>li {
  float: left;
  font-size: 14px;
  font-weight: 100;
}

.qna-list .qna-info-box>li:first-child {
  margin-left: 0;
}

.qna-list .qna-info-box>li.review {
  color: #ff3f3f
}

.qna-list .qna-info-box>li.dates strong,
.qna-list .qna-info-box>li.hit strong {
  color: #aaa;
  display: inline-block;
  margin-right: 15px;
  font-weight: 100
}

/*G qna적용*/
.qna-list>table>tbody td .cate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.qna-list>table>tbody td .subj {
  max-width: 34%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.qna-list>table>tbody td .subj input[type="submit"] {
  font-size: 15px;
  font-weight: bold;
}

.qna-list .qna-info-box>li {
  text-align: center;
  padding: 0 10px;
  word-break: keep-all;
  word-break: break-all
}

.qna-list .qna-info-box>li:first-child {
  padding-left: 0;
}

.qna-list .qna-info-box>li.file {
  width: 30px
}

.qna-list .qna-info-box>li.user {
  width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.qna-list .qna-info-box>li.review {
  width: 130px
}

.qna-list .qna-info-box>li.dates {
  width: 160px;
}

.qna-list .qna-info-box>li.eventdates {
  width: 200px;
}

.qna-list .qna-info-box>li.hit {
  width: 90px;
  text-align: right;
  padding: 0;
}

.qna-list .qna-info-box>li {
  margin: 0
}

.qna-list>table>tbody td .cate {
  margin: 0
}

.qna-list>table>tbody td .subj {
  margin: 0
}

.qna-list.evnt>table>tbody td .subj {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.qna-list.evnt>table>tbody td .cate {
  display: inline-block;
  font-size: 16px;
}

.qna-list.evnt .qna-info-box>li {
  text-align: center;
  padding: 0 30px;
}

.qna-list.evnt .qna-info-box>li:nth-child(1) {
  width: 140px
}

.qna-list.evnt .qna-info-box>li:nth-child(2) {
  width: 280px
}

.qna-list.evnt .qna-info-box>li:nth-child(3) {
  width: 120px;
  text-align: right;
  padding: 0 0 0 30px;
}

/* blog list*/
.blog-list {}

.blog-list>ul {
  border-top: 2px solid #eee;
}

.blog-list>ul>li {
  padding: 33px 0;
  border-bottom: 1px solid #eee;
  overflow: hidden;
  min-height: 100px;
  outline: none
}

.blog-list>ul>li:hover,
.blog-list>ul>li:focus {
  cursor: pointer;
}

.blog-list>ul>li.nodata {
  min-height: auto;
  text-align: center;
}

.blog-list>ul>li>.thumnails {
  float: left;
  width: 320px;
}

.blog-list>ul>li>.thumnails>img {
  width: 280px;
  height: 170px;
}

.blog-list>ul>li>h3 {
  font-size: 22px;
  color: #333;
  margin-bottom: 25px;
  font-weight: bold
}

.blog-list>ul>li>h3:hover {
  text-decoration: underline
}

.blog-list>ul>li>.text {
  display: block;
  color: #555;
  line-height: 1.6;
  margin-bottom: 40px;
  word-wrap: break-word;
}

.blog-list>ul>li>.text a {
  color: #666;
}


/* all search list */
.board-allSer::after {
  display: block;
  visibility: hidden;
  height: 0;
  font-size: 0;
  clear: both;
  content: '';
}

.board-allSer .search-counter {
  margin-bottom: 20px;
  /*text-transform:uppercase;*/
  vertical-align: top;
  overflow: hidden
}

.board-allSer .search-counter h2 {
  vertical-align: top;
  font-size: 18px;
  letter-spacing: -0.03em;
  float: left;
}

.board-allSer .search-counter .chk-box.none,
.board-allSer .search-counter .chk-box {
  float: left;
  margin-top: -8px;
  margin-left: 30px;
  padding: 0;
  line-height: 0.3
}

.board-allSer .search-counter .chk-box input[type='checkbox']+label span {
  line-height: 1.5
}

.board-allSer .search-counter span {
  vertical-align: top;
  font-weight: 100;
  margin-left: 15px;
  color: #555
}

.board-allSer .search-counter span:before {
  content: '';
  display: inline-block;
  padding-left: 15px;
  height: 14px;
  border-left: 1px solid #eee
}

.board-allSer>ul.search-list {
  border-top: 2px solid #eee;
}

.board-allSer>ul.search-list>li {
  padding: 33px 0;
  border-bottom: 1px solid #eee;
  overflow: hidden;
  min-height: 100px;
  display: inline-table;
  width: 100%;
  table-layout: fixed
}

.board-allSer>ul.search-list>li h3 {
  font-size: 22px;
  color: #333;
  margin-bottom: 20px;
  font-weight: bold;
  line-height: 1.4em;
  word-wrap: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.board-allSer>ul.search-list>li h3 a {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  vertical-align: inherit
}

.board-allSer>ul.search-list>li .thumnails {
  float: left;
  width: 320px;
  display: table-cell
}

.board-allSer>ul.search-list>li .thumnails>img {
  width: 280px;
  height: 180px;
}

.board-allSer>ul.search-list>li .text {
  display: block;
  color: #555;
  height: 55px;
  line-height: 1.6;
  margin-bottom: 20px;
  overflow: hidden;
  word-wrap: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
  white-space: normal;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.board-allSer>ul.search-list>li .point {
  color: #ff4b4b;
  font-weight: inherit;
  vertical-align: inherit;
  line-height: inherit;
}

.board-allSer>ul.search-list>li .info-box .locat {
  vertical-align: top;
}

.board-allSer>ul.search-list>li .info-box>li {
  margin-bottom: 15px;
}

.board-allSer>ul.search-list>li .info-box>li:nth-child(1) {
  padding-right: 40px;
}

.board-allSer>ul.search-list>li .info-box>li:nth-child(2) {
  padding-left: 0px;
}

.board-allSer>ul.search-list>li .info-box .locat span {
  padding-right: 0px;
  vertical-align: top
}

.board-allSer>ul.search-list>li .info-box .locat span:after {
  content: '';
  padding-right: 17px;
  background: url(/public/asis/img/board/page_view_next_arow.png) no-repeat 12px 6px;
}

.board-allSer>ul.search-list>li .info-box .locat span:last-child::after {
  content: '';
  padding-right: 0;
  background: none
}

.board-allSer>ul.search-list>li>.key-word {
  overflow: hidden;
  padding-left: 0;
}

.board-allSer>ul.search-list>li>.key-word>span {
  float: left;
  display: block;
  border: 1px solid #ccc;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  text-align: center;
  color: #555;
  font-size: 14px;
  border-radius: 2px;
  margin-right: 5px;
  margin-top: 5px;
  vertical-align: top
}

.board-allSer>ul.search-list>li .key-word span:before {
  content: '#'
}

.board-allSer>ul.search-list>li .key-word.pl0 {
  padding-left: 0
}

.board-allSer .highlight {
  color: #ff4b4b;
  font-weight: inherit;
  vertical-align: inherit;
  line-height: inherit;
}

.board-allSer>ul.search-list>li .key-word span.highlight:before {
  content: ''
}

.search-box .tab-menu.sort.fl-r {
  margin-top: -19px;
}

.search-box .board-allSer+.board-allSer {
  margin-top: 100px;
}

.board-allSer .more-bor {
  float: right;
  margin-top: 20px
}

.board-allSer .search-counter .chk-box-any.none,
.board-allSer .search-counter .chk-box {
  float: left;
  margin-top: -8px;
  margin-left: 30px;
  padding: 0;
  line-height: 0.3
}

#contents .ksearch.board-wrap.search-box {
  margin: 70px auto -120px auto;
}

#sub-container #contents form+.board-allSer {
  margin-top: 70px
}

.form-wrap.allSearch .input-box .wSelect {
  display: none !important
}

.form-wrap.allSearch .input-box select {
  display: block !important;
  font-size: 15px;
  font-weight: 100;
  padding: 0 45px 0 20px;
  width: 280px;
  height: 50px;
  line-height: 37px;
  box-sizing: border-box;
  border: 1px solid #aaa;
  color: #333;
  border-radius: 2px;
  background: url(/public/asis/img/board/bread_arrow_down.png) #fff right 20px center no-repeat;
  background-size: 10px;
  width: 100%
}

.search-box #AKCDiv {
  position: absolute;
  background: #fff;
  border: 1px solid #aaa;
  width: 100%;
  z-index: 555;
  border-top: 0
}

/* search ebook */
.board-allSer>ul.search-list.ebook {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: left;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px solid #eee;
  padding-bottom: 38px
}

.board-allSer>ul.search-list.ebook>li {
  float: none;
  padding: 0;
  margin-top: 38px;
  margin-left: 30px;
  width: 270px;
  box-sizing: border-box;
  border-bottom: 0
}

.board-allSer>ul.search-list.ebook>li a {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  vertical-align: inherit;
  display: block;
  position: relative;
  border: 1px solid #eaeaea;
  box-sizing: border-box;
}

.board-allSer>ul.search-list.ebook>li a:hover ::before {
  content: 'e-book view';
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
  font-size: 0.84em;
  color: #fff;
  padding: 8px;
  border: 1px solid #fff;
  border-radius: 2px
}

.board-allSer>ul.search-list.ebook>li .thumnails {
  float: none;
  width: 100%;
  height: 380px;
  background-color: #333;
  display: flex
}

.board-allSer>ul.search-list.ebook>li .thumnails>img {
  width: 100%;
  height: inherit;
}

.board-allSer>ul.search-list.ebook>li a:hover .thumnails>img {
  opacity: 0.15;
  transition: all 0.3s;
}

.board-allSer>ul.search-list.ebook>li h3 {
  font-size: 16px;
  color: #333;
  margin-bottom: 0;
  vertical-align: top;
  padding: 20px 0;
  letter-spacing: -0.025em;
  font-weight: bold;
  line-height: 1.4em;
  word-wrap: break-word;
  text-align: center;
  white-space: normal;
  text-overflow: initial;
}

.board-allSer>ul.search-list.ebook>li:nth-child(4n+1) {
  margin-left: 0
}

/* more botton */
.board-allSer .sub-veiwMore {
  color: #555555;
  text-decoration: none;
  position: relative;
  padding-right: 26px;
  /* text-transform:uppercase; */
  font-size: 14px;
  letter-spacing: -0.025em;
  font-weight: 600;
  font-family: Arial, Helvetica, sans-serif !important
}

.board-allSer .sub-veiwMore::after {
  background: url(/public/asis/img/board/arr_03.gif) no-repeat;
  width: 16px;
  height: 14px;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.board-allSer .sub-veiwMore:hover {
  color: #26ae6a
}

.board-allSer .sub-veiwMore:hover::after {
  background: url(/public/asis/img/board/arr_03_hover.gif) no-repeat;
  width: 16px;
  height: 14px;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}


.blog-list.my-page-list {}

.blog-list.my-page-list>ul>li {
  position: relative;
  /* outline:none*/
}

.blog-list.my-page-list>ul>li:hover,
.blog-list.my-page-list>ul>li:focus {
  cursor: auto
}

.blog-list.my-page-list>ul>li>.thumnails {
  float: left;
  width: 27.4%;
}

.blog-list.my-page-list>ul>li>.thumnails>img {
  width: 280px;
  height: 170px;
}

.blog-list.my-page-list>ul>li>.cate-tit {
  float: left;
  font-size: 14px;
  color: #26ae6a;
  font-weight: 600;
  margin-bottom: 20px;
  width: 55%;
}

.blog-list.my-page-list>ul>li>h3 {
  float: left;
  font-size: 22px;
  line-height: 1.4;
  color: #333;
  margin-bottom: 40px;
  font-weight: bold;
  height: 56px;
  width: 55%;
  overflow: hidden;
  word-wrap: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
  white-space: normal;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.blog-list.my-page-list>ul>li>h3:hover {
  text-decoration: none
}

.blog-list.my-page-list>ul>li>.info-box {
  float: left;
  width: 55%;
}

.blog-list.my-page-list>ul>li>.btn-box {
  width: 10%;
  min-width: 120px;
  margin-left: 5%;
  position: absolute;
  right: 3px;
  top: 30%
}

.blog-list.my-page-list>ul>li>.btn-box.mid {
  top: 40%
}

.blog-list.my-page-list>ul>li .not-found {
  padding: 140px 15px;
}

.btn-box .list-btn {
  display: block;
  background: #fff;
  text-align: center;
  border-radius: 2px;
  height: 42px;
  line-height: 42px;
  border: 1px solid #aaa;
  font-size: 14px;
  box-sizing: border-box;
  font-weight: 600
}

.btn-box .list-btn.grline {
  border: 1px solid #26ae6a;
  color: #26ae6a;
  margin-top: 10px;
}

.btn-box .list-btn.gray-love {
  margin-top: 10px;
  background: url(/public/asis/img/board/icon_love_black.png) no-repeat center center;
  font-size: 0
}

.btn-box .list-btn.grline:hover {
  background: #26ae6a;
  color: #fff;
}

.btn-box .list-btn:hover {
  background: #aaa;
  color: #fff
}

.btn-box .list-btn.gray-love:hover {
  background: #aaa url(/public/asis/img/board/icon_love_white.png) no-repeat center center;
  font-size: 0
}

/*like-it*/
ul>li .thumnails .like-it {
  display: block;
  position: absolute;
  bottom: 15px;
  right: 20px;
  background: url(/public/asis/img/board/icon_love.png) no-repeat center center;
  width: 25px;
  height: 25px;
  font-size: 0
}

ul>li .thumnails .like-it.on {
  background: url(/public/asis/img/board/icon_love_on.png) no-repeat center center;
}

/* card-list*/
.card-list {
  padding-top: 35px;
  border-top: 2px solid #eee;
}

.card-list>ul {
  overflow: hidden
}

.card-list>ul>li {
  width: 31.6%;
  margin-left: 2.5%;
  float: left;
  margin-bottom: 40px;
  overflow: hidden;
  border: 2px solid #fff;
}

.card-list>ul>li:hover {
  border: 2px solid #26ae6a;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.card-list>ul>li:hover,
.card-list>ul>li:focus {
  cursor: pointer;
  outline: none
}

.card-list>ul>li:hover>.data-box {
  border-color: #fff
}

.card-list>ul>li.not-found,
.card-list>ul>li.nodata {
  width: 100% !important;
  float: none;
  margin: 0;
  border: 0;
}

.card-list>ul>li.not-found:hover,
.card-list>ul>li.not-found:focus {
  border: 0;
  box-shadow: none;
  cursor: default;
  outline: none;
}

.card-list>ul>li.nodata:hover,
.card-list>ul>li.nodata:focus {
  border: 0;
  box-shadow: none;
  cursor: default;
  outline: none;
}

.card-list>ul>li .thumnails {
  width: 100%;
  position: relative;
  line-height: 0
}

.card-list>ul>li .thumnails .like-it {
  display: block;
  position: absolute;
  bottom: 25px;
  right: 25px;
  background: url(/public/asis/img/board/icon_love.png) no-repeat center center;
  width: 25px;
  height: 25px;
  font-size: 0
}

.card-list>ul>li .thumnails .like-it.on {
  background: url(/public/asis/img/board/icon_love_on.png) no-repeat center center;
}

.card-list>ul>li .thumnails:before {
  content: '';
  display: block;
  height: 120px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.3) 100%, rgba(0, 0, 0, 0.3) 100%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 1) 10%);
  position: absolute;
  bottom: 0;
  width: 100%
}

.card-list>ul>li .thumnails>img {
  width: 100%;
  height: 225px
}

.card-list>ul>li .data-box {
  padding: 22px 30px;
  border: 1px solid #e0e0e0;
  border-top: 0;
  min-height: 250px
}

.card-list.c-news>ul>li .data-box {
  min-height: 150px
}

.card-list>ul>li .data-box>h3 {
  font-size: 18px;
  font-family: Arial, Gadget, sans-serif !important;
  font-weight: 900 !important;
  line-height: 1.4;
  letter-spacing: -0.025em;
  color: #333;
  margin-bottom: 15px;
  height: 52px;
  word-wrap: break-word;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.card-list>ul>li .data-box>h3 .cate-color {
  vertical-align: top;
  margin-right: 3px;
  ;
  color: #26ae6a
}

/* news 제목카테고리 color  */
.card-list>ul>li .data-box .tag-icon>strong {
  margin-right: -5px;
}

/* 칼럼 tag */
.card-list>ul>li .data-box .tag-icon {
  margin-bottom: 15px;
  height: 22px
}

/* 칼럼 tag */
.card-list>ul>li .data-box .text {
  display: block;
  color: #555;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 30px;
  word-wrap: break-word;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 46px;
}

.card-list>ul>li .data-box .info-box>li {
  font-size: 13px
}

.card-list>ul>li:nth-child(3n+1) {
  margin-left: 0;
}

.card-list.area-space {
  margin-top: 0
}


/* (2020.12.11) 좋아요를 링크에서 분리하는 작업 수정 */
.card-list>ul>li {
  position: relative;
}

.card-list>ul>li .cardLink {
  display: block;
}

.card-list>ul>li .like_Wrap {
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  line-height: 0;
  height: 225px;
}

.card-list>ul>li .like_Wrap .like-it {
  display: block;
  position: absolute;
  bottom: 25px;
  right: 25px;
  background: url(/public/asis/img/board/icon_love.png) no-repeat center center;
  width: 25px;
  height: 25px;
  font-size: 0;
  z-index: 50;
}

.card-list>ul>li .like_Wrap .like-it.on {
  background: url(/public/asis/img/board/icon_love_on.png) no-repeat center center;
}


/*  검색페이지 card-list  */
.card-list.search-page>ul>li {
  width: 31.2%;
  margin-left: 3.2%;
  float: left;
  margin-bottom: 30px;
  overflow: hidden;
  border: 0
}

.card-list.search-page>ul>li:hover {
  border: 0;
  box-shadow: none;
}

.card-list.search-page>ul>li .thumnails>img {
  width: 100%;
  height: 170px
}

.card-list.search-page>ul>li .thumnails .like-it {
  bottom: 0.8vw;
  right: 1vw
}

.card-list.search-page>ul>li .data-box {
  padding: 20px 0 0 0;
  border: 0;
  border-top: 0;
  min-height: 160px
}

.card-list.search-page>ul>li .data-box h3 {
  font-size: 16px;
  height: 46px;
  /* text-transform:uppercase; */
  !important
}

.card-list.search-page>ul>li:nth-child(3n+1) {
  margin-left: 0;
}

.card-list.search-page>ul>li .type>li {
  font-size: 14px;
  line-height: 1.4;
  color: #333;
  margin-bottom: 10px;
  overflow: hidden;
}

.card-list.search-page>ul>li .type>li:last-child {
  margin-bottom: 0
}

.card-list.search-page>ul>li .type>li span {
  display: inline-block;
  float: left;
  width: 65px;
  color: #aaa;
  margin-bottom: 0.5px
}

/* (2020.12.18) 좋아요분리 */
.card-list.search-page>ul>li .like_Wrap {
  height: 170px
}

/* promotion list */
.thumnail-list {
  overflow: hidden
}

.thumnail-list>ul {
  border-top: 2px solid #eee;
}

.thumnail-list>ul>li {
  margin-left: 30px;
  padding-top: 40px;
  width: 570px;
  min-height: 110px;
  display: block;
  float: left;
}

.thumnail-list>ul>li:nth-child(2n+1) {
  margin-left: 0
}

.thumnail-list>ul>li:hover,
.thumnail-list>ul>li:focus {
  cursor: pointer;
}

.thumnail-list>ul>li.nodata {
  min-height: 110px;
  width: 100%;
  text-align: center;
  float: none;
  clear: both
}

.thumnail-list>ul>li.nodata p {
  padding: 110px 0;
}

.thumnail-list>ul>li .thumnails {
  margin-bottom: 30px;
  line-height: 0
}

.thumnail-list>ul>li .thumnails>img {
  width: 100%
}

.thumnail-list>ul>li h3 {
  font-size: 22px;
  letter-spacing: -0.025em;
  color: #333;
  margin-bottom: 20px;
  font-weight: bold;
  word-wrap: break-word;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.thumnail-list>ul>li h3:hover {
  text-decoration: underline
}

.thumnail-list>ul>li .date-info {
  display: block;
  color: #555;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 20px;
  word-wrap: break-word;
}


/* ### page - board 칼럼 ### */

/* 다른 칼럼 wrap */
.board-content-other {
  border-top: 1px solid #eee;
  padding: 60px 9.41%;
}

.board-content.event-view {
  border-top: 0;
  padding: 0
}

.board-content.event-view .event-enter {
  text-align: center;
  margin: 3vw auto 6vw auto
}

.board-content.event-view .evtn-area {
  width: 100%;
  padding: 0 6vw 0 6vw;
  margin: 0 auto;
  text-align: center;
}

.board-content.event-view .evtn-area img {
  max-width: 100% !important;
  max-height: none !important
}

.board-content.event-view .evtn-area div {}

/* 기본 칼럼 wrap */
.board-content {
  /* border-top: 1px solid #eee; */
  padding: 60px 0 0 0;
  margin: -1px auto 60px auto;
  max-width: 950px
}

.board-content p,
.board-content div {
  line-height: 1.7;
  font-size: 17px;
  color: #333;
  text-align: left;
}

.board-content a:link,
.board-content a:hover,
.board-content a:active,
.board-content a:focus,
.board-content a:visited {
  color: #1e75d6;
  text-decoration: underline;
  font-size: inherit;
  vertical-align: baseline
}

.board-content .tab-content a:link,
.board-content .tab-content a:hover,
.board-content .tab-content a:active,
.board-content .tab-content a:focus,
.board-content .tab-content a:visited {
  color: #1e75d6 !important;
  text-decoration: underline !important;
  font-size: inherit;
  word-break: break-all
}

.board-content .event-info a:link,
.board-content .event-info a:hover,
.board-content .event-info a:active,
.board-content .event-info a:focus,
.board-content .event-info a:visited {
  color: #1e75d6 !important;
  text-decoration: underline !important;
  font-size: inherit;
  word-break: break-all
}


.board-content div img,
.board-content p img {
  display: block;
  text-align: center;
  margin: 0 auto;
  width: auto;
  max-width: 950px;
  margin-bottom: 0 !important;
}

@media (min-width: 751px) and (max-width: 1000px) {

  .board-content div img,
  .board-content p img {
    max-width: 100%;
  }
}

/* 2021.05.04 뉴스 이미지 사이즈 수정 No.210500004301 */
.board-content img {
  display: block;
  text-align: center;
  margin: 0 auto;
  width: auto;
  max-width: 950px;
}

/* 2021.05.04 뉴스 이미지 사이즈 수정 No.210500004301 */
.board-content .caption {}

.board-content>div>h2 {}

.board-content>div>h3 {
  font-size: 32px;
  font-weight: 900;
  color: #333;
  letter-spacing: -0.03em;
  margin: 0;
  padding: 0;
  padding-bottom: 25px;
  margin: 80px 0 30px 0;
  background: none !important;
  text-align: left;
  border-bottom: 1px solid #eee;
  border-top: 0 !important;
  line-height: 36px
}

.board-content>div>h4 {
  font-size: 22px;
  font-weight: 900;
  color: #333;
  letter-spacing: -0.03em;
  margin: 20px 0;
  background: none;
  text-align: left;
  line-height: 26px
}

.board-content>div h5 {
  font-size: 18px;
  font-weight: 900;
  color: #333;
  letter-spacing: -0.03em;
  background: none;
  text-align: left;
  line-height: 20px
}

.board-content>div h6 {
  font-size: 18px;
  font-weight: 900;
  color: #333;
  letter-spacing: -0.03em !important;
  background: none;
  text-align: left;
  line-height: 20px
}

/*  inssaKorea column  slick.css 충돌 수정 */
.board-content .column .contents .slick-slide {
  height: auto !important
}

.board-content .column .contents .slick-slide {
  height: auto !important
}

.board-content .column .contents .title_icon {
  width: auto !important
}

.board-content .column .visual p {
  color: #fff !important
}

/*koreaKQ column reset*/
.content-wrapper .col-title .title-wrapper .title {
  width: 100% !important;
  max-width: 702px !important;
  box-sizing: border-box !important;
  margin: 0 auto !important
}

.content-wrapper .col-title div.caption {
  position: absolute !important;
  font-size: 16px !important;
  margin: 0;
  bottom: 0 !important
}

.content-wrapper div.caption {
  position: absolute !important;
  font-size: 16px !important;
  margin: 0;
  bottom: 0 !important
}

.content-wrapper>p {
  margin-bottom: 40px !important
}

.content-wrapper .more_info .more_info_list a {
  font-size: 17px !important
}

.content-wrapper .more_info,
.content-wrapper .nearby_info {
  padding: 40px !important;
}

.content-wrapper .nearby_info ul li p {
  margin: 40px 0 !important
}

.board-content .content-wrapper .nearby_info ul li div img {
  margin-bottom: 0 !important
}


.column-wrap .img-wrap {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.column-wrap .img-wrap img {
  height: auto;
}

.column-wrap .img-wrap .cap {
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: 16px;
  text-align: center;
  padding-bottom: 30px;
  font-weight: 600 !important;
  color: #fff;
  z-index: 3
}

.column-wrap .img-wrap .cap::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 300px;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
  letter-spacing: 0px;
  z-index: -10;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#4d000000', GradientType=0)
}

.column-wrap .img-wrap .bottom-cap {
  display: block;
  width: 100%;
  font-size: 16px;
  text-align: center;
  padding: 20px 0;
  color: #333;
}

.column-wrap p,
.column-wrap .txt {
  line-height: 1.706em;
  font-size: 17px;
  color: #333;
  letter-spacing: -0.03em
}

.column-wrap h3,
.column-wrap .col-tit {
  font-size: 32px;
  font-weight: bold;
  letter-spacing: -1px;
  padding-bottom: 25px;
  margin-bottom: 55px;
  border-bottom: 1px solid #eee
}

.column-wrap a:link,
.column-wrap a:hover,
.column-wrap a:active,
.column-wrap a:focus {
  color: #1e75d6;
  text-decoration: underline;
  font-size: inherit
}

.column-wrap .ps-area {
  color: #26ae6a;
  font-size: 14px;
  position: relative
}

.column-wrap .ps-area::before {
  content: "";
  display: block;
  background: url(/public/asis/img/board/icon_page_column_consult.png) no-repeat top left;
  width: 30px;
  height: 80px;
  float: left;
  vertical-align: middle;
  margin-top: 5px;
}

.column-wrap .infoB {
  padding: 50px 40px;
  margin-top: 40px;
  color: #333;
}

.column-wrap .infoB>.in-tit {
  color: #333;
  font-size: 17px;
}

.column-wrap .infoB ul li {
  color: #333;
  font-size: 17px;
}

/*.column-wrap div > img{ width:auto !important;}*/


.column-wrap div.caption {
  position: absolute;
  bottom: 0;
  margin-bottom: 0 !important;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  padding: 0 0 25px 0 !important;
  font-weight: 600 !important;
  color: #fff !important;
  z-index: 3;
  background: none !important;
  letter-spacing: -0.01em !important
}

.column-wrap div.caption::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 300px;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
  letter-spacing: 0px;
  z-index: -10;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#4d000000', GradientType=0)
}

/*이미지 사이즈 조정*/
.cap-imgwrap div { width: 100% !important; max-width: 100% !important;}
.column-wrap img { width: 100% !important; max-width: 100% !important; height: 100%; display:block}

/*2개 이미지  분리*/
.img-area-col {max-width: 100%; overflow: hidden; }
.img-area-col li { float: left; width: 49.75%; margin-left: 0.5%; /*margin-top: 5px;*/ }
.column-wrap [class*='img-area-col']  li:first-child {margin-left: 0;}

/*2개 이미지  분리 - 사이즈 다름*/
.img-area-col.diff .large{width: 68.9%}
.img-area-col.diff .small{width: 30.6%}

/*2개 이미지  분리 - 사이즈 다름*/
.img-area-col.diff2 .large{width: 64%}
.img-area-col.diff2 .small{width: 35.5%}

/*3개 이미지  분리*/
.img-area-col3 {max-width: 100%; overflow: hidden;  }
.img-area-col3 li { float: left; width: 33%; margin-left: 0.5%;}
.img-area-col3 li:first-child { margin-left: 0;}
.img-area-col3 li > div {display: block !important;}

@media screen and (max-width: 950px) {
.column-wrap [class*='img-area-col']  li {float:none; width: 100%; margin-left: 0;margin-top: 5px;}
.column-wrap [class*='img-area-col']  li:first-child {margin-left: 0;margin-top: 0}

.img-area-col .large{width: 100%  !important}
.img-area-col .small{width: 100% !important}
}
.column-wrap .img-left {float:left; width: 23%; margin:0 25px 10px 0;}

.board-content div.caption {
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  padding: 0 0 25px 0 !important;
  font-weight: 600 !important;
  color: #fff !important;
  z-index: 3;
  background: none !important;
  letter-spacing: -0.01em !important;
  font-family: Verdana, sans-serif !important
}

div.caption::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 300px;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
  letter-spacing: 0px;
  z-index: -10;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#4d000000', GradientType=0)
}

/*news veiw*/
#news03_wrap {
  color: #666;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 20px;
  margin-top: 0
}

#news01_content {
  text-align: left;
  overflow: hidden
}

#news03_wrap p.img_line {
  margin: 0 0 10px 0;
  text-align: center;
}

#news03_wrap span.img_detail {
  display: block;
  margin-bottom: 30px;
  text-align: center;
  font-size: 14px;
  color: #888;
  line-height: 1.4;
  letter-spacing: -0.02em;
}

#news01_content p {
  margin: 0 0 5px 0;
  text-align: left
}

#news03_detail div {
  border-top: 1px #CCCCCC solid;
  border-bottom: 1px #CCCCCC solid;
  padding: 30px 5px;
  text-align: left;
  margin: 40px auto 0;
  clear: both;
}

/*info-box*/
.info-box>li {
  display: inline-block;
  padding-right: 0;
  font-size: 14px;
  line-height: 1.4
}

.info-box>li:first-child {
  padding-left: 0;
  padding-right: 40px;
}

.info-box>li>strong {
  color: #aaa;
  margin-right: 13px;
  font-weight: normal
}

.info-box>li>.tag-icon {
  background: none;
  padding-left: 0;
}

.info-box>li>.tag-icon>strong {
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  top: -9999px;
  left: -9999px;
}

/*tag-icon*/
.tag-icon>strong,
.tag-icon>span>i {
  margin-right: 0;
  font-size: 0;
  line-height: 0;
}

.tag-icon>span>i {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-left: 2px;
}

.tag-icon>span>i:first-child {
  margin-left: 0;
}

.tag-icon>span>i.type-etc {
  background-image: url('/public/asis/img/board/icon_type_etc.png');
}

.tag-icon>span>i.type-event {
  background-image: url('/public/asis/img/board/icon_type_event.png');
}

.tag-icon>span>i.type-food {
  background-image: url('/public/asis/img/board/icon_type_food.png');
}

.tag-icon>span>i.type-history {
  background-image: url('/public/asis/img/board/icon_type_history.png');
}

.tag-icon>span>i.type-shopping {
  background-image: url('/public/asis/img/board/icon_type_shopping.png');
}

.tag-icon>span>i.type-tour {
  background-image: url('/public/asis/img/board/icon_type_tour.png');
}

.tag-icon>span>i.type-trand {
  background-image: url('/public/asis/img/board/icon_type_trand.png');
}


/*tool-tip*/
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip:hover:after {
  background: #fff;
  bottom: -30px;
  color: #333;
  content: attr(data-title);
  left: 0;
  padding: 0 7px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  z-index: 98;
  min-width: 20px;
  max-width: 700px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid #cfcfcf;
  box-shadow: 1px 1px 2px #ddd;
  font-size: 0.917em;
}

.tooltip:hover:before {
  width: 7px;
  height: 4px;
  background: url('/public/asis/img/board/tooltip_icon_top.gif') no-repeat;
  bottom: -9px;
  content: "";
  left: 7px;
  position: absolute;
  z-index: 99;
}

/*tool-tip*/
.tooltip02 {
  position: relative;
  display: inline-block;
}

.tooltip02:hover:after {
  background: #fff;
  bottom: -65px;
  color: #333;
  content: attr(data-title);
  left: -280px;
  padding: 0 30px;
  height: 60px;
  line-height: 60px;
  position: absolute;
  z-index: 98;
  min-width: 20px;
  max-width: 700px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 0;
  border-radius: 2px;
  box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.15);
  font-size: 14px;
  font-weight: 600
}

.tooltip02:hover:before {
  width: 25px;
  height: 15px;
  background: url(/public/asis/img/board/tooltip_icon_top02.png) no-repeat;
  bottom: -11px;
  content: "";
  left: 0px;
  position: absolute;
  z-index: 99;
}



/* paging style */
.paging>p {
  display: inline-block;
  margin: 0 22px
}

.paging {
  text-align: center;
  vertical-align: middle;
  height: 50px;
  margin-top: 45px;
}

.paging a,
.paging span {
  display: inline-block;
  font-size: 15px;
  color: #666;
  height: 50px;
  width: 50px;
  line-height: 45px;
  box-sizing: border-box;
  vertical-align: middle;
}

.paging a.page-now {
  font-weight: bold;
  color: #fff !important;
  text-decoration: none !important;
  background-color: #26ae6a;
  border: 1px solid #26ae6a;
  border-radius: 50%
}

.paging.area-space {
  margin-top: 1px
}

.paging>a.page-btn.prev {
  margin-right: 15px
}

.paging>a.page-btn.next {
  margin-left: 15px
}

.paging .page-btn {
  padding: 0;
  font-size: 0;
  line-height: 0;
}

.paging>a {
  display: inline-block;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  vertical-align: middle;
  border-radius: 2px;
}

.paging>a>i {
  display: block;
  width: 50px;
  height: 50px;
  text-indent: -10000px;
  box-sizing: border-box;
  vertical-align: middle;
  border: 1px solid #d1d1d1;
  border-radius: 2px;
}

.paging>a.page-btn>i.strt {
  background: url(/public/asis/img/board/page_view_pre_end.png) no-repeat center center;
}

.paging>a.page-btn>i.prev {
  background: url(/public/asis/img/board/page_view_pre.png) no-repeat center center;
}

.paging>a.page-btn>i.next {
  background: url(/public/asis/img/board/page_view_next.png) no-repeat center center;
}

.paging>a.page-btn>i.end {
  background: url(/public/asis/img/board/page_view_next_end.png) no-repeat center center;
}

.paging>a:hover>i.strt {
  border: 1px solid #26ae6a;
  background: #26ae6a url(/public/asis/img/board/page_view_pre_end_on.png) no-repeat center center;
}

.paging>a:hover>i.prev {
  border: 1px solid #26ae6a;
  background: #26ae6a url(/public/asis/img/board/page_view_pre_on.png) no-repeat center center;
}

.paging>a:hover>i.next {
  border: 1px solid #26ae6a;
  background: #26ae6a url(/public/asis/img/board/page_view_next_on.png) no-repeat center center;
}

.paging>a:hover>i.end {
  border: 1px solid #26ae6a;
  background: #26ae6a url(/public/asis/img/board/page_view_next_end_on.png) no-repeat center center;
}

.paging>a:active>i.strt {
  border: 1px solid #d1d1d1;
  background: url(/public/asis/img/board/page_view_pre_end_action.png) no-repeat center center;
}

.paging>a:active>i.prev {
  border: 1px solid #d1d1d1;
  background: url(/public/asis/img/board/page_view_pre_action.png) no-repeat center center;
}

.paging>a:active>i.next {
  border: 1px solid #d1d1d1;
  background: url(/public/asis/img/board/page_view_next_action.png) no-repeat center center;
}

.paging>a:active>i.end {
  border: 1px solid #d1d1d1;
  background: url(/public/asis/img/board/page_view_next_end_action.png) no-repeat center center;
}

.paging>a.page-button,
.paging>a.page-button+a.page-now {
  margin-top: 35px;
}

.paging>a.page-button {
  text-indent: -1px;
  font-size: 0;
}

.paging>a.page-button.start {
  background: url(/public/asis/img/board/page_view_pre_end.png) no-repeat center center;
}

.paging>a.page-button.prev {
  background: url(/public/asis/img/board/page_view_pre.png) no-repeat center center;
  margin-right: 22px;
}

.paging>a.page-button.next {
  background: url(/public/asis/img/board/page_view_next.png) no-repeat center center;
  margin-left: 22px;
}

.paging>a.page-button.end {
  background: url(/public/asis/img/board/page_view_next_end.png) no-repeat center center;
}

.mobile {
  display: none;
}

.not-found {
  padding: 50px 15px;
  text-align: center;
  font-weight: normal;
  color: #333;
  cursor: default !important
}

.not-found:hover {
  border: 0 !important;
  ;
  box-shadow: none !important;
}

.nodata {
  width: 100% !important;
  text-align: center;
  margin-left: 0;
  padding: 50px 15px;
  text-align: center;
  font-weight: normal;
  color: #333;
  cursor: default !important;
  border: 0 !important
}

.nodata>td {
  text-align: center !important;
  font-weight: 500 !important;
  margin: 0;
  padding: 50px 15px !important;
  color: #333 !important;
  cursor: default;
}

.nodata:hover {
  border: 0 !important;
  box-shadow: none !important;
  background: none !important
}

.nodata td:hover {
  box-shadow: none !important;
  background: none !important
}

.board-view {
  font-family: 'Verdana', 'Arial', 'Georgia', 'Malgun Gothic', 'Dotum', sans-serif;
  padding: 5% 10%;
  /* border-top: 2px solid #444; */
  border-top: 0;
}

@media screen and (max-width: 750px) {
  .board-view { padding: 5% 0;}
}

.board-view .board-view-title {
  padding: 45px 25px 40px 30px;
  position: relative;
  border-bottom: 1px solid #eee
}

.board-view .board-view-title>h3 {
  font-size: 30px;
  color: #333;
  margin-bottom: 40px;
  width: 75%;
  font-weight: normal !important;
  line-height: 1.4
}

.board-view-title .info-box>li,
.board-view-title .info-box>li:first-child {
  padding-left: 0;
  padding-right: 40px;
}

.board-view-title .info-box>li:last-child {
  padding-right: 0;
}

.board-view-title+.file-wrap {
  background: #fff;
  padding: 60px 30px 20px 30px;
  border-bottom: 1px solid #fff;
  position: relative
}

.board-view-title+.file-wrap .file {
  display: block;
  padding: 10px 40px 30px 40px;
  border: 1px solid #eee;
  overflow: hidden
}

.board-view-title+.file-wrap .file>a {
  display: block;
  min-height: 20px;
  float: left;
  vertical-align: middle;
  margin-top: 20px;
  margin-right: 100px;
  color: #333;
  line-height: 1.2em;
  text-decoration: underline;
  background: url(/public/asis/img/board/icon_atta_file.png) no-repeat;
  padding-left: 30px;
}

.board-view dl.title{
	display:block;
	width:100%;
	margin-bottom:1rem;
}

.board-view dl.title dt{
	color:white;
	background-color:#91864d;
	display:inline-block;
	font-size:0.8rem;
	padding:0.2rem 0.5rem;
	text-align:center;
}

.board-view dl.title dd{
	display:inline-block;
}

.board-view .desc{
	color:#91864d;
	font-size:1rem;
	font-weight:700;
	margin-bottom:1rem;
}



.board-view .desc:before{
	content:" ";
	display:inline-block;
	border-left:2px solid #e1d69a;
	width: 5px;
	height: 1rem;
	vertical-align: bottom;
}

.board-view .desc:after{
	display:inline-block;
	vertical-align: bottom;
	margin-left:0.5rem;
	color:#e1d69a;
}

.board-view .content{
	display:block;
	margin-bottom:4rem;
	margin-top:2rem;
}

.board-view .content img{
	max-width:100%;
	margin-bottom:30px;
	margin-left:auto;
	margin-right:auto;
	display:table;
}
.board-view .content p{
	margin:30px 0;
	line-height: 1.706em;
	font-size: 17px;
	color: #333;
}

.board-wrap .board-view.db-list+ul.board-side-list {
  margin-top: -1px;
}

.board-wrap ul.board-side-list {
  border-top: 2px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  margin-top: 30px;
}

.board-wrap ul.board-side-list>li {
  padding: 33px 25px 33px 30px;
  overflow: hidden;
  line-height: 1.2
}

.board-wrap ul.board-side-list>li:first-child {
  border-bottom: 1px solid #eaeaeb;
}

.board-wrap ul.board-side-list>li>strong {
  color: #333;
  float: left;
  width: 65px;
  margin-right: 58px;
  font-weight: bold
}

.board-wrap ul.board-side-list>li>strong::before {
  content: '';
  background: url(/public/asis/img/board/page_view_down_arow.png) no-repeat center center;
  padding-right: 10px;
  margin-right: 15px;
  vertical-align: middle
}

.board-wrap ul.board-side-list>li:first-child>strong::before {
  content: '';
  background: url(/public/asis/img/board/page_view_up_arow.png) no-repeat center center;
  padding-right: 10px;
  margin-right: 15px
}

.board-wrap ul.board-side-list>li>span {
  float: right;
  margin-top: -20px
}

.board-wrap ul.board-side-list>li a {
  display: block;
  color: #333;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
  overflow: hidden;
  width: 70%
}

.board-write {
  padding: 40px 30px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #eee
}

.board-write>dl:first-child {
  margin-top: 0;
}

.board-write>dl {
  margin-top: 40px;
}

.board-write>dl>dt {
  font-size: 15px;
  font-weight: 600;
  color: #333;
}

.board-write>dl>dd {
  font-size: 14px;
  font-weight: 100;
  color: #333;
  margin-top: 20px;
}

.board-write.qna dl>dd .size01 {
  width: 85%;
  margin-right: 1%
}

.board-write.qna dl>dd .size02 {
  width: 20%;
  margin-right: 0
}

.board-write.qna dl>dd .size03 {
  width: 60%;
  margin-right: 1%
}

.board-write.qna dl>dd .nick-area {
  width: 380px;
  margin-right: 1%;
  padding: 18px
}

.board-write.qna dl>dd .nick-btn {
  margin-right: 0
}

.board-write.qna .chk-raio-layout>li:first-child {
  margin-left: 0
}

.board-write.qna .chk-raio-layout>li {
  margin-left: 40px
}

.nick-quest {
  display: inline-block;
  line-height: 50px;
  vertical-align: middle;
  margin-left: 10px;
}

.board-write.qna .chk-raio-layout>li.chk-box {
  padding-top: 0 !important
}

/* modal-pop*/
.modal-pop {
  position: fixed;
  z-index: 50;
  top: 0;
  left: 0;
  width: auto;
  background-color: #fff;
  box-shadow: 3px 15px 25px 2px rgba(0, 0, 0, 0.2);
}

.modal-pop .popCont-area {}

.modal-pop .popCont-area.scroll {
  overflow-y: scroll
}

.mask {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 990000;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
}

.modal-pop .big-tit {
  font-size: 22px;
  color: #222;
  font-weight: bold;
  font-family: Arial, sans-serif !important;
  font-weight: 900;
  line-height: 1;
  padding: 35px 30px;
  /* text-transform:uppercase; */
}

/* modal-pop  qna */
.modal-pop {
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  background-color: #fff;
  box-shadow: 3px 15px 25px 2px rgba(0, 0, 0, 0.2);
}

.modal-pop .popCont-area {
  padding: 0 35px;
  background: #fff;
  margin: 0 auto
}

.modal-pop .popCont-area .txt {
  text-align: center;
  padding: 80px 0;
  line-height: 1.5
}

.modal-pop .btn-close-noline {
  font-size: 0;
  display: block;
  width: 20px;
  height: 20px;
  background: url(/public/asis/img/board/btn_navClose.png) no-repeat center center;
  background-size: 48px;
  float: right;
  margin: 20px 25px 0 0
}

.modal-pop .big-tit {
  font-size: 22px;
  color: #222;
  font-weight: bold;
  font-family: Arial, sans-serif !important;
  font-weight: 900;
  line-height: 1;
  padding: 35px 30px;
  /* text-transform:uppercase; */
}

.modal-pop.qna-pop01 {
  width: 96%;
  max-width: 430px;
}

.modal-pop.qna-pop02 {
  width: 96%;
  max-width: 600px;
}

.modal-pop.qna-pop01 .green-btn {
  width: 100%;
  border-radius: 0;
  position: relative;
  bottom: 0
}

.modal-pop.qna-pop02 .input-info {
  border-top: 1px solid #333;
  border-bottom: 1px solid #eee;
  padding: 30px 0;
  position: relative
}

.modal-pop .popCont-area dl.input-info>dt {
  font-size: 15px;
  font-weight: 600;
  color: #333;
}

.modal-pop .popCont-area dl.input-info>dd {
  font-size: 14px;
  font-weight: 100;
  color: #333;
  margin-top: 20px;
}

.modal-pop .popCont-area dl.input-info>dd.txt-by {
  position: absolute;
  top: 35px;
  right: 0;
  margin-top: 0;
  color: #aaa;
  font-size: 12px;
}

.modal-pop .popCont-area dl.input-info>dd.txt-by strong {
  font-weight: 900
}

.modal-pop .popCont-area dl.input-info>dd>.nick-area {
  width: 55%;
  margin-right: 1.5%
}

.modal-pop .popCont-area dl.input-info>dd>.nick-btn {
  width: 43%;
  margin-right: 0
}

.modal-pop .popCont-area dl.input-info>dd>.nick-ok {
  display: block;
  color: #1e75d6;
  font-size: 14px;
  margin-top: 15px
}

.modal-pop .popCont-area dl.input-info>dd>.nick-no {
  display: block;
  color: #ff3f3f;
  font-size: 14px;
  margin-top: 15px
}

.modal-pop .popCont-area ul.note-list {
  padding: 25px 0
}

.modal-pop .popCont-area ul.note-list li::before {
  content: '·';
  width: 5px;
  padding: 0 5px 5px 0;
  display: block;
  float: left
}

.modal-pop .popCont-area ul.note-list li {
  font-size: 13px;
  line-height: 1.8;
  overflow: hidden;
}

.modal-pop.qna-pop02 .green-btn.gray {
  width: 50%;
  background: #bbb;
  border-color: #bbb;
  border-radius: 0 !important;
}

.modal-pop.qna-pop02 .green-btn {
  width: 50%;
  border-radius: 0 !important;
}


.board-qna-view {
  padding: 0;
  border-top: 1px solid #333;
  border-bottom: 1px solid #eee
}

.board-qna-view>dl {
  padding: 0;
  border-top: 1px solid #eee;
  display: table;
  width: 100%;
  table-layout: fixed;
}

/* GG(2021.02.02 추가) */
.board-qna-view>dl:first-child {
  border-top: 0
}

.board-qna-view>dl>dt,
.board-qna-view>dl>dd {
  padding: 25px 30px;
  display: table-cell;
}

.board-qna-view>dl>dt {
  width: 30%;
  background: #f9f9f9;
  font-size: 16px;
  font-weight: 600
}

.board-qna-view>dl>dd {
  width: 70%;
  font-size: 15px;
  line-height: 1.5
}

.board-qna-view>dl>dd.file-link a {
  text-decoration: underline
}

.board-qna-view>dl>dd.file-link img {
  vertical-align: middle;
  margin-right: 5px;
}

.board-qna-view>dl>dd .txt-comm {
  font-size: 14px;
  color: #333;
  font-weight: 100;
  padding: 15px 15px;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 2px;
}

.board-qna-view>dl>dd .txt-date {
  display: block;
  font-size: 13px;
  margin-bottom: 10px;
  text-align: right
}

.board-qna-view>dl>dd .txt-date i {
  color: #888;
  vertical-align: top;
  margin-right: 5px;
}

.board-qna-view>dl>dd pre {
  white-space: pre-wrap;
  word-break: break-all
}

/* GG(2021.02.02 추가) */

/* 첨부파일 스타일 */
.file-textbox {
  float: left
}

.file-div {
  position: relative;
  overflow: hidden;
  font-size: 15px;
  font-family: Arial, sans-serif !important;
  font-weight: 900;
  height: 50px;
  line-height: 37px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #26ae6a;
  color: #26ae6a !important;
  /* text-transform:uppercase; */
}

.file-button {
  position: absolute;
  top: 0px;
  font-size: 15px;
  font-family: Arial, sans-serif !important;
  font-weight: 900 !important;
  height: 50px;
  width: 100%;
  line-height: 37px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0);
  border-radius: 2px;
  border: 1px solid #26ae6a;
  color: #26ae6a !important;
  /* text-transform:uppercase; */
}

.file-div:hover,
input[type=button]:hover {
  background: #26ae6a;
  color: #fff !important
}

.file-div:hover>input[type=button] {
  background: #26ae6a;
  color: #fff !important
}

.file-hidden {
  font-size: 45px;
  position: absolute;
  right: 0px;
  top: 0px;
  color: #fff !important;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  -khtml-opacity: 0;
  -moz-opacity: 0;
  height: inherit;
  width: 120%
}


/* bbs-button */
.board-button-area {
  text-align: right;
}

.board-button-area a {
  display: inline-block;
  vertical-align: top;
}

.board-button-area a:hover {
  color: #fff
}

.board-button-area.area-space>a.button {
  font-size: 15px;
  font-family: Arial, sans-serif !important;
  font-weight: 900;
  width: 150px;
  text-align: center;
  line-height: 50px;
  box-sizing: border-box;
  background: #26ae6a;
  border-radius: 2px !important;
  border: 1px solid #26ae6a !important;
  color: #fff;
  /* text-transform:uppercase; */
}

.board-btn.button[type=button] {
  padding: 0;
  width: 280px;
  height: 50px;
  line-height: 37px;
  box-sizing: border-box;
  background: #26ae6a;
  border-radius: 2px;
  border: 1px solid #26ae6a;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  /* text-transform:uppercase; */
}

.board-btn,
a.board-btn {
  padding: 0px 58px;
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  background: #26ae6a;
  border-radius: 2px;
  border: 1px solid #26ae6a;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  /* text-transform:uppercase; */
}

a:link.board-btn {
  background: #26ae6a;
  color: #fff;
  font-size: 15px;
}

.board-btn.reigt {
  padding: 0 30px;
  font-weight: 900;
  font-family: Arial, Helvetica, sans-serif !important
}


/* 가로형*/
/*bbs - contents*/
.page-content .input-box {
  border-top: 1px solid #414141;
  overflow-x: auto
}

.page-content .input-box dl {
  display: table;
  width: 100%;
}

.page-content .input-box dl>dt,
.page-content .input-box dl>dd {
  display: table-cell;
  border-right: 0;
  border-bottom: 1px solid #eee;
  padding: 20px 10px;
  text-align: center
}

.page-content .input-box.ta-l dl>dt,
.page-content .input-box.ta-l dl>dd {
  text-align: left !important;
}

.page-content .input-box dl>dt {
  background: #f9f9f9;
  font-size: 0.917em;
  font-weight: bold;
  border-left: 0;
}

.page-content .input-box dl>dt.left {
  border-left: none;
}

.page-content .input-box dl>dt.width20 {
  width: 20%;
}

.page-content .input-box dl>dt.width30 {
  width: 30%;
}

.page-content .input-box dl>dd.width80 {
  width: 80%;
  vertical-align: middle;
}

.page-content .input-box dl>dd.width30 {
  width: 30%;
  vertical-align: middle;
}

.page-content .input-box dl>dd.width70 {
  width: 70%;
  vertical-align: middle;
}

/*bbs-view : blog*/
.board-content.blog>h2 {
  text-align: center;
  color: #000;
  font-size: 2.917em;
  font-weight: normal;
  letter-spacing: -0.083em;
  padding: 45px 0;
  border: none;
}

.board-content.blog>.board-content {
  clear: both;
  margin-top: 20px;
}

.board-content.blog>.mark-icon {
  float: left;
  margin-top: 45px;
  margin-right: 10px;
}

.event-info>li:first-child {
  margin-top: 0
}

.event-info>li {
  display: table;
  width: 100%;
  margin-top: 15px;
  position: relative
}

.event-info>li>span:first-child {
  color: #333;
  font-size: 15px;
  font-weight: bold;
  display: table-cell;
  width: 30%;
  vertical-align: top;
  letter-spacing: -0.5px;
  position: relative;
  padding-left: 30px;
}

.event-info>li>span+span {
  color: #555;
  font-size: 15px;
  display: table-cell;
  width: 70%;
}

.event-info>li::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(/public/asis/img/board/page_view_con_icon_list.png  ) no-repeat top left;
  left: 0px;
  top: 6px;
}

.event-info>li.address::before {
  background: url(/public/asis/img/board/page_view_con_icon_list.png) no-repeat top left;
}

/*  -22px 씩 증가   */
.event-info>li.location::before {
  background-position-y: -22px
}

.event-info>li.period::before {
  background-position-y: -44px
}

.event-info>li.telephone::before {
  background-position-y: -66px
}

.event-info>li.homepage::before {
  background-position-y: -88px
}

.event-info>li.food-type::before {
  background-position-y: -110px
}

.event-info>li.food-info::before {
  background-position-y: -132px
}

.event-info>li.time::before {
  background-position-y: -154px
}

.event-info>li.food-man::before {
  background-position-y: -176px
}

.event-info>li.food-halal::before {
  background-position-y: -198px
}

.event-info>li.car::before {
  background-position-y: -220px
}

.event-info>li.bus::before {
  background-position-y: -243px
}

.event-info>li.islam-room::before {
  background-position-y: -265px
}

.event-info>li.islam-house::before {
  background-position-y: -287px
}

.event-info>li.type.note::before {
  background-position-y: -309px
}

.event-info>li.type::before {
  background-position-y: -330px
}

.event-info>li.email::before {
  background-position-y: -423px
}

.event-info>li.note::before {
  background-position-y: -309px
}

/*event-info*/
.event-info::after {
  content: '';
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
}

.event-info dt {
  margin-bottom: 5px;
  color: #333;
  font-weight: bold;
  position: relative;
  padding-left: 25px;
}

.event-info dd {
  margin-bottom: 10px;
  margin-left: 25px
}

.event-info dt::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/public/asis/img/board/page_view_con_icon_list.png) no-repeat top left;
  position: absolute;
  left: 0px;
  top: 6px;
}

.event-info dt.period::before {
  background-position-y: -44px
}

.event-info dt.address::before {}

.event-info dt.location::before {
  background-position-y: -22px
}

.event-info dt.telephone::before {
  background-position-y: -66px
}

.event-info dt.price::before {}

.event-info dt.prize::before {}

.event-info dt.type::before {}

.event-info dt.homepage::before {
  background-position-y: -88px
}

.event-info dt.fax::before {}

.event-info dt.email::before {
  background-position-y: -88px
}

.event-info dt.twitter::before {
  background-position-y: -88px
}

.event-info dt.facebook::before {
  background-position-y: -88px
}

.event-info dt.pinterest::before {
  background-position-y: -88px
}

.event-info dt.web::before {
  background-position-y: -88px
}

.event-info dt.time::before {
  background-position-y: -154px
}

.event-info.muslim > li::before {content: ""; position: absolute; width: 20px; height: 20px; background: url("/public/asis/img/board/page_view_con_icon_list.png") no-repeat top left; left: 0px; top: 6px; }
/* .event-info.muslim > li.address::before {}   -22px 씩 증가   */
.event-info.muslim > li.location::before {background-position-y: -22px }
.event-info.muslim > li.period::before {background-position-y: -44px }
.event-info.muslim > li.telephone::before { background-position-y: -66px }
.event-info.muslim > li.homepage::before { background-position-y: -88px }
.event-info.muslim > li.food-type::before {background-position-y: -110px}
.event-info.muslim > li.food-info::before {background-position-y: -132px }
.event-info.muslim > li.hours::before      {background-position-y: -155px }
.event-info.muslim > li.food-man::before { background-position-y: -176px }
.event-info.muslim > li.food-halal::before { background-position-y: -198px }
.event-info.muslim > li.car::before      {background-position-y: -220px }
.event-info.muslim > li.bus::before      {background-position-y: -243px }
.event-info.muslim > li.house::before {background-position-y: -287px }
.event-info.muslim > li.note::before {background-position-y: -309px }
.event-info.muslim > li.type::before {background-position-y: -328px }
.event-info.muslim > li.gender::before {background-position-y: -351px }
.event-info.muslim > li.area::before {background-position-y: -465px }
.event-info.muslim > li.email::before {background-position-y: -423px }
.event-info.muslim > li.etc::before {background-position-y: -485px }
.event-info.muslim > li.place::before {background-position-y: -22px }


.event-info dt.award::before {}

.event-info dt.open::before {}

.event-info.top-line {
  border-top: 1px solid #d4d4d4;
  padding-top: 25px;
  margin-top: 25px;
}

.event-info span.icon-finished {
  color: #fff;
  background: #e5020b;
  padding: 1px 4px;
  font-size: 0.917em;
  font-weight: bold;
}

p.ps-area-point,
.ps-area-point {
  color: #ff615f;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 1.7;
  position: relative;
  padding-left: 25px;
}

.ps-area-point::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  width: 17px;
  height: 17px;
  background: url("/public/asis/img/board/icon_page_column_point.png") no-repeat center left;
}

/*rolling-img*/
.vertical-rolling-img {position:relative; }
.vertical-rolling-img .photo-img {max-width: 700px;margin: 0 auto;}
.vertical-rolling-img .photo-img > img {width:auto;max-width:100%;height:450px;}
.vertical-rolling-img .thumnail {left: 0px; max-width: 620px; overflow: hidden; visibility: visible; position: relative; z-index: 2; position:absolute}
.vertical-rolling-img .thumnail {width:100%;margin:28px auto 90px auto;}
.vertical-rolling-img .thumnail ul {list-style: none; margin: 0px; padding: 0px; left: 0px; /*max-width: 744px;*/ position: relative; z-index: 1;}
.vertical-rolling-img .thumnail ul > li  {margin:0 5px; float:left;width: 114px; height: 86px; overflow: hidden;}
.vertical-rolling-img .thumnail ul > li > a {display:block; border:2px solid #fff;}
.vertical-rolling-img .thumnail ul > li > a.active {border-color:#26ae6a;}
.vertical-rolling-img .thumnail ul > li > a > img {width:110px; height:82px; margin:0 !important; display:block;}
.vertical-rolling-img a.button-page{ display:block;width:50px; height:50px; border:1px solid #eee; border-radius:50%; font-size:0 !important; background-size:9px;}
.button-page.prev{background:#fff url("/public/asis/img/board/board_pre_action.png") no-repeat center center;  position:absolute; bottom:20px ;left:40px; }
.button-page.next{background:#fff url("/public/asis/img/board/board_next_action.png") no-repeat center center; position:absolute; bottom:20px; right:40px; }

.db-list .board-view-title {
  padding: 40px 25px
}

.db-list .board-view-title>h3 {
  font-size: 30px;
  color: #333;
  margin-bottom: 0;
  width: 100%;
  font-weight: normal !important;
  line-height: 1.4;
  letter-spacing: -0.02em
}

.db-list .swiper-container {
  width: 100% !important;
  height: 64vw;
  margin-bottom: 40px
}

.db-list .swiper-slide img {
  width: auto !important;
  height: 58vw !important
}

.swiper-pagination-bullet-active {
  background-color: #26ae6a
}

.swiper-slide.swiper-slide-active {
  height: auto;
  cursor: pointer;
}

.swiper-container-horizontal>.swiper-pagination {
  text-align: center;
  bottom: 5px
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px -5px 0;
  width: 10px;
  height: 10px
}

.swiper-container-horizontal>.swiper-pagination>span:last-child {
  margin-right: 0
}

.board-wrap.db-list {}

.board-wrap.db-list a.web {
  color: #1e75d6
}

.board-view.db-list {
  /* border-bottom: 1px solid #bfbfbf */
}

.board-view.db-list .board-content a:link,
.board-view.db-list .board-content a:hover,
.board-view.db-list .board-content a:active,
.board-view.db-list .board-content a:focus,
.board-content a:visited {
  font-size: inherit
}

.board-content>.map-box #miniMap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*tab-menu : content-inner*/
.tab-menu.inner {
  position: relative;
  clear: both;
  box-sizing: border-box;
  overflow: hidden;
  border-bottom: 1px solid #eee;
  margin-bottom: 40px;
  ;
  margin-left: -1px
}

.tab-menu.inner>li {
  box-sizing: border-box
}

.tab-menu.inner>li>a {
  border: 1px solid #ddd;
  border-bottom-color: #333;
  padding: 15px 0;
  color: #333 !important;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 15px !important;
  text-decoration: none !important;
}

.tab-menu.inner>li.on>a {
  border: 1px solid #333;
  border-bottom-color: #fff;
  color: #333 !important;
  font-weight: bold;
  text-decoration: none !important;
}

.tab-menu.inner.border {
  padding: 20px 0;
}

.tab-menu.inner.border>li>a {
  top: 20px;
}

.tab-menu.inner.border.top {
  border-top: 1px solid #e5e5e5;
  padding: 20px 0;
}

.tab-content {
  margin-top: 100px;
}

.tab-content .blog-list.inner ul {
  border: 0;
  margin-top: -20px
}

.tab-content .blog-list.inner ul>li {
  border: 0
}

/* form-box */
.page-form {
  background: #eee;
  padding: 30px;
  margin: 0 auto 60px auto;
  z-index: 0
}

.page-form .form-wrap {
  position: relative;
  max-width: 1110px;
  margin: 0 auto
}

.form-wrap * {}

.form-wrap .input-box {
  float: left;
  margin-bottom: 0px;
  position: relative;
}

.form-wrap .input-box:nth-child(1) {
  margin-bottom: 10px
}

.form-wrap .input-box:nth-child(2) {
  margin-right: 0;
  margin-bottom: 10px
}

.form-wrap .input-box:nth-child(3) {
  margin-right: 0;
}

.input-dash {
  float: left;
  font-size: 12px;
  vertical-align: middle;
  padding-top: 23px;
  display: block;
  text-align: center
}

.input-dash:after {
  display: block;
  visibility: hidden;
  height: 0;
  font-size: 0;
  clear: both;
  content: '';
}

.input-dash {
  width: 2%;
}

.input-box {
  margin-right: 1%;
}

.form-wrap .size01 {
  width: 49.5%
}

.form-wrap .size02 {
  width: 23.75%
}

.form-wrap .size03 {
  width: 35%
}

.form-wrap .size04 {
  width: 13.5%
}

.form-wrap .size05 {
  width: 85.5%
}

.form-wrap .btn-size {
  width: 150px;
}

.input-box input:focus {
  outline: none;
  border: 1px solid #333
}

.input-box .wSelect-theme-classic.wSelect {
  font-size: 15px;
  font-weight: bold;
  padding: 0 45px 0 20px;
  width: auto !important;
  height: 50px;
  line-height: 37px;
  box-sizing: border-box;
  border: 1px solid #aaa;
  color: #aaa;
  border-radius: 2px;
  background: url("/public/asis/img/board/bread_arrow_down.png") #fff right 20px center no-repeat;
  background-size: 10px;
}


.form-wrap.form-qna .input-box {
  width: 42.25%;
  margin-right: 1%;
}

.form-wrap.form-qna .size04 {
  width: 13.5%;
  margin-top: 0
}

/* 셀렉트 박스  2*/
.input-box .wSelect {}

.wSelect-selected {
  font-family: Arial, sans-serif !important;
  color: #aaa;
  margin: 0;
  padding: 6px 0;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: 0 center;
}

.wSelect-options-holder {
  position: absolute;
  display: none;
  left: 0px;
  z-index: 200;
  overflow: auto;
}

.wSelect-multiple .wSelect-options-holder {
  position: relative !important;
  display: block !important;
  top: auto !important;
  z-index: auto !important;
  border: none !important;
}

.wSelect-options {
  height: auto !important;
}

.wSelect-option-last {
  margin-bottom: 0px;
}

.wSelect-option-value {
  margin: 0;
  padding: 18px 20px;
  background: none;
  white-space: nowrap;
  line-height: 1;
  font-weight: 100;
}

.wSelect-theme-classic.wSelect-active {
  border: 1px solid #333 !important
}

.wSelect-option-value.wSelect-option-icon {
  background: none !important;
}

.wSelect-theme-classic .wSelect-options-holder {
  background-color: #fff;
  border: solid #333 1px;
  width: 100%;
  margin-top: 1px
}

.wSelect-theme-classic .wSelect-options {
  border: solid #FAFAFA 1px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.wSelect-theme-classic .wSelect-option {
  background-color: #FFF;
}

.wSelect-theme-classic .wSelect-option-disabled {
  background-color: #FFF !important;
}

.wSelect-theme-classic .wSelect-option:hover {
  background-color: #f7f7f7;
}

.wSelect wSelect-theme-classic.wSelect-active {
  width: auto !important
}

.wSelect-theme-classic .wSelect-option-selected .wSelect-option-value {
  color: #26ae6a !important;
}


/* 셀렉트 박스 2*/
.input-box .selecty {}

.selecty {
  font-size: 15px;
  padding-left: 20px;
  width: auto !important;
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  border: 1px solid #aaa;
  color: #aaa;
  border-radius: 2px;
  background: url("/public/asis/img/board/bread_arrow_down.png") #fff right 20px center no-repeat;
  background-size: 10px;
}

.selecty .selecty-selected {
  display: block;
}

.selecty .selecty-options:before {
  content: "";
  display: block;
  height: 49px;
}

.selecty .selecty-options {
  position: absolute;
  top: 0px;
  left: 0;
  margin: 0;
  max-height: 650px;
  width: 100%;
  overflow-y: auto;
  z-index: 999;
  border-radius: 2px;
  padding: 0;
  visibility: hidden;
  border: 1px solid #aaa;
  color: #aaa;
}

.selecty .selecty-options.act {
  visibility: visible;
}

.selecty .selecty-options li {
  cursor: pointer;
  text-align: left;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  color: #333;
  background-color: #fff;
}

.selecty .selecty-options li:hover,
.selecty .selecty-options li.act {
  background-color: #f7f7f7;
}

.selecty .selecty-options li.selected {
  color: #26ae6a !important
}

/*셀렉트박스 디자인 제거 */
select {
  font-family: inherit;
  background-image: url("/public/asis/img/board/bread_arrow_down.png") !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #aaa !important;
  border-radius: 0px;
  height: 50px;
  width: 100%;
  padding: 6px 40px 6px 20px !important;
  color: #aaa;
  font-weight: bold;
  font-size: 14px;
  font-family: Arial, sans-serif !important;
  border-radius: 2px;
  background-size: 10px 6px !important;
}

select::-ms-expand {
  /* for IE 11 */
  display: none;
}

select>option {
  width: inherit
}


.form-wrap .button-wrap {
  display: inline-block;
}

.form-wrap .chk-box {
  padding-left: 50.5%;
}

.input-box img.ui-datepicker-trigger {
  position: absolute;
  right: 0;
  top: 0;
  padding: 17px
}

.iner-btn.search-icon {
  background: #fff url(/public/asis/img/board/icon_input_search.png) no-repeat center center
}

input[type=text].datepicker {
  color: #aaa;
}

.form-wrap input[type=search]::placeholder {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  font-weight: bold;
  color: #aaa;
}

.form-wrap input[type=text]::placeholder {
  color: #aaa;
}

input:-ms-input-placeholder {
  color: #aaa !important;
}

input::-webkit-input-placeholder {
  color: #aaa !important;
}

input::-ms-clear,
input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none;
}

/*  input 감싸기  */
.input-box {
  position: relative;
}

.iner-btn {
  position: absolute;
  right: 2px;
  top: 1px;
  min-width: 50px;
  width: 50px;
  height: 48px;
  text-indent: -9999px;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
}

/* basic input 외형 */
input[type="text"],
input[type="password"] {
  font-size: 14px;
  font-family: Arial, sans-serif !important;
  font-weight: bold;
  padding: 18px 45px 18px 20px;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #aaa;
  color: #aaa;
  border-radius: 2px;
}

input[type=search],
input[type=text].search-sel {
  font-size: 14px;
  font-family: Arial, sans-serif !important;
  font-weight: bold;
  padding: 18px 45px 18px 20px;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  border: 1px solid #aaa;
  color: #aaa;
  border-radius: 2px;
  background: #fff url(/public/asis/img/board/icon_input_search.png) no-repeat;
  background-position: calc(100% - 15px) center;
}

textarea.txt-box-area {
  font-size: 14px;
  color: #333;
  font-weight: 100;
  padding: 18px 18px;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 2px;
}

.board-write.qna input {
  font-size: 14px;
  color: #333;
  font-weight: 100;
}

/* 버튼 그린bg */
.button-wrap button[type=submit],
button[type=submit].search-btn,
button[type=button].green-btn,
.green-btn {
  font-size: 15px;
  font-family: Arial, sans-serif !important;
  font-weight: 900;
  width: 100%;
  height: 50px;
  line-height: 37px;
  box-sizing: border-box;
  background: #26ae6a;
  border-radius: 2px !important;
  border: 1px solid #26ae6a !important;
  color: #fff;
  /* text-transform:uppercase; */
}

a.text-button {
  display: inline-block;
  line-height: 1.4;
  color: #fff !important;
  ;
  text-decoration: none;
  font-family: "Arial", Gadget, sans-serif !important;
  background: #26ae6a url(/public/asis/img/board/btn_text-link_btn.png) no-repeat center right;
  background-position: calc(100% - 1.2vw) center;
  background-size: 18px;
  font-size: 15px;
  /* text-transform:uppercase; */
  padding: 15px 4vw 15px 2vw;
  border-radius: 2px;
  text-decoration: none;
  font-weight: 600
}

/*
a.text-button2{ display:inline-block;line-height:1.4;color:#fff !important; text-decoration:none;font-family:"Arial Black", Gadget, sans-serif !important;background:#26ae6a url(/public/asis/img/board/btn_text-link_btn.png) no-repeat center right;background-position:calc(100% - 1.2vw) center; background-size:18px;font-size:15px; text-transform:uppercase; padding:15px 2vw 15px 2vw; border-radius:2px; text-decoration: none !important;}
*/
button[type=submit].grayBt,
button[type=button].grayBt,
.grayBt {
  font-size: 15px;
  font-family: Arial, sans-serif !important;
  font-weight: 900;
  width: 100%;
  height: 50px;
  line-height: 37px;
  box-sizing: border-box;
  background: #bbb;
  border-radius: 2px;
  border: 1px solid #bbb;
  color: #fff;
  /* text-transform:uppercase; */
}


/* 버튼 그린라인*/
input[type=button].grline-btn,
button[type=submit].grline-btn,
button[type=button].grline-btn,
.grline-btn {
  font-size: 15px;
  font-family: Arial, sans-serif !important;
  font-weight: 900;
  height: 50px;
  line-height: 37px;
  padding: 0 25px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #26ae6a;
  color: #26ae6a;
  /* text-transform:uppercase; */
}

input[type=button].grline-btn:hover,
button[type=submit].grline-btn:hover,
button[type=button].grline-btn:hover,
.grline-btn:hover {
  background: #26ae6a;
  border-radius: 2px;
  border: 1px solid #26ae6a;
  color: #fff
}

/*   체크박스  */
.chk-box {
  display: inline-block;
  padding-top: 10px;
}

.chk-box input[type='checkbox'] {
  width: 1px;
  height: 1px;
  visibility: hidden;
  vertical-align: middle;
}

.chk-box input[type='checkbox']+label {
  display: block;
  vertical-align: middle;
  font-size: 14px;
}

.chk-box input[type='checkbox']+label span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5;
  margin-left: 30px;
}

.chk-box input[type='checkbox']+label:before {
  content: '';
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  width: 20px;
  height: 21px;
  background: url(/public/asis/img/board/form_check_style.png) no-repeat;
  background-position: 0 -20px;
  background-size: 20px;
}

.chk-box input[type='checkbox']:checked+label:before {
  background: url(/public/asis/img/board/form_check_style.png) no-repeat;
  background-position: 0 1px;
  background-size: 20px;
}

/*   라디오  */
.chk-box input[type='radio'] {
  width: 1px;
  height: 1px;
  visibility: hidden;
  vertical-align: middle;
}

.chk-box input[type='radio']+label {
  display: block;
  vertical-align: middle;
  font-size: 14px;
}

.chk-box input[type='radio']+label span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.3;
  margin-left: 30px;
}

.chk-box input[type='radio']+label:before {
  content: '';
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: url(/public/asis/img/board/form_radio_style.png) no-repeat;
  background-position: 0 -21px;
  background-size: 20px;
}

.chk-box input[type='radio']:checked+label:before {
  background: url(/public/asis/img/board/form_radio_style.png) no-repeat;
  background-position: 0 0;
  background-size: 20px;
}


/* Korail Tour  썸네일 목록형 리스트 */
.korailTour-list {
  border-top: 2px solid #eee;
  padding: 40px 0
}

.korailTour-list>ul::after {
  display: block;
  content: '';
  height: 0;
  line-height: 0;
  clear: both;
}

.korailTour-list>ul>li {
  width: calc(33.333% - 20px);
  margin-left: 30px;
  float: left;
  margin-top: 60px;
  cursor: pointer;
  outline: none
}

.korailTour-list>ul>li:first-child {
  margin-left: 0px !important;
}

.korailTour-list>ul>li:nth-child(4),
.korailTour-list>ul>li:nth-child(7) {
  margin-left: 0px;
}

.korailTour-list>ul>li:nth-child(1),
.korailTour-list>ul>li:nth-child(2),
.korailTour-list>ul>li:nth-child(3) {
  margin-top: 0;
}

.korailTour-list>ul>li.nodata {
  width: 100%;
  text-align: center;
  margin-left: 0;
  padding: 50px 15px;
  text-align: center;
  font-weight: normal;
  color: #333;
  cursor: default !important
}

.korailTour-list>ul>li.no-space {
  margin-left: 0;
}

.korailTour-list>ul>li>h3 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -0.5px;
  color: #333;
  margin-bottom: 15px;
  height: 54px;
  overflow: hidden;
  -ms-word-wrap: break-word;
}

.korailTour-list>ul>li>h3:hover {
  text-decoration: underline;
}

.korailTour-list>ul>li>.thumnails {
  margin-bottom: 20px;
  line-height: 0
}

.korailTour-list>ul>li>.thumnails>img {
  width: 100%;
  height: 250px;
}

.korailTour-list>ul>li>.info {
  line-height: 1.4;
  margin-bottom: 10px;
}

.korailTour-list>ul>li>p.info {
  line-height: 1.6;
  margin-bottom: 10px;
  font-size: 0.917rem
}

.korailTour-list>ul>li>p.info>strong {
  font-size: 0.917rem;
  color: #333;
}

.korailTour-list>ul>li>.info>strong {
  font-size: 0.917rem;
  color: #333;
}

.korailTour-list>ul>li>.text {
  display: block;
  line-height: 1.4;
  margin-bottom: 15px;
  height: 48px;
  color: #555;
}

.korailTour-list>ul>li>.type {
  height: 18px;
  line-height: 18px;
}

.korailTour-list>ul>li>.type>i {
  background-color: #f0872a;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  font-size: 0.750em;
  padding: 0 5px;
  border-radius: 3px;
  margin-right: 5px;
}

.korailTour-list>ul>li>.type>span {
  display: inline-block;
  vertical-align: top;
  color: #333;
  font-size: 0.917em;
  letter-spacing: -1px;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.korailTour-list.columns>ul>li:nth-child(3n+1) {
  margin-left: 0
}

.hallyutourpp-wrap .korailTour-list>ul>li>p.title {
  height: auto !important;
}

/* daily-program  */
.korailTour-overview {
  clear: both;
  padding: 40px 9.41%;
  overflow: hidden;
  border-top: 1px solid #eee
}

.korailTour-overview>.img-full {
  margin-bottom: 40px;
}

.korailTour-overview>h3 {
  color: #333;
  margin-bottom: 20px;
  font-size: 1.167em;
}

.korailTour-overview>.text {
  line-height: 1.6;
}

/* daily-program : layout*/
.board-wrap .board-view.daily-pr .info-box>li:first-child {
  padding-left: 0px;
  padding-right: 20px;
}

.board-wrap .board-section>.board-view {
  border: 0
}

.board-wrap .daily-program {
  padding: 60px 0 0 0 !important
}

.board-wrap .board-view.daily-pr .board-section {
  padding: 40px 9.41% 60px !important;
  border: 0
}

.board-wrap .board-view.daily-pr .board-section .korailTour-overview {
  padding: 0;
  border: 0
}

.toure-3day,
.busanTour,
.destinations-seoul {
  max-width: 950px;
  margin: 0 auto
}

.daily-program {
  border-top: 1px solid #333;
  margin-top: 40px;
}

.daily-program>h1 {
  border: 2px solid #26ae6a;
  color: #26ae6a;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  line-height: 120px;
  margin: 0 auto 60px;
  text-align: center;
  font-size: 1.667em;
}

.daily-program .course-box {
  margin-bottom: 60px;
}

.daily-program .course-box>ul {
  overflow: hidden;
  border-top: 1px solid #d1d1d1;
}

.daily-program .course-box>ul>li {
  display: table;
  width: 100%;
}

.daily-program .course-box>ul>li>p {
  display: table-cell;
  width: 25%;
  padding: 15px 15px 12px;
  background: #fbfbfb url('/public/asis/img/board/korail_course_bg.gif') 93% center no-repeat;
  background-size: 10px;
  border-right: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
}

.daily-program .course-box>ul>li>p:first-child {
  border-left: 1px solid #d1d1d1;
}

.daily-program .course-box>ul>li>p>i {
  float: left;
  vertical-align: top;
  font-weight: bold;
  background: url('/public/asis/img/board/korail_course_icon.png') no-repeat;
  padding-top: 7px;
  height: 26px;
  width: 25px;
  font-size: 0.750em;
  text-align: center;
  color: #333;
  letter-spacing: -1px;
}

.daily-program .course-box>ul>li>p.nobg {
  background: none;
  border: none;
}

.daily-program .course-box>ul>li>p>strong {
  display: block;
  font-size: 0.917em;
  color: #333;
  margin-bottom: 8px;
  padding: 0 7px 0 30px;
}

.daily-program .course-box>ul>li>p>span {
  display: block;
  font-size: 0.917em;
  color: #666;
  line-height: 1.4;
  padding: 0 7px 0 30px;
  letter-spacing: -1px;
}

.daily-program .course-box>ul.no-bd {
  border-top: none;
}

.daily-program .course-box>ul.no-bd>li:first-child>p {
  border-top: 1px solid #d1d1d1;
}

.daily-program .course-box>ul.no-bd>li:first-child>p.nobg {
  border-top: none;
}

.daily-program .post-title>span {
  font-weight: normal;
}

.daily-program>p {
  line-height: 1.7;
}

.daily-program .paragraph {
  margin-bottom: 40px;
}

.daily-program .box-gray {
  margin: 40px 0 50px;
}

.daily-program .box-gray>p,
.daily-program .box-gray>.dash-list li {
  font-size: 0.917em;
  line-height: 1.4;
}

.daily-program .box-gray .paragraph {
  margin: 0
}

.daily-program>li {
  margin-left: 4px;
  margin-bottom: 4px;
}

.daily-program .img-full {
  margin-bottom: 3px;
}

.daily-program .img-view {
  margin-bottom: 30px;
}

.daily-program.moreinfo {
  border-top: 1px solid #eaeaeb;
  border-bottom: 1px solid #eaeaeb;
  padding: 55px 45px;
  margin-bottom: 20px;
}

.daily-program.moreinfo ul {}

.daily-program.moreinfo ul li {
  margin-top: 15px;
  line-height: 1.5;
}

/* Trendy trip through downtown Seoul - 12/18 by.aram */
.destinations-seoul {}

.destinations-seoul .img-map {
  margin-bottom: 40px;
}

.destinations-seoul .paragraph {
  margin-top: 20px;
  line-height: 1.6;
}

.destinations-seoul .more-info {
  padding: 15px 0;
  border-top: 1px solid #eaeaeb;
  border-bottom: 1px solid #eaeaeb;
}

.destinations-seoul .page-information {
  margin-top: 40px;
  line-height: 1.5;
}

.destinations-seoul .box-gray.box-gray-noTitle p {
  margin-top: 13px;
}

.destinations-seoul .box-gray.box-gray-noTitle p:first-child {
  margin-top: 0px;
}

.destinations-seoul .box-gray.box-gray-noTitle p strong {
  color: #333;
}

/* 151218 서울 1박2일 추가 */
.daily-program .box-gray>p.b-space {
  margin-bottom: 20px
}

/* 부산 1박 2일 코스 */
.busanTour {}

.busanTour .img-map {
  margin-bottom: 30px;
}

.moreinfo {
  border-top: 1px solid #eaeaeb;
  border-bottom: 1px solid #eaeaeb;
  padding: 55px 45px;
  margin-bottom: 20px;
}

.moreinfo ul {
  margin-bottom: 20px;
}

.moreinfo ul li {
  margin-top: 15px;
  line-height: 1.5;
}

.page-information {
  margin-top: 40px;
  line-height: 1.5;
}

.page-information+.page-information {
  margin-top: 10px;
}

/* gallery-list VOD  썸네일 목록형 리스트 */
.gallery-list {
  border-top: 2px solid #eee;
  padding: 40px 0
}

.gallery-list>ul::after {
  display: block;
  content: '';
  height: 0;
  line-height: 0;
  clear: both;
}

.gallery-list>ul>li {
  width: 31.66%;
  margin-left: 2.5%;
  float: left;
  margin-top: 60px;
  cursor: pointer;
}

.gallery-list>ul>li:nth-child(1),
.gallery-list>ul>li:nth-child(2),
.gallery-list>ul>li:nth-child(3) {
  margin-top: 0;
}

.gallery-list>ul>li:nth-child(3n+1) {
  margin-left: 0;
}

.gallery-list>ul>li.nodata {
  width: 100%;
  text-align: center;
  padding: 10px 0;
  margin-left: 0;
}

.gallery-list>ul>li.no-space {
  margin-left: 0;
}

.gallery-list>ul>li>h3 {
  font-size: 22px;
  line-height: 1.25;
  letter-spacing: -1px;
  color: #333;
  margin-bottom: 20px;
  height: 55px;
}

.gallery-list>ul>li>.title:hover {
  text-decoration: underline;
}

.gallery-list>ul>li>.thumnails {
  margin-bottom: 25px;
  position: relative;
  line-height: 0
}

.gallery-list>ul>li>.thumnails>img {
  width: 100%;
  height: 250px;
  position: relative;
  z-index: 1;
}

.gallery-list ul.vod>li>.thumnails>.bg {
  font-size: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0px;
  top: 0px;
  background-image: url(/public/asis/contents/aboutkorea/btn_vod_play.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.4);
}

.gallery-list ul>li>.running-time {
  display: block;
  color: #666;
  font-size: 14px;
  line-height: 1.4;
}

/* gallery-list VOD  썸네일 목록형 리스트 */
.gallery-list2 {
  border-top: 2px solid #eee;
  padding: 40px 0
}

.gallery-list2>ul::after {
  display: block;
  content: '';
  height: 0;
  line-height: 0;
  clear: both;
}

.gallery-list2>ul>li {
  width: 31.66%;
  margin-left: 2.5%;
  float: left;
  margin-top: 60px;
}

.gallery-list2>ul>li:nth-child(1),
.gallery-list2>ul>li:nth-child(2),
.gallery-list2>ul>li:nth-child(3) {
  margin-top: 0;
}

.gallery-list2>ul>li:nth-child(3n+1) {
  margin-left: 0;
}

.gallery-list2>ul>li.nodata {
  width: 100%;
  text-align: center;
  padding: 10px 0;
  margin-left: 0;
}

.gallery-list2>ul>li.no-space {
  margin-left: 0;
}

.gallery-list2>ul>li>h3 {
  font-size: 22px;
  line-height: 1.25;
  letter-spacing: -1px;
  color: #333;
  margin-bottom: 20px;
  height: 55px;
}

.gallery-list2>ul>li>.thumnails {
  margin-bottom: 25px;
  position: relative;
  line-height: 0
}

.gallery-list2>ul>li>.thumnails iframe {
  width: 100%;
}

.gallery-list2 ul.vod>li>.thumnails>.bg {
  font-size: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0px;
  top: 0px;
  background-image: url(/public/asis/contents/aboutkorea/btn_vod_play.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.4);
}

.gallery-list2 ul>li>.running-time {
  display: block;
  color: #666;
  font-size: 14px;
  line-height: 1.4;
}

/*blog-view : cooking*/
.board-view .cooking-view {
  overflow: hidden;
}

.board-view .cooking-view .thumnail {
  float: left;
  width: 365px;
  margin: 0 35px 25px 0
}

.board-view .cooking-view .thumnail img {
  width: 100%;
  text-align: left
}

.board-view .cooking-view p {
  margin-bottom: 30px;
}

.board-view .cooking-view p span {
  font-size: 14px;
}

.board-view .cooking-view strong {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.02em;
  color: #333;
  display: block;
  margin-bottom: 25px;
}

.board-view .cooking-view strong::before {
  content: '';
  margin-right: 0;
}

.board-view .cooking-view .making-img {
  display: inline-block;
  vertical-align: top;
  width: 32%;
  margin-left: 1.1%;
}

.board-view .cooking-view .making-img.first {
  clear: both;
  margin-left: 0;
}

.board-view .cooking-view .making-img img {
  width: 100%
}

.board-view .cooking-view .making-img span {
  display: block;
  margin-top: 10px;
}

.board-view .cooking-view.area-space {
  margin-top: 20px;
  padding-top: 30px;
  border-top: 1px solid #eee
}


/*map*/
.map-area {
  float: right;
  border: 1px solid #e0e0e0;
  background: #fff;
  width: 300px;
}

.map-area.area-space {
  margin-top: 40px;
}

.map-image {
  padding: 25px 0;
}

.map-image>ul {
  width: 262px;
  height: 394px;
  text-align: center;
  margin: 0 auto;
  overflow: visible;
}

.map-image>ul>li {
  display: none;
  position: relative;
}

.map-image>ul>li.show {
  display: block;
}

.map-image>ul>li.over {
  display: block;
}

.map-image>ul>li.hide {
  display: none;
}

.map-image>ul>li>.pin {
  position: absolute;
  top: 0;
  left: 0;
  background: url('/public/asis/img/map/icon_location.png') no-repeat;
  width: 18px;
  height: 28px;
}

.map-image>ul>li.seoul>.pin {
  top: 62px;
  left: 70px;
}

.map-image>ul>li.inchun>.pin {
  top: 52px;
  left: 34px;
}

.map-image>ul>li.gyunggi>.pin {
  top: 86px;
  left: 80px;
}

.map-image>ul>li.gangwon>.pin {
  top: 38px;
  left: 142px;
}

.map-image>ul>li.ulsan>.pin {
  top: 210px;
  left: 192px;
}

.map-image>ul>li.busan>.pin {
  top: 238px;
  left: 177px;
}

.map-image>ul>li.jeju>.pin {
  top: 340px;
  left: 44px;
}

.map-image>ul>li.gwangju>.pin {
  top: 237px;
  left: 60px;
}

.map-image>ul>li.jeollabuk>.pin {
  top: 196px;
  left: 79px;
}

.map-image>ul>li.jeollanam>.pin {
  top: 268px;
  left: 59px;
}

.map-image>ul>li.daegu>.pin {
  top: 186px;
  left: 149px;
}

.map-image>ul>li.chungcheongbuk>.pin {
  top: 104px;
  left: 115px;
}

.map-image>ul>li.chungcheongnam>.pin {
  top: 117px;
  left: 41px;
}

.map-image>ul>li.daejun>.pin {
  top: 139px;
  left: 82px;
}

.map-image>ul>li.gyeongsangbuk>.pin {
  top: 140px;
  left: 160px;
}

.map-image>ul>li.gyeongsangnam>.pin {
  top: 219px;
  left: 136px;
}

.map-image>ul>li.sejongl>.pin {
  top: 125px;
  left: 76px;
}

.map-select {
  padding: 0 30px;
}

.map-select>select {
  width: 100%;
  height: 22px;
}

.map-select>select+select {
  margin-top: 10px;
}

.shopping-select {
  padding: 20px 30px;
}

.shopping-select>h3 {
  color: #000;
  font-size: 1.167em;
  margin-bottom: 15px;
}

.shopping-select>select {
  width: 100%;
  height: 22px;
}

.board-section.map {
  margin-right: 350px;
}

.board-section.map>.board-counter {
  margin-top: 20px;
}

.board-section.map>.blog-list {
  overflow: hidden
}

.board-section.map>.blog-list>ul>li {
  padding: 30px 0;
  min-height: 72px;
}

.board-section.map>.blog-list>ul>li.nodata {
  min-height: auto;
}

.board-section.map>.blog-list>ul>li>.thumnails {
  width: 220px;
  line-height: 0
}

.board-section.map>.blog-list>ul>li>.thumnails>img {
  width: 180px;
  height: 120px;
}

.board-section.map>.blog-list>ul>li>.type>li {
  font-size: 14px;
  line-height: 1.4;
  color: #333;
  margin-bottom: 10px;
  overflow: hidden;
}

.board-section.map>.blog-list>ul>li>.type>li:last-child {
  margin-bottom: 0
}

.board-section.map>.blog-list>ul>li>.type>li span {
  display: inline-block;
  float: left;
  width: 80px;
  color: #aaa
}

.board-section.map>.blog-list>ul>li>h3 {
  font-size: 1.083em;
  letter-spacing: -0.025em;
  line-height: 1.4;
  margin-bottom: 30px;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
  overflow: hidden;
}

.board-section.map .paging>p {
  margin: 0 15px
}

.board-section.map .paging>a.page-btn.prev {
  margin-right: 0 !important
}

.board-section.map .paging>a.page-btn.next {
  margin-left: 0 !important
}

.filter-area {
  padding: 30px;
  position: relative;
}

.filter-area>h3 {
  color: #000;
  font-size: 0.941em;
  margin-bottom: 10px
}

.filter-area .remove-filter {
  font-size: 0.765em;
  text-decoration: underline;
  color: #26ae6a;
  position: absolute;
  top: 32px;
  right: 30px;
}

.filter-area .remove-filter.othr {
  position: relative;
  top: 0;
  right: 0;
}

.filter-area ul {
  margin-bottom: 40px;
}

.filter-area .filter-button {
  font-size: 15px;
  font-family: Arial, sans-serif !important;
  font-weight: bold;
  width: 100%;
  height: 50px;
  line-height: 37px;
  box-sizing: border-box;
  background: #26ae6a;
  border-radius: 2px;
  border: 1px solid #26ae6a;
  color: #fff;
  /* text-transform:uppercase; */
}

.filter-area .board-search {
  display: none;
  background: none;
  padding: 0;
  border: none;
  margin-bottom: 10px;
}

.filter-area ul li.kqchk {
  float: none;
  clear: both;
  padding-top: 20px;
  width: 100%
}

.filter-area ul li.kqchk .chk-box {
  border-top: 1px dashed #d4d4d4;
  width: 100%
}


/*report-error*/
.report-error {
  position: relative;
  padding: 40px;
  border: 1px solid #d4d4d4;
  margin: 50px 0 0;
}

.report-error>.text-guide {
  line-height: 1.4;
  padding-right: 220px;
  min-height: 45px;
}

.report-error .button-toggle {
  position: absolute;
  top: 40px;
  right: 40px;
  font-size: 15px;
  font-weight: 900;
  height: 50px;
  line-height: 37px;
  padding: 0 25px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #bbb;
  color: #333;
  /* text-transform:uppercase; */
}

.report-error .button-toggle span {
  display: inline-block;
  font-family: "Arial", sans-serif !important;
}

.report-error .button-toggle span::after {
  content: '';
  background: url(/public/asis/img/board/bread_arrow_down.png) no-repeat right center;
  background-size: 10px;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-left: 15px;
}

.report-error .button-toggle.hide {
  border: 1px solid #26ae6a;
  color: #26ae6a;
}

.report-error .button-toggle.hide span::after {
  content: '';
  background: url(/public/asis/img/board/page_view_up_arow_on.png) no-repeat right center;
  background-size: 10px;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-left: 15px;
}

.report-error .detail {
  padding: 30px 0;
}

.report-error .input-box>dl:nth-child(1) dt {
  margin-top: 0;
}

.report-error .input-box>dl:nth-child(2) {
  width: 49%;
  margin-right: 1%;
  display: inline-block
}

.report-error .input-box>dl:nth-child(3) {
  width: 49%;
  display: inline-block
}

.report-error .input-box>dl:last-child {
  margin-bottom: 50px;
}

.report-error .input-box>dl>dt {
  font-size: 15px;
  font-weight: 600;
  color: #333;
  margin-top: 20px
}

.report-error .input-box>dl>dd {
  font-size: 14px;
  font-weight: 100;
  color: #333;
  margin-top: 20px;
}

.report-error .input-box {
  margin: 20px 0;
}

.report-error .input-box dl>dt {
  width: 20%;
}

.report-error .input-box dl>dt.left {
  border-left: none;
}

.report-error .input-box dl>dd {
  width: 100%;
}

.report-error .input-box dl>dd .file-textbox {
  width: 75%;
  margin-right: 1%
}

.report-error .input-box dl>dd.width-full {
  width: 100%;
}

.report-error .input-box input[type=text],
.report-error .input-box textarea {
  font-size: 14px;
  font-family: Arial, sans-serif !important;
  font-weight: bold;
  padding: 18px 45px 18px 20px;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #aaa;
  color: #aaa;
  border-radius: 2px;
}

.report-error .input-box textarea {
  height: 80px;
}

.report-error .input-box .text-center {
  text-align: center;
}

.report-error .more-info {
  text-align: left;
  margin-bottom: 40px;
  padding: 20px 0;
  border-top: 1px solid #eee
}

.report-error .more-info>a {
  text-decoration: underline;
  color: #fff;
  vertical-align: top
}

.report-error .more-info>a span {
  vertical-align: top
}

.report-error .button-send {
  display: block;
  font-size: 15px;
  font-family: Arial, sans-serif !important;
  font-weight: 900;
  width: 21%;
  height: 50px;
  line-height: 37px;
  box-sizing: border-box;
  background: #26ae6a;
  border-radius: 2px;
  border: 1px solid #26ae6a;
  color: #fff !important;
  /* text-transform:uppercase; */
  margin: auto
}

.report-error>dl:first-child {
  margin-top: 0;
}

.report-error .input-box dl>dd .size01 {
  width: 100%;
  margin-right: 0
}

.report-error .input-box dl>dd .size02 {
  width: 100%;
  margin-right: 0
}

.report-error .input-box dl>dd .size03 {
  width: 100%;
  margin-right: 0
}

.report-error .input-box dl>dd .nick-area {
  width: 100%;
  margin-right: 0;
  margin-bottom: 10px
}

.report-error .input-box dl>dd .nick-btn {
  width: 85%;
  margin-right: 0;
}

.report-error .chk-raio-layout>li:first-child {
  margin-left: 0
}

.report-error .chk-raio-layout>li {
  margin-left: 0;
  display: block
}

.nick-quest {
  display: inline-block;
  line-height: 50px;
  vertical-align: middle;
  margin-left: 10px;
}

.file-textbox {
  margin-bottom: 10px;
}

.board-write.qna .chk-raio-layout>li.chk-box {
  padding-top: 10px !important
}

.board-write.qna .chk-raio-layout>li.chk-box:first-child {
  padding-top: 0 !important
}

.tab-menu.inner .tab-content table {
  width: 100%;
  max-width: 100%;
}

.tab-menu.inner .tab-content table tr td {
  font-size: 14px;
}

.tab-menu.inner .tab-content table tr td img {
  width: auto !important
}

.hangeu118_wrap h3 {
  padding: 0 !important
}

.hangeu118_wrap .caption {
  line-height: 19px !important
}

#CDSWIDSSP .widSSPData .widSSPBranding dt {
  height: 36px !important
}

@media screen and (max-width: 1460px) {

  #contents .ksearch.board-wrap.search-box {
    margin: 4.79vw auto -4.79vw auto;
  }

  /*GG 2.25*/
  #sub-container #contents form+.board-allSer {
    margin-top: 4.79vw
  }

}

@media screen and (max-width:1279px) {

  #sub-container .page-wrap>.board-section .top-text {
    margin-bottom: 40px;
  }

  .page-form {
    margin: 0 auto 4vw auto
  }

  .board-list>table>tbody td:first-child {
    padding-left: 0.5vw
  }

  .board-list>table>tbody td:last-child {
    padding-right: 0.5vw
  }

  .board-list>table>tbody td:nth-child(3) {
    padding-left: 1vw
  }

  /*bbs : qna-list*/

  .qna-list>table>tbody td .cate {
    max-width: 30%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .qna-list>table>tbody td .subj {
    max-width: 70%;
  }

  .qna-list .qna-info-box {
    float: none;
    margin-top: 20px;
  }

  .qna-list .qna-info-box>li {
    text-align: left;
    padding: 0 20px 0 0;
    word-break: keep-all;
    word-break: break-all
  }

  .qna-list .qna-info-box>li:first-child {
    padding-left: 0;
  }

  .qna-list .qna-info-box>li:nth-child(1) {
    width: auto
  }

  .qna-list .qna-info-box>li:nth-child(2) {
    width: auto
  }

  .qna-list .qna-info-box>li:nth-child(3) {
    width: auto
  }

  .qna-list .qna-info-box>li:nth-child(4) {
    width: auto
  }

  .qna-list .qna-info-box>li:nth-child(5) {
    width: auto;
    text-align: left;
  }

  .qna-list .qna-info-box>li {
    margin-left: 2vw;
  }

  .qna-list>table>tbody td .cate {
    margin-right: 1vw
  }

  .qna-list.evnt .qna-info-box>li {
    text-align: left;
    padding: 0 30px 0 0;
  }

  .qna-list.evnt .qna-info-box>li:nth-child(1) {
    width: auto
  }

  .qna-list.evnt .qna-info-box>li:nth-child(2) {
    width: auto
  }

  .qna-list.evnt .qna-info-box>li:nth-child(3) {
    width: auto;
    text-align: left;
    padding: 0 30px 0 0;
  }


  .button-page.prev {
    left: -5px;
  }

  .button-page.next {
    right: -5px;
  }

  .korailTour-list>ul>li>.thumnails>img {
    width: 100%;
    height: 20vw;
  }

  .gallery-list>ul>li>.thumnails>img {
    width: 100%;
    height: 20vw;
  }


  /* shop search */
  .board-section.map {
    margin-right: 330px;
  }

  .board-section.map .paging>p {
    display: inline-block;
    margin: 0 0.8vw
  }

  .board-section.map .paging {
    height: 3vw;
    margin-top: 4vw
  }

  .board-section.map .paging a,
  .board-section.map .paging span {
    height: 3.5vw;
    width: 3.5vw;
    line-height: 3.5vw;
  }

  .board-section.map .paging a.page-now {
    color: #fff;
  }

  .board-section.map .paging>a {
    width: 3.5vw;
    height: 3.5vw
  }

  .board-section.map .paging>a>i {
    width: 3.5vw;
    height: 3.5vw;
  }

  /* promotion list */
  .thumnail-list {}

  .thumnail-list>ul>li {
    margin-left: 2.98%;
    padding-top: 3vw;
    width: 48.5%
  }

  .thumnail-list>ul>li:nth-child(2n+1) {
    margin-left: 0
  }

  .thumnail-list>ul>li:hover,
  .thumnail-list>ul>li:focus {
    cursor: pointer;
  }

  .thumnail-list>ul>li.nodata {
    text-align: center;
    float: none;
    clear: both;
    width: 100%
  }

  .thumnail-list>ul>li.nodata p {
    padding: 110px 0;
  }

  .thumnail-list>ul>li .thumnails {
    margin-bottom: 3vw
  }

  .thumnail-list>ul>li .thumnails>img {
    width: 100%;
    height: 20vw;
  }

  .thumnail-list>ul>li h3 {
    font-size: 22px;
    letter-spacing: -0.025em;
    color: #333;
    margin-bottom: 2vw;
    font-weight: bold
  }

  .thumnail-list>ul>li h3:hover {
    text-decoration: underline
  }

  .thumnail-list>ul>li .date-info {
    display: block;
    color: #555;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 2vw;
    word-wrap: break-word;
  }

  /* card-list*/
  .card-list {
    padding-top: 3.4vw;
  }

  .card-list>ul>li {
    width: 32.6%;
    margin-left: 0.8vw;
    min-height: auto;
    margin-bottom: 2.5vw
  }

  .card-list>ul>li .thumnails>img {
    width: 100%;
    height: 19vw
  }

  .card-list>ul>li .data-box {
    padding: 2.2vw;
    min-height: 10vw
  }

  .card-list.c-news>ul>li .data-box {
    min-height: 8vw
  }

  .card-list>ul>li .data-box .tag-icon>strong {
    margin-right: -5px;
  }

  .card-list>ul>li .data-box .tag-icon {
    margin-bottom: 2vw;
  }

  .card-list>ul>li .data-box>h3 {
    font-size: 1.5vw;
    font-family: Arial, Gadget, sans-serif;
    line-height: 1.2;
    color: #333;
    margin-bottom: 1.2vw;
    height: 3.7vw
  }

  .card-list>ul>li .data-box .text {
    display: block;
    color: #555;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 1.5vw;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 42px;
  }

  .card-list>ul>li .data-box .info-box>li {
    font-size: 13px;
  }

  .card-list>ul>li .data-box .info-box>li:nth-child(1) {
    padding-right: 1.2vw
  }

  .card-list>ul>li:nth-child(3n+1) {
    margin-left: 0;
  }

  .card-list>ul>li .data-box .type {
    min-height: 165px;
  }

  /* (2020.12.11) 좋아요를 링크에서 분리하는 작업 수정 */
  .card-list>ul>li .like_Wrap {
    height: 19vw;
  }

  .card-list.search-page>ul>li {
    width: 32.2%;
    margin-left: 1vw;
    float: left;
    margin-bottom: 2vw;
    overflow: hidden;
    border: 0
  }

  .card-list.search-page>ul>li:hover {
    border: 0;
    box-shadow: none;
  }

  .card-list.search-page>ul>li .thumnails>img {
    width: 100%;
    height: 14vw
  }

  .card-list.search-page>ul>li .thumnails .like-it {
    bottom: 1vw;
    right: 1vw
  }

  .card-list.search-page>ul>li .data-box {
    padding: 1.4vw 0 0 0;
    border: 0;
    border-top: 0;
    min-height: 140px
  }

  .card-list.search-page>ul>li .data-box>h3 {
    font-size: 1.3vw;
    height: 3.7vw
  }

  .card-list.search-page>ul>li:nth-child(3n+1) {
    margin-left: 0;
  }

  .card-list.search-page>ul>li .type>li {
    font-size: 1.1vw;
    line-height: 1.4;
    color: #333;
    margin-bottom: 0.5vw;
    overflow: hidden;
  }

  .card-list.search-page>ul>li .type>li:last-child {
    margin-bottom: 0
  }

  .card-list.search-page>ul>li .type>li span {
    display: inline-block;
    float: left;
    width: 4.1vw;
    color: #aaa
  }

  .card-list.search-page>ul>li .data-box .type {
    min-height: auto;
  }

  .card-list.search-page+paging {
    margin-top: 10px !important;
  }

  /* (2020.12.18) 좋아요분리 */
  .card-list.search-page>ul>li .like_Wrap {
    height: 14vw
  }

  /*blog-view : cooking*/
  .board-view .cooking-view .thumnail {
    float: left;
    width: 31vw;
    margin: 0 25px 25px 0
  }

  .board-view .cooking-view .thumnail img {
    width: 100%;
    text-align: left
  }

  /* korailTour-list */
  .korailTour-list>ul>li>h3 {
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: -0.03em;
    color: #333;
    margin-bottom: 15px;
    height: 55px;
  }

  .korailTour-list>ul>li>.text {
    font-size: 15px;
  }

  /* mypage-list  : blog */
  .blog-list.my-page-list>ul>li .thumnails>img {
    width: 90%;
    height: auto
  }

  .blog-list.my-page-list>ul>li .cate-tit {
    float: left;
    font-size: 14px;
    color: #26ae6a;
    font-weight: 600;
    margin-bottom: 1vw;
  }

  .blog-list.my-page-list>ul>li h3 {
    float: left;
    font-size: 1.8vw;
    margin-bottom: 2vw;
    height: 5vw;
  }

  .blog-list.my-page-list>ul>li .btn-box {
    width: 10%;
    min-width: 100px;
    margin-left: 5%;
    top: 5.3vw
  }

  .blog-list.my-page-list>ul>li .not-found {
    padding: 14vw 15px;
  }

  /* daily-program : layout*/

  .korailTour-overview {
    padding: 4.7vw 4.3vw 0 4.3vw
  }

  .board-wrap .post-section.daily-program {
    padding: 4.7vw 0 0 0 !important
  }

  .board-wrap .board-view.daily-pr .board-section {
    padding: 4.7vw 4.3vw 0 4.3vw !important;
  }

  /* search ebook */
  .board-allSer>ul.search-list.ebook>li {
    float: none;
    padding: 0;
    margin-top: 38px;
    margin-left: 2.44%;
    width: 23.1%
  }

  .board-allSer>ul.search-list.ebook>li .thumnails {
    height: 29.88vw;
  }

  .board-allSer>ul.search-list.ebook>li h3 {
    font-size: 1.3vw;
    padding: 1.3vw 0;
  }

}

@media screen and (max-width:1024px) {

  /*tool-tip*/
  .tooltip02 {
    position: relative;
    display: inline-block;
  }

  .tooltip02:hover:after {
    background: #fff;
    bottom: -65px;
    color: #333;
    content: attr(data-title);
    left: -480px;
    padding: 0 30px;
    height: 60px;
    line-height: 60px;
    position: absolute;
    z-index: 98;
    min-width: 20px;
    max-width: 700px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 0;
    border-radius: 2px;
    box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.15);
    font-size: 14px;
    font-weight: 600
  }

  .tooltip02:hover:before {
    width: 25px;
    height: 15px;
    background: url(/public/asis/img/board/tooltip_icon_top02.png) no-repeat;
    bottom: -11px;
    content: "";
    left: 0px;
    position: absolute;
    z-index: 99;
  }

  .board-allSer>ul.search-list>li h3 {
    margin-bottom: 15px;
  }

  .board-allSer>ul.search-list>li .text {
    margin-bottom: 15px;
  }

  .board-allSer>ul.search-list>li .info-box>li {
    margin-bottom: 5px;
  }

  .board-allSer>ul.search-list>li .key-word {
    overflow: hidden;
    padding-left: 0;
  }

  .board-qna-view>dl>dt,
  .board-qna-view>dl>dd {
    padding: 2vw 2.5vw;
  }

  .card-list.search-page>ul>li .data-box {
    padding: 1.4vw 0 0 0;
    border: 0;
    border-top: 0;
    min-height: 128px
  }

  /* search ebook */
  .board-allSer>ul.search-list.ebook>li {
    float: none;
    padding: 0;
    margin-top: 38px;
    margin-left: 2.44%;
    width: 31.7%
  }

  .board-allSer>ul.search-list.ebook>li .thumnails {
    height: 39vw;
  }

  .board-allSer>ul.search-list.ebook>li h3 {
    font-size: 1.78vw;
    padding: 1.8vw 0;
  }

  .board-allSer>ul.search-list.ebook>li:nth-child(5n) {
    margin-left: 2.44%;
  }

  .board-allSer>ul.search-list.ebook>li:nth-child(3n+1) {
    margin-left: 0
  }

}

@media screen and (max-width:939px) {

  /* 다른 칼럼 wrap */
  .board-content-other {
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0
  }

  /* 기본 칼럼 wrap */
  .board-content {
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0
  }

  .board-content img {
    width: 100%;
  }

  .board-content>div h2 {}

  .board-content>div>h3 {
    font-size: 1.75rem;
    font-weight: bold;
    letter-spacing: -0.03em;
    margin: 40px 0 20px 0;
    line-height: 2.32rem
  }

  .board-content>div>h4 {
    font-size: 1.25rem;
    font-weight: bold;
    letter-spacing: -0.03em;
    margin: 20px 0;
    line-height: 2rem
  }

  .board-content>div h5 {
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: -0.03em;
    line-height: 1.38rem
  }

  .board-content>div h6 {
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: -0.03em;
    line-height: 1.38rem
  }


  .board-wrap ul.board-side-list>li {
    padding: 20px 35px 20px 0;
    overflow: hidden;
  }

  .board-wrap ul.board-side-list>li>strong {
    color: #333;
    float: none;
    width: auto;
    margin-right: 0;
    margin-bottom: 14px;
    display: block;
    font-weight: bold
  }

  .board-wrap ul.board-side-list>li>strong::before {
    content: '';
    background: none;
    padding-right: 0;
    margin-right: 0;
  }

  .board-wrap ul.board-side-list>li:first-child>strong::before {
    content: '';
    background: none;
    padding-right: 0;
    margin-right: 0;
  }

  .board-wrap ul.board-side-list>li {
    content: '';
    background: url(/public/asis/img/board/page_view_down_arow.png) no-repeat center right;
  }

  .board-wrap ul.board-side-list>li:first-child {
    content: '';
    background: url(/public/asis/img/board/page_view_up_arow.png) no-repeat center right;
  }

  .board-wrap ul.board-side-list>li>span {
    float: none;
    display: none
  }

  .board-wrap ul.board-side-list>li a {
    display: block;
    color: #333;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
  }


  .page-form {
    padding: 20px;
    margin-right: -19px;
    margin-left: -19px;
    margin-bottom: 40px
  }

  .input-box.size02 {
    width: 49%;
    padding-right: 0
  }

  .input-box.size02.modis {
    margin-right: 0;
  }

  .input-box.size03 {
    width: 100%;
    margin-top: 10px;
  }

  .form-wrap .size04 {
    width: 100%;
    margin-top: 10px;
  }

  .form-wrap .size04>.size04 {
    margin-top: 0;
  }

  .form-wrap .size04.mt-not {
    width: 100%;
    margin-top: 10px !important;
  }

  .input-box.size05 {
    width: 100%;
  }

  .form-wrap .no-right {
    margin-right: 0
  }

  .form-wrap .chk-box {
    display: block;
    padding: 0;
    position: absolute;
    bottom: 65px;
  }

  .paging>p {
    display: inline-block;
    margin: 0 1vw
  }

  .paging {
    text-align: center;
    vertical-align: middle;
    height: 42px;
  }

  .paging a,
  .paging span {
    height: 42px;
    width: 42px;
    line-height: 40px;
  }

  .paging .page-btn i {
    width: 42px;
    height: 42px;
  }

  .paging a.page-button i {
    width: 42px;
    height: 42px;
  }

  .paging>a.page-btn.prev {
    margin-right: 1vw
  }

  .paging>a.page-btn.next {
    margin-left: 1vw
  }


  /*daily-program*/
  .daily-program .course-box {
    margin-bottom: 25px;
  }

  .daily-program .course-box>ul>li {
    display: block;
  }

  .daily-program .course-box>ul>li>p {
    display: block;
    width: auto;
    border-left: 1px solid #d1d1d1;
  }

  .daily-program .course-box>ul>li>p.nobg {
    padding: 0;
  }

  .daily-program .course-box>ul.no-bd {
    border-top: 1px solid #d1d1d1;
  }

  .daily-program .course-box>ul.no-bd>li:first-child>p {
    border-top: none;
  }

  .daily-program .img-area>li {
    margin-left: 0;
  }

  .daily-program .box-gray {
    padding: 40px 30px;
  }

  .daily-program h3.post-title {
    line-height: 1.4
  }

  .korailTour-overview {
    padding-top: 40px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .board-wrap .post-section.daily-program {
    padding: 40px 0 0 0 !important
  }

  .board-wrap .board-view.daily-pr .board-section {
    padding: 40px 0 0 0 !important
  }

  .moreinfo {
    padding: 40px 30px;
  }

  /* .gallery-list  */
  .gallery-list>ul>li>.thumnails>img {
    width: 100%;
    height: 25vw;
  }

  .gallery-list>ul>li {
    width: 49%;
    margin-left: 2%;
  }

  .gallery-list>ul>li:nth-child(1),
  .gallery-list>ul>li:nth-child(2) {
    margin-top: 0;
  }

  .gallery-list>ul>li:nth-child(3) {
    margin-top: 60px;
  }

  .gallery-list>ul>li:nth-child(3n+1) {
    margin-left: 2%;
  }

  .gallery-list>ul>li:nth-child(2n+1) {
    margin-left: 0;
  }

  .gallery-list>ul>li .title {
    overflow: hidden
  }

  /* .gallery-list2  */
  .gallery-list2>ul>li>.thumnails iframe {
    width: 100%;
    height: 28vw !important;
  }

  .gallery-list2>ul>li {
    width: 49%;
    margin-left: 2%;
  }

  .gallery-list2>ul>li:nth-child(1),
  .gallery-list2>ul>li:nth-child(2) {
    margin-top: 0;
  }

  .gallery-list2>ul>li:nth-child(3) {
    margin-top: 60px;
  }

  .gallery-list2>ul>li:nth-child(3n+1) {
    margin-left: 2%;
  }

  .gallery-list2>ul>li:nth-child(2n+1) {
    margin-left: 0;
  }

  .gallery-list2>ul>li .title {
    overflow: hidden
  }


  /* bbs  board-list */
  .board-list table .web {
    display: none;
  }

  .board-list>table>colgroup>col:first-child {
    display: block
  }

  .board-list>table>colgroup>col+col {
    width: 100%
  }

  .board-list>table>tbody td:first-child {
    display: block
  }

  .board-list>table>tbody td {
    line-height: 1.5;
    padding: 25px 10px
  }

  .board-list>table .info-box {
    display: block;
    margin-top: 20px;
  }

  .board-list>table .info-box>li:first-child {
    padding-left: 0
  }

  .board-list>table .info-box>li {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    padding-left: 40px;
  }

  .board-list>table .info-box>li>strong {
    color: #aaa;
    margin-right: 13px;
    font-weight: normal
  }

  /*bbs : qna-list*/
  .board-list.qna-list>table>tbody td:first-child {
    display: block
  }

  .qna-list>table>tbody td .cate {
    margin-right: 1vw
  }

  .qna-list>table>tbody td .subj {
    width: auto
  }

  .qna-list .qna-info-box>li.dates strong {
    margin-right: 1vw;
  }

  .board-write {
    padding: 4vw 3vw;
  }

  .board-write.qna .chk-raio-layout>li {
    margin-left: 2vw
  }

  .board-write.qna+.board-button-area .board-btn.reigt {
    display: inline-block
  }

  .board-allSer>ul.search-list>li h3 {
    margin-bottom: 0;
    line-height: 1.3
  }

  .board-allSer>ul.search-list>li {
    line-height: 1.3
  }

  .board-allSer>ul.search-list>li .text {
    margin-bottom: 10px
  }

  .board-allSer>ul.search-list>li .info-box li {
    margin-bottom: 5px;
    display: block;
  }

  .board-allSer>ul.search-list>li .info-box>li:nth-child(1) {
    padding-right: 0
  }


  /*  modal-pop  my list */
  .modal-pop {
    left: 0;
    top: 0;
    width: 100%;
    display: none
  }

  .modal-pop.qna-pop01 .popCont-area {}

  .modal-pop.qna-pop02 {}

  .modal-pop.qna-pop02 .popCont-area {
    overflow-y: auto;
  }

  .modal-pop .popCont-area {
    padding: 0 20px 0 20px;
    background: #fff;
    box-shadow: 3px 15px 25px 2px rgba(0, 0, 0, 0.2);
    margin: 0 auto
  }

  .modal-pop .popCont-area .green-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0
  }

  .modal-pop .big-tit {
    line-height: 1.2em;
    padding: 20px 20px 15px 20px;
  }

  .modal-pop .popCont-area .input-info {
    padding: 20px 0;
  }

  .modal-pop .popCont-area dl.input-info>dd.txt-by {
    top: 20px;
    right: 0;
  }

  .modal-pop .popCont-area dl.input-info>dd.txt-by strong {
    font-weight: 900
  }

  .modal-pop .popCont-area dl.input-info>dd>.nick-area {
    width: 100% !important;
    margin-right: 1.5%
  }

  .modal-pop .popCont-area dl.input-info>dd>.nick-btn {
    width: 100% !important;
    margin-right: 0
  }

  .modal-pop .popCont-area dl.input-info>dd>.nick-ok {
    display: block;
    color: #1e75d6;
    font-size: 14px;
    margin-top: 15px
  }

  .modal-pop .popCont-area dl.input-info>dd>.nick-no {
    display: block;
    color: #ff3f3f;
    font-size: 14px;
    margin-top: 15px
  }

  .modal-pop .popCont-area ul.note-list {
    padding: 25px 0;
  }

  .modal-pop .popCont-area ul.note-list li::before {
    content: '·';
    width: 5px;
    padding: 0 5px 5px 0;
    display: block;
    float: left
  }

  .modal-pop .popCont-area ul.note-list li {
    font-size: 13px;
    line-height: 1.8;
    overflow: hidden;
  }

  .modal-pop .popCont-area .green-btn.gray {
    width: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #bbb;
    border-color: #bbb
  }

  .modal-pop .popCont-area .green-btn {
    width: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 0
  }


  /* shop search */
  .map-area {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }

  .board-section.map {
    margin-top: 30px;
    margin-right: 0px;
  }

  .board-section.map>.board-counter {
    margin-top: 0px;
  }

  .board-section.map>.board-search {
    display: none;
    margin-bottom: 20px;
  }

  .map-select {
    padding: 0 20px;
  }

  .filter-area {}

  .filter-area {
    padding: 30px 20px 20px 20px;
  }

  .filter-area ul {}

  .filter-area ul>li {
    float: left;
    width: 50%
  }

  .filter-area .filter-button {
    clear: both;
    margin-top: 20px
  }

  .board-section.map .paging>p {
    margin: 0 6vw
  }

  /* card-list*/
  .card-list {
    padding-top: 3.4vw;
  }

  .card-list>ul>li {
    width: 49%;
    margin-left: 1vw;
    min-height: auto
  }

  .card-list>ul>li .thumnails>img {
    width: 100%;
    height: 26vw
  }

  .card-list>ul>li .data-box {
    padding: 3.6vw;
  }

  .card-list>ul>li .data-box .tag-icon>strong {
    margin-right: -5px;
  }

  .card-list>ul>li .data-box .tag-icon {
    margin-bottom: 2vw;
  }

  .card-list>ul>li .data-box h3 {
    font-size: 2.1vw;
    line-height: 1.2;
    letter-spacing: -0.025em;
    color: #333;
    margin-bottom: 1.5vw;
    height: 5vw
  }

  .card-list>ul>li .data-box .text {
    display: block;
    color: #555;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 1.5vw;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 42px;
  }

  .card-list>ul>li .data-box .info-box>li {
    font-size: 13px;
  }

  .card-list>ul>li .data-box .info-box>li:nth-child(1) {
    padding-right: 1.2vw
  }

  .card-list>ul>li:nth-child(2n+1) {
    margin-left: 0;
  }

  .card-list>ul>li:nth-child(2n+2) {
    margin-left: 1vw;
  }


  .card-list.search-page>ul>li {
    width: 48%;
    margin-left: 3%;
  }

  .card-list.search-page>ul>li:hover {
    border: 0;
    box-shadow: none;
  }

  .card-list.search-page>ul>li .thumnails>img {
    width: 100%;
    height: 26vw
  }

  .card-list.search-page>ul>li .data-box {
    min-height: 18vw
  }

  .card-list.search-page>ul>li .data-box>h3 {
    font-size: 18px;
    line-height: 1.4;
    height: 48px;
    margin-bottom: 20px;
  }

  .card-list.search-page>ul>li:nth-child(2n+1) {
    margin-left: 0;
  }

  .card-list.search-page>ul>li:nth-child(2n+2) {
    margin-left: 3%;
  }

  .card-list.search-page>ul>li .type>li {
    font-size: 14px;
    line-height: 1.2;
    color: #333;
    margin-bottom: 5px;
    overflow: hidden;
  }

  .card-list.search-page>ul>li .type>li:last-child {
    margin-bottom: 0
  }

  .card-list.search-page>ul>li .type>li span {
    display: inline-block;
    float: left;
    width: 65px;
    color: #aaa
  }

  /* (2020.12.18) 좋아요분리 */
  .card-list>ul>li .like_Wrap,
  .card-list.search-page>ul>li .like_Wrap {
    height: 26vw
  }


  a.text-button {
    background-position: calc(100% - 10px) center;
    padding: 15px 45px 15px 15px;
    text-decoration: none
  }

}


@media screen and (max-width:868px) {
  .search-box .tab-menu.sort.fl-r {
    float: none !important
  }

  .board-allSer .search-counter span {
    margin-left: 5px
  }

  .board-allSer .search-counter span:before {
    padding-left: 5px
  }

  .board-allSer .search-counter h2 {
    margin-top: 30px;
    font-size: 1rem;
  }

  .board-allSer .search-counter .chk-box.none,
  .board-allSer .search-counter .chk-box {
    float: right;
    margin-top: 22px;
    margin-left: 0;
  }

  .search-box .tab-menu.sort:after {
    content: '';
    display: block;
    clear: both
  }

  .search-box .tab-menu.sort {
    overflow: hidden
  }

  .search-box .tab-menu.sort {
    float: none;
  }

  .search-box .tab-menu.sort>li {
    width: 50% !important;
    border-bottom: 2px solid #eaeaeb
  }

  .search-box .tab-menu.sort>li.on {
    width: 50% !important;
    border-bottom: 2px solid #555;
  }

  .search-box .tab-menu.sort>li.on>a {
    color: #222;
    font-weight: bold
  }

  .search-box .tab-menu.sort>li>a {
    padding: 20px 20px;
    text-align: center;
    font-size: 1rem;
    font-weight: 100;
    color: #888;
    min-width: 30px;
  }

  .board-counter>p.bdsns-icon img {
    width: 70%;
    margin-top: 2px
  }
}


@media screen and (max-width:750px) {

  .board-content p,
  .board-content div {
    font-size: 1rem
  }

  .board-view .board-view-title {
    padding: 35px 0 40px;
    position: relative;
  }

  .board-view .board-view-title>h3 {
    font-size: 1.8rem;
    color: #333;
    margin-bottom: 30px;
    width: 100%
  }

  .board-view .board-view-title .info-box>li>.tag-icon {
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .board-view-title .info-box>li,
  .board-view-title .info-box>li:first-child {
    padding-left: 0;
    padding-right: 0;
  }

  .board-view .board-view-title .info-box>li:last-child {
    padding-left: 30px;
  }

  .blog-list>ul>li>h3 {
    font-size: 1.125rem;
    line-height: 1.3
  }

  .blog-list .info-box>li:first-child .tag-icon strong {
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .blog-list .info-box>li:first-child {
    display: block;
    margin-bottom: 20px;
  }

  .blog-list .info-box>li:nth-child(2) {
    padding-left: 0
  }

  .blog-list .info-box>li>strong {
    font-weight: normal
  }

  .blog-list .info-box>li>.tag-icon {
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .db-list .board-view-title>h3 {
    font-size: 1.8rem;
    color: #333;
    margin-bottom: 0;
    width: 100%
  }

  .board-counter p {
    font-size: 0.8125rem
  }

  .board-counter p>.color-point {
    font-size: 0.9375rem
  }

  .board-counter {
    margin-top: 43px;
  }

  .board-counter p:nth-child(2) {
    display: none
  }

  .tab-menu.sort:after {
    content: '';
    display: block;
    clear: both
  }

  .tab-menu.sort {
    overflow: hidden
  }

  .tab-menu.sort {
    float: none;
  }

  .tab-menu.sort>li {
    width: 50% !important;
    border-bottom: 2px solid #eaeaeb
  }

  .tab-menu.sort>li.on {
    width: 50% !important;
    border-bottom: 2px solid #555;
  }

  .tab-menu.sort>li.on>a {
    color: #222;
  }

  .tab-menu.sort>li>a {
    padding: 20px 20px;
    text-align: center;
    font-size: 1rem;
    font-weight: 100;
    color: #888;
    min-width: 30px;
  }

  .tab-menu>li {
    float: left;
  }

  .tab-menu>li>a {
    display: block;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1rem;
    font-weight: bold
  }

  .tab-menu>li:first-child {
    background: url(/public/asis/img/board/page_view_depth_line.png) no-repeat right center;
  }

  .blog-list>ul p.thumnails {
    float: none;
    margin-bottom: 20px;
    width: 100%;
  }

  .blog-list>ul p.thumnails>img {
    width: 100%;
    height: auto;
  }

  .blog-list>ul>li {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-list>ul>li>p.text {
    display: none;
  }


  .board-allSer>ul.search-list>li {
    padding-left: 0;
    padding-right: 0;
  }

  .board-allSer>ul.search-list>li h3 {
    font-size: 1.125rem;
    margin-bottom: 15px;
    line-height: 1.4;
    white-space: normal;
    overflow: visible
  }

  .board-allSer>ul.search-list>li .text {
    display: block;
    color: #555;
    margin-bottom: 20px;
    white-space: normal;
  }

  .board-allSer>ul.search-list>li p.thumnails {
    float: none;
    margin-bottom: 20px;
    width: 100%;
    display: block
  }

  .board-allSer>ul.search-list>li p.thumnails>img {
    width: 100%;
    height: auto;
  }

  .board-allSer>ul.search-list>li .info-box li {
    margin-bottom: 20px;
    display: inline-block;
    white-space: normal;
  }

  .board-allSer>ul.search-list>li .info-box>li:nth-child(1) {
    padding-right: 40px;
  }

  .board-allSer>ul.search-list>li .info-box>li:nth-child(2) {
    padding-left: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .board-allSer>ul.search-list>li .key-word {
    margin-top: 0;
    padding-left: 0
  }


  .blog-list.my-page-list>ul>li>.thumnails {
    float: none;
    margin-bottom: 20px;
    width: 100%;
  }

  .blog-list.my-page-list>ul>li>.thumnails>img {
    width: 100%;
    height: auto
  }

  .blog-list.my-page-list>ul>li>.cate-tit {
    float: none;
    margin-bottom: 20px;
  }

  .blog-list.my-page-list>ul>li>h3 {
    float: none;
    font-size: 1.125rem;
    margin-bottom: 20px;
    width: 100%;
    height: 55px
  }

  .blog-list.my-page-list>ul>li>.info-box {
    float: none;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
  }

  .blog-list.my-page-list>ul>li>.info-box>li:first-child {
    display: inline-block;
    padding-right: 40px
  }

  .blog-list.my-page-list>ul>li>.btn-box {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-width: 100%;
    margin-left: 0;
    top: 0;
    right: 0
  }

  .blog-list.my-page-list>ul>li>.btn-box a {
    width: 48%;
    float: left
  }

  .blog-list.my-page-list>ul>li>.btn-box a+a {
    margin-left: 2%;
    margin-top: 0
  }

  .blog-list.my-page-list>ul>li>.btn-box.mid>a.list-btn {
    width: 100%;
    float: none
  }

  .blog-list.my-page-list>ul>li .not-found {
    padding: 14vw 15px;
    font-size: 0.9375rem;
    line-height: 1.4
  }


  /*bbs : qna-list*/
  .qna-list>table>tbody td .cate {
    width: auto;
    max-width: none
  }

  .qna-list>table>tbody td .subj {
    display: block;
    overflow: hidden;
    width: 85vw;
    max-width: none;
    margin-top: 10px;
  }

  .qna-list .qna-info-box {
    float: none;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
  }

  .qna-list .qna-info-box>li {
    margin-left: 18px;
    margin-top: 5px;
    vertical-align: bottom
  }

  .qna-list .qna-info-box>li:first-child {
    margin-left: 0;
  }

  .qna-list .qna-info-box>li:nth-child(2) {
    margin-left: 0;
  }

  .qna-list .qna-info-box>li:nth-child(4) {
    margin-left: 0;
    clear: both
  }

  .qna-list .qna-info-box>li.review {
    color: #ff3f3f
  }

  .qna-list .qna-info-box>li.file {
    position: absolute;
    bottom: 0;
    right: 2px
  }

  .board-btn.reigt {
    display: none
  }


  .qna-list.evnt>table>tbody td .cate {
    margin-bottom: 5px;
    font-size: 1rem;
  }

  .qna-list.evnt>table>tbody td .subj {
    max-width: 50vw;
    margin-bottom: 10px;
  }

  .qna-list.evnt .qna-info-box>li {
    margin-top: 8px;
  }

  .qna-list.evnt .qna-info-box>li:first-child {
    margin-left: 0;
  }

  .qna-list.evnt .qna-info-box>li:nth-child(2) {
    margin-left: 0;
    clear: both
  }

  .qna-list.evnt .qna-info-box>li.dates strong {
    color: #aaa;
    display: inline-block;
  }

  /* mypage tab */
  .tab-board {
    margin-bottom: 40px;
    display: table;
    width: 100%
  }

  .tab-board>li {
    font-size: 0.875rem;
    float: none;
    display: table-cell;
    vertical-align: middle
  }

  .tab-board>li>a {
    padding: 20px 8px;
    height: auto;
    line-height: 1.2;
  }

  /* paging */
  .mobile a.more-btn {
    display: block;
    text-align: center;
    width: 100% !important;
    height: 50px !important;
    line-height: 50px !important;
    border: 1px solid #aaa;
    border-radius: 2px;
    vertical-align: middle;
    font-size: 0.875rem;
    color: #333;
    font-weight: 900;
    font-family: Arial, sans-serif !important;
    /* text-transform:uppercase; */
  }

  .mobile a.more-btn>span {
    height: 50px !important;
    line-height: 48px !important;
    width: auto;
    font-size: 16px;
    color: #333;
    font-weight: bold;
  }

  .mobile a.more-btn>i {
    text-indent: -10000px;
    box-sizing: border-box;
    vertical-align: middle;
    border: 0;
    display: inline-block;
    width: 0px;
    height: 0px;
    border: 0;
    border-radius: 0
  }

  .mobile a.more-btn:before {
    content: '';
    padding-left: 30px;
    background: url(/public/asis/img/board/icon_page_view_more.png) no-repeat center center;
    background-size: 10px;
  }

  .paging {
    margin-top: 30px
  }

  .paging,
  .paging.clear {
    display: none
  }

  .paging.mobile {
    display: block
  }

  .column-wrap .img-wrap .cap {
    font-size: 0.9375rem;
    line-height: 18px;
    padding: 0 0 10px 0 !important;
    font-weight: normal;
    letter-spacing: -0.02rem
  }

  .column-wrap div.caption {
    font-size: 0.9375rem;
    line-height: 18px;
    padding: 0 0 10px 0 !important;
    font-weight: 100 !important;
    letter-spacing: -0.02rem
  }

  .board-content div.caption {
    font-size: 0.9375rem;
    line-height: 18px;
    text-align: center;
    padding: 0 0 14px 0 !important;
  }

  .board-content div img,
  .board-content p img {
    display: block;
    text-align: center;
    margin: 0 auto;
    max-width: 100% !important;
    width: 100%;
    height: auto !important;
    margin-bottom: 0 !important;
  }

  .board-content img {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 100% !important;
    height: auto !important;
  }

  .board-content-share {
    display: none;
  }

  /*koreaKQ column reset*/
  .content-wrapper div.caption {
    font-size: 0.9375rem !important
  }

  .board-content.event-view .event-enter {
    margin: 30px auto 50px auto;
    width: 100%
  }

  .board-content.event-view .evtn-area {
    padding: 0
  }

  button[type=submit].grline-btn,
  button[type=button].grline-btn,
  .grline-btn {
    width: 100%;
    padding: 0 1vw;
  }

  /*bbs-button*/
  .board-button-area {
    text-align: center;
    width: 100%
  }

  .board-button-area a {
    display: block;
    vertical-align: middle;
  }

  .board-button-area a:hover {
    color: #fff
  }

  .board-button-area.area-space>a.button {
    width: 100%;
    text-align: center;
  }

  /*bbs - contents*/
  .page-content .input-box {
    border-top: 1px solid #414141;
    overflow-x: hidden
  }

  .page-content .input-box dl {
    display: block;
    width: 100%;
  }

  .page-content .input-box dl>dt {
    display: block;
    padding: 10px 0 10px 0;
    text-align: left !important;
    font-size: 0.917em;
    background: #fff;
    font-weight: bold;
    border-bottom: 0;
    width: 100%;
  }

  .page-content .input-box dl>dd {
    display: block;
    padding: 0 0 10px 0;
    text-align: left !important;
    font-size: 0.917em;
  }

  .page-content .input-box dl>dt.left {
    border-left: none;
  }

  .page-content .input-box dl>dt.width20 {
    width: 100%;
  }

  .page-content .input-box dl>dt.width30 {
    width: 100%;
  }

  .page-content .input-box dl>dd.width80 {
    width: 100%;
    vertical-align: middle;
  }

  .page-content .input-box dl>dd.width30 {
    width: 100%;
    vertical-align: middle;
  }

  .page-content .input-box dl>dd.width70 {
    width: 100%;
    vertical-align: middle;
  }

  /*flie Down*/
  .board-view-title+.file-wrap {
    background: #fff;
    padding: 40px 0 20px 0;
    border-bottom: 1px solid #fff;
    position: relative
  }

  .board-view-title+.file-wrap .file {
    display: block;
    padding: 10px 25px 30px 25px;
    border: 1px solid #eee;
    overflow: hidden
  }

  .board-view-title+.file-wrap .file>a {
    min-height: 20px;
    float: none;
    font-size: 0.94rem;
    margin-right: 0;
  }



  .form-wrap .input-box {
    float: none
  }

  .input-box.size01 {
    width: 100%;
    padding-right: 0
  }

  .input-box.size02 {
    width: 100%;
    padding-right: 0
  }

  .input-box.size03 {
    width: 100%;
  }

  .form-wrap .size04 {
    width: 100%;
  }

  .form-wrap .input-box.modis {
    display: none
  }

  .input-dash {
    display: none
  }

  .page-form .chk-box {
    padding-left: 0
  }

  .form-wrap.form-qna .input-box {
    width: 100%;
    margin-right: 0;
  }

  .form-wrap.form-qna .size04 {
    width: 100%;
    margin-top: 0
  }

  /*KORAIL Tourist Trains*/
  .korailTour-list>ul>li {
    float: none;
    margin-left: 0;
    margin-top: 50px;
    width: 100%
  }

  .korailTour-list>ul>li:nth-child(2),
  .korailTour-list>ul>li:nth-child(3) {
    margin-top: 50px;
  }

  .korailTour-list>ul>li>.thumnails {
    margin-bottom: 25px;
  }

  .korailTour-list>ul>li>.thumnails>img {
    width: 100%;
    height: 60vw
  }

  .korailTour-list>ul>li>h3 {
    height: auto;
    font-size: 1.08em
  }

  .korailTour-list>ul>li>.info>strong {
    font-size: 0.917em;
    color: #333;
  }

  .korailTour-list>ul>li>.text {
    height: auto;
    font-size: 0.875em
  }

  .korailTour-list>ul>li>.type>span {
    display: inline-block;
    vertical-align: top;
    color: #333;
    font-size: 0.917em;
    letter-spacing: -1px;
  }

  .board-wrap .board-view.daily-pr .info-box>li:first-child {
    padding-left: 0px;
    padding-right: 20px;
    margin-bottom: 15px;
  }

  .board-wrap .board-view.daily-pr .info-box>li:last-child {
    padding-left: 0px;
  }

  .korailTour-list>ul>li:nth-child(3n+1) {
    margin-left: 0;
  }

  /* gallery-list  vod*/
  .gallery-list {
    padding-top: 30px
  }

  .gallery-list>ul>li {
    float: none;
    margin-left: 0;
    margin-top: 50px;
    width: 100%
  }

  .gallery-list>ul>li:nth-child(2),
  .gallery-list>ul>li:nth-child(3) {
    margin-top: 50px;
  }

  .gallery-list>ul>li>.thumnails {
    margin-bottom: 15px;
  }

  .gallery-list>ul>li>.thumnails>img {
    width: 100%;
    height: 60vw
  }

  .gallery-list>ul>li>h3 {
    height: auto;
    font-size: 1.08em
  }

  /* gallery-list2  vod*/
  .gallery-list2 {
    padding-top: 30px
  }

  .gallery-list2>ul>li {
    float: none;
    margin-left: 0;
    margin-top: 50px;
    width: 100%
  }

  .gallery-list2>ul>li:nth-child(2),
  .gallery-list2>ul>li:nth-child(3) {
    margin-top: 50px;
  }

  .gallery-list2>ul>li>.thumnails {
    margin-bottom: 15px;
  }

  .gallery-list2>ul>li>.thumnails iframe {
    width: 100%;
    height: 60vw !important;
  }

  .gallery-list2>ul>li>h3 {
    height: auto;
    font-size: 1.08em
  }


  /*blog-view : cooking*/
  .board-view .cooking-view {
    overflow: hidden;
  }

  .board-view .cooking-view .thumnail {
    float: none;
    width: auto;
    margin: 0 0 25px 0
  }

  .board-view .cooking-view .thumnail>img {
    width: 100%;
  }

  .board-view .cooking-view .making-img {
    display: block;
    width: auto;
    margin-left: 0px;
    float: none;
  }

  .board-view .cooking-view .making-img>img {
    width: 100%;
  }

  .board-view .cooking-view .making-img span {
    display: block;
    margin-top: 10px;
  }

  .board-view .cooking-view.area-space {
    margin-top: 0;
  }

  .board-write.qna+.board-button-area .board-btn.reigt {
    display: block
  }

  /*event-info*/
  .event-info>li:first-child {
    margin-top: 0
  }

  .event-info>li {
    display: block;
    width: 100%;
  }

  .event-info>li>span:first-child {
    color: #333;
    font-size: 0.9375rem;
    font-weight: bold;
    display: block;
    width: auto;
    vertical-align: top;
    letter-spacing: -0.5px;
    position: relative;
    padding-left: 30px;
  }

  .event-info>li>span+span {
    padding-left: 30px
  }

  .board-section.map>.blog-list>ul>li>.thumnails {
    width: 100%;
  }

  .board-section.map>.blog-list>ul>li>.thumnails>img {
    width: 100%;
    height: auto;
  }

  .board-section.map>.blog-list>ul>li>.type>li {
    font-size: 0.875rem;
    letter-spacing: -0.025em;
  }

  .board-section.map>.blog-list>ul>li>h3 {
    margin-bottom: 20px;
  }


  /* promotion list */
  .thumnail-list {}

  .thumnail-list>ul>li {
    margin-left: 0;
    padding-top: 30px;
    width: 100%;
    float: none
  }

  .thumnail-list>ul>li:nth-child(2n+1) {
    margin-left: 0
  }

  .thumnail-list>ul>li:hover,
  .thumnail-list>ul>li:focus {
    cursor: pointer;
  }

  .thumnail-list>ul>li.nodata {
    text-align: center;
    float: none;
    clear: both;
    width: 100% !important
  }

  .thumnail-list>ul>li.nodata p {
    padding: 60px 0;
  }

  .thumnail-list>ul>li .thumnails {
    margin-bottom: 20px
  }

  .thumnail-list>ul>li .thumnails>img {
    width: 100%;
    height: auto
  }

  .thumnail-list>ul>li h3 {
    font-size: 1.125rem;
    letter-spacing: -0.025em;
    color: #333;
    margin-bottom: 2vw;
    font-weight: bold
  }

  .thumnail-list>ul>li h3:hover {
    text-decoration: none
  }

  .thumnail-list>ul>li .date-info {
    display: block;
    color: #555;
    font-size: 0.875rem;
    line-height: 1.6;
    word-wrap: break-word;
  }

  .tab-menu.inner {}

  .tab-menu.inner>li {
    float: none;
    position: relative;
  }

  .tab-menu.inner>li:first-child {
    margin-top: 0;
  }

  .tab-menu.inner>li.on {}

  .tab-menu.inner>li>a {
    position: static;
    border: none;
    padding: 25px 20px;
    color: #222;
    text-align: left;
    font-size: 0.9375rem;
    font-weight: 100;
    border: 1px solid #ddd;
    border-bottom: 0;
    display: block;
  }

  .tab-menu.inner>li>a::after {
    position: absolute;
    top: 26px;
    right: 25px;
    content: '';
    width: 15px;
    height: 16px;
    background: url("/public/asis/img/board/bread_arrow_up.png") no-repeat center center;
    background-size: 13px;
  }

  .tab-menu.inner>li.on>a {
    border: none;
    border: 1px solid #333;
    border-bottom: 0;
    font-weight: 600
  }

  .tab-menu.inner>li.on>a::after {
    content: '';
    background: url("/public/asis/img/board/bread_arrow_down.png") no-repeat center center;
    background-size: 13px;
  }

  .tab-menu.inner.border {
    padding: 0;
  }

  .tab-menu.inner.border li>a {
    top: 0;
  }

  .tab-content {
    margin: 0;
    padding: 45px 0;
  }

  /* card-list*/
  .card-list {
    padding-top: 30px;
  }

  .card-list>ul>li {
    width: 100%;
    margin-left: 0;
    min-height: auto;
    margin-bottom: 20px
  }

  .card-list>ul>li .thumnails>img {
    width: 100%;
    height: 54vw
  }

  .card-list>ul>li .data-box {
    padding: 25px;
  }

  .card-list>ul>li .data-box .tag-icon {
    margin-bottom: 20px;
    height: auto
  }

  .card-list>ul>li .data-box .tag-icon>strong {
    margin-right: -5px;
  }

  .card-list>ul>li .data-box>h3 {
    font-size: 1.125rem;
    line-height: 1.4;
    letter-spacing: -0.025em;
    color: #333;
    margin-bottom: 20px;
    height: 50px
  }

  .card-list>ul>li .data-box .text {
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 20px;
    height: 42px;
  }

  .card-list>ul>li .data-box .info-box>li {
    font-size: 0.8125rem;
  }

  .card-list>ul>li .data-box .info-box>li:nth-child(1) {
    padding-right: 25px
  }

  .card-list>ul>li:nth-child(2n+1) {
    margin-left: 0;
  }

  .card-list>ul>li:nth-child(2n+2) {
    margin-left: 0;
  }

  .card-list>ul>li .data-box .type {
    min-height: auto;
  }

  /* (2020.12.11) 좋아요를 링크에서 분리하는 작업 수정 - (2020.12.16) KKK 수정 : height값  */
  .card-list>ul>li .like_Wrap {
    height: 54vw
  }

  .card-list.search-page>ul>li {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }

  .card-list.search-page>ul>li:hover {
    border: 0;
    box-shadow: none;
  }

  .card-list.search-page>ul>li .thumnails>img {
    width: 100%;
    height: 54vw
  }

  .card-list.search-page>ul>li .thumnails .like-it {
    bottom: 15px;
    right: 15px
  }

  .card-list.search-page>ul>li .data-box {
    padding: 20px 0;
    border: 0;
  }

  .card-list.search-page>ul>li .data-box>h3 {
    font-size: 1.125rem;
    line-height: 1.4;
    height: auto;
    margin-bottom: 20px;
  }

  .card-list.search-page>ul>li:nth-child(2n+1) {
    margin-left: 0;
  }

  .card-list.search-page>ul>li:nth-child(2n+2) {
    margin-left: 0;
  }

  .card-list.search-page>ul>li .type>li {
    font-size: 0.875rem;
    line-height: 1.2;
    color: #333;
    margin-bottom: 8px;
  }

  .card-list.search-page>ul>li .type>li span {
    display: inline-block;
    float: left;
    width: 65px;
    color: #aaa
  }

  /* (2020.12.18) 좋아요분리 */
  .card-list.search-page>ul>li .like_Wrap {
    height: 54vw
  }

  .board-write {
    padding: 30px 0;
  }

  .board-write>dl:first-child {
    margin-top: 0;
  }

  .board-write.qna dl>dd .size01 {
    width: 100%;
    margin-right: 0
  }

  .board-write.qna dl>dd .size02 {
    width: 100%;
    margin-right: 0
  }

  .board-write.qna dl>dd .size03 {
    width: 100%;
    margin-right: 0
  }

  .board-write.qna dl>dd .nick-area {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px
  }

  .board-write.qna dl>dd .nick-btn {
    width: 85%;
    margin-right: 0;
  }

  .board-write.qna .chk-raio-layout>li:first-child {
    margin-left: 0
  }

  .board-write.qna .chk-raio-layout>li {
    margin-left: 0;
    display: block
  }

  .nick-quest {
    display: inline-block;
    line-height: 50px;
    vertical-align: middle;
    margin-left: 10px;
  }

  .file-textbox {
    margin-bottom: 10px;
  }

  .board-write.qna .chk-raio-layout>li.chk-box {
    padding-top: 10px !important
  }

  .board-write.qna .chk-raio-layout>li.chk-box:first-child {
    padding-top: 0 !important
  }


  /*tool-tip*/
  .tooltip02 {
    position: relative;
    display: inline-block;
  }

  .tooltip02:hover:after {
    background: #fff;
    bottom: -80px;
    color: #333;
    content: attr(data-title);
    left: -320px;
    padding: 20px;
    height: auto;
    line-height: 1.3;
    position: absolute;
    z-index: 98;
    min-width: 60px;
    max-width: 360px;
    overflow: hidden;
    border: 0;
    border-radius: 2px;
    box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.15);
    font-size: 0.875rem;
    font-weight: 600;
    white-space: normal
  }

  .tooltip02:hover:before {
    width: 25px;
    height: 15px;
    background: url(/public/asis/img/board/tooltip_icon_top02.png) no-repeat;
    bottom: -11px;
    content: "";
    left: 0px;
    position: absolute;
    z-index: 99;
  }

  .board-qna-view>dl {
    padding: 20px 0;
    border-top: 1px solid #eee;
    display: block;
    width: 100%
  }

  .board-qna-view>dl>dt,
  .board-qna-view>dl>dd {
    padding: 0;
    display: block
  }

  .board-qna-view>dl>dt {
    width: 100%;
    background: none;
    font-size: 0.9375rem;
    font-weight: 600;
    margin-bottom: 15px;
  }

  .board-qna-view>dl>dd {
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.4
  }

  .board-qna-view>dl>dd.file-link a {
    text-decoration: underline
  }

  .board-qna-view>dl>dd.file-link img {
    vertical-align: middle;
    margin-right: 5px;
  }

  .board-qna-view>dl>dd .txt-comm {
    font-size: 0.875rem;
    color: #333;
    font-weight: 100;
    padding: 15px 15px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #aaa;
    border-radius: 2px;
  }

  .board-qna-view>dl>dd .txt-date {
    display: block;
    font-size: 0.8125rem;
    margin-bottom: 15px;
    text-align: right;
    margin-top: -30px
  }

  .board-qna-view>dl>dd .txt-date i {
    color: #888;
    vertical-align: top;
    margin-right: 5px;
  }

  .board-qna-view+.board-button-area.mt40 {
    margin-top: 30px !important;
  }


  /*report-error*/

  .report-error .input-box>dl:nth-child(2),
  .report-error .input-box>dl:nth-child(3) {
    width: 100%;
    display: block;
  }

  .report-error>.text-guide {
    line-height: 1.4;
    padding-right: 0;
    min-height: auto;
    width: 100%;
    margin-bottom: 20px;
  }

  .report-error .button-toggle {
    width: 100%;
    position: relative;
    top: 0;
    right: 0;
    font-size: 0.9375rem;
    text-align: left
  }

  .report-error .button-toggle span::after {
    position: absolute;
    right: 20px;
    height: 35px
  }

  .report-error .button-toggle.hide span::after {
    position: absolute;
    right: 20px;
    height: 35px
  }

  .report-error .button-send {
    width: 100%
  }

  /* search ebook */
  .board-allSer>ul.search-list.ebook {
    padding-bottom: 33px
  }

  .board-allSer>ul.search-list.ebook>li {
    float: none;
    padding: 0;
    margin-top: 33px;
    margin-left: 0%;
    width: 100%
  }

  .board-allSer>ul.search-list.ebook>li .thumnails {
    height: auto;
    margin-bottom: 0
  }

  .board-allSer>ul.search-list.ebook>li h3 {
    font-size: 1.125rem;
    padding: 20px 0;
  }

  .board-allSer>ul.search-list.ebook>li:nth-child(5n) {
    margin-left: 0%;
  }

  .board-allSer>ul.search-list.ebook>li:nth-child(3n+1) {
    margin-left: 0
  }

}

@media screen and (max-width:479px) {

  .board-allSer .search-counter h2 {
    display: inline-block;
    float: none
  }

  .board-allSer .search-counter .chk-box.none,
  .board-allSer .search-counter .chk-box {
    display: inline-block;
    float: none;
    margin-top: 10px
  }

  .modal-pop.qna-pop02 .popCont-area {
    width: 100%;
    height: 620px
  }

  .modal-pop .popCont-area .input-info {
    padding: 15px 0
  }

  .modal-pop .popCont-area dl.input-info>dd.txt-by {
    top: 16px
  }

  .modal-pop .popCont-area ul.note-list {
    padding: 15px 0;
    max-height: 200px;
    overflow-y: scroll
  }

  .swiper-container-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 5px;
    height: 30px;
    overflow: hidden
  }

  .db-list .swiper-container {
    height: 280px !important;
  }

  .db-list .swiper-slide img {
    height: 240px !important;
  }

  .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px 0 0;
  }


}

/* 여행예보 데이터CSS 추가 21-12-16 */
.travel-fer {
  margin-bottom: 40px;
  overflow: hidden;
  width: 100%
}

.travel-fer dl {
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
  background: #f7f7f7;
  padding: 20px 15px;
  box-sizing: border-box;
}

.travel-fer dl::after {
  content: '';
  clear: both;
  overflow: hidden;
}

.travel-fer dl .tit {
  float: left;
  font-size: 15px;
  letter-spacing: -0.025em;
  width: 31%;
  font-weight: bold;
}

.travel-fer dl .tit::before {
  content: '•';
  width: 19px;
  display: inline-block;
  font-size: 9px !important;
}

.travel-fer dl .con {
  padding: 0 15px;
  letter-spacing: -0.035em;
  line-height: 150%;
}

.travel-fer dl dd {
  padding: 0 15px;
}

.travel-fer .time {
  font-weight: 900;
  letter-spacing: -0.055em;
}

.travel-fer .col-lv1 {
  color: #17d0f1 !important
}

.travel-fer .col-lv2 {
  color: #0e8fd2 !important
}

.travel-fer .col-lv3 {
  color: #01af1d !important
}

.travel-fer .col-lv4 {
  color: #d97b00 !important
}

.travel-fer .col-lv5 {
  color: #d23004 !important
}

.travel-fer .trl-tip {
  clear: both;
  margin-top: 15px;
  letter-spacing: -0.02em;
  font-size: 14px !important;
}

.travel-fer .weekly-dat dt.tit {
  float: none;
  display: block;
  margin: 0 0 20px 0;
  width: 100%;
  font-weight: bold;
}

.travel-fer .weekly-dat dd.con {
  float: none;
  display: block
}

.travel-fer .weekly-dat {
  width: 100%;
  box-sizing: border-box
}

.travel-fer .weekly-dat li {
  float: left;
  min-height: 113px;
  width: 14.02%;
  background: #fff;
  padding: 10px 6px;
  border: 2px solid #f7f7f7;
  border-radius: 4px;
  margin-left: 0.3%;
}

.travel-fer .weekly-dat li:first-child {
  margin-left: 0;
}

.travel-fer .weekly-dat li span {
  display: block;
  text-align: center;
}

.travel-fer .dat {
  margin: 0;
  line-height: 130%;
  font-size: 14px;
  font-weight: 600;
}

.travel-fer .day {
  margin-bottom: 10px;
  font-size: 13px;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 5px;
}

.travel-fer .type {
  font-size: 17px;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 110%;
  letter-spacing: -0.052em;
}

.travel-fer .weekly-dat .type {
  font-size: 13px;
}

@media screen and (max-width: 960px) {
  .travel-fer dl .tit {
    float: none;
    width: 100%;
    margin-bottom: 8px
  }

}


@media screen and (max-width: 750px) {
  .travel-fer {
    margin-bottom: 40px;
    overflow: hidden;
    width: 100%
  }

  .travel-fer dl {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    background: #f7f7f7;
    padding: 20px 15px;
    box-sizing: border-box;
  }

  .travel-fer dl::after {
    content: '';
    clear: both;
    overflow: hidden;
  }

  .travel-fer dl .tit {
    /* float:left; */
    font-size: 15px;
    letter-spacing: -0.025em;
    line-height: 1.5;
    width: 100%;
    font-weight: bold;
  }

  .travel-fer dl .tit::before {
    content: '•';
    width: 17px;
    display: block;
    font-size: 9px !important;
    margin: 4px 0 10px 0;
    float: left;
  }

  .travel-fer dl .con {
    padding: 0 15px;
    letter-spacing: -0.035em;
    line-height: 150%;
  }

  .travel-fer dl dd {
    padding: 0 15px;
  }

  .time {
    /*font-weight:900;*/
    letter-spacing: -0.055em;
  }

  .travel-fer .col-lv1 {
    color: #17d0f1 !important
  }

  .travel-fer .col-lv2 {
    color: #0e8fd2 !important
  }

  .travel-fer .col-lv3 {
    color: #01af1d !important
  }

  .travel-fer .col-lv4 {
    color: #d97b00 !important
  }

  .travel-fer .col-lv5 {
    color: #d23004 !important
  }

  .travel-fer .trl-tip {
    line-height: 140%;
  }

  .travel-fer .weekly-dat dt.tit {
    float: none;
    display: block;
    margin: 0 0 20px 0;
    width: 100%;
    font-weight: bold;
  }

  .travel-fer .weekly-dat dd.con {
    float: none;
    display: block;
  }

  .travel-fer .weekly-dat {
    width: 100%;
    box-sizing: border-box
  }

  .travel-fer .weekly-dat li {
    float: left;
    width: 33.3333%;
    margin-left: 0;
    border: 2px solid #f7f7f7;
    min-height: 15vw;
    padding: 10px 5px;
    background: #fff;
  }

  .travel-fer .weekly-dat li:first-child {
    margin-left: 0
  }

  .travel-fer .weekly-dat li span {
    display: block;
    text-align: center;
  }

  .travel-fer .dat {
    margin: 0;
    line-height: 130%;
    font-size: 14px;
    font-weight: 600;
  }

  .travel-fer .day {
    margin-bottom: 10px;
    font-size: 12.5px;
  }
}

@media screen and (max-width: 478px) {
  .travel-fer .weekly-dat li {
    min-height: 112px;
  }
}

@media screen and (max-width: 320px) {
  .travel-fer .weekly-dat li {
    width: 49.99%;
    min-height: 112px;
    padding: 10px;
  }
}

/*.content__lang__en * {font-family: 'Verdana', 'Arial', 'Georgia', 'Malgun Gothic', 'Dotum', sans-serif;}*/

/* 페이지 내 직접 전용 */
.column-wrap .infoA { background-color:#F8F8F8; padding: 25px; margin-top: 30px; text-align: left; word-break: break-all; overflow: hidden }
.column-wrap .txtmT { margin-top: 35px;}

.column-wrap .txt-box { display: block; padding: 40px 45px; background-color: #1E4174; box-sizing: border-box; text-align: left; word-break: keep-all; overflow: hidden}
.column-wrap .yello {font-weight:900; font-size: 25px; color: #DDA94B !important; letter-spacing: 0; line-height: 1; margin-bottom: 5px;}
.column-wrap .yello span {color: #FFFFFF;}

.--div-mw700 > div { display: block !important; max-width: 702px; margin: 0px auto 5px !important;}
.board-content,
#medi_article_wrap * {font-family: 'Verdana', 'Arial', 'Georgia', 'Malgun Gothic', 'Dotum', sans-serif;}
#medi_article_wrap a, #medi_article_wrap span, #medi_article_wrap em, #medi_article_wrap i {
  color: inherit;
  font-size: inherit;
  background: transparent;
  vertical-align: middle;
  line-height: inherit;
}
#medi_article_wrap p { margin-top: 1rem; margin-bottom: 1rem; font-size: 1.1rem; }
#medi_article_wrap img { width: 100%; }
#medi_article_wrap .txt_green { color: #26ae6a; }
#medi_article_wrap .text{ margin-bottom:50px;}
.board-content h3, #medi_article_wrap h3 { font-size: 1.63rem; line-height:1.4}
.board-content h4, #medi_article_wrap h4 { font-weight: 600; font-size: 1.3rem; margin-bottom: 40px}
.board-content h5, #medi_article_wrap h5 { font-weight: 600;  font-size:1.2rem; margin-bottom: 30px;}
#medi_article_wrap .s-tit{ overflow:hidden; font-size:1.2rem; margin:0 0 25px 0; color:#222; font-weight:bold !important}
#medi_article_wrap .s-tit::before{ content:''; float:left; margin-right:8px; margin-top:6px; display:block; width:22px; height:22px; background:url('/public/asis/contents/medical/img/cms/vkm_acbl_icon.png') no-repeat; background-size:160px}
#medi_article_wrap .s-tit.non { margin:0}
#medi_article_wrap .s-tit.non::before { display:none}
#medi_article_wrap section { margin-top: 60px; }
#medi_article_wrap .play { text-align: center; margin-top: 30px;}
#medi_article_wrap .mrb60 { margin-bottom: 60px !important }
#medi_article_wrap .mrb40 { margin-bottom: 40px !important }
#medi_article_wrap .mrb20 { margin-bottom: 20px !important }
#medi_article_wrap .step-bx li {margin-bottom:15px; vertical-align:middle}
#medi_article_wrap .step-bx li span:nth-child(1){ display:table-cell; float:left; width:115px; margin-right:15px; background-color:#e4f5cf; font-size:0.98rem; font-weight:bold; color:#24810e; border-radius:50px; text-align:center; padding:1px 0; box-sizing:border-box}
#medi_article_wrap .step-bx li span:nth-child(2){ display:table-cell;   font-size:0.98rem; }
#medi_article_wrap .whi-txt { position:relative; border:1px solid #bdbdbd; border-radius:4px; margin-top:80px; padding:10px 25px 10px 100px; font-size:0.87rem}
#medi_article_wrap .whi-txt i{display:block;font-size:0; background-color:#fff;width: 30px; height: 35px; position:absolute; top: 33px; left: 30px;}
#medi_article_wrap .whi-txt i::before{content:'';display:block; width: 40px; height: 35px; background:#fff url('/public/asis/contents/medical/img/cms/vkm_acbl_icon.png') no-repeat;opacity:0.5; background-position:-155px 0}
#medi_article_wrap .whi-txt p{ font-size:0.87rem}
#medi_article_wrap .chart-list li {display:table; width:100%; margin-bottom:15px; vertical-align:middle}
#medi_article_wrap .chart-list li span:nth-child(1){display:table-cell; width:18%; margin-right:15px; font-weight:bold; font-size: 1rem; vertical-align: top }
#medi_article_wrap .chart-list li span:nth-child(1)::before{ content:'•'; font-size: 0.6rem;  color:#26ae6a; margin-right:8px; vertical-align: text-bottom;}
#medi_article_wrap .chart-list li span:nth-child(2){display:table-cell;display:block; font-size: 1rem; }
#medi_article_wrap .smtxt{ font-size:0.87rem}
#medi_article_wrap .point {color: #ff5303}
#medi_article_wrap .cap-point {display:block; clear:both; color:#a65a08; text-align:center; margin-top:10px; }

/*이미지 사이즈 조정*/
#medi_article_wrap .img-area { display:block; margin: 30px auto; max-width: none; }
#medi_article_wrap .img-area img { width: 100%; margin-bottom: 0px !important; }
#medi_article_wrap .img-area div { width: 100% !important; max-width: 100% !important;}
#medi_article_wrap .img-area-col {max-width: 100%; overflow: hidden; }
#medi_article_wrap .img-area-col li { float: left; width: 49.75%; margin-left: 0.5%;}
#medi_article_wrap [class*='img-area-col'] li:first-child {margin-left: 0;}
#medi_article_wrap .img-area-col.diff2 .large{width: 64%}
#medi_article_wrap .img-area-col.diff2 .small{width: 35.5%}
#medi_article_wrap .img-area-col3 {max-width: 100%; overflow: hidden;  }
#medi_article_wrap .img-area-col3 li { float: left; width: 33%; margin-left: 0.5%;}
#medi_article_wrap .img-area-col3 li:first-child { margin-left: 0;}


@media (max-width: 767px) {
#medi_article_wrap { width : 100% }
#medi_article_wrap p { font-size: 0.9rem; }
.board-content h3, #medi_article_wrap h3 {font-size:1.28rem; margin-top:0; line-height:1.3}
.board-content h4, #medi_article_wrap h4 { font-size: 1.1rem; margin-bottom: 20px }
.board-content h5, #medi_article_wrap h5 { font-size: 1rem; margin-bottom: 10px }
#medi_article_wrap section { margin-top: 35px; }
#medi_article_wrap .text { margin-bottom:30px}
#medi_article_wrap .play iframe { width: 100%; height: 240px;}
#medi_article_wrap .mrb60 { margin-bottom: 35px !important }
#medi_article_wrap .mrb40 { margin-bottom: 20px !important }
#medi_article_wrap .step-bx li {display:block; width:100%; margin-bottom:15px; vertical-align:middle; text-align:center; }
#medi_article_wrap .step-bx li span:nth-child(1){ display:inline; width:100%;  padding:3px 25px; margin-bottom:15px; font-size:0.9rem;}
#medi_article_wrap .step-bx li span:nth-child(2){ display:inline-block; width:100%; padding-left:0; font-size:0.9rem;}
#medi_article_wrap .chart-list li span:nth-child(1){ display:block; width:auto; margin-right:0; font-size:0.9rem;}
#medi_article_wrap .chart-list li span:nth-child(1)::before{vertical-align: text-top;}
#medi_article_wrap .chart-list li span:nth-child(2){ display:block; font-size:0.9rem; }
#medi_article_wrap .s-tit::before{ margin-right:3px;margin-top:6px;height:19px; background-size:130px}
#medi_article_wrap .s-tit {font-size: 0.92rem; }
#medi_article_wrap .whi-txt i{top: -15px; right: 20px; left:auto}
#medi_article_wrap .whi-txt {margin-top:8vw;  padding:0 5vw;}
#medi_article_wrap .whi-txt p{font-size:0.78rem}
#medi_article_wrap .cap-point {font-size:0.754rem;margin-top:0}
#medi_article_wrap div.caption {position:inherit !important; color: #777 !important; margin-bottom:0 !important; padding:5px 0 0 0 !important; font-size:0.78rem; font-weight:normal !important}
#medi_article_wrap div.caption::after { display:none !important}
#medi_article_wrap h3{font-size:1.28rem; margin-top:0; line-height:1.3}

/*이미지 사이즈 조정*/
#medi_article_wrap .img-area { display: block; width: auto; }
#medi_article_wrap .img-area img { max-width: 100%; width: 100% }
#medi_article_wrap div.caption {position:inherit !important; color: #777 !important; margin-bottom:0 !important; padding:5px 0 8px 0 !important; font-size:0.754rem; font-weight:normal !important}
#medi_article_wrap div.caption::after { display:none !important}
#medi_article_wrap [class*='img-area-col']  li {float:none; width: 100%; margin-left: 0;margin-top: 5px;}
#medi_article_wrap [class*='img-area-col']  li:first-child  {margin-left: 0;margin-top: 0}
#medi_article_wrap .img-area-col .large{width: 100%  !important}
#medi_article_wrap .img-area-col .small{width: 100% !important}
}

#article_wrap p{margin-top:1rem; margin-bottom:1rem;}
#article_wrap span{font-size:1em;}
#article_wrap .help{font-size: 15px;}
#article_wrap a{word-break: break-all;}
#article_wrap .subtitle{font-size: 20px; margin: 30px 0;}
#article_wrap h3{margin: 30px 0; font-size: 24px; border:none;}
#article_wrap h4{font-size: 20px; margin: 60px 0 30px;}
#article_wrap h5{margin-bottom:1rem;}
#article_wrap img{width: 100%;}
#article_wrap .img-area .left_img img,
#article_wrap .img-area .right_img img{width:475px; height:320px;}
#article_wrap .inline_img{float:left; margin-right:15px; width:189px; height:119px;}
#article_wrap .img-area{max-width:none;}
#article_wrap .img-area span{display: inline;}
#article_wrap .img-area img{margin-bottom: 0px !important; max-width: 950px; width: 100%; height: 640px; }
#article_wrap .img-area +.img-area { margin:10px 0;}
#article_wrap .txt_purple{color: #8547ad;}
#article_wrap .txt_orange{color: #ff5000;}
#article_wrap .txt_green{color: #00b597;}
#article_wrap .txt_blue{color: #00addc;}
#article_wrap .note{padding:15px; margin-top: 50px;}
#article_wrap .note.purple_bg{background-color: #f7f0fc;}
#article_wrap .note.orange_bg{background-color: #fdf1ec;}
#article_wrap .note.green_bg{background-color: #e3f5f2;}
#article_wrap .note.blue_bg{background-color: #def4f8;}
#article_wrap .note .note_txt{margin-top:10px;}
#article_wrap .spot{margin-bottom: 30px; overflow:hidden;}
#article_wrap li{margin-top:0.5rem; }
#article_wrap .useful_info{margin: 20px 0;}
#article_wrap .inside{margin-left: 20px;}
#article_wrap table{border: 1px solid #333; width:100%;}
#article_wrap th, td{padding: 15px 10px; border: 1px solid #333; text-align: center; vertical-align: middle;}
#article_wrap .txt_left{text-align: left;}
#article_wrap ul.board-side-list{max-width:100%;}

@media (max-width: 767px) {
  #article_wrap h5{margin-top:1rem;}
  #article_wrap .inline_img{float:none;width:100%;height:auto;}
  #article_wrap .img-area{display:block;}
  #article_wrap .img-area img{max-width:100%;width: 100%;height:auto;}
  #article_wrap .img-area .left_img img,
  #article_wrap .img-area .right_img img {width: 100%; height: auto;}

  .board-content .play {position: relative; padding-bottom: 56.25%;}
  .board-content .play>iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
}

.board-view-luxury {
	/* border-bottom: 2px solid #bfbfbf;
	border-top: 2px solid #444; */
	padding:5%  10%;
	display:table;
}

.board-view-luxury .desc{
	display:block;
	width:100%;
	margin-bottom:20px;
	max-width:936px;
}

.board-view-luxury .desc .lcont{
	display:inline-block;
	width:47%;
	position:relative;
}

.board-view-luxury .desc .lcont img{
	width:100%;
}

.board-view-luxury .desc .rcont{
	display:inline-block;
	margin-left:4%;
	width:48%;
	vertical-align:top;
}

.board-view-luxury .desc .rcont h2{
	font-size:1.8rem;
	margin-bottom:2rem;
	line-height:2.5rem;

}

.board-view-luxury .desc .rcont dl{
	display:table;
	width:100%;
	margin-bottom:1rem;
	padding-bottom:1rem;
	border-bottom:1px solid #eeeeee;
}

.board-view-luxury .desc .rcont dl dt{
	display:table-cell;
	width:30%;
	color:#91864d;
	font-size:0.9rem;
	font-weight:500;
}

.board-view-luxury .desc .rcont dl dd{
	display:table-cell;
	width:70%;
	color:#333;
	font-size:0.9rem;
}

.board-view-luxury .desc .rcont dd.price{
	font-weight:800;
	font-size:1.2rem;
}

.board-view-luxury .content{
	display:block;
	margin-bottom:4rem;
	font-size:0.9rem;
	line-height:1.5rem;
}

.board-view-luxury .content img{
	max-width:100%;
	margin-bottom:10px;
}

.board-view-luxury .content p{
	margin:5px 0;
}

.board-view-luxury .cal{
	border-top:2px solid #e0d496;
	margin-bottom:3rem;
	margin-top:3rem;
	display:block;
	max-width:936px;
	padding:3rem 0 0 0;
}

.board-view-luxury .cal li{
	margin-bottom:1rem;

}

.board-view-luxury .cal h3{
	font-size:1.8rem;
	font-weight:800;
	text-align:center;
	display:block;
	width:100%;
	margin-top:2rem;
	margin-bottom:2rem;

}

.board-view-luxury .cal h3 span{
	color:#e0d496;
}


.board-view-luxury .cal .lcont{
	display:inline-block;
	width:30%;
}

.board-view-luxury .cal .lcont img{
	width:100%;
}

.board-view-luxury .cal .rcont{
	margin-left:2%;
	width:67%;
	display:inline-block;
	vertical-align:top;
}

.board-view-luxury .cal .rcont h4{
	font-size:1.3rem;
	font-weight:800;
	margin-bottom:1rem;
}


.board-view-luxury .cal .rcont .address{
	font-size:0.9rem;
	color:#999999;
	margin-bottom:0.5rem;
}

.board-view-luxury .cal .rcont .text{
	font-size:0.9rem;
	color:#333333;
	margin-bottom:1rem;
	line-height:1.5rem;
}

.board-view-luxury .cal .rcont .link{
	font-size:0.95rem;
	color:#91864d !important;
	text-decoration:none;
}

.board-view-luxury .cal .rcont .link:before{
	content:"";
	background-image:url("/public/asis/img/icon_link.png");
	width:16px;
	height:16px;
	display:inline-block;
	margin-right: 10px;
	vertical-align: bottom;
}

.board-view-luxury .book{
	display:table;
	width:100%;
	border-top:1px solid #ccc;
	padding-top:20px;
	margin-top:20px;
}

.board-view-luxury .book .lcont{
	display:inline-block;
	width:50%;
	float:left;

}

.board-view-luxury .book .rcont{
	display:inline-block;
	width:50%;
	float:right;
	text-align:right;
}

.board-view-luxury .book .lcont .link{
	font-size:1rem;
	color:#91864d !important;
	text-decoration:none;
	font-weight:700;
	margin-bottom:1rem;
}

.board-view-luxury .book .lcont dl{
	display:table;
	width:100%;
	margin-top:1rem;
}

.board-view-luxury .book .lcont dl dt{
	display:table-cell;
	width:30%;
	color:#333;
	font-size:0.9rem;
	font-weight:600;
}

.board-view-luxury .book .rcont dl dd{
	display:table-cell;
	width:70%;
	color:#333;
	font-size:0.9rem;
}

.board-view-luxury .book .rcont button{
	border:1px solid #e0d496;
	color:#91864d;
	background-color:#fff;
	padding:10px 60px;
	font-size:1rem;
	font-weight:500;
}



.board-view-luxury .board-btn, a.board-btn {
	background: #91864d !important;
	border:none;
}

.board-view-luxury .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
	margin: 0 5px -5px 0;
	width: 20px;
	height: 20px;
	padding-top: 2px;
	box-sizing: border-box;
}

.board-view-luxury .swiper-container-horizontal > .swiper-pagination {
	text-align: center;
	bottom: 5%;
	color: white;
	font-size: 0.8rem;
}

.board-view-luxury .swiper-pagination-bullet {
	opacity: .7;
}

.board-view-luxury .swiper-pagination-bullet-active {
	opacity: 1 !important;
	background: #007aff;
}

.board-view-luxury .img-slide img{
	width:100% !important;
  height: auto !important;
}

.board-view-luxury .relate{
	border-top: 1px solid #bfbfbf;
	margin-top: 2rem;
	padding-top: 2rem;
}

.board-view-luxury .relate dl > dt{
	margin-bottom:1rem;
}

.board-view-luxury .relate dl > dt >span{
	background-color:#91864d;
	font-size:0.9rem;
	width:auto;
	color:white;
	padding:0.2rem 0.4rem;
}

.board-view-luxury .relate dl > dd li{
	margin-bottom:0.5rem;
}

@media screen and (max-width: 939px){
  .board-view-luxury .desc .rcont h2 {
		font-size: 3vw;
		line-height:4vw;
	}
}

@media screen and ( max-width:750px) {
  .board-view-luxury {
		padding: 5% 0%;
	}

  .board-view-luxury .desc .rcont h2 {
		font-size: 1.6rem;
		margin-bottom: 2rem;
		line-height: 2rem;
	}

	.board-view-luxury .desc .rcont dd.price {
		font-size: 1rem;
	}

	.board-view-luxury .book .rcont {
		text-align: center;
	}

  .board-view dl.title dd {
    display: block;
    width: 100%;
    margin-top: 0.5rem;
  }

  .board-view-luxury .desc .lcont {
    width: 100%;
  }

  .lcont {
    width: 100% !important;
  }

  .rcont {
    width:100% !important;
		margin-top:10vw;
		margin-bottom:10vw;
  }
}

.ltitle {
	font-size: 0.8rem;
	padding: 3px 10px;
	color: white;
	margin-bottom: 10px;
	display: inline-table;
	line-height: 1.2;
}
/* accommodation */
.ltitle.stay {
	background-color: #ebe4bc;
	color: #333;
}

.ltitle.hotel {
	background-color: #c8d6c1;
	color: #333;
}

/* gourmet */

.ltitle.food {
	background-color: #f2c9c9;
	color: #333;
}

.ltitle.cafe {
	background-color: #c2e5e4;
	color: #333;
}


.ltitle.gourmet {
	background-color: #ddcde4;
	color: #333;
}

/* traditional culture */

.ltitle.palace {
	background-color: #bcd1eb;
	color: #333;
}

.ltitle.shopping {
	background-color: #f7daa7;
	color: #333;
}

.ltitle.performance {
	background-color: #e9c6e3;
	color: #333;
}

/* contemporay culture */
.ltitle.gallery {
	background-color: #cecece;
	color: #333;
}

.ltitle.studio {
	background-color: #e0c9b3;
	color: #333;
}

.ltitle.sightseeing     {
	background-color: #cdecdb;
	color: #333;
}

.ltitle.experience {
	background-color: #d9e0eb;
	color: #333;
}

/* high */

.ltitle.nature {
	background-color: #d2e9ab;
	color: #333;
}

.ltitle.spot {
	background-color: #f1f3ab;
	color: #333;
}

/*�섏젙 2021-08-30 */
.ltitle.cruise {
	background-color: #c8d6c1;
	color: #333;
}
.ltitle.green { background-color: #8be0cd; color: #333; }
.ltitle.green2 { background-color: #5f8b4d; color: #fff; }
.ltitle.gray { background-color: #878787; color: #fff; }
.ltitle.gray2 { background-color: #999999; color: #fff; }
.ltitle.gray3 { background-color: #5a5a5a; color: #fff; }
.ltitle.red1 { background-color: #fda284; color: #333; }
.ltitle.red2 { background-color: #ffb1b1; color: #333; }
.ltitle.purple { background-color: #7e4295; color: #fff; }


/* subcontents */
.content__lang__en h2,
.content__lang__en h3
{font-weight:900; transition:none; -webkit-transition:none}
.content__lang__en h4,
.content__lang__en h5,
.content__lang__en h6{font-weight:600; transition:none; -webkit-transition:none}

/* css reset */
.content__lang__en [class*='sec']{padding:0;text-align:inherit;transition:none !important; -webkit-transition:none;}
.content__lang__en [class*='sec'] h3,
.content__lang__en [class*='sec'] h2{text-align:inherit; transition:none; -webkit-transition:none;text-transform:none;}
#contents .board-wrap .view{ display:block !important}
.content__lang__en [class*='sec'] h3, .content__lang__en [class*='sec'] h2, .trans-map {transition:none !important; -webkit-transition:none  !important}
.content__lang__en .trans-map > .indicatior > span.international::before{background:none; width:0; height:0}
.content__lang__en .trans-map > .indicatior > span.domestic::before{background:none; width:0; height:0}

.editor p {
  margin-top: 1rem;
  margin-bottom: 1rem;
}



/* tourPerform_new.css */
.local-view p { color: #333; margin-bottom: 30px !important }
.local-view h1 { font-size: 28px !important; text-align: left !important; line-height: 1.4; font-weight: 100; color: #222; margin-bottom:0; }
.local-view.editor > .page-section { padding: 0 !important }
.local-view.editor h3 { font-size: 18px !important; padding-top: 20px !important }
.local-view .section { margin-top: 40px !important }
.local-view .cont img { margin-bottom: 20px; }
.local-view .cont .img-area { margin-bottom: 20px !important }
.local-view .section h2 { border-top: none; position: relative; padding-left: 15px !important; font-weight: bold; line-height: 1.6 !important; margin-bottom: 30px !important; margin-top: 60px !important; font-size: 1.2rem !important; }
.local-view .section h2::before {content: " ";display: block;position: absolute;top: 0;left: 0;width: 5px;height: 100%;background-color: #6cbaaa;margin-right: 10px;}
.local-view .section .box {display: table; border: 1px solid #eee !important; padding: 40px !important; background-color: #fff  !important; width: 100%; box-sizing: border-box; margin-bottom: 20px; }
.local-view .section .box dl{ border-bottom:1px dashed #ccc; margin-bottom:10px; padding-bottom:10px; display:table; width:100%; word-break: break-all;  word-wrap: break-word; }
.local-view .section .box dl dt{ font-weight:bold; display:table-cell; text-align:left; font-size:0.9rem; width:20%; vertical-align:top; }
.local-view .section .box dl dd{ display:table-cell; text-align:left; font-size:0.9rem; vertical-align:top; }
/*.local-view .section .box b{ display:block; margin-bottom:30px;}    */
.local-view .section .box h3{ margin:0; padding-top:0 !important; font-size:17px !important}
.local-view .dl-2 dt { font-weight: bold; }
.local-view .dl-2 dd { margin-bottom: 20px; }
.local-view h2 { font-weight: 400; color: #222; margin-top: 60px; border-top: 1px solid #eee; padding-top: 40px; font-size: 1.2rem !important; letter-spacing:-0.5px; line-height:1.3}
.local-view h2:first-child{margin-top:0 !important; border-top:none !important;}
.month-view .section h2 { border-top: none; position: relative; padding:0 !important; padding-left: 15px !important;font-weight: bold; line-height: 1.6 !important; margin-bottom: 30px !important; margin-top: 60px !important; font-size: 1.2rem !important; }
#sub-container .page-content.local-view h2:first-child{margin-top:0 !important; border-top:none !important;}

dl.event-info dt:before {content: '';background: none;}
.local-view  .event-info.left {width: 100%; margin-top:45px;padding: 55px 45px;border: 1px solid #eee;}
.local-view  .event-info dt{display: inline-block; width: 20%; color: #333; font-size: 15px; font-weight: bold; vertical-align: top; letter-spacing: -0.5px;padding-left: 30px; line-height:1.5; margin-bottom:10px}
.local-view  .event-info dd{display: inline-block; width: 70%; color: #555; font-size: 15px; line-height:1.5;vertical-align: top; margin-bottom:10px}
.local-view  .event-info dd a{ color:#1e75d6 ; text-decoration:underline}
.local-view  .event-info dt.homepage2  {background: url(/public/asis/img/board/page_view_con_icon_list.png) no-repeat top left; background-position-y: -85px}
.local-view  .event-info dt.period2   {background: url(/public/asis/img/board/page_view_con_icon_list.png) no-repeat top left; background-position-y: -40px}
.local-view  .event-info dt.address2  {background: url(/public/asis/img/board/page_view_con_icon_list.png) no-repeat top left; background-position-y: 5px}
.local-view  .event-info dt.telephone2  {background: url(/public/asis/img/board/page_view_con_icon_list.png) no-repeat top left; background-position-y: -61px}
.local-view  .event-info dt.region2 {background: url(/public/asis/img/board/page_view_con_icon_list.png) no-repeat top left; background-position-y: -18px}

.local-view .cont .sub0301_link_wrap img{margin-bottom: 0;}

@media screen and (max-width:1023px) {
  .local-view .cont .sub0301_link_wrap img{margin-bottom: 0; width: 70%;}
}

.local-view .event-info.left{padding:30px 30px 25px 30px; margin-top:30px;	 }
.local-view  .event-info dt{display:block; width: auto; margin-bottom:0;}
.local-view  .event-info dd{display:block; width: auto; padding-left: 5px; margin-bottom:20px;}

.local-view .cont .sub0301_link_wrap img{margin-bottom: 0; width: 65%;}

.local-view.editor table{border-top: 1px solid #4c4c4c;}
.local-view.editor .box strong{margin-bottom:30px}
.local-view .box strong{margin-bottom:30px; display: block}

.content__lang__en .page-content h3{font-size:22px; line-height:28px;letter-spacing:-0.035em; color:#333 !important}
.content__lang__en .page-content + .page-content > h2 {margin-bottom:15px;}

.editor dl.title{ margin-top:1rem; margin-bottom:1rem; }
.editor dl.title dt{ font-size:1.1rem; font-weight:bold; }
.editor dl.title dd{ display:block; }

.img-group{ line-height:0; margin-bottom:10px; }
.img-group >img{ margin-bottom:2px !important; }

.img-area div{ vertical-align:top; display:table-cell; }
.img-area div img{ display:block; width:100%; margin-bottom:0px !important; }
.img-area div{ padding-right:2px; }
.img-area div:last-child{ padding-right:0px; }

.img-area[class*="--vk"] {justify-content: space-between;}
.img-area[class*="--vk"] > div {padding: 0;}
.img-area[class*="--vk"] > div img {width: 100% !important;height: 100% !important;object-position: 50% 50%;object-fit: cover;}
.img-area.--vk-col2>div{width: calc((100% - 2px) / 2);aspect-ratio:4 / 3;}
.img-area.--vk-col3>div{width: calc((100% - 4px) / 3);aspect-ratio:4 / 3;}
.img-area.--vk-col4>div{width: calc((100% - 6px) / 4);aspect-ratio:9 / 16;}
.img-area.--vk-col4.--ver2>div{aspect-ratio:4 / 5;}

@media screen and (max-width: 767px) {
  .local-view .section .box dl dt,
  .local-view .section .box dl dd { width: 100%; display: block;}
}

/* 0701수정 */
.column-wrap .box-col {
  font-style: italic;
  padding: 25px;
  margin-top: 35px;
  text-align: center;
}
.column-wrap .box-col::before{
  content: '';
  display: inline-block;
  margin-bottom: 30px;
  width: 46px;
  height: 32px;
  background: url('https://tong.visitkorea.or.kr/cms/resource_etc/34/2825934_image2_1.png') no-repeat;

}
.column-wrap .box-col::after{
  content: '';
  display: inline-block;
  margin-top: 30px;
  width: 46px;
  height: 32px;
  background: url('https://tong.visitkorea.or.kr/cms/resource_etc/35/2825935_image2_1.png') no-repeat;
}
.column-wrap .box-col strong{
  font-size: 24px;
  display: block;
}
.column-wrap .box-col strong.pink{color: #f4a9c5;}
.column-wrap .box-col strong.purple{color: #813dff;}
.column-wrap .box-col p{
  color: #767676;
  line-height: 30px;
  text-align: center;
  padding-bottom: 50px;
}

.column-wrap .box-col span{
  display: block;
  color: #8d8d8d;
  font-size: 15px;
  font-style: normal;
}

@media screen and (max-width: 750px) {
  .column-wrap .box-col{
    padding: 15px;
  }
  .column-wrap .box-col p{
      padding-bottom: 25px;
  }
  .column-wrap .box-col p br{
      display: none;
  }
  .column-wrap .box-col::before, .column-wrap .box-col::after{
      width: 23px;
      height: 16px;
      background-size: 23px 16px;
  }
}

.eventWrap{text-align: center; padding-top:60px; max-width:950px; width:100%; margin:0 auto}
.eventWrap img{max-width:702px}
.event_wrap{max-width:950px; margin: 0 auto; padding-top: 30px;}
.event_wrap .mo{display:none;}
.event_wrap img{width:100%;vertical-align: top;}
.blind{overflow:hidden;position:absolute;top:auto;left:-9999px;width:1px;height:1px;text-indent:-9999px;}
@media screen and (max-width:1023px) {
  .event_wrap img{width:100%;}
  .event_wrap .mo{display:block;}
  .event_wrap .pc{display:none;}
}

.area-space-s {margin-top:20px;}
.area-space{margin-bottom:40px;}

.content__lang__en .list{width: 100%; display: table; list-style-type: none ; border-top:1px solid #ccc;}
.content__lang__en .list li { display: inline-block; float: left; }
.content__lang__en .list.num-1 > li { width: 100%; margin-right: 0; margin-top: 2rem; }
.content__lang__en .list.num-1 > li:nth-child(1) { margin-top: 0rem; padding-top:0 }
.content__lang__en .list.num-2 > li { width: 50%; margin-right: 0 ; min-height:220px;}
.content__lang__en .list.num-2.list-2 li{ padding-top:20px;}
.content__lang__en .list.num-2.gap1 > li { width: 49.5%; margin-right: 1% }
.content__lang__en .list.num-2.gap2 > li { width: 49%; margin-right: 2% }
.content__lang__en .list.num-2.gap3 > li { width: 23%; margin-right: 2.66% }
.content__lang__en .list.num-2 > li:nth-of-type(4n+0) { margin-right: 0%; }
.content__lang__en .list.num-2 > li:nth-of-type(2n+1) {}
.content__lang__en .list.num-2 .title{ margin-bottom:30px;}
.content__lang__en .list.num-2 > li:nth-child(1) { margin-top: 0rem; }
.content__lang__en .list.num-2 > li:nth-child(2) { margin-top: 0rem; }
.content__lang__en .list.num-3 > li { width: 33.33%; margin-right: 0 }
.content__lang__en .list.num-3.gap1 > li { width: 32.66%; margin-right: 1% }
.content__lang__en .list.num-3.gap2 > li { width: 32%; margin-right: 2% }
.content__lang__en .list.num-3.gap3 > li { width: 31.33%; margin-right: 3% }
.content__lang__en .list.num-3 > li:nth-of-type(3n+0) { margin-right: 0%; }
.content__lang__en .list.num-3 > li:nth-of-type(3n+1) { margin-top: 2rem; clear: both; }
.content__lang__en .list.num-3 > li:nth-of-type(3n+2) { margin-top: 2rem; }
.content__lang__en .list.num-3 > li:nth-of-type(3n+3) { margin-top: 2rem; }
.content__lang__en .list.num-3 > li:nth-child(1) { margin-top: 0rem; }
.content__lang__en .list.num-3 > li:nth-child(2) { margin-top: 0rem; }
.content__lang__en .list.num-3 > li:nth-child(3) { margin-top: 0rem; }
.content__lang__en .list.num-2.list-2 .title{ font-size:18px !important}

.content__lang__en .list-2 > li > div:nth-child(1) { width: 40%; display: inline-table; vertical-align:top}
.content__lang__en .list-2 > li:nth-of-type(2n+1) { border-bottom: 1px solid #ccc; padding-bottom: 20px; }
/* 수정 2020-05-21 시작 */
.content__lang__en .list-2 > li .title { line-height: 1.3; font-size: 1.09em; color: #333; /*height: 3rem; overflow: hidden;*/ }
/* 수정 2020-05-21 끝 */

.content__lang__en .list-2 > li .cont { line-height: 1.3; }
.content__lang__en .list-2 > li:nth-of-type(2n+2) { border-bottom: 1px solid #ccc; padding-bottom: 20px; }
.content__lang__en .list-2 > li > div:nth-child(1) img { max-width: 100%; width:200px ; height:285px}
.content__lang__en .list-2 > li > div:nth-child(2) { margin-left: 2%; width: 52%; display: inline-table; vertical-align: top; padding-right: 2%; }
.content__lang__en .list-2 > li > div:nth-child(2) .ltitle{margin-right: 5px;}
.content__lang__en .list-2 > li > div:nth-child(2) .date { font-size: 15px; color: #555; font-weight: 500; margin-top: 10px; display: block; width: 100%; }
.content__lang__en .list-2 > li > div:nth-child(2) .cont { font-size: 16px; color: #555; font-weight: 500; margin-top: 20px; display: block; width: 100%; }

@media screen and (max-width:1279px) {
  .content__lang__en .list-2 > li > div:nth-child(1) img{width:15vw; height:20vw}
  .content__lang__en .list-2 > li > div:nth-child(2) .date{font-size:1.4vw}
  .content__lang__en .list-2 > li > div:nth-child(2) .cont{font-size:1.4vw}
  .content__lang__en .list-2 > li .title{font-size:1.6vw;/*height:2vw*/}
}

@media screen and ( max-width:767px) {
  .content__lang__en .list.num-2.num-xs-1.list-2 li{margin-top:0; float: initial; width: 100%;}

  .content__lang__en .list-2 > li > div:nth-child(1) { width: 30%; }
/* .list-2 > li > div:nth-child(2) .ltitle:nth-child(2), .list-2 > li > div:nth-child(2) .ltitle:nth-child(3) { margin-left: 1.39vw; }
.ltitle{margin-bottom: 1.39vw; padding: 1.11vw 1.67vw; font-size: 3.33vw;} */
  .content__lang__en .list-2 > li > div:nth-child(2) { width: 65%; padding-right: 0; }
  .content__lang__en .list-2 > li > div:nth-child(1) img{height:auto}
  .content__lang__en .list.num-2 > li{ min-height:auto}
  .content__lang__en .list-2 > li > div:nth-child(1) img{width:139px}
  .content__lang__en .list-2 > li > div:nth-child(2) .date{font-size:15px;}
  .content__lang__en .list-2 > li > div:nth-child(2) .cont{font-size:16px; margin-top:10px}
  .content__lang__en .list-2 > li .title{font-size:18px !important;/*height:2.5rem;*/margin-bottom:15px !important}
}

.--vk-table {overflow-x: auto;}
.--vk-table > table {min-width: 750px;}

/* performance view */
.performance-view .left .sns-list { display: block; text-align: center; margin-top: 15px; }
.performfnce-view .right,
.performance-view .right { padding-left: 30px; }
.performance-view .right h1 { border-bottom: none; margin-bottom: 0px; font-size: 30px; color: #333; font-weight: normal !important; line-height: 1.4; margin-top:0}
.performance-view .right dl { margin-top: 0px; font-size: 15px; line-height: 1.6 }
.performance-view .right dt { display: inline-block; width: 30%; margin-top: 10px; vertical-align: top; color: #222; font-weight:900 }
.performance-view .right dd { display: inline-block; width: 60%; margin-left: 5%; margin-top: 10px; word-break:break-all; }
.performance-view .right button { display: block; margin-top: 20px; background-color: #6cbaa9; ; font-size: 1rem; color: white; padding: 10px 30px; border: none; text-transform: uppercase }

.row h1 { padding-bottom: 20px; border-bottom: 2px solid #eee; font-size:28px; letter-spacing:-0.025em; color: #222; margin: 40px 0; }
.row h2 { padding-bottom: 20px; margin-bottom: 30px; border-bottom: 2px solid #eee; color: #222; font-size: 22px; line-height: 1.2 ; letter-spacing:-0.025em;}
.synopsis .title { color: #333; font-size: 1.2rem; margin-bottom: 10px; }
.performance-view .row .section p { margin-bottom: 30px; }
.synopsis p { margin-bottom: 10px; }
.cont-bottom { margin-top: 20px; }
.cont-bottom p { margin-top: 15px; font-size: 0.9em; }
.performance-view .character .box { border: 1px solid #e0e0e0; padding: 30px; font-size: 15px; background-color: #fff; margin-bottom: 60px; }
.performance-view .synopsis .cont { margin-top: 20px; }
.performance-view .synopsis .cont img { max-width: 100%; }

@media screen and ( max-width:767px) {
  .performance-view .character .box { margin-bottom: 40px; }
  .performance-view .right h1 { margin-top: 30px }
  .performance-view .right { padding-left: 0px; }
  .performance-view .right button { display: block; margin-top: 40px; width: 100%; background-color: #6cbaa9; }
  .performance-view .row .section > p { font-size:16px !important}
}

/* https://uniess.atlassian.net/browse/VK2025-286 (DW) 데스티네이션 플로팅 퍼블수정 */
@media screen and (max-width: 1200px) { .floating-button .section.section-2 span { font-size : 3.47vw }  }