@charset "UTF-8";
/*argo용*/
/*게시판*/
.icon-a-icon {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -1211px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 33px;
  min-width: 33px;
  height: 26px;
}

.icon-accordian-off {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1170px -1211px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 26px;
  min-width: 26px;
  height: 2px;
}

.icon-accordian-on {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1293px -322px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 26px;
  min-width: 26px;
  height: 26px;
}

.icon-all-menu-btn-close {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1211px -340px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 30px;
  min-width: 30px;
  height: 30px;
}

.icon-all_menu_btn {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1017px -198px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 48px;
  min-width: 48px;
  height: 48px;
}

.icon-all-menu-btn2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1293px -78px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 28px;
  min-width: 28px;
  height: 26px;
}

.icon-all-menu-btnn {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -236px -1211px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 24px;
  min-width: 24px;
  height: 19px;
}

.icon-all_close_btn {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1017px -100px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 48px;
  min-width: 48px;
  height: 48px;
}

.icon-all_menu_btn {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1017px -198px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 48px;
  min-width: 48px;
  height: 48px;
}

.icon-all_menu_close {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1211px -420px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 30px;
  min-width: 30px;
  height: 30px;
}

.icon-arrow_icon {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1371px -392px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 18px;
  min-width: 18px;
  height: 18px;
}

.icon-bbs-excel-img {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -73px -1359px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 24px;
  min-width: 24px;
  height: 22px;
}

.icon-bbs-first {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1053px -1359px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 14px;
  min-width: 14px;
  height: 13px;
}

.icon-bbs-last {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1117px -1359px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 14px;
  min-width: 14px;
  height: 13px;
}

.icon-bbs-map-img {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -1359px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 23px;
  min-width: 23px;
  height: 23px;
}

.icon-bbs-more {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -513px -1287px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.icon-bbs-next {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -995px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 8px;
  min-width: 8px;
  height: 13px;
}

.icon-bbs-prev {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -1058px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 8px;
  min-width: 8px;
  height: 13px;
}

.icon-bbs-search-img {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -583px -1287px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.icon-book-icon {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1293px -398px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 26px;
  min-width: 26px;
  height: 26px;
}

.icon-book-icon2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1131px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 14px;
  min-width: 14px;
  height: 9px;
}

.icon-book {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1211px -1135px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 30px;
  min-width: 30px;
  height: 21px;
}

.icon-btn-type4 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -468px -389px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 18px;
  min-width: 18px;
  height: 11px;
}

.icon-calender-next {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1211px 0px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 32px;
  min-width: 32px;
  height: 32px;
}

.icon-calender-prev {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1211px -82px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 32px;
  min-width: 32px;
  height: 32px;
}

.icon-camera {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -83px -1211px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 30px;
  min-width: 30px;
  height: 20px;
}

.icon-card-left {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1293px -154px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 20px;
  min-width: 20px;
  height: 34px;
}

.icon-card-right {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1293px -238px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 20px;
  min-width: 20px;
  height: 34px;
}

.icon-check-type-off {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -987px -1359px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 16px;
  min-width: 16px;
  height: 13px;
}

.icon-check-type {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1195px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 12px;
  min-width: 12px;
  height: 9px;
}

.icon-check-type2-on {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -510px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 12px;
  min-width: 12px;
  height: 12px;
}

.icon-check-type2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -572px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 12px;
  min-width: 12px;
  height: 12px;
}

.icon-check-type3-on {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1068px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 13px;
  min-width: 13px;
  height: 11px;
}

.icon-close-btn {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -653px -1287px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.icon-confirm {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -916px -123px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 49px;
  min-width: 49px;
  height: 71px;
}

.icon-copy_li_bg {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -529px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 1px;
  min-width: 1px;
  height: 8px;
}

.icon-copy_li_bg2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -59px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 5px;
  min-width: 5px;
  height: 10px;
}

.icon-depth4-img {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1293px -1080px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 24px;
  min-width: 24px;
  height: 24px;
}

.icon-djh-item1 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -176px 0px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 140px;
  min-width: 140px;
  height: 128px;
}

.icon-djh-item2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 126px;
  min-width: 126px;
  height: 150px;
}

.icon-djh-item3 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -366px 0px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 128px;
  min-width: 128px;
  height: 112px;
}

.icon-down-icon {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1371px -460px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 18px;
  min-width: 18px;
  height: 18px;
}

.icon-down-icon1 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -932px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 9px;
  min-width: 9px;
  height: 13px;
}

.icon-down-icon2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -855px -1359px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 17px;
  min-width: 17px;
  height: 14px;
}

.icon-down-icon3 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -922px -1359px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 15px;
  min-width: 15px;
  height: 14px;
}

.icon-down {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -1345px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 16px;
  min-width: 16px;
  height: 16px;
}

.icon-drop_btn {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -634px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 12px;
  min-width: 12px;
  height: 12px;
}

.icon-eng {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -338px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 17px;
  min-width: 17px;
  height: 17px;
}

.icon-eng2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -405px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 17px;
  min-width: 17px;
  height: 17px;
}

.icon-exclamation {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 15px;
  min-width: 15px;
  height: 15px;
}

.icon-fav-1 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -835px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 54px;
  min-width: 54px;
  height: 56px;
}

.icon-fav-2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -605px -611px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 72px;
  min-width: 72px;
  height: 56px;
}

.icon-fav-3 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -534px -723px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 55px;
  min-width: 55px;
  height: 54px;
}

.icon-fav-4 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -416px -835px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 58px;
  min-width: 58px;
  height: 47px;
}

.icon-fav-5 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -752px -723px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 58px;
  min-width: 58px;
  height: 45px;
}

.icon-fav-6 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -524px -835px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 64px;
  min-width: 64px;
  height: 36px;
}

.icon-favicon {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1371px -868px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 16px;
  min-width: 16px;
  height: 16px;
}

.icon-file-icon {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -268px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 15px;
  min-width: 15px;
  height: 20px;
}

.icon-foot-icon1 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1117px -188px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 42px;
  min-width: 42px;
  height: 42px;
}

.icon-foot-icon2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1117px -280px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 42px;
  min-width: 42px;
  height: 42px;
}

.icon-foot-icon3 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1117px -372px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 42px;
  min-width: 42px;
  height: 42px;
}

.icon-foot-sns-b {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -802px -344px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 62px;
  min-width: 62px;
  height: 62px;
}

.icon-foot-sns-f {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -802px -456px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 62px;
  min-width: 62px;
  height: 62px;
}

.icon-foot-sns-insta {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -802px -568px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 62px;
  min-width: 62px;
  height: 62px;
}

.icon-foot-sns-y {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -723px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 62px;
  min-width: 62px;
  height: 62px;
}

.icon-foot_img {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -544px -272px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 170px;
  min-width: 170px;
  height: 35px;
}

.icon-footer-select-bul {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1293px -1228px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 23px;
  min-width: 23px;
  height: 8px;
}

.icon-footer_logo {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -544px -187px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 185px;
  min-width: 185px;
  height: 35px;
}

.icon-footlink-on {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1246px -1359px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 17px;
  min-width: 17px;
  height: 10px;
}

.icon-footlink {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1313px -1359px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 17px;
  min-width: 17px;
  height: 10px;
}

.icon-g-icon {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -723px -1287px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.icon-gnb-search-btn {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -713px -1359px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 19px;
  min-width: 19px;
  height: 19px;
}

.icon-go-icon {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -65px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 15px;
  min-width: 15px;
  height: 15px;
}

.icon-go-icon1 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1293px -474px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 26px;
  min-width: 26px;
  height: 26px;
}

.icon-go-icon2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1293px -550px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 26px;
  min-width: 26px;
  height: 26px;
}

.icon-h3-type1 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -782px -1359px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 23px;
  min-width: 23px;
  height: 15px;
}

.icon-h4-bul {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -57px -1562px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 10px;
  min-width: 10px;
  height: 2px;
}

.icon-h4-type1 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -793px -1287px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.icon-h4-type10 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -863px -1287px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.icon-h4-type2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -933px -1287px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.icon-h4-type3 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1003px -1287px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.icon-h4-type4 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1073px -1287px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.icon-h4-type5 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1143px -1287px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.icon-h4-type6 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1213px -1287px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.icon-h4-type7 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1283px -1287px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.icon-h4-type8 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -293px -1359px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.icon-h4-type9 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -363px -1359px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.icon-header-eng {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -642px -1035px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 38px;
  min-width: 38px;
  height: 38px;
}

.icon-header-kor {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -730px -1035px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 38px;
  min-width: 38px;
  height: 38px;
}

.icon-header-logout {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -147px -1359px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 24px;
  min-width: 24px;
  height: 22px;
}

.icon-header-mypage {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -818px -1035px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 38px;
  min-width: 38px;
  height: 38px;
}

.icon-header-search-in-close {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -447px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 13px;
  min-width: 13px;
  height: 12px;
}

.icon-header-search-in {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -282px -1035px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 40px;
  min-width: 40px;
  height: 40px;
}

.icon-header-search {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -906px -1035px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 38px;
  min-width: 38px;
  height: 38px;
}

.icon-heart-on {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -948px -1125px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 36px;
  min-width: 36px;
  height: 30px;
}

.icon-heart {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1034px -1125px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 36px;
  min-width: 36px;
  height: 30px;
}

.icon-hit {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -754px -1211px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 18px;
  min-width: 18px;
  height: 12px;
}

.icon-home {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1371px -934px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 16px;
  min-width: 16px;
  height: 16px;
}

.icon-home02 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -1497px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 13px;
  min-width: 13px;
  height: 15px;
}

.icon-ico-roll-left {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1211px -823px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 28px;
  min-width: 28px;
  height: 28px;
}

.icon-ico-roll-pause {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1211px -901px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 28px;
  min-width: 28px;
  height: 28px;
}

.icon-ico-roll-plus {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1211px -979px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 28px;
  min-width: 28px;
  height: 28px;
}

.icon-ico-roll-right {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1211px -1057px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 28px;
  min-width: 28px;
  height: 28px;
}

.icon-ico-roll-start {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1293px -930px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 26px;
  min-width: 26px;
  height: 25px;
}

.icon-icon-print {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -372px -1035px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 40px;
  min-width: 40px;
  height: 40px;
}

.icon-icon-url {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -462px -1035px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 40px;
  min-width: 40px;
  height: 40px;
}

.icon-icon1 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1293px -1154px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 24px;
  min-width: 24px;
  height: 24px;
}

.icon-icon2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -468px -315px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 24px;
  min-width: 24px;
  height: 24px;
}

.icon-iconR_Rarr {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1371px -1000px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 16px;
  min-width: 16px;
  height: 16px;
}

.icon-iconR_bulb {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -916px -244px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 50px;
  min-width: 50px;
  height: 50px;
}

.icon-iconR_bus {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -916px -344px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 50px;
  min-width: 50px;
  height: 50px;
}

.icon-iconR_calendar {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -916px -444px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 50px;
  min-width: 50px;
  height: 50px;
}

.icon-iconR_note {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -916px -544px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 50px;
  min-width: 50px;
  height: 50px;
}

.icon-iconR_phone {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1211px -744px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 29px;
  min-width: 29px;
  height: 29px;
}

.icon-iconR_subway {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -916px -644px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 50px;
  min-width: 50px;
  height: 50px;
}

.icon-icon_task01 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1117px -464px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 40px;
}

.icon-icon_task02 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1117px -554px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 40px;
}

.icon-icon_task03 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1117px -644px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 40px;
}

.icon-icon_task04 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1117px -734px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 40px;
}

.icon-icon_task05 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1117px -824px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 40px;
}

.icon-icon_task06 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1117px -914px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 40px;
}

.icon-icon_task07 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -916px -744px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 40px;
}

.icon-icon_task08 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -1035px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 40px;
}

.icon-icon_task09 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -94px -1035px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 40px;
}

.icon-icon_task10 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -188px -1035px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 40px;
}

.icon-info-icon {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -938px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 13px;
  min-width: 13px;
  height: 21px;
}

.icon-item-dur {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -324px -723px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 55px;
  min-width: 55px;
  height: 55px;
}

.icon-item-name {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -429px -723px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 55px;
  min-width: 55px;
  height: 55px;
}

.icon-join-icon-1 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -916px 0px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 51px;
  min-width: 51px;
  height: 73px;
}

.icon-join-icon-2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -544px -357px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 88px;
  min-width: 88px;
  height: 72px;
}

.icon-join-step-next {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -304px -1497px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 13px;
  min-width: 13px;
  height: 1px;
}

.icon-join-step-now {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -258px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 13px;
  min-width: 13px;
  height: 13px;
}

.icon-latest-news-icon {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -638px -835px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 36px;
}

.icon-layer-close {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 12px;
  min-width: 12px;
  height: 12px;
}

.icon-leaf {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -994px -1035px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 36px;
  min-width: 36px;
  height: 38px;
}

.icon-link_btn {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1017px -296px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 48px;
  min-width: 48px;
  height: 48px;
}

.icon-link_btn2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1371px -528px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 18px;
  min-width: 18px;
  height: 18px;
}

.icon-links1 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -315px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 116px;
  min-width: 116px;
  height: 116px;
}

.icon-links1n {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -366px -162px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 86px;
  min-width: 86px;
  height: 86px;
}

.icon-links2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -166px -315px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 116px;
  min-width: 116px;
  height: 116px;
}

.icon-links2n {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -332px -315px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 86px;
  min-width: 86px;
  height: 85px;
}

.icon-list-bul {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -641px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 5px;
  min-width: 5px;
  height: 2px;
}

.icon-list-bul2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -419px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 5px;
  min-width: 5px;
  height: 5px;
}

.icon-list-bul3 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -587px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 4px;
  min-width: 4px;
  height: 4px;
}

.icon-list-bul5 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -1121px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 9px;
  min-width: 9px;
  height: 11px;
}

.icon-list-icon {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1371px -1264px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 18px;
  min-width: 18px;
  height: 14px;
}

.icon-list-type2-date {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -63px -1497px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 12px;
  min-width: 12px;
  height: 14px;
}

.icon-location-icon {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px 0px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 6px;
  min-width: 6px;
  height: 9px;
}

.icon-location-icon2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -860px -723px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 6px;
  min-width: 6px;
  height: 11px;
}

.icon-login-bul {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -299px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 1px;
  min-width: 1px;
  height: 10px;
}

.icon-mail-icon {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px 0px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 20px;
  min-width: 20px;
  height: 16px;
}

.icon-main-icon1 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -860px -1125px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 38px;
  min-width: 38px;
  height: 32px;
}

.icon-main-icon2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1211px -164px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 26px;
  min-width: 26px;
  height: 38px;
}

.icon-main-icon3 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1034px -941px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 32px;
  min-width: 32px;
  height: 38px;
}

.icon-main-icon4 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -732px -835px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 40px;
  min-width: 40px;
  height: 36px;
}

.icon-main-icon5 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1080px -1035px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 36px;
  min-width: 36px;
  height: 36px;
}

.icon-main-left {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -130px -481px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 76px;
  min-width: 76px;
  height: 76px;
}

.icon-main-more {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1371px -596px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 18px;
  min-width: 18px;
  height: 18px;
}

.icon-main-right {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -256px -481px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 76px;
  min-width: 76px;
  height: 76px;
}

.icon-main-sns-b {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1017px -690px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 44px;
}

.icon-main-sns-btn-img1 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1017px -784px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 44px;
}

.icon-main-sns-btn-img2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -941px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 44px;
}

.icon-main-sns-btn-img3 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -94px -941px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 44px;
}

.icon-main-sns-btn-img4 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -188px -941px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 44px;
}

.icon-main-sns-f {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -282px -941px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 44px;
}

.icon-main-sns-insta {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -376px -941px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 44px;
}

.icon-main-sns-youtube {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -470px -941px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 44px;
}

.icon-main-tab-bul {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1293px -1005px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 25px;
  min-width: 25px;
  height: 25px;
}

.icon-main-tab-more {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1371px -1066px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 16px;
  min-width: 16px;
  height: 16px;
}

.icon-main-visual-next {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1371px 0px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 18px;
  min-width: 18px;
  height: 30px;
}

.icon-main-visual-pause {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -743px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 8px;
  min-width: 8px;
  height: 16px;
}

.icon-main-visual-prev {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1371px -160px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 18px;
  min-width: 18px;
  height: 28px;
}

.icon-main-way-go-img1 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -822px -1211px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 18px;
  min-width: 18px;
  height: 11px;
}

.icon-main-way-go-img2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -890px -1211px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 18px;
  min-width: 18px;
  height: 11px;
}

.icon-main-way-go-img3 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -758px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 12px;
  min-width: 12px;
  height: 12px;
}

.icon-map-icon {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1371px -316px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 18px;
  min-width: 18px;
  height: 26px;
}

.icon-menu_open {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -310px -1211px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 22px;
  min-width: 22px;
  height: 19px;
}

.icon-menu_search {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -112px -723px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 56px;
  min-width: 56px;
  height: 56px;
}

.icon-mobile-bul-minus {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1092px -1211px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 28px;
  min-width: 28px;
  height: 2px;
}

.icon-mobile-bul-plus {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1293px 0px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 28px;
  min-width: 28px;
  height: 28px;
}

.icon-mobile-close {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -218px -723px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 56px;
  min-width: 56px;
  height: 56px;
}

.icon-more_btn {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -871px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 11px;
  min-width: 11px;
  height: 11px;
}

.icon-nav-3rd-bul {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1444px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 12px;
  min-width: 12px;
  height: 4px;
}

.icon-nav-left {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -958px -1211px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 17px;
  min-width: 17px;
  height: 11px;
}

.icon-nav-pause {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -1419px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 7px;
  min-width: 7px;
  height: 10px;
}

.icon-nav-right {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1025px -1211px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 17px;
  min-width: 17px;
  height: 11px;
}

.icon-new_ico_01 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -228px -1287px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 21px;
  min-width: 21px;
  height: 21px;
}

.icon-news_icon {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -1287px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 26px;
  min-width: 26px;
  height: 22px;
}

.icon-newsns-b-on {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -1125px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 36px;
  min-width: 36px;
  height: 36px;
}

.icon-newsns-b {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -86px -1125px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 36px;
  min-width: 36px;
  height: 36px;
}

.icon-newsns-f-on {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -172px -1125px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 36px;
  min-width: 36px;
  height: 36px;
}

.icon-newsns-f {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -258px -1125px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 36px;
  min-width: 36px;
  height: 36px;
}

.icon-newsns-ks-on {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -344px -1125px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 36px;
  min-width: 36px;
  height: 36px;
}

.icon-newsns-ks {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -430px -1125px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 36px;
  min-width: 36px;
  height: 36px;
}

.icon-newsns-kt-on {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -516px -1125px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 36px;
  min-width: 36px;
  height: 36px;
}

.icon-newsns-kt {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -602px -1125px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 36px;
  min-width: 36px;
  height: 36px;
}

.icon-newsns-tw-on {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -688px -1125px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 36px;
  min-width: 36px;
  height: 36px;
}

.icon-newsns-tw {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -774px -1125px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 36px;
  min-width: 36px;
  height: 36px;
}

.icon-notice-off {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -474px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 5px;
  min-width: 5px;
  height: 5px;
}

.icon-notice-on {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -1562px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 7px;
  min-width: 7px;
  height: 7px;
}

.icon-o-icon1 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -610px -1211px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 22px;
  min-width: 22px;
  height: 12px;
}

.icon-o-icon2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -136px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 19px;
  min-width: 19px;
  height: 16px;
}

.icon-o-icon3 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -202px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 19px;
  min-width: 19px;
  height: 16px;
}

.icon-open-close {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1380px -1359px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 8px;
  min-width: 8px;
  height: 8px;
}

.icon-open-done {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -117px -1562px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 8px;
  min-width: 8px;
  height: 2px;
}

.icon-open-icon {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1257px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 12px;
  min-width: 12px;
  height: 7px;
}

.icon-open-icon2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1319px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 12px;
  min-width: 12px;
  height: 7px;
}

.icon-open-num-on {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -382px -1211px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 26px;
  min-width: 26px;
  height: 14px;
}

.icon-open-num {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -458px -1211px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 26px;
  min-width: 26px;
  height: 14px;
}

.icon-open-tit {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1017px -590px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 46px;
  min-width: 46px;
  height: 50px;
}

.icon-phone-icon {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -1009px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 13px;
  min-width: 13px;
  height: 21px;
}

.icon-popup-more {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -433px -1359px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.icon-popup-more2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -503px -1359px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.icon-popup-next {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px 0px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 11px;
  min-width: 11px;
  height: 18px;
}

.icon-popup-next2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -68px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 11px;
  min-width: 11px;
  height: 18px;
}

.icon-popup-pause {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -609px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 10px;
  min-width: 10px;
  height: 16px;
}

.icon-popup-prev {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -136px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 11px;
  min-width: 11px;
  height: 18px;
}

.icon-popup-prev2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -204px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 11px;
  min-width: 11px;
  height: 18px;
}

.icon-popup1-left {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1293px -626px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 26px;
  min-width: 26px;
  height: 26px;
}

.icon-popup1-pause {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1293px -702px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 26px;
  min-width: 26px;
  height: 26px;
}

.icon-popup1-play {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1293px -778px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 26px;
  min-width: 26px;
  height: 26px;
}

.icon-popup1-right {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1293px -854px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 26px;
  min-width: 26px;
  height: 26px;
}

.icon-pre-view {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -564px -941px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 44px;
}

.icon-prvbtn {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -130px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 14px;
  min-width: 14px;
  height: 14px;
}

.icon-q-icon {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1120px -1125px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 34px;
  min-width: 34px;
  height: 27px;
}

.icon-quick-btn {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -820px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 12px;
  min-width: 12px;
  height: 12px;
}

.icon-quick-btn_li1 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -76px -1287px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 26px;
  min-width: 26px;
  height: 21px;
}

.icon-quick-btn_li2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -152px -1287px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 26px;
  min-width: 26px;
  height: 21px;
}

.icon-quick-close {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -882px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 12px;
  min-width: 12px;
  height: 12px;
}

.icon-quick-img-bg1 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -1244px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 10px;
  min-width: 10px;
  height: 8px;
}

.icon-quick-img-bg2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -1302px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 10px;
  min-width: 10px;
  height: 8px;
}

.icon-quick-img-bg3 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -1360px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 8px;
  min-width: 8px;
  height: 9px;
}

.icon-quick-img1 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -1212px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 18px;
  min-width: 18px;
  height: 15px;
}

.icon-quick-img2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -1277px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 15px;
  min-width: 15px;
  height: 18px;
}

.icon-quick-img3 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -66px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 16px;
  min-width: 16px;
  height: 20px;
}

.icon-quick-img4 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -441px -1287px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 22px;
  min-width: 22px;
  height: 20px;
}

.icon-quick-img5 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -874px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 20px;
  min-width: 20px;
  height: 14px;
}

.icon-quick-img6 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -675px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 8px;
  min-width: 8px;
  height: 18px;
}

.icon-radio-off {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -944px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 12px;
  min-width: 12px;
  height: 12px;
}

.icon-radio-on {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1006px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 12px;
  min-width: 12px;
  height: 12px;
}

.icon-radio-type-off {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -321px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 13px;
  min-width: 13px;
  height: 13px;
}

.icon-radio-type-on {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -384px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 13px;
  min-width: 13px;
  height: 13px;
}

.icon-re-icon {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1371px -664px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 18px;
  min-width: 18px;
  height: 18px;
}

.icon-recently_sbj {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -481px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 80px;
  min-width: 80px;
  height: 80px;
}

.icon-replay {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -1080px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 17px;
  min-width: 17px;
  height: 16px;
}

.icon-result_more {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -552px -1035px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 40px;
  min-width: 40px;
  height: 40px;
}

.icon-right_arrow {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1181px -1359px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 15px;
  min-width: 15px;
  height: 12px;
}

.icon-s-true1 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1371px -1132px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 16px;
  min-width: 16px;
  height: 16px;
}

.icon-s-true2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -682px -1211px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 22px;
  min-width: 22px;
  height: 12px;
}

.icon-s-true3 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -179px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 1px;
  min-width: 1px;
  height: 12px;
}

.icon-search-btn {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1017px 0px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 50px;
  min-width: 50px;
  height: 50px;
}

.icon-search-btn2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -573px -1359px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.icon-search-btn2n {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -643px -1359px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.icon-search-btn3 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1211px -500px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 30px;
  min-width: 30px;
  height: 30px;
}

.icon-search_icon {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1371px -732px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 18px;
  min-width: 18px;
  height: 18px;
}

.icon-second-menu {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -745px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 3px;
  min-width: 3px;
  height: 3px;
}

.icon-select-bul {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -186px -1497px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 9px;
  min-width: 9px;
  height: 5px;
}

.icon-select_arrow {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1381px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 13px;
  min-width: 13px;
  height: 5px;
}

.icon-select_arrow3 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -245px -1497px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 9px;
  min-width: 9px;
  height: 5px;
}

.icon-side-bul-on {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -119px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 5px;
  min-width: 5px;
  height: 10px;
}

.icon-side-bul {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -125px -1497px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 11px;
  min-width: 11px;
  height: 6px;
}

.icon-side-list-inbox {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -798px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 4px;
  min-width: 4px;
  height: 1px;
}

.icon-side-list-inbox_bg {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -809px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 11px;
  min-width: 11px;
  height: 12px;
}

.icon-side-list-inbox_on {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -849px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 4px;
  min-width: 4px;
  height: 1px;
}

.icon-side-list-li-off {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -299px -1287px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 21px;
  min-width: 21px;
  height: 21px;
}

.icon-side-list-li-on {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -370px -1287px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 21px;
  min-width: 21px;
  height: 21px;
}

.icon-side_tit {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1211px -252px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 26px;
  min-width: 26px;
  height: 38px;
}

.icon-sidebarbul2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -241px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 4px;
  min-width: 4px;
  height: 8px;
}

.icon-sld_next_b {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -408px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 11px;
  min-width: 11px;
  height: 17px;
}

.icon-sld_next_w {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -272px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 11px;
  min-width: 11px;
  height: 18px;
}

.icon-sld_pause_r {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -727px -611px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 24px;
  min-width: 24px;
  height: 24px;
}

.icon-sld_pause_w {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -475px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 11px;
  min-width: 11px;
  height: 17px;
}

.icon-sld_play_w {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -1182px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 7px;
  min-width: 7px;
  height: 12px;
}

.icon-sld_prev_b {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -542px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 11px;
  min-width: 11px;
  height: 17px;
}

.icon-sld_prev_w {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -340px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 11px;
  min-width: 11px;
  height: 18px;
}

.icon-slide-left {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -802px 0px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 64px;
  min-width: 64px;
  height: 64px;
}

.icon-slide-left2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1371px -238px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 18px;
  min-width: 18px;
  height: 28px;
}

.icon-slide-left3 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -104px -835px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 54px;
  min-width: 54px;
  height: 54px;
}

.icon-slide-right {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -802px -114px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 64px;
  min-width: 64px;
  height: 64px;
}

.icon-slide-right2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1371px -80px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 18px;
  min-width: 18px;
  height: 30px;
}

.icon-slide-right3 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -208px -835px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 54px;
  min-width: 54px;
  height: 54px;
}

.icon-sns-off {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1211px -580px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 27px;
  min-width: 27px;
  height: 32px;
}

.icon-sns-on {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1211px -662px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 27px;
  min-width: 27px;
  height: 32px;
}

.icon-special-img1 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -658px -941px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 44px;
}

.icon-special-img2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -752px -941px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 44px;
}

.icon-special-img3 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -846px -941px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 44px;
}

.icon-special-img4 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -940px -941px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 44px;
}

.icon-special-img5 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1117px 0px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 44px;
}

.icon-special-img6 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1117px -94px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 44px;
  min-width: 44px;
  height: 44px;
}

.icon-step-final {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -639px -723px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 63px;
  min-width: 63px;
  height: 46px;
}

.icon-step-next {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -822px -835px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 43px;
  min-width: 43px;
  height: 33px;
}

.icon-step-prev {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -915px -835px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 43px;
  min-width: 43px;
  height: 33px;
}

.icon-sub-menu-select {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -194px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 14px;
  min-width: 14px;
  height: 14px;
}

.icon-sub-nav_3rd_bul {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -900px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 2px;
  min-width: 2px;
  height: 2px;
}

.icon-thrd-menu {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -693px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 5px;
  min-width: 5px;
  height: 2px;
}

.icon-time-icon {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -1146px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 17px;
  min-width: 17px;
  height: 16px;
}

.icon-title {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -544px 0px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 208px;
  min-width: 208px;
  height: 43px;
}

.icon-title2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -200px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 206px;
  min-width: 206px;
  height: 65px;
}

.icon-title3 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -544px -93px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 203px;
  min-width: 203px;
  height: 44px;
}

.icon-top-banner-next {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1017px -394px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 48px;
  min-width: 48px;
  height: 48px;
}

.icon-top-banner-prev {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1017px -492px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 48px;
  min-width: 48px;
  height: 48px;
}

.icon-top-move {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -312px -835px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 54px;
  min-width: 54px;
  height: 54px;
}

.icon-total-count-bul {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -359px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 1px;
  min-width: 1px;
  height: 10px;
}

.icon-twolinks_1a {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -502px -481px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 75px;
  min-width: 75px;
  height: 63px;
}

.icon-twolinks_1b {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -682px -357px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 70px;
  min-width: 70px;
  height: 70px;
}

.icon-twolinks_2a {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -802px -228px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 60px;
  min-width: 60px;
  height: 66px;
}

.icon-twolinks_2b {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -382px -481px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 70px;
  min-width: 70px;
  height: 70px;
}

.icon-type1 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -627px -481px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 71px;
  min-width: 71px;
  height: 62px;
}

.icon-type2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -611px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 71px;
  min-width: 71px;
  height: 62px;
}

.icon-type3 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -121px -611px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 71px;
  min-width: 71px;
  height: 62px;
}

.icon-type4 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -242px -611px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 71px;
  min-width: 71px;
  height: 62px;
}

.icon-type5 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -363px -611px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 71px;
  min-width: 71px;
  height: 62px;
}

.icon-type6 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -484px -611px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 71px;
  min-width: 71px;
  height: 62px;
}

.icon-up {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1371px -1198px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 16px;
  min-width: 16px;
  height: 16px;
}

.icon-v-left {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1017px -878px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 26px;
  min-width: 26px;
  height: 12px;
}

.icon-v-right {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -534px -1211px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 26px;
  min-width: 26px;
  height: 12px;
}

.icon-video_play_btn {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -256px -200px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 60px;
  min-width: 60px;
  height: 60px;
}

.icon-visual_next {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -472px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 17px;
  min-width: 17px;
  height: 17px;
}

.icon-visual_next2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -539px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 17px;
  min-width: 17px;
  height: 17px;
}

.icon-visual_pause {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1371px -800px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 18px;
  min-width: 18px;
  height: 18px;
}

.icon-visual_pause2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -606px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 17px;
  min-width: 17px;
  height: 17px;
}

.icon-visual_play {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -221px -1359px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 22px;
  min-width: 22px;
  height: 22px;
}

.icon-visual_play2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -673px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 17px;
  min-width: 17px;
  height: 17px;
}

.icon-visual_prev {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -740px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 17px;
  min-width: 17px;
  height: 17px;
}

.icon-visual_prev2 {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -807px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 17px;
  min-width: 17px;
  height: 17px;
}

main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  display: inline;
  zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
  word-break: keep-all;
}

button,
input,
select,
textarea {
  font-family: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

a:focus {
  outline: 0;
}

a:hover,
a:active {
  outline: 0;
}

b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

ins {
  text-decoration: underline;
}

del {
  text-decoration: line-through;
}

mark {
  background: #ff0;
  font-style: italic;
}

pre,
code,
kbd,
samp {
  font-family: monospace;
  _font-family: monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

p {
  margin: 0;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul,
ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

dl,
dt,
dd {
  margin: 0;
}

img {
  max-width: 100%;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: top;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

legend {
  display: none;
  border: 0;
  margin-left: -7px;
  padding: 0;
}

label {
  cursor: pointer;
}

button {
  padding: 0;
  outline: 0;
  border: none;
  background: transparent;
}

button,
input,
select,
textarea {
  font-size: 100%;
  font-family: inherit;
  margin: 0;
  /*vertical-align: baseline;*/
  vertical-align: middle;
  border-radius: 0;
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}

button,
input {
  line-height: normal;
  overflow: visible;
}

table button,
table input {
  overflow: auto;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: none;
}

input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

input:invalid,
textarea:invalid {
  border-color: #C82E2D;
}

button[disabled],
input[disabled] {
  cursor: default;
}

input::-ms-clear {
  display: none;
}

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

td {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

address,
em,
i {
  font-style: normal;
}

caption {
  position: absolute;
  top: 0;
  left: -9999px;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden;
  font-size: 0;
}

/*
-----------*/
.in_length30 {
  width: 30px;
}

.in_length40 {
  width: 40px;
}

.in_length50 {
  width: 50px;
}

.in_length60 {
  width: 60px;
}

.in_length70 {
  width: 70px;
}

.in_length80 {
  width: 80px;
}

.in_length90 {
  width: 90px;
}

.in_length100 {
  width: 100px;
}

.in_length110 {
  width: 110px;
}

.in_length120 {
  width: 120px;
}

.in_length130 {
  width: 130px;
}

.in_length140 {
  width: 140px;
}

.in_length150 {
  width: 150px;
}

.in_length160 {
  width: 160px;
}

.in_length170 {
  width: 170px;
}

.in_length180 {
  width: 180px;
}

.in_length190 {
  width: 190px;
}

.in_length200 {
  width: 200px;
}

.in_length250 {
  width: 250px;
}

.in_length300 {
  width: 300px;
}

.in_length350 {
  width: 350px;
}

.in_length400 {
  width: 400px;
}

.in_length450 {
  width: 450px;
}

.in_length500 {
  width: 500px;
}

.in_length600 {
  width: 600px;
}

.in_length98pro {
  width: 98%;
}

.float_wrap:after {
  content: ' ';
  clear: both;
  display: block;
  visibility: hidden;
}

* + html .float_wrap {
  display: inline-block;
}

* html .float_wrap {
  height: 1%;
}

.float-wrap:after {
  content: ' ';
  clear: both;
  visibility: hidden;
  display: block;
}

* + html .float-wrap {
  display: inline-block;
}

.align_right {
  text-align: right;
}

.align_left {
  text-align: left !important;
}

.align_center {
  text-align: center;
}

.hidden_word {
  position: absolute;
  top: 0;
  left: -9999px;
  text-indent: -9999px;
  display: block;
}

.mgn_b5 {
  margin-bottom: 5px;
}

.mgn_b8 {
  margin-bottom: 8px;
}

.mgn_b10 {
  margin-bottom: 10px;
}

.mgn_b15 {
  margin-bottom: 15px;
}

.mgn_b18 {
  margin-bottom: 18px;
}

.mgn_b20 {
  margin-bottom: 20px;
}

.mgn_b25 {
  margin-bottom: 25px;
}

.mgn_b30 {
  margin-bottom: 30px;
}

.mgn_b40 {
  margin-bottom: 40px;
}

.mgn_b50 {
  margin-bottom: 50px;
}

.mgn_t5 {
  margin-top: 5px;
}

.mgn_t8 {
  margin-top: 8px;
}

.mgn_t10 {
  margin-top: 10px;
}

.mgn_t15 {
  margin-top: 15px;
}

.mgn_t18 {
  margin-top: 18px;
}

.mgn_t20 {
  margin-top: 20px;
}

.mgn_t25 {
  margin-top: 25px;
}

.mgn_t30 {
  margin-top: 30px;
}

.mgn_t40 {
  margin-top: 40px;
}

.mgn_t50 {
  margin-top: 50px;
}

.mgn_t70 {
  margin-top: 70px;
}

.mgn_t80 {
  margin-top: 80px;
}

.mgn_t100 {
  margin-top: 100px;
}

.mgn_t105 {
  margin-top: 105px;
}

.mgn_l10 {
  margin-left: 10px;
}

.mgn_l15 {
  margin-left: 15px;
}

.mgn_l20 {
  margin-left: 20px;
}

.mgn_l30 {
  margin-left: 30px;
}

.mgn_l40 {
  margin-left: 40px;
}

.mgn_l50 {
  margin-left: 50px;
}

.mgn_r10 {
  margin-right: 10px;
}

.mgn_r20 {
  margin-right: 20px;
}

.mgn_r30 {
  margin-right: 30px;
}

.mgn_r40 {
  margin-right: 40px;
}

.left_10 {
  padding-left: 10px;
}

.left_15 {
  padding-left: 15px;
}

.left_20 {
  padding-left: 20px;
}

.left_30 {
  padding-left: 30px;
}

.left_40 {
  padding-left: 40px;
}

.left_50 {
  padding-left: 50px;
}

.left_100 {
  padding-left: 100px;
}

.left_150 {
  padding-left: 150px;
}

.right_10 {
  padding-right: 10px;
}

.right_20 {
  padding-right: 20px;
}

.right_30 {
  padding-right: 30px;
}

.right_50 {
  padding-right: 50px;
}

.right_100 {
  padding-right: 100px;
}

.right_150 {
  padding-right: 150px;
}

.col_brown {
  color: #996630;
}

.line_14 {
  line-height: 1.4;
}

.line_16 {
  line-height: 1.6;
}

.line_18 {
  line-height: 1.8;
}

.col_red {
  color: #da4453;
}

.col_gold {
  color: #CD883D;
}

.col_black {
  color: #000000;
}

.col_org {
  color: #f05914;
}

.col_gray {
  color: #818283;
}

.col_black {
  color: #000;
}

.col_pul {
  color: #3c5e80;
}

.col_blue {
  color: #21539b;
}

.col_gold {
  color: #999900;
}

.col_yellow {
  color: #fff585;
}

.font_bold {
  font-weight: bold;
}

.font_11 {
  font-size: 11px;
  font-size: 1.1rem;
}

.font_12 {
  font-size: 12px;
  font-size: 1.2rem;
}

.font_13 {
  font-size: 13px;
  font-size: 1.3rem;
}

.font_14 {
  font-size: 14px;
  font-size: 1.4rem;
}

.font_15 {
  font-size: 15px;
  font-size: 1.5rem;
}

.font_16 {
  font-size: 16px;
  font-size: 1.6rem;
}

.font_17 {
  font-size: 17px;
  font-size: 1.7rem;
}

.font_18 {
  font-size: 18px;
  font-size: 1.8rem;
}

.font_20 {
  font-size: 20px;
  font-size: 2.0rem;
}

.font_22 {
  font-size: 22px;
  font-size: 2.2rem;
}

.chk_box {
  height: 13px;
  margin: 0;
}

.chk_box, label {
  vertical-align: middle;
}

/*
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 400;
	src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgurzrf.tbbtyrhfrepbagrag.pbz%2Sfgngvp%2Ssbagf%2Srneylnpprff%2Sanahztbguvp%2Si3%2SAnahzTbguvp-Erthyne.rbg);
	src: local('NanumGothic'), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgurzrf.tbbtyrhfrepbagrag.pbz%2Sfgngvp%2Ssbagf%2Srneylnpprff%2Sanahztbguvp%2Si3%2SAnahzTbguvp-Erthyne.rbg%3S%23vrsvk##iefix) format('embedded-opentype'),
			 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgurzrf.tbbtyrhfrepbagrag.pbz%2Sfgngvp%2Ssbagf%2Srneylnpprff%2Sanahztbguvp%2Si3%2SAnahzTbguvp-Erthyne.jbss2) format('x-woff2'),
			 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgurzrf.tbbtyrhfrepbagrag.pbz%2Sfgngvp%2Ssbagf%2Srneylnpprff%2Sanahztbguvp%2Si3%2SAnahzTbguvp-Erthyne.jbss) format('woff'),
			 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgurzrf.tbbtyrhfrepbagrag.pbz%2Sfgngvp%2Ssbagf%2Srneylnpprff%2Sanahztbguvp%2Si3%2SAnahzTbguvp-Erthyne.ggs) format('truetype');
}
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 700;
	src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgurzrf.tbbtyrhfrepbagrag.pbz%2Sfgngvp%2Ssbagf%2Srneylnpprff%2Sanahztbguvp%2Si3%2SAnahzTbguvp-Obyq.rbg);
	src: local('NanumGothicBold'), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgurzrf.tbbtyrhfrepbagrag.pbz%2Sfgngvp%2Ssbagf%2Srneylnpprff%2Sanahztbguvp%2Si3%2SAnahzTbguvp-Obyq.rbg%3S%23vrsvk##iefix) format('embedded-opentype'),
			 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgurzrf.tbbtyrhfrepbagrag.pbz%2Sfgngvp%2Ssbagf%2Srneylnpprff%2Sanahztbguvp%2Si3%2SAnahzTbguvp-Obyq.jbss2) format('x-woff2'),
			 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgurzrf.tbbtyrhfrepbagrag.pbz%2Sfgngvp%2Ssbagf%2Srneylnpprff%2Sanahztbguvp%2Si3%2SAnahzTbguvp-Obyq.jbss) format('woff'),
			 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgurzrf.tbbtyrhfrepbagrag.pbz%2Sfgngvp%2Ssbagf%2Srneylnpprff%2Sanahztbguvp%2Si3%2SAnahzTbguvp-Obyq.ggs) format('truetype');
}
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 800;
	src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgurzrf.tbbtyrhfrepbagrag.pbz%2Sfgngvp%2Ssbagf%2Srneylnpprff%2Sanahztbguvp%2Si3%2SAnahzTbguvp-RkgenObyq.rbg);
	src: local('NanumGothicExtraBold'), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgurzrf.tbbtyrhfrepbagrag.pbz%2Sfgngvp%2Ssbagf%2Srneylnpprff%2Sanahztbguvp%2Si3%2SAnahzTbguvp-RkgenObyq.rbg%3S%23vrsvk##iefix) format('embedded-opentype'),
			 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgurzrf.tbbtyrhfrepbagrag.pbz%2Sfgngvp%2Ssbagf%2Srneylnpprff%2Sanahztbguvp%2Si3%2SAnahzTbguvp-RkgenObyq.jbss2) format('x-woff2'),
			 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgurzrf.tbbtyrhfrepbagrag.pbz%2Sfgngvp%2Ssbagf%2Srneylnpprff%2Sanahztbguvp%2Si3%2SAnahzTbguvp-RkgenObyq.jbss) format('woff'),
			 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgurzrf.tbbtyrhfrepbagrag.pbz%2Sfgngvp%2Ssbagf%2Srneylnpprff%2Sanahztbguvp%2Si3%2SAnahzTbguvp-RkgenObyq.ggs) format('truetype');
}
*/
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */
/*@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Guva.jbss2) format("woff2"), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Guva.jbss) format("woff"), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Guva.bgs) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Yvtug.jbss2) format("woff2"), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Yvtug.jbss) format("woff"), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Yvtug.bgs) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Erthyne.jbss2) format("woff2"), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Erthyne.jbss) format("woff"), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Erthyne.bgs) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Zrqvhz.jbss2) format("woff2"), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Zrqvhz.jbss) format("woff"), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Zrqvhz.bgs) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Obyq.jbss2) format("woff2"), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Obyq.jbss) format("woff"), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Obyq.bgs) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Oynpx.jbss2) format("woff2"), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Oynpx.jbss) format("woff"), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tfgngvp.pbz%2Srn%2Sabgbfnafxe%2Si2%2SAbgbFnafXE-Oynpx.bgs) format("opentype"); }*/
@font-face {
  font-family: 'SUIT';
  src: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spqa.wfqryvie.arg%2Stu%2Scebwrpgabbaah%2Sabbasbagf_fhvg%401.0%2SFHVG-Erthyne.jbss2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'KHNPHD';
  src: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spqa.wfqryvie.arg%2Stu%2Scebwrpgabbaah%2Sabbasbagf_bar%401.0%2SXUACUQ.jbss") format("woff");
  font-weight: normal;
  font-style: normal;
}

html {
  font-size: 62.5%;
}

html.websize-1 {
  font-size: 62.5%;
}

html.websize-2 {
  font-size: 68.5%;
}

html.websize-3 {
  font-size: 72.5%;
}

html.websize-4 {
  font-size: 78.5%;
}

html.websize-5 {
  font-size: 82.5%;
}

.float-wrap:after {
  content: ' ';
  clear: both;
  visibility: hidden;
  display: block;
}

* + html .float-wrap {
  display: inline-block;
}

.float_wrap:after {
  content: ' ';
  clear: both;
  visibility: hidden;
  display: block;
}

* + html .float_wrap {
  display: inline-block;
}

/**/
.size-realtime {
  display: none;
  font-size: 12px;
  padding-left: 0 !important;
}

html.websize-1 .size-realtime.s1 {
  display: inline-block;
}

html.websize-2 .size-realtime.s2 {
  display: inline-block;
}

html.websize-3 .size-realtime.s3 {
  display: inline-block;
}

html.websize-4 .size-realtime.s4 {
  display: inline-block;
}

html.websize-5 .size-realtime.s5 {
  display: inline-block;
}

/* 게시판 */
table caption {
  font-size: 0px;
  line-height: 0px;
  height: 0px;
  width: 0px;
  text-indent: -9999px;
}

.bbs-wrap {
  display: block;
}

.bbs-wrap table {
  width: 100%;
  border-top: 2px solid #5485e4;
  font-size: 14px;
  color: #454545;
}

.bbs-wrap table th, .bbs-wrap table td {
  text-align: center;
  border-bottom: 1px solid #e9e9e9;
  padding: 15px 6px;
}

.bbs-wrap table th {
  font-size: 16px;
  font-weight: bold;
  background-color: #f5f8fd;
  padding: 14px 20px;
  color: #111111;
}

.bbs-wrap table td.sbj_line {
  text-align: left;
}

.bbs-wrap table td a:hover {
  text-decoration: underline;
  color: #000;
}

.bbs-wrap .h3_bul {
  font-size: 0;
}

.bbs-out-wrap .paging {
  text-align: center;
  margin-top: 30px;
}

.bbs-out-wrap .paging strong {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  font-size: 16px;
}

.bbs-out-wrap .paging a {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  font-weight: 400;
  font-size: 16px;
  color: #777777;
}

.bbs-out-wrap .paging a.first {
  font-size: 0px;
  line-height: 0px;
  width: 30px;
  height: 30px;
  padding: 0 3px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Sfvgr%2Scntvat_svefg.wct");
  background-position: center center;
  background-repeat: no-repeat;
}

.bbs-out-wrap .paging a.prev {
  font-size: 0px;
  line-height: 0px;
  width: 30px;
  height: 30px;
  padding: 0 3px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Sfvgr%2Scntvat_ceri.wct");
  background-position: center center;
  background-repeat: no-repeat;
}

.bbs-out-wrap .paging a.next {
  font-size: 0px;
  line-height: 0px;
  width: 30px;
  height: 30px;
  padding: 0 3px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Sfvgr%2Scntvat_arkg.wct");
  background-position: center center;
  background-repeat: no-repeat;
}

.bbs-out-wrap .paging a.last {
  font-size: 0px;
  line-height: 0px;
  width: 30px;
  height: 30px;
  padding: 0 3px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Sfvgr%2Scntvat_ynfg.wct");
  background-position: center center;
  background-repeat: no-repeat;
}

.bbs-out-wrap .paging a.selected {
  color: #5485e4;
  font-size: 18px;
}

.bbs-out-wrap .top_select {
  height: 32px;
  border: 1px solid #dedddd;
}

.bbs-out-wrap .search_box {
  text-align: center;
  margin-top: 50px;
  background-color: #fbfbfb;
  border: 1px solid #e9e9e9;
  padding: 20px;
}

.bbs-out-wrap .selectbox_title {
  color: #666;
  height: 30px;
  line-height: 30px;
  border: 1px solid #e1e0e0;
  text-align: left;
  background-color: #fff;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Sfvgr%2Soof_fryrpgobk_gvgyr.wct");
  background-repeat: no-repeat;
  background-position: right center;
}

.bbs-out-wrap .in_s_box {
  font-size: 14px;
  padding: 0px 3px;
  line-height: 30px;
  height: 30px;
  border: 1px solid #dedddd;
}

@media screen and (max-width: 768px) and (min-width: 1px) {
  .bbs-wrap table th {
    font-size: 15px;
    padding: 15px 5px 15px 7px;
  }
  .top_select {
    width: 20% !important;
  }
  .bbs-out-wrap .search_box {
    padding: 20px 10px;
  }
}

@media screen and (max-width: 500px) and (min-width: 1px) {
  .bbs-wrap table th, .bbs-wrap table td {
    vertical-align: middle;
  }
  .bbs-wrap table tr th:nth-child(4) {
    display: none;
  }
  .bbs-wrap table tr th:nth-child(5) {
    display: none;
  }
  .bbs-wrap table tr td:nth-child(4) {
    display: none;
  }
  .bbs-wrap table tr td:nth-child(5) {
    display: none;
  }
  .bbs-wrap table colgroup {
    display: none;
  }
  .bbs-wrap table th:first-child, .bbs-wrap table td:nth-child(3) {
    white-space: nowrap;
  }
  .bbs-out-wrap.view-type table tr th:nth-child(4) {
    display: table-cell;
  }
  .bbs-out-wrap.view-type table tr th:nth-child(5) {
    display: table-cell;
  }
  .bbs-out-wrap.view-type table tr td:nth-child(4) {
    display: table-cell;
  }
  .bbs-out-wrap.view-type table tr td:nth-child(5) {
    display: table-cell;
  }
  .bbs-out-wrap.view-type table colgroup {
    display: table-cell;
  }
  .bbs-out-wrap.view-type table th:first-child, .bbs-out-wrap.view-type table td:nth-child(3) {
    white-space: normal;
  }
}

/* 보기 */
.bbs-out-wrap {
  /* 글쓰기 */
}

.bbs-out-wrap.view-type .bbs-wrap {
  margin-bottom: 20px;
  position: relative;
}

.bbs-out-wrap.view-type th, .bbs-out-wrap.view-type.view-type td {
  text-align: left;
}

.bbs-out-wrap.view-type .bbs_cont_wrap {
  padding: 10px 0 0 10px;
}

.bbs-out-wrap.view-type .bbs_cont_wrap .bbs_cont {
  padding: 0;
  text-align: center;
}

.bbs-out-wrap.view-type .bbs_cont_wrap .bbs_cont video {
  width: 100% !important;
  height: 100%;
}

.bbs-out-wrap.view-type .bbs_cont_wrap .bbs_cont iframe {
  width: 100%;
}

.bbs-out-wrap.view-type .bbs_cont th,
.bbs-out-wrap.view-type .bbs_cont td {
  text-align: left;
  padding: 10px 6px;
  word-break: break-all;
}

.bbs-out-wrap.view-type .bbs_cont {
  text-align: left;
}

.bbs-out-wrap.view-type .bbs_cont img {
  max-width: 880px;
  width: 100%;
}

.bbs-out-wrap.view-type .bbs_cont img,
.bbs-out-wrap.view-type .bbs_cont p {
  margin-bottom: 20px;
}

.bbs-out-wrap.view-type .bbs_file a {
  color: #0066cc;
  padding-right: 20px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Sfvgr%2Soof_svyr.wct");
  background-position: right center;
  background-repeat: no-repeat;
}

.bbs-out-wrap.view-type .prev_next {
  border-top: 1px solid #cdd6db;
}

.bbs-out-wrap.view-type .prev_next a {
  display: block;
  background-color: #fafdfe;
  color: #666;
  padding: 10px 0 10px 140px;
  border-bottom: 1px solid #cdd6db;
  background-repeat: no-repeat;
  background-position: left center;
}

.bbs-out-wrap.view-type .prev_next .prev {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Sfvgr%2Soof_ceri.wct");
}

.bbs-out-wrap.view-type .prev_next .next {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Sfvgr%2Soof_arkg.wct");
}

.bbs-out-wrap .url_copy {
  position: absolute;
  right: 10px;
  top: 8px;
  border: 1px solid #ddd;
  padding: 3px 0;
  background: #fff;
  display: none;
}

.bbs-out-wrap.write-type .bbs-wrap {
  margin-bottom: 20px;
}

.bbs-out-wrap.write-type th,
.bbs-out-wrap.write-type td {
  text-align: left;
  padding: 10px 30px;
}

.bbs-out-wrap.write-type .bbs_cont {
  text-align: left;
  padding: 20px 30px 50px 30px;
}

/* 갤러리 list */
.new_gall_wrap {
  padding: 0 0 0 10px;
  margin-bottom: 30px;
}

.new_gall_list_wrap li {
  float: left;
  width: 33%;
  height: 206px;
  position: relative;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Swnpp%2Svzntrf%2Sonfvp%2Stnyy_yvfg_ot.wct");
  background-position: 0 0;
  background-repeat: no-repeat;
}

.new_gall_list_wrap li span {
  margin-bottom: 12px;
  text-align: center;
}

.new_gall_list_wrap li span img {
  width: 188px;
  height: 118px;
  border: 1px solid #ccc;
}

.new_gall_list_wrap li h3 {
  color: #444;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: bold;
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.new_gall_list_wrap li a {
  color: #444;
  padding: 24px 10px 20px 11px;
  display: block;
}

.new_gall_list_wrap li p {
  text-align: left;
  color: #444;
}

.new_gall_list_wrap li a:hover {
  text-decoration: underline;
}

/*br 숨김처리*/
br.pc_none {
  display: none;
}

@media screen and (min-width: 1px) and (max-width: 1000px) {
  br.pc_none {
    display: block;
  }
  br.mb_none {
    display: none;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/**/
html body {
  font-size: 14px;
  font-size: 1.4rem;
}

/*사이즈 확인*/
.resol {
  position: fixed;
  bottom: 0;
  right: 0;
  border: 3px solid red;
  background-color: #fff;
  padding: 5px;
}

/*숫자클래스 삽입*/
.menu-num-2 > ul > li {
  width: 50%;
}

.menu-num-3 > ul > li {
  width: 33.33%;
}

* + html .menu-num-3 > ul > li {
  width: 33%;
}

.menu-num-4 > ul > li {
  width: 25%;
}

.menu-num-5 > ul > li {
  width: 20%;
}

.menu-num-6 > ul > li {
  width: 16.66%;
}

* + html .menu-num-6 > ul > li {
  width: 16%;
}

.menu-num-7 > ul > li {
  width: 14%;
}

.menu-num-8 > ul > li {
  width: 12.5%;
}

.menu-num-9 > ul > li {
  width: 11.20%;
}

* + html .menu-num-9 > ul > li {
  width: 11%;
}

.menu-num-10 > ul > li {
  width: 10%;
}

.menu-num-11 > ul > li {
  width: 9.09%;
}

* + html .menu-num-11 > ul > li {
  width: 9%;
}

.menu-num-12 > ul > li {
  width: 8.3%;
}

* + html .menu-num-12 > ul > li {
  width: 8%;
}

.menu-num-13 > ul > li {
  width: 7.5%;
}

* + html .menu-num-13 > ul > li {
  width: 7%;
}

/*유동적 가로세로 비율 박스*/
#movie-player-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  /*16:9*/
  background-color: #00235d;
  color: #fff;
}

#movie-player-wrapper .mov-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#movie-player-wrapper iframe {
  width: 100%;
  height: 100%;
}

/*표 반응형*/
.test-table {
  margin-bottom: 30px;
}

.test-table table {
  border-collapse: collapse;
  width: 100%;
}

.test-table th {
  border: 1px solid #777;
  padding: 5px;
}

.test-table td {
  border: 1px solid #777;
  padding: 5px;
}

@media (max-width: 800px) {
  .test-table th {
    display: none;
  }
  .test-table td {
    display: block;
    margin-bottom: 10px;
  }
  .test-table td:before {
    color: blue;
    font-weight: bold;
    content: attr(data-th) " : ";
  }
}

.show-list__top {
  position: relative;
  margin: 80px 0 20px;
}

.show-list__top:after {
  content: ' ';
  clear: both;
  display: block;
  visibility: hidden;
}

* + html .show-list__top {
  display: inline-block;
}

.show-list__top__info {
  float: left;
}

.show-list__top__search {
  float: right;
}

.show-list__top__search::after {
  content: "";
  display: block;
  clear: both;
}

.show-list__top__search .selectboxN1 {
  float: left;
  border-radius: 26px;
  overflow: hidden;
  margin-right: 15px;
  padding: 0 26px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f5f5f5;
}

.show-list__top__search .selectboxN1 select {
  width: 148px;
  height: 52px;
  background: #f5f5f5;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #f5f5f5;
}

.show-list__top__search .selectboxN1 label {
  width: 1px;
  height: 1px;
  color: rgba(255, 255, 255, 0);
  opacity: 0;
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.show-list__top__search__inputbox {
  float: left;
  position: relative;
  border-radius: 26px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f5f5f5;
  padding: 0 26px;
}

.show-list__top__search__inputbox input {
  width: 268px;
  height: 52px;
  background: #f5f5f5;
  border: 2px solid #f5f5f5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.show-list__top__search__inputbox a {
  display: block;
  text-indent: -9999em;
  position: absolute;
  top: 0;
  right: 15px;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1017px 0px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 50px;
  min-width: 50px;
  height: 50px;
}

.show-list__top.ver2 {
  background-color: #fff;
}

.ver2 .show-list__top__info {
  left: 0;
  font-size: 16px;
  color: #000;
  font-weight: bold;
}

.ver2 .show-list__top__info span {
  color: #f08a37;
}

.ver2 .show-list__top__search {
  right: 0;
}

/* show list top */
@media screen and (min-width: 1px) and (max-width: 1400px) {
  .show-list__top__info {
    display: none;
  }
  .show-list__top__search__selectbox {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background-color: #fff;
    text-align: left;
    border: 1px solid #000;
  }
  .show-list__top__search__selectbox:after {
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    content: ' ';
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -186px -1497px;
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
    width: 9px;
    min-width: 9px;
    height: 5px;
  }
  .show-list__top__search__selectbox select {
    width: 100%;
    background-color: transparent;
    appearance: none;
    min-width: 130px;
    vertical-align: middle;
    color: #000;
    font-size: 16px;
    height: 38px;
    margin-top: 0;
    padding: 2px 2px 2px 10px;
    position: relative;
    border: 0px;
    /*
			@media screen and (min-width:0\0){
				& {width:125%}
			}
			*/
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    /*ie10~11 에서 셀렉트 기본디자인 무력화*/
  }
  .show-list__top__search__selectbox select::-ms-expand {
    display: none;
  }
  .lte-ie9 .show-list__top__search__selectbox select {
    width: 125%;
    vertical-align: top;
  }
  .show-list__top__search__selectbox select option {
    font-family: "SUIT";
  }
}

@media screen and (min-width: 1px) and (max-width: 1400px) and (min-width: 1px) and (max-width: 768px) {
  .show-list__top__search__selectbox select {
    min-width: 100px;
  }
}

@media screen and (min-width: 1px) and (max-width: 1400px) {
  .show-list__top__search__inputbox {
    display: inline-block;
    vertical-align: middle;
    position: relative;
  }
  .show-list__top__search__inputbox input {
    width: 200px;
    height: 58px;
    line-height: 58px;
    font-size: 16px;
    padding: 0;
    padding-left: 10px;
  }
  .show-list__top__search__inputbox a {
    font-size: 0;
    text-indent: -9999px;
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -1017px 0px;
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
    width: 50px;
    min-width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    right: 2px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .show-list__top {
    padding: 10px 0;
  }
  .show-list__top__search {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    top: 0;
    right: 0;
    position: relative;
    float: none;
  }
  .show-list__top__search__selectbox {
    margin-bottom: 10px;
  }
  .show-list__top__search__selectbox {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background-color: #fff;
    text-align: left;
    border: 1px solid #000;
  }
  .show-list__top__search__selectbox:after {
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    content: ' ';
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -186px -1497px;
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
    width: 9px;
    min-width: 9px;
    height: 5px;
  }
  .show-list__top__search__selectbox select {
    width: 100%;
    background-color: transparent;
    appearance: none;
    min-width: 200px;
    vertical-align: middle;
    color: #000;
    font-size: 16px;
    height: 38px;
    margin-top: 0;
    padding: 2px 2px 2px 10px;
    position: relative;
    border: 0px;
    /*
			@media screen and (min-width:0\0){
				& {width:125%}
			}
			*/
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    /*ie10~11 에서 셀렉트 기본디자인 무력화*/
  }
  .show-list__top__search__selectbox select::-ms-expand {
    display: none;
  }
  .lte-ie9 .show-list__top__search__selectbox select {
    width: 125%;
    vertical-align: top;
  }
  .show-list__top__search__selectbox select option {
    font-family: "SUIT";
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) and (min-width: 1px) and (max-width: 768px) {
  .show-list__top__search__selectbox select {
    min-width: 170px;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .show-list__top__search__inputbox {
    margin-bottom: 10px;
  }
  .show-list__top__search__inputbox {
    display: inline-block;
    vertical-align: middle;
    position: relative;
  }
  .show-list__top__search__inputbox input {
    width: 280px;
    height: 58px;
    line-height: 58px;
    font-size: 16px;
    padding: 0;
    padding-left: 10px;
  }
  .show-list__top__search__inputbox a {
    font-size: 0;
    text-indent: -9999px;
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -1017px 0px;
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
    width: 50px;
    min-width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    right: 2px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .show-list__top.ver2 {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .show-list__top__search .selectboxN1 {
    float: none;
    width: 100%;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .show-list__top__search .selectboxN1 select {
    width: 100%;
  }
  .show-list__top__search__inputbox {
    float: none;
    width: 100%;
    margin: 0 !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .show-list__top__search__inputbox input {
    border: none;
  }
}

/********** useful **********/
.hide {
  position: absolute;
  left: -9999px;
  overflow: hidden;
  width: 1px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
}

caption {
  position: static;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  font-size: 1px;
  text-indent: -9999px;
}

.clearfix:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  font-size: 0;
  clear: both;
}

.none {
  display: none !important;
}

.on_iblock {
  display: inline-block !important;
}

.on_block {
  display: block !important;
}

.pc-view {
  display: block !important;
}

.m-view {
  display: none !important;
}

.fc_fff {
  color: #fff;
}

.fc_333 {
  color: #333;
}

.fc_666 {
  color: #666;
}

.fc_blue {
  color: #1879ba;
}

.fc_skyblue {
  color: #62c1e8;
}

.fc_navy {
  color: #000080;
}

.fc_red {
  color: #e42626;
}

.fc_green {
  color: #008000;
}

.fc_teal {
  color: #008080;
}

.fc_purple {
  color: #800080;
}

.fw_bold {
  font-weight: 700;
}

.ta_l {
  text-align: left !important;
}

.ta_c {
  text-align: center !important;
}

.ta_r {
  text-align: right !important;
}

.dotdot {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mid_helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.link_txt {
  color: #7692d8;
}

.link_txt:hover {
  text-decoration: underline;
}

.on_991 {
  display: none !important;
}

.on_767 {
  display: none !important;
}

.on_640 {
  display: none !important;
}

.on_480 {
  display: none !important;
}

.ib_991 {
  display: none !important;
}

.ib_767 {
  display: none !important;
}

.ib_640 {
  display: none !important;
}

.ib_480 {
  display: none !important;
}

.i_991 {
  display: none !important;
}

.i_767 {
  display: none !important;
}

.i_640 {
  display: none !important;
}

.i_480 {
  display: none !important;
}

.mt_5 {
  margin-top: 5px;
}

.mt_10 {
  margin-top: 10px;
}

.mt_15 {
  margin-top: 15px;
}

.mt_20 {
  margin-top: 20px;
}

.mt_25 {
  margin-top: 25px;
}

.mt_30 {
  margin-top: 30px;
}

.mt_40 {
  margin-top: 40px;
}

.mt_50 {
  margin-top: 50px;
}

.mt_100 {
  margin-top: 100px;
}

.mt_150 {
  margin-top: 150px;
}

.mb_5 {
  margin-bottom: 5px;
}

.mb_10 {
  margin-bottom: 10px;
}

.mb_15 {
  margin-bottom: 15px;
}

.mb_20 {
  margin-bottom: 20px;
}

.mb_25 {
  margin-bottom: 25px;
}

.mb_30 {
  margin-bottom: 30px;
}

.mb_40 {
  margin-bottom: 40px;
}

.mb_50 {
  margin-bottom: 50px;
}

.mr_5 {
  margin-right: 5px;
}

.mr_10 {
  margin-right: 10px;
}

.mr_15 {
  margin-right: 15px;
}

.mr_20 {
  margin-right: 20px;
}

.mr_50 {
  margin-right: 50px;
}

.mr_80 {
  margin-right: 80px;
}

.ml_5 {
  margin-left: 5px;
}

.ml_10 {
  margin-left: 10px;
}

.ml_15 {
  margin-left: 15px;
}

.ml_20 {
  margin-left: 20px;
}

/********** // useful **********/
/* 2018-04-25 占쎈퉲�겫�룞�삕 */
/* alert_layer, confirm_layer */
.alert_layer_box, .confirm_layer_box {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 9999;
  width: 400px;
  margin-left: -200px;
  margin-top: -200px;
  padding: 60px 20px;
  background-color: #fff;
  border: 1px solid #707070;
  border-radius: 6px;
  text-align: center;
  -webkit-box-shadow: 0 0 17px 0 #333;
          box-shadow: 0 0 17px 0 #333;
  outline: none;
}

.alert_layer_box .txt, .confirm_layer_box .txt {
  font-size: 1.13em;
  font-weight: 500;
}

.alert_layer_box .btn_wrap, .confirm_layer_box .btn_wrap {
  padding-top: 40px;
}

/* bullet list, txt */
.bar_list > li {
  padding-left: 13px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sohyy%2Sohyy_one.wct") 0px 9px no-repeat;
}

.bar_list > li:last-child {
  margin-bottom: 0 !important;
}

.dot_list > li {
  padding-left: 13px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sohyy%2Sohyy_qbg.wct") 2px 7px no-repeat;
}

.dot_list > li:last-child {
  margin-bottom: 0 !important;
}

.wdot_list > li {
  padding-left: 13px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sohyy%2Sohyy_jqbg.cat") 2px 7px no-repeat;
  color: #fff;
}

.wdot_list > li:last-child {
  margin-bottom: 0 !important;
}

.arr_list > li {
  padding-left: 13px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sohyy%2Sohyy_nee.cat") 0px 7px no-repeat;
}

.arr_list > li:last-child {
  margin-bottom: 0 !important;
}

.num_list {
  padding-left: 20px;
}

.num_list > li {
  list-style-type: decimal;
}

.num_list > li:last-child {
  margin-bottom: 0 !important;
}

.abs_bull_list > li {
  position: relative;
  z-index: 1;
  padding-left: 20px;
}

.abs_bull_list > li:last-child {
  margin-bottom: 0 !important;
}

.abs_bull_list .bull {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.bar_txt {
  padding-left: 13px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sohyy%2Sohyy_one.wct") 0px 8px no-repeat;
}

.dot_txt {
  padding-left: 13px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sohyy%2Sohyy_qbg.wct") 2px 7px no-repeat;
}

.wdot_txt {
  padding-left: 13px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sohyy%2Sohyy_jqbg.cat") 2px 7px no-repeat;
  color: #fff;
}

.arr_txt {
  padding-left: 13px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sohyy%2Sohyy_nee.cat") 0px 6px no-repeat;
}

/* // bullet list, txt */
/* sch_bar */
.sch_bar_box {
  margin-bottom: 20px;
}

.total_txt {
  margin-bottom: 10px;
}

.total_txt .num {
  color: #e03321;
}

.sch_bar_box .total_txt {
  float: left;
  margin-top: 10px;
  margin-bottom: 0;
}

.sch_bar_box .period {
  float: right;
}

.sch_bar {
  float: right;
}

.sch_bar:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  clear: both;
}

.sch_label {
  display: inline-block;
  float: left;
  height: 40px;
  line-height: 40px;
  margin-right: 5px;
}

.sch_slt {
  display: inline-block;
  float: left;
  height: 40px;
  margin-right: 5px;
  border: 1px solid #cacaca;
}

.sch_slt_period {
  display: inline-block;
  float: left;
  height: 40px;
  width: 86px;
  margin-right: 5px;
  border: 1px solid #cacaca;
  padding: 0 10px;
}

.sch_slt_txt {
  display: inline-block;
  float: left;
  margin-top: 9px;
  margin-right: 5px;
  text-align: center;
  vertical-align: middle;
}

.sch_input {
  display: inline-block;
  float: left;
  height: 38px;
  padding: 0 10px;
  border: 1px solid #cacaca;
  border-right: 0 none;
}

.sch_btn {
  display: inline-block;
  float: left;
  width: 85px;
  height: 40px;
  line-height: 40px;
  background-color: #5f6577;
  color: #fff;
  font-family: inherit;
  font-size: 1em;
  font-weight: 300;
  text-align: center;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.sch_btn .ico {
  display: inline-block;
  padding-left: 27px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Sfpu_vpb.cat") 0 center no-repeat;
  background-size: 18px;
}

.sch_btn:hover, .sch_btn:focus {
  background-color: #363a48;
}

/* // sch_bar */
/* sub_sch_box */
.sub_sch_box {
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
  padding: 40px 0;
  background-color: #fbf7f4;
  border-radius: 5px;
}

.sub_sch_box .row {
  display: table;
  width: 640px;
  margin: 0 auto;
  position: relative;
  border-radius: 20px;
}

.sub_sch_box .row:last-of-type {
  margin-bottom: 0;
}

.sub_sch_box label {
  display: table-cell;
  width: 70px;
  font-size: 1.06em;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  top: 0;
  left: -9999px;
}

.sub_sch_box .slt_box {
  display: table-cell;
  padding-right: 15px;
  vertical-align: middle;
}

.sub_sch_box select {
  width: 100%;
  height: 40px;
  border: 0 none;
  border-radius: 3px;
  color: #888;
  cursor: pointer;
}

.sub_sch_box .input_box {
  display: table-cell;
  padding-right: 15px;
  vertical-align: middle;
}

.sub_sch_box input {
  width: 100%;
  height: 40px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0 none;
  border-radius: 3px;
  color: #555;
  border-radius: 20px;
}

.sub_sch_box .input_box.date {
  font-size: 0;
}

.sub_sch_box .input_box.date input {
  width: 46%;
  padding: 0 5px;
  padding-right: 45px;
  background: #fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Spny_fpu_vpb.wct") right center no-repeat;
  font-size: 13px;
  text-align: center;
  cursor: pointer;
}

.sub_sch_box .input_box.date .date_wave {
  display: inline-block;
  width: 8%;
  font-size: 15px;
  text-align: center;
}

.sub_sch_box .row > *:last-child {
  padding-right: 0;
}

.st_sch_btn {
  display: block;
  position: absolute;
  right: 20px;
  top: 0;
  z-index: 1;
  overflow: hidden;
  width: 40px;
  height: 40px;
  text-align: center;
}

.st_sch_btn .ico {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  color: #fff;
  /* background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Sfpu_vpb.cat') 0 center no-repeat; background-size:18px; */
}

.sub_sch_box.rows .st_sch_btn {
  height: 90px;
  line-height: 90px;
  margin-top: -45px;
}

.sub_sch_box.skin2 {
  background-color: #FFF;
  border-top: 2px solid #5f6577;
  border-bottom: 1px solid #ebebeb;
  border-radius: 0;
}

.sub_sch_box.skin2 select, .sub_sch_box.skin2 input, .sub_sch_box.skin2 .input_box.date input {
  background-color: #f7f7f7;
}

.sub_sch_box.skin2 .st_sch_btn {
  border-radius: 0;
}

/* // sub_sch_box */
/* board_list */
.board_list {
  width: 100%;
  border-top: 2px solid #111111;
  text-align: center;
  border-collapse: collapse;
  table-layout: fixed;
}

.board_list thead {
  border-bottom: 1px solid #111;
}

.board_list thead tr th {
  font-weight: normal;
}

.board_list tbody tr {
  border-bottom: 1px solid #d5d5d5;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.board_list tbody tr.top {
  background-color: #fcf0f0 !important;
}

.board_list tbody tr:hover {
  background-color: #f7f7f7;
}

.board_list th, .board_list td {
  padding: 15px 10px;
  border-left: 0;
  color: #111;
  font-size: 16px;
}

.board_list td {
  padding: 15px 10px;
  border-left: 0;
  color: #444;
  font-size: 16px;
}

.board_list tr > *:first-child {
  border-left: 0 none;
}

.board_list .tit {
  text-align: left;
}

.board_list .tit a {
  display: inline-block;
  position: relative;
  z-index: 1;
  overflow: hidden;
  max-width: 100%;
  min-height: 20px;
  padding-right: 27px;
  vertical-align: top;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.board_list .tit a:hover, .board_list .tit a:focus {
  text-decoration: underline;
}

.board_list .file a {
  display: inline-block;
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  min-height: 22px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  background-repeat: no-repeat;
  background-position: -362px -711px;
}

.board_list .mark {
  display: inline-block;
  margin-right: 5px;
  padding: 4px 9px;
  background-color: #FFF;
  border: 1px solid #2196f3;
  color: #2196f3;
  font-size: 0.86em;
}

.new_mark {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 1;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-top: -10px;
  background-color: #e03321;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  text-align: center;
}

.list_comment_count {
  display: inline-block;
  vertical-align: middle;
  color: #ff713e;
  font-size: 0.86em;
}

.board_list .file a {
  display: inline-block;
  vertical-align: middle;
}

/* // board_list */
/* edu_board_list */
.edu_board_list td {
  vertical-align: middle;
}

/* hi_board_list */
.hi_board_list {
  overflow: hidden;
  padding-top: 20px;
}

.hi_board_list > li {
  float: left;
  width: 23.75%;
  margin-right: 1.66%;
  margin-bottom: 35px;
}

.hi_board_list > li.on {
  background-color: #efefef;
}

.hi_board_list > li:nth-child(4n) {
  margin-right: 0;
}

.hi_board_list > li:nth-child(4n+1) {
  clear: both;
}

.hi_board_list > li > a {
  display: block;
  border: 1px solid #ddd;
  position: relative;
  padding-bottom: 100px;
}

.hi_board_list .img_box {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 15px;
  padding-bottom: 100%;
  background-color: #f7f7f7;
  text-align: center;
}

.hi_board_list .img_box .inner_box {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.hi_board_list .img_box .mark {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  background-color: #f4511e;
  color: #fff;
  font-size: 14px;
}

.hi_board_list .img_box img {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.hi_board_list > li > a:hover img, .hi_board_list > li > a:focus img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.video_bg {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2) url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Sivqrb_ot.cat") center center no-repeat;
}

.hi_board_list .txt_box {
  margin-bottom: 0px;
  position: absolute;
  bottom: 40px;
  left: 0px;
  padding: 0 20px;
}

.hi_board_list .txt_box .sort {
  margin-bottom: 3px;
  color: #2196f3;
  font-weight: 500;
}

.hi_board_list .txt_box .tit {
  display: -webkit-box;
  overflow: hidden;
  height: 2.4em;
  line-height: 1.2em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.hi_board_list .new_mark, .vi_board_list .new_mark {
  position: static;
  width: 18px;
  height: 18px;
  line-height: 18px;
  margin-top: 0;
  margin-right: 3px;
  vertical-align: top;
}

.hi_board_list .info_box {
  color: #777;
  font-size: 0.93em;
  position: absolute;
  bottom: 15px;
  left: 20px;
}

.hi_board_list .info_box span {
  display: inline-block;
  vertical-align: top;
}

.hi_board_list .info_box span:before {
  content: "|";
  display: inline-block;
  margin-top: -5px;
  padding: 0 8px;
  font-size: 10px;
  vertical-align: middle;
}

.hi_board_list .info_box span:first-child:before {
  display: none;
}

.hi_board_list .info_box span.date {
  padding-left: 20px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Svzntrf%2Svpbaf%2Sqngr.cat");
  background-position: 0 center;
  background-repeat: no-repeat;
}

.hi_board_list.keep .img_box .inner_box {
  font-size: 0;
}

.hi_board_list.keep .img_box img {
  width: auto;
  height: auto;
  vertical-align: middle;
}

.hi_board_list > li > a:focus {
  border: 1px solid gold;
}

/*�뜝�럡�맟占쎈닱筌뤾풜占쎌뮋�삕亦낉옙 �뜝�럩援ⓨ뜝�럥六�. ver2 �뜝�럡源삣뜝�럩�굥�뜝�럥裕� 占쎈퉲�겫�룞�삕. 20200720*/
.hi_board_list.ver2 .txt_box {
  bottom: unset;
  font-weight: bold;
  padding: 0 12px;
  padding-bottom: 4px;
}

.hi_board_list.ver2 .info_box {
  display: none;
}

.hi_board_list.ver2 .sv-date {
  font-weight: bold;
  color: #0b75cb;
  margin-top: 5px;
}

.hi_board_list.ver2 .sv-date__ing {
  color: #000;
}

.hi_board_list.ver2 .sv-date__comp {
  color: red;
}

/* // hi_board_list */
/* hi_board_list 2 */
.hi_board_list2 {
  overflow: hidden;
  padding-top: 20px;
}

.hi_board_list2 > li {
  float: left;
  width: 23.75%;
  margin-right: 1.66%;
  margin-bottom: 35px;
}

.hi_board_list2 > li.on {
  background-color: #efefef;
}

.hi_board_list2 > li:nth-child(4n) {
  margin-right: 0;
}

.hi_board_list2 > li:nth-child(4n+1) {
  clear: both;
}

.hi_board_list2 > li > a {
  display: block;
  border: 1px solid #000;
  position: relative;
  padding-top: 90px;
}

.hi_board_list2 .img_box {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-top: 15px;
  padding-bottom: 140%;
  background-color: #f7f7f7;
  text-align: center;
}

.hi_board_list2 .img_box .inner_box {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.hi_board_list2 .img_box .mark {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  background-color: #f4511e;
  color: #fff;
  font-size: 14px;
}

.hi_board_list2 .img_box img {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.hi_board_list2 > li > a:hover img, .hi_board_list > li > a:focus img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.video_bg {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2) url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Sivqrb_ot.cat") center center no-repeat;
}

.hi_board_list2 .txt_box {
  margin-bottom: 0px;
  position: absolute;
  top: 40px;
  left: 0px;
  padding: 0 20px;
}

.hi_board_list2 .txt_box .sort {
  margin-bottom: 3px;
  color: #2196f3;
  font-weight: 500;
}

.hi_board_list2 .txt_box .tit {
  display: -webkit-box;
  overflow: hidden;
  height: 2.4em;
  line-height: 1.2em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.hi_board_list2 .new_mark, .vi_board_list2 .new_mark {
  position: static;
  width: 18px;
  height: 18px;
  line-height: 18px;
  margin-top: 0;
  margin-right: 3px;
  vertical-align: top;
}

.hi_board_list2 .info_box {
  color: #777;
  font-size: 0.93em;
  position: absolute;
  top: 15px;
  left: 20px;
}

.hi_board_list2 .info_box span {
  display: inline-block;
  vertical-align: top;
}

.hi_board_list2 .info_box span:before {
  content: "|";
  display: inline-block;
  margin-top: -5px;
  padding: 0 8px;
  font-size: 10px;
  vertical-align: middle;
}

.hi_board_list2 .info_box span:first-child:before {
  display: none;
}

.hi_board_list2 .info_box span.date {
  padding-left: 20px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Svzntrf%2Svpbaf%2Sqngr.cat");
  background-position: 0 center;
  background-repeat: no-repeat;
}

.hi_board_list2.keep .img_box .inner_box {
  font-size: 0;
}

.hi_board_list2.keep .img_box img {
  width: auto;
  height: auto;
  vertical-align: middle;
}

.hi_board_list2 > li > a:focus {
  border: 1px solid gold;
}

.hi_board_list2 .info_box {
  display: none;
}

/* // hi_board_list 2 */
/* �뜝�럡�떃 */
.board-list-tab {
  text-align: center;
  margin-bottom: 30px;
}

.board-list-tab a {
  display: inline-block;
  margin: 0 35px;
  color: #666;
  border-bottom: 4px solid #fff;
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 7px;
}

.board-list-tab a.on {
  color: #000;
  border-bottom: 4px solid #000;
}

.board-list-tab a:focus {
  border-bottom: 4px solid gold;
}

/* vi_board_list */
.vi_board_list {
  padding-top: 20px;
  border-top: 2px solid #5f6577;
}

.vi_board_list > li {
  overflow: hidden;
  padding: 20px 0;
  border-top: 1px dashed #ccc;
}

.vi_board_list > li:first-child {
  padding-top: 0;
  border-top: 0 none;
}

.vi_board_list .link_box {
  display: block;
}

.vi_board_list .img_box {
  float: left;
  overflow: hidden;
  width: 13%;
  background-color: #f7f7f7;
  text-align: center;
}

.vi_board_list .img_box img {
  max-height: 155px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.vi_board_list .link_box:hover img, .vi_board_list .link_box:focus img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.vi_board_list .mid_helper {
  display: none;
}

.vi_board_list .txt_box {
  float: right;
  width: 84%;
  padding-top: 10px;
}

.vi_board_list .sort {
  margin-bottom: 3px;
  color: #2196f3;
  font-weight: 500;
}

.vi_board_list .tit {
  overflow: hidden;
  margin-bottom: 15px;
  font-size: 1.06em;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.vi_board_list .txt {
  display: -webkit-box;
  overflow: hidden;
  height: 2.4em;
  line-height: 1.2em;
  margin-bottom: 20px;
  color: #777;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.vi_board_list .date {
  color: #666;
  font-size: 0.86em;
}

.vi_board_list .info_box {
  color: #777;
  font-size: 0.93em;
}

.vi_board_list .info_box .each {
  display: inline-block;
}

.vi_board_list .info_box .each:after {
  content: "|";
  display: inline-block;
  margin-top: -5px;
  padding: 0 8px;
  font-size: 10px;
  vertical-align: middle;
}

.vi_board_list .info_box .each:last-child:after {
  display: none;
}

/* // vi_board_list */
/* board_view */
.board_view {
  border-bottom: 1px solid #d7d7d7;
}

.board_view_top {
  position: relative;
  z-index: 1;
  padding: 0 65px 20px;
  border-bottom: 2px solid #5f6577;
  text-align: center;
}

.board_view_top .mark_box {
  margin-bottom: 10px;
}

.board_view_top .mark {
  display: inline-block;
  margin: 0 2px;
  padding: 5px 10px;
  background-color: #f4511e;
  color: #fff;
}

.board_view_top .mark.new {
  background-color: #ff9000;
}

.board_view_top .tit {
  display: block;
  margin-bottom: 20px;
  font-size: 1.6em;
}

.board_view_top .sort {
  display: inline-block;
  margin-top: 2px;
  margin-right: 3px;
  padding: 4px 10px;
  border: 1px solid #2196f3;
  color: #2196f3;
  font-size: 15px;
  vertical-align: top;
}

.board_view_top .info {
  color: #777;
  font-size: 0;
}

.board_view_top .info .each {
  display: inline-block;
  font-size: 15px;
}

.board_view_top .info .each:after {
  content: "|";
  display: inline-block;
  margin-top: -2px;
  padding: 0 15px;
  color: #d7d7d7;
  font-size: 12px;
  vertical-align: middle;
}

.board_view_top .info .each:last-child:after {
  display: none;
}

.board_view_top .controler {
  position: absolute;
  left: 20px;
  top: 50%;
  z-index: 1;
  width: 30px;
  height: 40px;
  line-height: 40px;
  margin-top: -15px;
  font-size: 30px;
  text-align: center;
}

.board_view_top .controler:hover {
  -webkit-animation: scale1_3 0.8s infinite;
  animation: scale1_3 0.8s infinite;
}

.board_view_top .controler:focus {
  border: 2px solid black;
}

.board_view_top .next {
  left: auto;
  right: 20px;
}

.board_view_con {
  padding: 40px 25px;
  font-size: 16px;
  font-size: 1.6rem;
}

.board_view_con a:focus {
  text-decoration: underline;
}

.board_view_file {
  display: table;
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #d7d7d7;
}

.board_view_file .tit {
  display: table-cell;
  width: 10%;
  padding: 15px 25px;
  background-color: #f7f7f7;
  vertical-align: middle;
}

.board_view_file .file_box {
  display: table-cell;
  padding: 15px 20px;
  vertical-align: middle;
  font-size: 15px;
}

.board_view_file .file_each {
  margin-bottom: 13px;
  padding-left: 20px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Snggnpu_vpb.cat") 0 center no-repeat;
}

.board_view_file .file_each:last-child {
  margin-bottom: 0;
}

.board_view_file .file_each a:hover,
.board_view_file .file_each a:focus {
  text-decoration: underline;
}

.board_view_file .file_each a {
  margin-right: 10px;
}

/* // board_view */
/* board_write */
.bw_top_txt {
  margin-bottom: 10px;
  color: #777;
  text-align: right;
}

.bw_top_txt img {
  vertical-align: middle;
}

.board_write {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border-top: 2px solid #5e5e5e;
}

.board_write tr {
  border-bottom: 1px solid #d9d9d9;
}

.board_write th, .board_write td {
  padding: 15px 20px;
  vertical-align: middle;
}

.board_write th {
  border-right: 1px solid #d9d9d9;
  background-color: #f7f7f7;
  text-align: left;
}

.board_write tr * {
  vertical-align: middle;
}

.board_write input[type="text"], .board_write input[type="password"], .board_write select {
  height: 30px;
  border: 1px solid #cacaca;
}

.board_write textarea {
  border: 1px solid #cacaca;
  width: 100%;
}

.board_write .address_input {
  margin-top: 5px;
  margin-right: 5px;
}

.board_write .address_input.top {
  width: 150px;
  margin-top: 0;
}

.board_write .address_input.mid, .board_write .address_input.btm {
  width: 60%;
  min-width: 300px;
}

.board_write .email_input {
  width: 20%;
}

.board_write .phone_input {
  width: 100px;
}

.date_input {
  width: 130px;
  padding: 0 5px 0 25px !important;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Spny_vpb.cat") 5px center no-repeat;
  text-align: center;
}

.board_write .short_input {
  width: 70px;
}

.board_write .middle_input {
  width: 100%;
  max-width: 200px;
}

.board_write .long_input {
  width: 100%;
  max-width: 500px;
}

.board_write .full_input {
  width: 100%;
}

.bw_in_btn {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background-color: #2196f3;
  color: #fff;
  font-size: 0.93em;
  vertical-align: top !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.bw_in_btn:hover, .bw_in_btn:focus {
  background-color: #1567a9;
}

.write_sup_txt {
  display: inline-block;
  font-size: 0.93em;
}

.th_star {
  margin: 0 3px;
}

.attach_box {
  position: relative;
  z-index: 1;
  max-width: 700px;
}

.attach_input {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  visibility: hidden;
}

.attach_vbox {
  position: relative;
  z-index: 1;
  padding-right: 85px;
}

.attach_vinput {
  width: 100%;
  height: 30px !important;
  padding: 0 5px;
  cursor: pointer;
}

.attach_btn {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 80px;
  height: 30px;
  line-height: 28px;
  background-color: #7b839b;
  border: 1px solid #7b839b;
  color: #fff;
  font-size: 0.93em;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.attach_btn:hover {
  background-color: #fff;
  color: #7b839b;
}

.board_write .yn_radio_box {
  float: right;
}

.radio_each {
  display: inline-block;
  margin-right: 25px;
  vertical-align: middle;
}

.radio_each.one {
  margin-right: 0;
}

.radio_each:last-child {
  margin-right: 0;
}

.radio_each label {
  position: relative;
  z-index: 1;
  padding-left: 24px;
  cursor: pointer;
}

.radio_each .vradio {
  display: block;
  position: absolute;
  left: 0;
  top: 1px;
  z-index: 1;
  width: 20px;
  height: 20px;
  border: 1px solid #cdcdcd;
  border-radius: 50%;
}

.radio_each .vradio .cir {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  margin-top: -5px;
  background-color: #fff;
  border-radius: 50%;
}

.radio_each input:checked + label .vradio {
  border-color: #2a9af3;
}

.radio_each input:checked + label .vradio .cir {
  background-color: #2a9af3;
}

.radio_each input:focus + label .vradio {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

.chk_each {
  display: inline-block;
  vertical-align: middle;
}

.chk_each label {
  position: relative;
  z-index: 1;
  padding-left: 20px;
  cursor: pointer;
}

.chk_each .vchkbox {
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  z-index: 1;
  width: 15px;
  height: 15px;
  border: 1px solid #cacaca;
}

.chk_each input:checked + label .vchkbox {
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Spuxobk_vpb.cat") center center no-repeat;
  border-color: #2295fe;
}

.chk_each input:focus + label .vchkbox {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

/* // board_write */
/* qna */
.qna_q_box {
  padding: 30px 20px;
}

.qna_box .tit {
  height: 30px;
  line-height: 30px;
  padding-left: 37px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Soq_d_vpb.cat") 0 center no-repeat;
  font-size: 1.26em;
}

.qna_box .qna_q_box .tit {
  margin-bottom: 20px;
}

.qna_box .qna_a_box .tit {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Soq_n_vpb.cat");
}

.qna_box .txt {
  line-height: 1.8;
  padding: 0 10px;
}

.qna_a_box {
  background-color: #fcfcfc;
}

.qna_a_top {
  position: relative;
  z-index: 1;
  padding: 17px 20px;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}

.qna_a_top .qna_info_box {
  position: absolute;
  right: 30px;
  top: 23px;
  z-index: 1;
  color: #777;
  font-size: 0.93em;
}

.qna_a_top .qna_info_box .each:before {
  content: "|";
  display: inline-block;
  margin-top: -5px;
  padding: 0 10px;
  color: #777;
  font-size: 10px;
  vertical-align: middle;
}

.qna_a_top .qna_info_box .each:first-child:before {
  display: none;
}

.qna_box .qna_a_box .txt {
  padding: 40px 30px;
  color: #838383;
}

/* faq */
.faq_list {
  padding-top: 15px;
  border-top: 2px solid #5f6477;
}

.faq_list li {
  margin-bottom: 15px;
}

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

.faq_q_tit {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 18px 50px 18px 65px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Soq_d_vpb_bss.cat") 20px 18px no-repeat;
  border: 1px solid #d5d5d5;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}

.faq_q_tit:after {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  z-index: 1;
  width: 14px;
  height: 7px;
  margin-top: -4px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Szvq_nee_qbja.cat") center center no-repeat;
}

.faq_a_txt_box {
  display: none;
  padding: 15px 50px 15px 65px;
  background-color: #f7f7f7;
  border: 1px solid #d5d5d5;
  border-top: 0 none;
}

.faq_a_txt {
  line-height: 1.5;
  color: #838383;
}

.faq_down_box {
  margin-top: 8px;
  text-align: right;
}

.faq_down_btn {
  display: inline-block;
  height: 40px;
  line-height: 38px;
  padding: 0 10px 0 20px;
  background-color: #fff;
  border: 1px solid #2196f3;
  color: #2196f3;
  font-size: 1.06em;
}

.faq_down_btn:hover {
  background-color: #2196f3;
  color: #fff;
}

.faq_down_btn i {
  margin-left: 15px;
  background-color: #FFF;
  color: #000;
  font-size: 1.53em;
  vertical-align: text-top;
}

.faq_list li.on .faq_q_tit {
  overflow: visible;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Soq_d_vpb.cat");
  white-space: normal;
}

.faq_list li.on .faq_q_tit:after {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Szvq_nee_hc.cat");
}

.faq_list li.on .faq_a_txt_box {
  display: block;
}

/* comment */
.comment_regist {
  margin-top: 40px;
}

.comment_top_tit {
  margin-bottom: 10px;
  font-size: 1.06em;
}

.comment_top_tit .num {
  color: #f3521e;
}

.comment_regist_form {
  position: relative;
  z-index: 1;
  height: 120px;
  padding: 15px 125px 10px 20px;
  border: 1px solid #d7d7d7;
}

.comment_regist_form .id {
  margin-bottom: 10px;
  font-weight: 500;
}

.comment_regist_textarea {
  display: block;
  width: 100%;
  height: 50px;
  margin: 0;
  border: 0 none;
  color: #838383;
  resize: none;
}

.comment_word_count {
  position: absolute;
  right: 120px;
  bottom: -22px;
  z-index: 1;
  color: #777;
}

.comment_regist_form .btn {
  display: block;
  position: absolute;
  right: 0;
  top: -1px;
  z-index: 1;
  width: 115px;
  height: 120px;
  line-height: 120px;
  background-color: #979797;
  color: #fff;
  text-align: center;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.comment_regist_form .btn:hover, .comment_regist_form .btn:focus {
  background-color: #565555;
}

.comment_list {
  border-top: 1px solid #d7d7d7;
}

.comment_list > li {
  padding: 10px 0;
  border-bottom: 1px solid #d7d7d7;
}

.comment_info {
  margin-bottom: 10px;
  font-size: 0;
}

.comment_info .id {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding-left: 37px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Szrzore_vpb.cat") 0 center no-repeat;
  font-size: 15px;
  vertical-align: middle;
}

.comment_info .id:after {
  content: "|";
  display: inline-block;
  margin-top: -5px;
  padding: 0 10px;
  color: #acacac;
  font-size: 10px;
  vertical-align: middle;
}

.comment_info .date {
  display: inline-block;
  color: #acacac;
  font-size: 13px;
  vertical-align: middle;
}

.comment_txt {
  line-height: 1.6;
  word-break: break-all;
}

.comment_util {
  overflow: hidden;
  margin-top: 20px;
  font-size: 0;
}

.comment2_open_btn {
  float: left;
  padding-left: 16px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Scra_vpb_erq.cat") 0 center no-repeat;
  background-size: 12px;
  color: #f3521e;
  font-family: Noto Sans KR;
  font-size: 13px;
  vertical-align: middle;
}

.comment_util_btn_box {
  float: right;
}

.comment_util_btn {
  display: inline-block;
  width: 35px;
  height: 20px;
  line-height: 18px;
  margin-left: 5px;
  background-color: #f8f8f8;
  border: 1px solid #d7d7d7;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.comment_util_btn:hover, .comment_util_btn:focus {
  background-color: #dfdfdf;
}

.comment2_view {
  display: none;
  margin-top: 20px;
  padding: 15px 5%;
  background-color: #f7f7f7;
}

.comment2_list li {
  padding: 15px 0;
  border-top: 1px solid #d7d7d7;
}

.comment2_list li:first-child {
  border-top: 0 none;
}

.comment2_list .comment_txt {
  margin-bottom: 0;
  color: #838383;
}

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

.comment_edit_box {
  position: relative;
  z-index: 1;
  padding-right: 50px;
}

.comment_edit_textarea {
  display: block;
  width: 100%;
  height: 50px;
  padding: 10px;
  resize: none;
}

.comment_word_count2 {
  margin-top: 2px;
  padding-right: 5px;
  color: #777;
  text-align: right;
}

.comment_edit_box .btn {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: #979797;
  color: #fff;
  font-size: 0.93em;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.comment_edit_box .btn:hover, .comment_edit_box .btn:focus {
  background-color: #565555;
}

.comment2_view .comment_regist .comment_info .id:after {
  display: none;
}

.comment_regist.non .comment_regist_form {
  height: auto;
}

.comment_regist .alert_txt1 {
  color: #e42626;
}

/* // comment */
/* pagination */
/* .pagination {margin-top:20px; font-size:0; text-align: center;}
.pagination a {display: inline-block; width: 43px; height: 43px; border:1px solid #ddd;border-radius: 100px;line-height: 43px; margin:0 5px; font-size:18px;font-weight:bold;
text-align:center; vertical-align: middle; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.pagination .page_arrow {font-size:18px;}
.pagination a:focus,
.pagination a:hover,  .pagination .active,.pagination a:focus{color:#fff; background-color:#0d9ca0;}
.pagination .page_arrow.l1 {margin-right:40px;}
.pagination .page_arrow.r1 {margin-left:40px;} */
/* common_btn */
.btn_wrap {
  padding-top: 25px;
  text-align: right;
}

.common_btn {
  display: inline-block;
  width: 70px;
  height: 40px;
  line-height: 38px;
  margin-left: 3px;
  margin-bottom: 5px;
  background-color: #000;
  border: 1px solid #9a9a9a;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.common_btn:first-child {
  margin-left: 0;
}

.common_btn:hover, .common_btn:focus {
  background-color: #f7f7f7;
  color: #777;
}

.common_btn.regist {
  background-color: #2196f3;
  border-color: #2196f3;
}

.common_btn.regist:hover, .common_btn.regist:focus {
  background-color: #fff;
  color: #2196f3;
}

.common_btn.ok {
  /*background-color:#2196f3; border-color:#2196f3;*/
  color: #fff;
  background-color: #000;
  height: 60px;
  width: auto;
  line-height: 60px;
  display: inline-block;
  padding-left: 30px;
  padding-right: 30px;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  border: 1px solid #9a9a9a;
  margin: 0px;
}

.common_btn.ok:hover, .common_btn.ok:focus {
  background-color: #fff;
  color: #2196f3;
}

.common_btn.update {
  background-color: #2196f3;
  border-color: #2196f3;
}

.common_btn.update:hover, .common_btn.update:focus {
  background-color: #fff;
  color: #2196f3;
}

.common_btn.cancel {
  background-color: #9a9a9a;
  border-color: #9a9a9a;
}

.common_btn.cancel:hover, .common_btn.cancel:focus {
  background-color: #FFF;
  color: #9a9a9a;
}

.common_btn.modify {
  background-color: #9a9a9a;
  border-color: #9a9a9a;
}

.common_btn.modify:hover, .common_btn.modify:focus {
  background-color: #FFF;
  color: #9a9a9a;
}

.common_btn.delete {
  background-color: #9a9a9a;
  border-color: #9a9a9a;
}

.common_btn.delete:hover, .common_btn.delete:focus {
  background-color: #FFF;
  color: #9a9a9a;
}

.common_btn.schedule {
  background-color: #fff;
  border-color: #13264e;
  color: #13264e;
}

.common_btn.schedule:hover, .common_btn.schedule:focus {
  background-color: #13264e;
  color: #fff;
}

.common_btn.schedule_on {
  background-color: #13264e;
  color: #fff;
}

/* // common_btn */
/* login basic */
.bdt_bg_box {
  padding: 60px 0;
  background-color: #f7f7f7;
  border-top: 2px solid #5f6477;
  border-bottom: 1px solid #d5d5d5;
}

.bdt_bg_box.login {
  max-width: 800px;
  margin: 0 auto;
}

.login_box {
  display: table;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.login_box .left {
  display: table-cell;
  width: 40%;
  text-align: center;
  vertical-align: top;
}

.login_box .right {
  display: table-cell;
  padding-right: 8%;
  vertical-align: middle;
}

.login_box .tit {
  margin-bottom: 15px;
  font-size: 1.46em;
}

.login_form {
  position: relative;
  z-index: 1;
  padding-right: 110px;
}

.login_form .row {
  display: table;
  width: 100%;
  margin-bottom: 5px;
  border-collapse: collapse;
}

.login_form .row.pwd {
  margin-bottom: 0;
}

.login_form label {
  display: table-cell;
  width: 70px;
  vertical-align: middle;
}

.login_form .input_box {
  display: table-cell;
}

.login_form input {
  width: 100%;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #cacaca;
  border-radius: 2px;
  font-size: 1.06em;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.login_btn {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 100px;
  height: 85px;
  line-height: 83px;
  background-color: #2196f3;
  border: 1px solid #2196f3;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.login_btn:hover {
  background-color: #fff;
  color: #2196f3;
}

.login_util_menu {
  overflow: hidden;
  margin-top: 15px;
  padding-left: 70px;
}

.login_util_menu li {
  float: left;
  margin-right: 10px;
}

.login_util_menu li:last-child {
  margin-right: 0;
}

.login_util_menu li a {
  display: block;
  padding-left: 20px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Sybtva_hgvy_vpb1.cat") 0 center no-repeat;
  background-size: 15px;
  color: #777;
}

.login_util_menu li.sch a {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Sybtva_hgvy_vpb2.cat");
}

.login_error_txt {
  margin-top: 10px;
  text-align: center;
  color: #e42626;
}

/* // login basic */
/* find basic */
.idpw_find_box {
  overflow: hidden;
}

.idpw_find_box .each_box {
  float: left;
  width: 50%;
  padding: 0 20px;
}

.idpw_find_box .each_box:first-child {
  border-right: 1px solid #d1d1d1;
}

.idpw_find_box .tit {
  margin-bottom: 25px;
  font-size: 1.46em;
  text-align: center;
}

.find_form {
  max-width: 330px;
  margin: 0 auto;
}

.find_form .row {
  display: table;
  width: 100%;
  margin-bottom: 5px;
  border-collapse: collapse;
}

.find_form .row.pwd {
  margin-bottom: 0;
}

.find_form label {
  display: table-cell;
  width: 50px;
  vertical-align: middle;
}

.find_form .input_box {
  display: table-cell;
  padding-right: 50px;
}

.find_form input {
  width: 100%;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #cacaca;
  border-radius: 2px;
  font-size: 1.06em;
  vertical-align: middle;
}

.find_form .txt {
  margin-top: 10px;
  padding-left: 50px;
  color: #777;
}

.find_form .btn_wrap {
  text-align: center;
}

/* join basic */
.join_step {
  overflow: hidden;
  max-width: 900px;
  margin: 0 auto 100px;
}

.join_step li {
  position: relative;
  z-index: 1;
  float: left;
  width: 20%;
  padding-top: 50px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Swfgrc_vzt1.cat") center 0 no-repeat;
  color: #838383;
  text-align: center;
}

.join_step li.li02 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Swfgrc_vzt2.cat");
}

.join_step li.li03 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Swfgrc_vzt3.cat");
}

.join_step li.li04 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Swfgrc_vzt4.cat");
}

.join_step li.li05 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Swfgrc_vzt5.cat");
}

.join_step li.on {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Swfgrc_vzt1_ba.cat");
  color: #5f6477;
}

.join_step li.li02.on {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Swfgrc_vzt2_ba.cat");
}

.join_step li.li03.on {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Swfgrc_vzt3_ba.cat");
}

.join_step li.li04.on {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Swfgrc_vzt4_ba.cat");
}

.join_step li.li05.on {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Swfgrc_vzt5_ba.cat");
}

.join_step li:after {
  content: "";
  display: block;
  position: absolute;
  right: -5px;
  top: 50%;
  z-index: 1;
  width: 11px;
  height: 22px;
  margin-top: -11px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Swfgrc_nee.cat") center center no-repeat;
}

.join_step li.on:after {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Swfgrc_nee_ba.cat");
}

.join_step li:last-child:after {
  display: none;
}

.join_step.type2 li {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Swfgrc2_vzt1.cat");
}

.join_step.type2 li.li02 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Swfgrc2_vzt2.cat");
}

.join_step.type2 li.li03 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Swfgrc2_vzt3.cat");
}

.join_step.type2 li.li04 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Swfgrc2_vzt4.cat");
}

.join_step.type2 li.li05 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Swfgrc2_vzt5.cat");
}

.join_step.type2 li.on {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Swfgrc2_vzt1_ba.cat");
}

.join_step.type2 li.li02.on {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Swfgrc2_vzt2_ba.cat");
}

.join_step.type2 li.li03.on {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Swfgrc2_vzt3_ba.cat");
}

.join_step.type2 li.li04.on {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Swfgrc2_vzt4_ba.cat");
}

.join_step.type2 li.li05.on {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Swfgrc2_vzt5_ba.cat");
}

.jts_txt_box {
  margin-bottom: 30px;
  text-align: center;
}

.jts_txt1 {
  margin-bottom: 10px;
  font-size: 2em;
}

.jts_txt1 .strong {
  color: #2196f3;
  font-weight: 700;
}

.jts_txt2 {
  color: #777;
  font-size: 1.06em;
}

.join_type_box {
  overflow: hidden;
  max-width: 830px;
  margin: 0 auto;
}

.join_type_box .each_box {
  float: left;
  width: 48%;
  margin-left: 4%;
  padding: 60px 30px;
  border: 1px solid #bbb;
  text-align: center;
}

.join_type_box .each_box:first-child {
  margin-left: 0;
}

.join_type_box .tit {
  margin-bottom: 15px;
  font-size: 1.46em;
  font-weight: 500;
}

.join_type_box .txt {
  margin-bottom: 30px;
  color: #777;
}

.join_type_box .circle {
  display: inline-block;
  width: 200px;
  height: 200px;
  margin-bottom: 30px;
  background: #fafafa url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Swglcr_vzt1.cat") center center no-repeat;
  border-radius: 50%;
}

.join_type_box .each_box:last-child .circle {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Swglcr_vzt2.cat");
}

.join_type_box .btn_wrap {
  padding-top: 0;
  text-align: center;
}

.join_type_box .btn_wrap .common_btn {
  width: 95px;
}

/* // join basic */
/* certi basic */
.certi_box {
  overflow: hidden;
}

.certi_box .each_box {
  float: left;
  width: 50%;
  padding: 0 20px;
  text-align: center;
}

.certi_box .each_box.ipin {
  border-right: 1px solid #d1d1d1;
}

.certi_box .tit {
  margin-bottom: 25px;
  padding-top: 110px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Spregv_vcva.cat") center 0 no-repeat;
  font-size: 1.46em;
}

.certi_box .each_box.phone .tit {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Spregv_cubar.cat");
}

.certi_box .txt {
  max-width: 400px;
  height: 60px;
  margin: 0 auto 25px;
  color: #777;
  word-break: keep-all;
}

.certi_box .btn_wrap {
  padding-top: 0;
  text-align: center;
}

.certi_box .common_btn {
  width: 190px;
}

.certi_box.one .each_box {
  float: none;
  width: 100%;
  border: 0 none;
}

/* agree_box */
.total_agree_box {
  padding: 20px 0;
  border-top: 2px solid #777;
  border-bottom: 1px solid #bbb;
}

.agree_box {
  margin-bottom: 20px;
}

.agree_box:last-child {
  margin-bottom: 0;
}

.agree_tit {
  margin-bottom: 15px;
  font-size: 1.2em;
}

.agree_box .scroll_box {
  overflow-y: auto;
  height: 200px;
  margin-bottom: 10px;
  padding: 20px;
  border: 1px solid #ccc;
}

.agree_box .agree_chk {
  text-align: right;
}

.agree_box .chk_each label {
  padding-left: 23px;
  font-size: 1.06em;
}

.agree_box .chk_each .vchkbox {
  width: 18px;
  height: 18px;
}

.agree_box .chk_each input:checked + label .vchkbox {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Spuxobk_vpb2.cat");
}

/* complete basic */
.complete_box {
  text-align: center;
}

.complete_box img {
  margin-bottom: 40px;
}

.complete_box .txt1 {
  margin-bottom: 15px;
  font-size: 2em;
}

.complete_box .txt1 .strong {
  color: #2196f3;
  font-weight: 500;
}

.complete_box .txt2 {
  color: #777;
  font-size: 1.06em;
}

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

.pwd_check_box .txt1 {
  margin-bottom: 30px;
  font-size: 1.26em;
  font-weight: 500;
}

.pwd_check_box label {
  font-size: 1.13em;
}

.pwd_check_box input {
  /*width:230px; height:40px; text-align:center; vertical-align:top;*/
}

.pwd_check_box input {
  border: 1px solid #000;
  height: 60px;
  width: 30%;
  line-height: 60px;
  font-size: 16px;
  padding: 0;
  padding-left: 0px;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* leave basic */
.bdt_bg_box.leave {
  margin-bottom: 50px;
  padding: 30px;
}

.leave_box {
  display: table;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.leave_box .left {
  display: table-cell;
  width: 20%;
  padding-right: 15px;
  text-align: center;
  vertical-align: middle;
}

.leave_box .dot_list li {
  margin-bottom: 5px;
}

.leave_box .right {
  display: table-cell;
  vertical-align: top;
}

.leave_box .txt1 {
  margin-bottom: 20px;
  font-size: 1.13em;
  font-weight: 500;
}

/* total_sch */
.tsch_keyword {
  color: #e96a37;
}

.total_sch_result_txt {
  margin-bottom: 35px;
  font-size: 1.6em;
  text-align: center;
}

.total_sch_result_txt .keyword {
  color: #e96a37;
  font-weight: bold;
}

.total_sch_result_txt .num {
  color: #e96a37;
}

.total_sch_tab {
  overflow: hidden;
  margin-bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-left: 1px solid #dfdfdf;
}

.total_sch_tab li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.total_sch_tab li a {
  display: block;
  min-width: 120px;
  height: 60px;
  line-height: 60px;
  font-size: 1.06em;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #dfdfdf;
  border-left: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.total_sch_tab li a:hover, .total_sch_tab li a:focus, .total_sch_tab li a.on {
  background-color: #f1f1f1;
}

.total_sch_tab .num_txt {
  display: inline-block;
}

.total_sch_tab .num {
  color: #e96a37;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .total_sch_tab li a {
    font-size: 16px;
  }
}

.total_catecory_list {
  margin-top: 100px;
}

.total_catecory_list > li {
  position: relative;
  z-index: 1;
  margin-bottom: 70px;
}

.total_catecory_list > li:last-child {
  margin-bottom: 0;
}

.sch_category_tit {
  font-size: 30px;
  color: #000;
  font-weight: bold;
  border-bottom: 2px solid #000;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.sch_category_tit .num {
  color: #e96a37;
}

.sch_result_menu_list {
  padding-top: 18px;
}

.sch_result_menu_list li {
  margin-bottom: 20px;
  padding-left: 30px;
}

.sch_result_menu_list li::after {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  background: #fff;
  border: 4px solid #f46062;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 0;
  background: none;
}

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

.sch_result_menu_list li a:hover, .sch_result_menu_list li a:focus {
  text-decoration: underline;
}

.sch_result_board_list {
  border-top: 1px solid #5c5c5c;
}

.sch_result_board_list li {
  display: table;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  border-bottom: 1px solid #d5d5d5;
}

.sch_result_board_list .cell {
  display: table-cell;
  padding: 18px 10px;
  vertical-align: top;
}

.sch_result_board_list .cell.first {
  width: 15%;
}

.sch_result_board_list .cell.second {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sch_result_board_list .cell.third {
  width: 120px;
  text-align: center;
}

.sch_result_board_list a:hover, .sch_result_board_list a:focus {
  text-decoration: underline;
}

.sch_result_page_list li .sch_result_page_list {
  font-size: 16px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.sch_result_page_list li {
  display: block;
  width: 100%;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #ddd;
  border-collapse: collapse;
  table-layout: fixed;
}

.sch_result_page_list li .tit {
  display: inline-block;
  position: relative;
  z-index: 1;
  max-width: 100%;
  padding-right: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* .sch_result_page_list.type2 li .tit {padding-right: 90px;} */
.sch_result_page_list li .tit .tit_link {
  display: block;
  font-size: 22px;
  color: #000;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sch_result_page_list li .tit a:hover, .sch_result_page_list li .tit a:focus {
  text-decoration: underline;
}

.sch_result_page_list li .txt {
  display: -webkit-box;
  overflow: hidden;
  max-height: 3.2em;
  line-height: 1.6;
  margin-bottom: 10px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.sch_result_page_list .depth {
  padding-left: 15px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Sohyy_yvar1.cat") 0 3px no-repeat;
  font-size: 16px;
  color: #666;
  margin-top: 15px;
}

.new_window_link {
  display: block;
  position: absolute;
  right: 0;
  top: 3px;
  z-index: 1;
  padding-left: 18px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Sarj_jva_vpb.cat") 0 4px no-repeat;
}

.tsch_attach_mark {
  display: block;
  position: absolute;
  right: 0;
  top: 3px;
  z-index: 1;
  width: 70px;
  height: 22px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Snggnpu_znex.wct") 0 0 no-repeat;
}

.sch_result_page_list .img_box {
  display: table-cell;
  width: 15.83%;
  padding-right: 2.5%;
  font-size: 0;
  text-align: center;
  vertical-align: top;
}

.sch_result_page_list .img_box a {
  display: block;
  overflow: hidden;
  height: 120px;
  background-color: #ebebeb;
}

.sch_result_page_list .img_box img {
  vertical-align: middle;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.sch_result_page_list .img_box a:hover img,
.sch_result_page_list .img_box a:focus img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.sch_result_page_list .img_box a:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.sch_result_page_list .txt_box {
  display: table-cell;
  vertical-align: top;
}

.sch_result_page_list .date {
  position: absolute;
  right: 0;
  top: 8px;
  z-index: 1;
  color: #888;
  font-size: 14px;
}

.total_sch_wrap > li {
  list-style: none;
}

.total_sch_wrap .cont-tab {
  margin-bottom: 50px;
}

@media screen and (min-width: 1px) and (max-width: 1400px) {
  .total_sch_wrap {
    width: 100%;
    padding: 50px 10px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .total_sch_wrap .cont-tab {
    margin-bottom: 30px;
  }
  .sub_sch_box .row {
    width: 100%;
  }
}

/*.total_sch_file_box {margin-top: 15px;}
.total_sch_file_box .file_each {margin-bottom: 7px;}
.total_sch_file_box .file_each:last-child {margin-bottom: 0;}
.total_sch_file_box .file_each img {margin-right: 5px; vertical-align: baseline;}
.total_sch_file_box .file_each .down_txt {margin-right: 10px;}
.total_sch_file_box .file_each .down_txt:hover {text-decoration: underline;}
.doc_trans_btn {display: inline-block; width: 70px; height: 20px; line-height: 20px; background-color:#4677a9; border-radius:3px; color:#fff; font-size:0.86em; text-align: center; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.doc_trans_btn:hover {background-color: #25496d;}*/
.total_sch_more_txt {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px 15px;
  background: #f4f4f4;
  border-radius: 20px;
}

.total_sch_more_txt a {
  font-size: 16px;
  color: #666;
}

.total_sch_more_txt a:hover, .total_sch_more_txt a:focus {
  text-decoration: underline;
}

.total_sch_more_txt i {
  margin-left: 5px;
}

.not_search_txt {
  font-size: 22px;
  color: #666;
  border-top: none;
  padding-top: 0;
}

/* basic_table */
.basic_table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border-top: 2px solid #2e51ad;
  border-right: 1px solid #2e51ad;
  border-bottom: 1px solid #2e51ad;
}

.basic_table th, .basic_table td {
  padding: 10px 5px;
  border-left: 1px solid #7189c7;
  border-top: 1px solid #7189c7;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.basic_table th:first-child, .basic_table td:first-child {
  border-left-color: #2e51ad;
}

.basic_table th {
  background-color: #eaeaea;
  font-weight: bold;
}

/* basic_tab */
.basic_tab {
  overflow: hidden;
}

.basic_tab li {
  display: table;
  float: left;
  width: 16.66%;
  margin-bottom: 2px;
  margin-right: 3px;
}

.basic_tab li a {
  display: table-cell;
  height: 45px;
  text-align: center;
  border: 2px solid #666;
  background-color: #666;
  color: #fff;
  vertical-align: middle;
}

.basic_tab li a:hover, .basic_tab li a:focus, .basic_tab li a.on {
  background-color: #FFF;
  color: #333;
}

.basic_tab_con {
  display: none;
}

.board_top_contents {
  margin-bottom: 0px;
}

/* animation keyframes */
@-webkit-keyframes scale1_3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes scale1_3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/****************** respond ******************/
@media screen and (max-width: 1200px) {
  .hi_board_list2 .info_box {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  /* useful */
  .on_991 {
    display: block !important;
  }
  .none_991 {
    display: none !important;
  }
  .i_991 {
    display: inline !important;
  }
  .ib_991 {
    display: inline-block !important;
  }
  /* hi_board_list */
  .hi_board_list .info_box .views {
    display: none;
  }
}

@media screen and (max-width: 1400px) {
  .sub_sch_box {
    padding: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  /* useful */
  .pc-view {
    display: none !important;
  }
  .m-view {
    display: block !important;
  }
  .on_767 {
    display: block !important;
  }
  .none_767 {
    display: none !important;
  }
  .i_767 {
    display: inline !important;
  }
  .ib_767 {
    display: inline-block !important;
  }
  /* sch_bar */
  .sch_bar_box .total_txt {
    float: none;
    margin-top: 0;
    margin-bottom: 10px;
  }
  .sch_bar {
    float: none;
    margin-bottom: 15px;
  }
  .sch_label {
    margin-right: 0;
  }
  .sch_slt {
    width: 24%;
    margin-right: 1%;
  }
  .sch_input {
    width: 75%;
    border-right: 1px solid #cacaca;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sch_input.only {
    width: 100%;
  }
  .sch_btn {
    margin-top: 10px;
    width: 100%;
  }
  /* sub_sch_box */
  .sub_sch_box .row {
    display: block;
    margin-bottom: 0;
  }
  .sub_sch_box label {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    text-align: left;
  }
  .sub_sch_box .slt_box {
    display: block;
    width: 100% !important;
    margin-bottom: 10px;
    padding-right: 0;
  }
  .sub_sch_box select {
    height: 30px;
  }
  .sub_sch_box .input_box {
    display: block;
    width: 100% !important;
    margin-bottom: 10px;
    padding-right: 0;
  }
  .sub_sch_box input {
    height: 35px;
    padding: 0 3px;
  }
  .sub_sch_box .input_box.date input {
    padding-right: 40px;
    background-size: 35px;
  }
  /* board_list */
  .board_list, .board_list tbody, .board_list tr, .board_list td {
    display: block;
  }
  .board_list thead {
    display: none;
  }
  .board_list tr {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 5px 0;
  }
  .board_list tbody td {
    float: left;
    width: auto;
    border: 0 none;
    padding: 4px 0;
    color: #777;
    font-size: 14px;
    text-align: left;
  }
  .board_list tbody td.num {
    min-width: 40px;
    margin-right: 10px;
    color: #333;
    font-weight: 500;
    display: none;
  }
  .board_list tbody td.num.block {
    display: block !important;
  }
  .mb_bg {
    background-color: #f7f7f7;
  }
  .board_list tbody td.sort {
    color: #495dc1;
    font-weight: 500;
  }
  .board_list tbody td.sort:before {
    content: "[";
    padding: 0;
    padding-right: 2px;
    vertical-align: baseline;
    font-size: 13px;
  }
  .board_list tbody td.sort:after {
    content: "]";
    display: inline-block;
    padding-left: 2px;
    font-size: 13px;
  }
  .board_list tbody td.tit {
    width: 100%;
    color: #333;
    font-size: 15px;
  }
  .board_list tbody td.tit a {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .board_list tbody td.view {
    display: none;
  }
  .board_list tbody td.num:before, .board_list tbody td.tit:before, .board_list tbody td.tit + td:before {
    display: none !important;
  }
  .board_list .mark {
    padding: 2px 6px;
  }
  .new_mark {
    width: 16px;
    height: 16px;
    line-height: 16px;
    margin-top: -8px;
    font-size: 10px;
    font-weight: 400;
  }
  /* hi_board_list */
  .hi_board_list > li {
    width: 48%;
    margin-right: 4%;
  }
  .hi_board_list > li:nth-child(3n) {
    margin-right: 4%;
  }
  .hi_board_list > li:nth-child(2n) {
    margin-right: 0;
  }
  .hi_board_list > li:nth-child(2n+1) {
    clear: both;
  }
  .hi_board_list .new_mark, .vi_board_list .new_mark {
    width: 16px;
    height: 16px;
    line-height: 16px;
    margin-top: 1px;
  }
  .hi_board_list > li > a {
    min-height: 140px;
  }
  /* hi_board_list2 */
  .hi_board_list2 > li {
    width: 48%;
    margin-right: 4%;
  }
  .hi_board_list2 > li:nth-child(3n) {
    margin-right: 4%;
  }
  .hi_board_list2 > li:nth-child(2n) {
    margin-right: 0;
  }
  .hi_board_list2 > li:nth-child(2n+1) {
    clear: both;
  }
  .hi_board_list2 .new_mark, .vi_board_list2 .new_mark {
    width: 16px;
    height: 16px;
    line-height: 16px;
    margin-top: 1px;
  }
  .hi_board_list2 > li > a {
    min-height: 140px;
  }
  /* vi_board_list */
  .vi_board_list > li {
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 35px;
    padding: 0;
    border-top: 0 none;
  }
  .vi_board_list > li:nth-child(2n) {
    margin-right: 0;
  }
  .vi_board_list > li:nth-child(2n+3) {
    clear: both;
  }
  .vi_board_list .img_box {
    position: relative;
    z-index: 1;
    float: none;
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 75%;
  }
  .vi_board_list .img_box .inner_box {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    font-size: 0;
  }
  .vi_board_list .img_box img {
    width: auto;
    max-height: 100%;
    vertical-align: middle;
  }
  .vi_board_list .mid_helper {
    display: inline-block;
  }
  .vi_board_list .txt_box {
    float: none;
    width: 100%;
    padding-top: 0;
  }
  .vi_board_list .tit {
    display: -webkit-box;
    height: 2.4em;
    line-height: 1.2em;
    font-size: 1em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: normal;
  }
  .vi_board_list .txt {
    display: none;
  }
  /* board_view */
  .board_view_top {
    padding: 0 40px 20px;
  }
  .board_view_top .tit {
    font-size: 1.33em;
  }
  .board_view_top .sort {
    margin-top: 0;
  }
  .board_view_top .info .each:after {
    padding: 0 10px;
  }
  .board_view_top .controler {
    left: 0;
  }
  .board_view_top .next {
    left: auto;
    right: 0;
  }
  .board_view_file .tit {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .board_view_file .file_box {
    display: block;
  }
  /* board_write */
  .board_write .email_input {
    width: 35%;
    margin: 3px 0;
  }
  /* pagination */
  .pagination a {
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 13px;
    margin: 0 2px;
  }
  .pagination .page_arrow {
    font-size: 15px;
  }
  .pagination .page_arrow.l1 {
    margin-right: 20px;
  }
  .pagination .page_arrow.r1 {
    margin-left: 20px;
  }
  /* total_sch */
  .total_sch_result_txt {
    font-size: 17px;
    margin-bottom: 15px;
  }
  .total_sch_tab {
    margin-bottom: 20px;
  }
  .total_catecory_list {
    margin-top: 40px;
  }
  .total_catecory_list > li {
    margin-bottom: 25px;
  }
  .sch_category_tit {
    margin-bottom: 20px;
    padding-right: 70px;
    font-size: 18px;
  }
  .sch_result_page_list {
    font-size: 14px;
  }
  .sch_result_page_list .txt_box {
    word-break: break-all;
  }
  .sch_result_menu_list {
    padding-top: 10px;
  }
  .sch_result_menu_list li {
    margin-bottom: 5px;
  }
  .sch_result_board_list li {
    display: block;
    margin-bottom: 0;
    padding: 10px 0;
  }
  .sch_result_board_list .cell {
    display: block;
    margin-bottom: 5px;
    padding: 0;
  }
  .sch_result_board_list .cell.first {
    width: 100%;
  }
  .sch_result_board_list .cell.third {
    width: 100%;
    text-align: left;
    font-size: 0.93em;
  }
  .sch_result_page_list li {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .sch_result_page_list li .tit {
    margin-bottom: 0;
    padding-right: 0px;
    padding-bottom: 10px;
  }
  .sch_result_page_list li .tit .tit_link {
    font-size: 16px;
    white-space: normal;
  }
  .sch_result_page_list li .img_box {
    width: 120px;
  }
  .sch_result_page_list li .img_box a {
    height: 100px;
  }
  .new_window_link {
    top: 1px;
  }
  .tsch_attach_mark {
    width: 58px;
    height: 18px;
    background-size: 58px;
  }
  .sch_result_page_list .date {
    top: unset;
    bottom: 0;
    width: 100%;
  }
  .sch_result_page_list li .txt {
    font-size: 14px;
  }
  .sch_result_page_list .depth {
    background-position: 0 2px;
    font-size: 0.86em;
  }
  .total_sch_more_txt {
    font-size: 14px;
    padding: 5px 8px;
  }
  .sch_result_page_list li .sch_result_page_list {
    font-size: 14px;
  }
  /* basic_table */
  .basic_table_box.scroll {
    position: relative;
    z-index: 1;
    overflow: auto;
    padding: 20px 0;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sonfvp%2Sye_nee_vpb.cat") 48% 0 no-repeat;
    background-size: 30px;
    -webkit-animation: tblScrollAni 2s infinite;
            animation: tblScrollAni 2s infinite;
  }
  .basic_table_box.scroll .basic_table {
    min-width: 767px;
  }
  @-webkit-keyframes tblScrollAni {
    0% {
      background-position: 48% 0;
    }
    50% {
      background-position: 52% 0;
    }
    100% {
      background-position: 48% 0;
    }
  }
  @keyframes tblScrollAni {
    0% {
      background-position: 48% 0;
    }
    50% {
      background-position: 52% 0;
    }
    100% {
      background-position: 48% 0;
    }
  }
}

@media screen and (max-width: 640px) {
  /* useful */
  .on_640 {
    display: block !important;
  }
  .none_640 {
    display: none !important;
  }
  .i_640 {
    display: inline !important;
  }
  .ib_640 {
    display: inline-block !important;
  }
  /* login basic */
  .bdt_bg_box {
    padding: 30px 0;
  }
  .login_box {
    display: block;
  }
  .login_box .left {
    display: block;
    width: 100%;
    margin-bottom: 40px;
  }
  .login_box .right {
    display: block;
    padding-right: 0;
  }
  .login_box .tit {
    text-align: center;
  }
  /* find basic */
  .idpw_find_box {
    padding: 0 7%;
  }
  .idpw_find_box .each_box {
    float: none;
    width: 100%;
    padding: 0;
  }
  .idpw_find_box .each_box:first-child {
    padding-bottom: 20px;
    border-right: 0 none;
    border-bottom: 1px solid #d1d1d1;
  }
  .idpw_find_box .each_box:last-child {
    padding-top: 20px;
  }
  /* join basic */
  .join_step {
    display: none;
  }
  .jts_txt1 {
    font-size: 1.6em;
  }
  .join_type_box .each_box {
    width: 100%;
    margin-left: 0;
    padding: 30px 20px;
  }
  .join_type_box .each_box:first-child {
    margin-bottom: 30px;
  }
  .join_type_box .txt {
    margin-bottom: 15px;
  }
  .join_type_box .circle {
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
    background-size: 60px;
  }
  /* certi basic */
  .certi_box {
    padding: 0 7%;
  }
  .certi_box .each_box {
    float: none;
    width: 100%;
    padding: 0;
  }
  .certi_box .each_box:first-child {
    padding-bottom: 20px;
    border-right: 0 none;
    border-bottom: 1px solid #d1d1d1;
  }
  .certi_box .each_box:last-child {
    padding-top: 20px;
  }
  .certi_box .tit {
    margin-bottom: 10px;
    padding-top: 70px;
    background-size: 60px;
  }
  .certi_box .each_box.phone .tit {
    background-size: 40px;
  }
  .certi_box .txt {
    height: auto;
    margin-bottom: 10px;
  }
  .certi_box.one .each_box {
    padding: 0 !important;
    border: 0 none;
  }
  /* agree basic */
  .agree_box .scroll_box {
    height: 150px;
    padding: 10px;
  }
  /* complete basic */
  .complete_box img {
    width: 180px;
    margin-bottom: 20px;
  }
  .complete_box .txt1 {
    margin-bottom: 10px;
    font-size: 1.6em;
  }
}

@media screen and (max-width: 480px) {
  /* useful */
  .on_480 {
    display: block !important;
  }
  .none_480 {
    display: none !important;
  }
  .i_480 {
    display: inline !important;
  }
  .ib_480 {
    display: inline-block !important;
  }
  /* board_view */
  .board_view_top .mark {
    padding: 3px 6px;
    font-size: 12px;
  }
  .board_view_top .tit {
    font-size: 1.2em;
  }
  .board_view_top .sort {
    padding: 3px 6px;
    font-size: 12px;
  }
  .board_view_top .info .each {
    font-size: 13px;
  }
  .board_view_con {
    padding: 20px 15px;
  }
  .board_view_file .tit {
    padding: 10px 15px;
  }
  .board_view_file .file_box {
    padding: 10px 15px;
  }
  .board_view_file .file_each {
    margin-bottom: 5px;
  }
  /* board_write */
  .board_write {
    text-align: left;
    overflow: hidden;
  }
  .board_write caption, .board_write colgroup {
    display: none;
  }
  .board_write, .board_write tbody, .board_write tr, .board_write th, .board_write td {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .board_write tr {
    overflow: hidden;
    margin-bottom: 5px;
    border-bottom: 0 none;
  }
  .board_write th {
    float: left;
    padding: 15px 10px 5px;
    background-color: #FFF;
    border-top: 1px solid #ddd;
    border-right: 0 none;
    text-align: left;
  }
  .board_write td {
    float: left;
    padding: 5px 10px 15px;
  }
  .board_write tr:last-child td {
    border-bottom: 1px solid #ddd;
  }
  .board_write .tit_input {
    width: 100%;
  }
  .board_write .name_input {
    width: 150px;
  }
  .board_write .address_input.mid, .board_write .address_input.btm {
    width: 100%;
  }
  /* qna */
  .qna_q_box {
    padding: 20px;
  }
  .qna_box .tit {
    padding-left: 30px;
    background-size: 24px;
    font-size: 1.13em;
  }
  .qna_box .qna_q_box .tit {
    margin-bottom: 10px;
  }
  .qna_box .txt {
    line-height: 1.5;
    padding: 0;
  }
  .qna_a_top {
    position: relative;
    z-index: 1;
    padding: 10px 20px;
  }
  .qna_a_top .qna_info_box {
    top: 17px;
  }
  .qna_box .qna_a_box .txt {
    padding: 20px;
  }
  /* faq */
  .faq_q_tit {
    padding: 14px 35px 14px 45px;
    background-position: 13px 16px;
    background-size: 24px;
  }
  .faq_q_tit:after {
    content: "";
    display: block;
    position: absolute;
    right: 13px;
    top: 50%;
    z-index: 1;
    width: 14px;
    height: 7px;
    margin-top: -3px;
    background-size: 11px;
  }
  .faq_a_txt_box {
    padding: 15px 35px 15px 45px;
  }
  .faq_a_txt {
    font-size: 13px;
  }
  .faq_down_btn {
    height: 30px;
    line-height: 28px;
    padding: 0 5px 0 12px;
    font-size: 0.93em;
  }
  .faq_down_btn i {
    margin-left: 10px;
  }
  /* comment */
  .comment_regist_form {
    height: auto;
    padding: 10px;
  }
  .comment_regist_textarea {
    margin-bottom: 3px;
  }
  .comment_word_count {
    position: static;
    margin-bottom: 3px;
    text-align: right;
  }
  .comment_regist_form .btn {
    position: static;
    width: 100%;
    height: 35px;
    line-height: 35px;
  }
  .comment_info .id {
    padding-left: 25px;
    background-size: 20px;
  }
  .comment2_view {
    padding: 5px 5%;
  }
  /* login basic */
  .login_box .left img {
    max-height: 100px;
  }
  .login_form {
    padding-right: 0;
  }
  .login_btn {
    position: static;
    width: 100%;
    height: 40px;
    line-height: 38px;
    margin-top: 10px;
  }
  .login_util_menu {
    padding-left: 0;
  }
  .login_error_txt {
    padding-left: 0;
  }
  /* find basic */
  .idpw_find_box .each_box:first-child {
    padding-bottom: 30px;
  }
  .idpw_find_box .each_box:last-child {
    padding-top: 30px;
  }
  .find_form .input_box {
    padding-right: 0;
  }
  /* certi basic */
  .certi_box .each_box:first-child {
    padding-bottom: 30px;
  }
  .certi_box .each_box:last-child {
    padding-top: 30px;
  }
  /* pwd_check */
  .pwd_check_box input {
    width: 160px;
  }
  /* leave basic */
  .bdt_bg_box.leave {
    padding: 20px 10px;
  }
  .leave_box .left {
    width: 70px;
  }
  /* total_sch */
  .new_window_link {
    top: 0;
  }
  .tsch_attach_mark {
    top: 1px;
  }
  .sch_result_page_list li .img_box {
    display: none;
  }
  /* 2018-04-25 占쎈퉲�겫�룞�삕 */
  .alert_layer_box, .confirm_layer_box {
    width: 90%;
    margin-left: -49%;
    padding: 40px 15px;
  }
  /* hi_board_list */
  .hi_board_list > li {
    width: 100%;
    margin-right: 0;
  }
  /* hi_board_list2 */
  .hi_board_list2 > li {
    width: 100%;
    margin-right: 0;
  }
}

/* calendar */
.calendar {
  padding: 25px 0;
  text-align: center;
  color: #656565;
}

/* .calendar .info {float:left; display:inline-block; width:300px; text-align:left;} */
.calendar .info {
  float: left;
  display: inline-block;
  width: 265px;
  text-align: left;
  left: 0;
  bottom: 8px;
}

.calendar .info.rent {
  width: 90px;
}

.calendar .info p {
  float: left;
  margin-right: 10px;
}

.calendar .rq_blue {
  display: inline-block;
  color: #0083a1;
  margin-bottom: 3px;
}

.calendar .rq_purple {
  display: inline-block;
  color: #8b6e91;
  margin-bottom: 3px;
  margin-right: 15px;
}

.calendar .rq_lb {
  display: inline-block;
  color: #71839a;
  margin-bottom: 3px;
  /* margin-left:15px; */
  margin-right: 15px;
}

.calendar .rq_red {
  display: inline-block;
  color: #f27dab;
  margin-bottom: 3px;
  /* margin-left:15px; */
  margin-right: 15px;
}

.calendar .rq_etc {
  display: inline-block;
  color: #73a219;
}

.calendar .info .use_yes .schedule_mark {
  color: #088A4B;
}

.calendar .info .use_no .schedule_mark {
  color: #B40404;
}

.calendar .info p span {
  vertical-align: middle;
}

.calendar .rq_outside {
  display: inline-block;
  color: #e89b4c;
  margin-right: 15px;
}

.calendar .rq_on {
  display: inline-block;
  margin-bottom: 3px;
}

.calendar .down_btn {
  float: right;
}

.calendar .common_btn {
  float: right;
}

.cal_date {
  position: relative;
  text-align: center;
  font-size: 1.4em;
  line-height: 30px;
  padding: 0 60px;
}

.cal_date strong {
  font-size: 1.2em;
  color: #f99d33;
  font-weight: 600;
}

.cal_date .prev {
  position: absolute;
  left: 0;
  top: 5px;
}

.cal_date .next {
  position: absolute;
  right: 0;
  top: 5px;
}

.arrow_img {
  vertical-align: top;
}

.cal_table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.cal_table thead th {
  background: #f5f5f5;
  border: 0px solid #fff;
  padding: 7px 0;
}

.cal_table thead th:first-child {
  color: #ee0000;
  border-left: 1px solid #f5f5f5;
}

.cal_table thead th:last-child {
  color: #004677;
  border-right: 1px solid #f5f5f5;
}

.cal_table tbody td {
  border: 1px solid #dddddd;
  border-top: 0;
  vertical-align: baseline;
}

.cal_table tbody td .date {
  text-align: right;
  margin-bottom: 10px;
  margin: 5px 5px 0 0;
  font-weight: bold;
  font-size: 1.0em;
}

.cal_table tbody td .txt {
  text-align: center;
}

.cal_table tbody td .item {
  font-size: 0.8em;
  color: #000080;
  display: block;
}

.cal_table tbody td div {
  min-height: 100px;
  padding: 10px;
}

.cal_table tbody td div.on {
  background-color: #edfcff;
}

.cal_table tbody td.on {
  background-color: #edfcff;
}

.cal_table tbody td.off {
  background-color: #f5f5f5;
}

.cal_table tbody td.over {
  background-color: #87ceeb;
}

.cal_table tbody td a:hover .on .txt {
  text-decoration: underline;
}

.cal_table tbody td a:focus .on .txt {
  text-decoration: underline;
}

.cal_table tbody td div a:hover {
  text-decoration: underline;
}

.cal_table tbody td div a:focus {
  text-decoration: underline;
}

.cal_table tbody td div.off {
  background-color: #f5f5f5;
}

.cal_table tbody td ul li a {
  display: block;
  width: 99%;
  height: 25px;
  line-height: 25px;
  font-size: 0.9em;
  /*font-weight:300\0/IE8+9;*/
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cal_table tbody td ul li a:hover {
  text-decoration: underline;
}

.cal_table tbody td ul li a:focus {
  text-decoration: underline;
}

.rq_red {
  padding-left: 17px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sohyy%2Sohyy_ed_erq.cat") 0 center no-repeat;
}

.rq_blue {
  padding-left: 17px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sohyy%2Sohyy_ed_oyhr.cat") 0 center no-repeat;
}

.rq_purple {
  padding-left: 17px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sohyy%2Sohyy_ed_checyr.cat") 0 center no-repeat;
}

.rq_lb {
  padding-left: 17px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sohyy%2Sohyy_ed_yo.cat") 0 center no-repeat;
}

.rq_etc {
  padding-left: 17px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sohyy%2Sohyy_ed_terra.cat") 0 center no-repeat;
}

.rq_outside {
  padding-left: 17px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sohyy%2Sohyy_ed_bet.cat") 0 center no-repeat;
}

.rq_on {
  padding-left: 17px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sohyy%2Sohyy_ed_ba.cat") 0 center no-repeat;
}

.rq_off {
  padding-left: 17px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Spzf%2Shfre%2Sonfr%2Svzntr%2Sohyy%2Sohyy_ed_bss.cat") 0 center no-repeat;
}

/* calendar */
@media all and (max-width: 991px) {
  .cal_date {
    margin-left: 0;
  }
  .calendar .info {
    width: 200px;
  }
  .calendar .rq_lb {
    margin-right: 0;
  }
  .calendar_wrap .pc-view {
    display: none;
  }
  .calendar_wrap .m-view {
    display: block;
  }
  .m-view .cal_table thead th {
    color: #333;
  }
  .m-view .cal_table tbody th {
    border: 1px solid #e5e5e5;
    border-top: 0;
  }
  .m-view .cal_table tbody th span {
    display: block;
  }
  .m-view .cal_table tbody td ul {
    margin: 10px 10px;
  }
  .m-view .cal_table tbody td div {
    width: 100%;
    min-height: 60px;
    padding: 20px 10px;
    text-align: center;
  }
  .m-view .cal_table tbody td a:hover {
    text-decoration: underline;
  }
  .m-view .cal_table tbody td a:focus {
    text-decoration: underline;
  }
}

@media all and (max-width: 767px) {
  /* calendar */
  .calendar .cal_date {
    display: block;
    margin-bottom: 20px;
  }
}

@media all and (max-width: 480px) {
  /* calendar */
  .calendar .info {
    float: none;
    display: block;
    width: 100%;
    margin: 20px 0;
  }
  .calendar .rq_lb {
    margin-right: 15px;
  }
  .down_btn.pdf {
    float: none;
    width: 100%;
  }
  .calendar_wrap .common_btn.apply {
    float: none;
    width: 100%;
  }
}

/* �뿉�뵒�꽣 �궫�엯 而⑦뀗痢� 由ъ뀑�뒪���씪 �젣嫄�. */
.editor_view ol, .editor_view ol > li {
  list-style-type: decimal;
}

.editor_view ul, .editor_view ul > li {
  list-style-type: disc;
}

.editor_view ol, .editor_view ul {
  padding-left: 19px;
}

.editor_view i, .editor_view em {
  font-style: italic;
}

.editor_view b, .editor_view strong {
  font-weight: bold;
}

/* 다음맵 접근성 추가 */
.wrap_map a:focus,
.wrap_map button:focus,
.roughmap_maker_label a:focus .roughmap_lebel_text,
.root_daum_roughmap .wrap_btn_zoom button:focus {
  border: 2px solid gold;
}

.wrap_controllers.hide {
  display: none;
}

/* 게시물 유튜브 아이프레임 반응형 조정 추가*/
@media all and (max-width: 768px) {
  .editor_view iframe, .editor_view video {
    width: 100%;
  }
}

@media all and (max-width: 500px) {
  .editor_view iframe, .editor_view video {
    height: 220px;
  }
}

@media all and (max-width: 400px) {
  .editor_view iframe, .editor_view video {
    height: 180px;
  }
}

/*문화도시수원 게시판*/
.basic-view {
  margin-top: 80px;
  border-top: 2px solid #000;
}

@media all and (max-width: 768px) {
  .basic-view {
    margin-top: 30px;
  }
}

.basic-view__top {
  padding: 20px;
  position: relative;
}

.basic-view__top.center {
  text-align: center;
}

.basic-view__top__category p {
  width: 115px;
  height: 30px;
  display: inline-block;
  border: 1px solid #8d9ea9;
  font-size: 1.8rem;
  font-weight: 700;
  color: #8d9ea9;
  line-height: 28px;
}

@media (max-width: 767px) {
  .basic-view__top__category p {
    font-size: 1.4rem;
  }
}

.basic-view__top__title {
  margin-bottom: 10px;
  font-size: 26px;
  font-weight: 700;
  color: #000;
  word-break: break-all;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

@media (max-width: 767px) {
  .basic-view__top__title {
    font-size: 20px;
  }
}

.basic-view__top__info li {
  float: left;
  vertical-align: middle;
  font-size: 14px;
  color: #999;
  margin-right: 20px;
}

.basic-view__top__info li:last-child {
  margin-right: 0;
}

.basic-view__top.center .basic-view__top__info {
  font-size: 0;
}

.basic-view__top.center .basic-view__top__info li {
  float: none;
  display: inline-block;
}

@media (max-width: 767px) {
  .basic-view__top__info li:nth-child(2n) {
    display: none;
  }
}

@media (max-width: 767px) {
  .basic-view__top__info li {
    float: none;
    display: inline-block;
  }
}

.basic-view__top .move-prev {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
}

.basic-view__top .move-next {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
}

.basic-view__contents {
  padding: 20px;
  border-top: 1px solid #ddd;
  font-size: 18px;
  color: #000;
}

.basic-view__contents.video {
  padding: 60px 0;
}

.basic-view__contents.video .iframe_wrap {
  width: 900px;
  height: 506px;
  margin: 0 auto;
  position: relative;
}

.basic-view__contents.video .iframe_wrap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 767px) {
  .basic-view__contents.video {
    padding: 20px 0;
    font-size: 1.6rem;
  }
  .basic-view__contents.video .iframe_wrap {
    width: 100%;
    height: auto;
    padding-bottom: 54%;
  }
}

.basic-view__file {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f9f9f9;
  font-size: 0;
  position: relative;
}

.basic-view__file h3 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  vertical-align: top;
  width: 12%;
}

@media (max-width: 767px) {
  .basic-view__file h3 {
    width: 100%;
    height: auto;
    padding: 10px 20px;
    font-size: 1.8rem;
    text-align: center;
    border-bottom: 1px solid #ddd;
  }
}

.basic-view__file__file-list {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(100% - 12%);
  display: inline-block;
  vertical-align: top;
  padding: 20px;
}

@media (max-width: 767px) {
  .basic-view__file__file-list {
    width: 100%;
    padding: 10px;
  }
}

.basic-view__file__file-list li {
  margin-bottom: 10px;
}

.basic-view__file__file-list li:last-child {
  margin-bottom: 0;
}

.basic-view__file__file-list a {
  width: 100%;
  display: block;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}

@media (max-width: 767px) {
  .basic-view__file__file-list a {
    font-size: 1.4rem;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .basic-view__file__file-list {
    width: 100%;
    padding: 13px 20px;
    background: #fff;
  }
}

.basic-view__list-btn {
  margin: 40px 0;
  text-align: center;
}

@media (max-width: 767px) {
  .basic-view__list-btn {
    margin: 20px 0;
  }
}

.basic-view__list-btn a {
  width: 148px;
  height: 45px;
  display: inline-block;
  background-color: #D2410E;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 45px;
  border-radius: 10px;
}

@media (max-width: 767px) {
  .basic-view__list-btn a {
    width: 100%;
  }
}

.prev_next {
  width: 100%;
  border-top: 1px solid #ddd;
}

.prev_next li {
  border-bottom: 1px solid #ddd;
}

.prev_next li p {
  width: 135px;
  display: inline-block;
  font-size: 16px;
  color: #000;
  line-height: 20px;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.prev_next li p::after {
  content: "";
  width: 13px;
  height: 8px;
  display: block;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  background-repeat: no-repeat;
  background-position: -466px -588px;
  position: absolute;
  top: 27px;
  right: 20px;
}

.prev_next li a {
  width: calc(100% - 140px);
  display: inline-block;
  font-size: 16px;
  color: #000;
  line-height: 20px;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.prev_next li a::after {
  content: "";
  width: 1px;
  height: 20px;
  display: block;
  background: #ddd;
  position: absolute;
  top: 21px;
  left: 0;
}

.prev_next li:first-child p::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media (max-width: 767px) {
  .prev_next li p {
    width: 105px;
    font-size: 14px;
    padding: 10px 20px;
  }
  .prev_next li p::after {
    top: 18px;
  }
  .prev_next li a {
    width: calc(100% - 110px);
    font-size: 14px;
    padding: 10px 20px;
  }
}

.basic-view-type2__contents__info table {
  width: 100%;
  table-layout: fixed;
}

.basic-view-type2__contents__info table th {
  background-color: #f2f2f2;
  border: 1px solid #dedede;
  font-size: 2.2rem;
  font-weight: 500;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #1a1b1e;
  text-align: center;
  vertical-align: top;
  line-height: 50px;
}

@media (max-width: 991px) {
  .basic-view-type2__contents__info table th {
    font-size: 1.8rem;
  }
}

@media (max-width: 767px) {
  .basic-view-type2__contents__info table th {
    width: 100%;
    display: inline-block;
  }
}

.basic-view-type2__contents__info table td {
  padding: 0 20px;
  border: 1px solid #dedede;
  font-size: 2rem;
  font-weight: 300;
  color: #1a1b1e;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (max-width: 1220px) {
  .basic-view-type2__contents__info table td {
    font-size: 1.8rem;
  }
}

@media (max-width: 767px) {
  .basic-view-type2__contents__info table td {
    width: 100%;
    height: auto;
    min-height: 50px;
    padding: 10px 20px;
    display: inline-block;
  }
}

@media (max-width: 767px) {
  .basic-view-type2__contents__info table colgroup {
    width: 100%;
    display: inline-block;
  }
  .basic-view-type2__contents__info table tbody {
    width: 100%;
    display: inline-block;
  }
  .basic-view-type2__contents__info table tr {
    width: 100%;
    display: inline-block;
  }
}

.basic-view-type2__contents__info__title {
  width: 155px;
}

@media (max-width: 991px) {
  .basic-view-type2__contents__info__title {
    width: 90px;
  }
}

.basic-view-type2__contents__info__text {
  width: calc(50% - 155px);
}

.basic-view-type2__contents__info__contents {
  width: 100%;
  min-height: 270px;
  padding: 30px;
  border: none;
  background-color: #f9f9f9;
  font-size: 1.8rem;
  font-weight: 400;
  color: #1a1b1e;
  letter-spacing: -.5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (max-width: 767px) {
  .basic-view-type2__contents__info__contents {
    padding: 15px;
    font-size: 1.6rem;
  }
}

.basic-view-type2__contents__btn {
  text-align: center;
}

.basic-view-type2__contents__btn a {
  width: calc(50% - 5px);
  max-width: 150px;
  height: 40px;
  display: inline-block;
  border: 1px solid #1a1b1e;
  font-size: 1.8rem;
  font-weight: 500;
  color: #1a1b1e;
  letter-spacing: -1px;
  line-height: 40px;
}

.basic-view-type2__contents__btn a:first-child {
  margin-right: 10px;
  background-color: #1a1b1e;
  color: #fff;
}

.basic-view-type3__contents__info {
  margin-bottom: 60px;
}

.basic-view-type3__contents__info table {
  width: 100%;
  table-layout: fixed;
}

.basic-view-type3__contents__info table th {
  background-color: #f2f2f2;
  border: 1px solid #dedede;
  font-size: 2.2rem;
  font-weight: 500;
  color: #1a1b1e;
  text-align: center;
  vertical-align: top;
  line-height: 50px;
}

@media (max-width: 991px) {
  .basic-view-type3__contents__info table th {
    font-size: 1.8rem;
  }
}

@media (max-width: 767px) {
  .basic-view-type3__contents__info table th {
    width: 100%;
    display: inline-block;
  }
}

.basic-view-type3__contents__info table td {
  padding: 0 20px;
  border: 1px solid #dedede;
  font-size: 2rem;
  font-weight: 300;
  color: #1a1b1e;
  vertical-align: middle;
}

@media (max-width: 1220px) {
  .basic-view-type3__contents__info table td {
    font-size: 1.8rem;
  }
}

@media (max-width: 767px) {
  .basic-view-type3__contents__info table td {
    width: 100%;
    height: auto;
    min-height: 50px;
    padding: 10px 20px;
    display: inline-block;
  }
}

@media (max-width: 767px) {
  .basic-view-type3__contents__info table colgroup {
    width: 100%;
    display: inline-block;
  }
  .basic-view-type3__contents__info table tbody {
    width: 100%;
    display: inline-block;
  }
  .basic-view-type3__contents__info table tr {
    width: 100%;
    display: inline-block;
  }
}

.basic-view-type3__contents__info__title {
  width: 155px;
}

@media (max-width: 991px) {
  .basic-view-type3__contents__info__title {
    width: 90px;
  }
}

.basic-view-type3__contents__info__text {
  width: calc((100% / 3) - 155px);
}

.basic-view-type3__contents__info__contents {
  width: 100%;
  height: 270px;
  padding: 30px;
  border: none;
  background-color: #f9f9f9;
  font-size: 1.8rem;
  font-weight: 400;
  color: #1a1b1e;
  letter-spacing: -.5px;
}

@media (max-width: 767px) {
  .basic-view-type3__contents__info__contents {
    padding: 15px;
    font-size: 1.6rem;
  }
}

.basic-view-type3__contents__info__comment-write {
  margin-bottom: 70px;
  padding: 0 30px;
  font-size: 0;
}

.basic-view-type3__contents__info__comment-write input {
  width: calc(100% - 100px);
  height: 50px;
  padding: 0 20px;
  border: 1px solid #c1c1c1;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 100;
  color: #1a1b1e;
  letter-spacing: -.5px;
  vertical-align: middle;
}

.basic-view-type3__contents__info__comment-write input:disabled {
  background-color: #fff;
}

@media (max-width: 767px) {
  .basic-view-type3__contents__info__comment-write input {
    width: 100%;
    padding: 0 5px;
    font-size: 1.4rem;
  }
}

.basic-view-type3__contents__info__comment-write button {
  width: 100px;
  height: 50px;
  border: none;
  display: inline-block;
  background-color: #1a1b1e;
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .basic-view-type3__contents__info__comment-write button {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .basic-view-type3__contents__info__comment-write {
    margin-bottom: 30px;
    padding: 0;
  }
}

.basic-view-type3__contents__info__comment ul li {
  padding: 20px 30px;
  border-bottom: 1px solid #c6c6c6;
  letter-spacing: -.5px;
  text-align: right;
}

.basic-view-type3__contents__info__comment ul li h3 {
  font-size: 2rem;
  font-weight: 500;
  color: #1a1b1e;
  text-align: left;
}

@media (max-width: 767px) {
  .basic-view-type3__contents__info__comment ul li h3 {
    font-size: 1.6rem;
  }
}

.basic-view-type3__contents__info__comment ul li p {
  font-size: 1.8rem;
  font-weight: 300;
  color: #1a1b1e;
  line-height: 3rem;
  text-align: left;
}

@media (max-width: 767px) {
  .basic-view-type3__contents__info__comment ul li p {
    font-size: 1.4rem;
  }
}

.basic-view-type3__contents__info__comment ul li button {
  margin-right: 10px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #1a1b1e;
}

.basic-view-type3__contents__info__comment ul li button:nth-child(n+4) {
  margin-right: 0;
}

.basic-view-type3__contents__info__comment ul li button:last-child {
  width: 100px;
  height: 50px;
  margin-top: 10px;
  border: none;
  display: none;
  background-color: #1a1b1e;
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .basic-view-type3__contents__info__comment ul li button:last-child {
    width: 100%;
    margin-top: 0;
  }
}

.basic-view-type3__contents__info__comment ul li input {
  width: calc(100% - 100px);
  height: 50px;
  margin-top: 10px;
  padding: 0 20px;
  border: 1px solid #ccc;
  display: none;
  font-size: 1.8rem;
  font-weight: 100;
  color: #1a1b1e;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .basic-view-type3__contents__info__comment ul li input {
    width: 100%;
    padding: 0 5px;
    font-size: 1.4rem;
  }
}

@media (max-width: 767px) {
  .basic-view-type3__contents__info__comment ul li {
    padding: 15px 0;
  }
}

.basic-view-type3__contents__btn {
  margin-bottom: 50px;
  text-align: right;
}

.basic-view-type3__contents__btn a {
  width: calc(50% - 5px);
  max-width: 150px;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #1a1b1e;
  font-size: 1.8rem;
  font-weight: 500;
  color: #1a1b1e;
  text-align: center;
  letter-spacing: -1px;
  line-height: 38px;
}

.basic-view-type3__contents__btn a:first-child {
  margin-right: 10px;
  background-color: #1a1b1e;
  color: #fff;
}

.paging {
  margin-top: 30px;
  text-align: center;
}

.paging > ul {
  display: inline-block;
  vertical-align: middle;
}

.paging > ul li {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}

.paging > ul li:last-child {
  margin-right: 0;
}

.paging__num-btn-box {
  margin: 0 20px;
}

.paging__num-btn-box li {
  margin: 0 4px;
}

.paging__num-btn-box li a {
  font-size: 1.8rem;
  font-weight: 700;
  color: #1a1b1e;
  line-height: 1;
}

.paging__num-btn-box li a.selected {
  border-bottom: 1px solid #1a1b1e;
  color: #1a1b1e;
}

@media (max-width: 767px) {
  .paging__num-btn-box li:nth-child(n+6) {
    display: none;
  }
}

.sub-contents-box__title {
  margin-bottom: 100px;
}

.sub-contents-box__title h3:before {
  content: '';
  width: 40px;
  height: 9px;
  display: inline-block;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Svzntrf%2Spbag%2Sfho-gvgyr-vzt.cat");
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}

@media (max-width: 767px) {
  .sub-contents-box__title h3 {
    font-size: 2.3rem;
  }
}

.sub-contents-box__title p {
  font-size: 1.8rem;
  font-weight: 300;
  color: #7e8284;
}

@media (max-width: 767px) {
  .sub-contents-box__title {
    margin-bottom: 45px;
  }
}

.sub-contents-box__sub-title {
  margin-bottom: 10px;
  padding-left: 30px;
  font-size: 2.2rem;
  font-weight: 500;
  color: #1a1b1e;
  text-align: left;
  letter-spacing: -.5px;
  position: relative;
}

.sub-contents-box__sub-title:before {
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Svzntrf%2Spbag%2Sfho-gvgyr-vzt2.cat");
  position: absolute;
  top: 7px;
  right: auto;
  bottom: auto;
  left: 0;
}

.sub-selector {
  margin-bottom: 100px;
}

.sub-selector ul {
  text-align: center;
}

.sub-selector ul li {
  width: calc((100% - 80px) / 5);
  max-width: 200px;
  height: 50px;
  margin-right: 20px;
  display: inline-block;
  vertical-align: middle;
}

.sub-selector ul li.selected a {
  border: 1px solid #bb431b;
  background-color: #bb431b;
  color: #fff;
}

.sub-selector ul li:last-child {
  margin-right: 0;
}

.sub-selector ul li a {
  width: 100%;
  height: 100%;
  border: 1px solid #8d9ea9;
  border-radius: 50px;
  font-size: 2.2rem;
  font-weight: 700;
  color: #1a1b1e;
  line-height: 48px;
}

@media (max-width: 991px) {
  .sub-selector ul li a {
    font-size: 1.8rem;
  }
}

@media (max-width: 767px) {
  .sub-selector ul li a {
    border-radius: 0;
    border-top: none;
    padding: 5px 0;
    font-size: 1.6rem;
    line-height: normal;
  }
}

@media (max-width: 767px) {
  .sub-selector ul li {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-right: 0;
  }
  .sub-selector ul li:first-child {
    border-top: 1px solid #8d9ea9;
  }
  .sub-selector ul li:first-child.selected {
    border-top: 1px solid #bb431b;
  }
}

@media (max-width: 767px) {
  .sub-selector {
    margin-bottom: 30px;
  }
}

/*로그인*/
.sign__contents__step {
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .sign__contents__step {
    margin-bottom: 15px;
  }
}

.sign-sub-title {
  color: #111111;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 15px;
  padding-top: 0px;
  position: relative;
}

@media (max-width: 767px) {
  .sign-sub-title {
    font-size: 20px;
  }
}

.sign1__contents1 {
  margin-bottom: 50px;
}

.sign1__contents1__text {
  padding: 25px 40px;
  border: 1px solid #1a1b1e;
}

.sign1__contents1__text h3 {
  margin-bottom: 10px;
  font-size: 2.8rem;
  font-weight: 700;
  color: #000;
}

@media (max-width: 1220px) {
  .sign1__contents1__text h3 {
    font-size: 2.6rem;
  }
}

@media (max-width: 767px) {
  .sign1__contents1__text h3 {
    font-size: 2.4rem;
  }
}

.sign1__contents1__text p {
  font-size: 2.2rem;
  font-weight: 700;
  color: #000;
}

@media (max-width: 1220px) {
  .sign1__contents1__text p {
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .sign1__contents1__text p {
    font-size: 1.6rem;
  }
}

@media (max-width: 767px) {
  .sign1__contents1__text {
    padding: 20px;
  }
}

.sign1__contents2__info {
  margin-bottom: 40px;
  padding: 40px 35px;
  background-color: #f6f6f6;
}

.sign1__contents2__info p {
  margin-bottom: 30px;
  font-size: 2rem;
  font-weight: 400;
  color: #1a1b1e;
}

.sign1__contents2__info p:last-child {
  margin-bottom: 0;
}

.sign1__contents2__info p span {
  font-weight: 500;
  color: #000;
}

@media (max-width: 1220px) {
  .sign1__contents2__info p {
    font-size: 1.8rem;
  }
}

@media (max-width: 767px) {
  .sign1__contents2__info p {
    font-size: 1.6rem;
  }
}

@media (max-width: 991px) {
  .sign1__contents2__info {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .sign1__contents2__info {
    padding: 20px;
  }
}

.sign1__contents2__img {
  margin-bottom: 60px;
  padding: 0 75px;
}

.sign1__contents2__img h3 {
  width: 100%;
  max-width: 550px;
  height: 60px;
  border-radius: 60px;
  margin-bottom: 35px;
  background-color: #1a1b1e;
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
  line-height: 58px;
  text-align: center;
}

@media (max-width: 767px) {
  .sign1__contents2__img h3 {
    padding: 8px 0;
    line-height: 1.3;
    font-size: 1.8rem;
  }
}

@media (max-width: 991px) {
  .sign1__contents2__img {
    padding: 0 30px;
  }
}

@media (max-width: 767px) {
  .sign1__contents2__img {
    padding: 0;
  }
}

.sign1__contents2__info-box {
  margin-bottom: 50px;
  padding-top: 30px;
  font-size: 0;
}

.sign1__contents2__info-box > div {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

@media (max-width: 991px) {
  .sign1__contents2__info-box > div {
    width: 100%;
  }
}

.sign1__contents2__info-box .l-area {
  padding-right: 55px;
}

.sign1__contents2__info-box .l-area__info {
  width: 50%;
  margin-bottom: 50px;
  padding-left: 30px;
  display: inline-block;
  vertical-align: top;
}

.sign1__contents2__info-box .l-area__info h3 {
  height: 55px;
  margin-bottom: 20px;
  font-size: 2.2rem;
  font-weight: 700;
  color: #1a1b1e;
  line-height: 2.4rem;
}

.sign1__contents2__info-box .l-area__info h3 span {
  font-size: 1.8rem;
}

@media (max-width: 767px) {
  .sign1__contents2__info-box .l-area__info h3 span {
    font-size: 1.6rem;
  }
}

@media (max-width: 767px) {
  .sign1__contents2__info-box .l-area__info h3 {
    font-size: 2rem;
  }
}

.sign1__contents2__info-box .l-area__info ul li {
  font-size: 2rem;
  font-weight: 300;
  color: #1a1b1e;
  word-break: break-all;
}

@media (max-width: 1220px) {
  .sign1__contents2__info-box .l-area__info ul li {
    font-size: 1.8rem;
  }
}

@media (max-width: 767px) {
  .sign1__contents2__info-box .l-area__info ul li {
    font-size: 1.6rem;
  }
}

@media (max-width: 991px) {
  .sign1__contents2__info-box .l-area__info {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .sign1__contents2__info-box .l-area__info {
    padding-left: 0;
  }
}

.sign1__contents2__info-box .l-area__text {
  padding: 30px;
  background-color: #f6f6f6;
}

.sign1__contents2__info-box .l-area__text ul {
  margin-bottom: 30px;
}

.sign1__contents2__info-box .l-area__text ul li {
  font-size: 2rem;
  font-weight: 400;
  color: #1a1b1e;
  letter-spacing: -1px;
}

.sign1__contents2__info-box .l-area__text ul li span {
  font-weight: 700;
  color: #d48c73;
}

@media (max-width: 1220px) {
  .sign1__contents2__info-box .l-area__text ul li {
    font-size: 1.8rem;
  }
}

@media (max-width: 767px) {
  .sign1__contents2__info-box .l-area__text ul li {
    font-size: 1.6rem;
  }
}

.sign1__contents2__info-box .l-area__text p {
  margin-left: 12px;
  font-size: 2rem;
  font-weight: 400;
  color: #1a1b1e;
  letter-spacing: -1px;
  text-indent: -12px;
}

.sign1__contents2__info-box .l-area__text p span {
  font-weight: 700;
  color: #d48c73;
}

@media (max-width: 1220px) {
  .sign1__contents2__info-box .l-area__text p {
    font-size: 1.8rem;
  }
}

@media (max-width: 767px) {
  .sign1__contents2__info-box .l-area__text p {
    font-size: 1.6rem;
  }
}

@media (max-width: 767px) {
  .sign1__contents2__info-box .l-area__text {
    padding: 20px;
  }
}

@media (max-width: 1650px) {
  .sign1__contents2__info-box .l-area {
    padding-right: 30px;
  }
}

@media (max-width: 991px) {
  .sign1__contents2__info-box .l-area {
    margin-bottom: 30px;
    padding-right: 0;
  }
}

.sign1__contents2__info-box .r-area {
  padding-left: 55px;
  padding-right: 30px;
}

@media (max-width: 1650px) {
  .sign1__contents2__info-box .r-area {
    padding-left: 30px;
  }
}

@media (max-width: 991px) {
  .sign1__contents2__info-box .r-area {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }
}

@media (max-width: 991px) {
  .sign1__contents2__info-box {
    padding-top: 0;
  }
}

.sign1__contents2__member-level {
  margin-bottom: 25px;
  padding: 30px;
  border: 1px solid #1a1b1e;
  border-radius: 30px;
  letter-spacing: -1px;
}

.sign1__contents2__member-level h3 {
  margin-bottom: 20px;
  font-size: 2.4rem;
  font-weight: 700;
  color: #1a1b1e;
}

@media (max-width: 1220px) {
  .sign1__contents2__member-level h3 {
    font-size: 2.2rem;
  }
}

@media (max-width: 767px) {
  .sign1__contents2__member-level h3 {
    font-size: 2rem;
  }
}

.sign1__contents2__member-level p {
  font-size: 2rem;
  font-weight: 400;
  color: #1a1b1e;
  line-height: 3.4rem;
}

@media (max-width: 1220px) {
  .sign1__contents2__member-level p {
    font-size: 1.8rem;
    line-height: 3.2rem;
  }
}

@media (max-width: 767px) {
  .sign1__contents2__member-level p {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

.sign1__contents2__member-level ul li {
  font-size: 2rem;
  font-weight: 400;
  color: #1a1b1e;
  line-height: 3.4rem;
}

@media (max-width: 1220px) {
  .sign1__contents2__member-level ul li {
    font-size: 1.8rem;
    line-height: 3.2rem;
  }
}

@media (max-width: 767px) {
  .sign1__contents2__member-level ul li {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media (max-width: 767px) {
  .sign1__contents2__member-level {
    padding: 15px;
  }
}

.sign1__contents2__text {
  margin-bottom: 50px;
}

.sign1__contents2__text p {
  font-size: 2rem;
  font-weight: 500;
  color: #1a1b1e;
  line-height: 3.4rem;
}

.sign1__contents2__text p span {
  font-weight: 700;
  color: #000;
}

@media (max-width: 1220px) {
  .sign1__contents2__text p {
    font-size: 1.8rem;
    line-height: 3.2rem;
  }
}

@media (max-width: 767px) {
  .sign1__contents2__text p {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

.sign1__contents2__link-btn {
  text-align: center;
}

.sign1__contents2__link-btn a {
  width: 100%;
  max-width: 550px;
  height: 70px;
  border-radius: 70px;
  background-color: #1a1b1e;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  font-family: 'GongGothicMedium';
  line-height: 70px;
}

.sign1__contents2__link-btn a:after {
  content: '';
  width: 12px;
  height: 12px;
  margin-left: 25px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  display: inline-block;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (max-width: 767px) {
  .sign1__contents2__link-btn a:after {
    width: 8px;
    height: 8px;
    margin-left: 10px;
  }
}

@media (max-width: 767px) {
  .sign1__contents2__link-btn a {
    height: auto;
    padding: 15px;
    font-size: 1.2rem;
    line-height: 1.5;
  }
}

.sign1 .sub-contents-box__title {
  margin-bottom: 65px;
}

@media (max-width: 767px) {
  .sign1 .sub-contents-box__title {
    margin-bottom: 30px;
  }
}

.sign2__contents2__terms {
  margin-bottom: 20px;
  padding: 15px 25px;
  border: 2px solid #1a1b1e;
  border-radius: 15px;
}

.sign2__contents2__terms__text {
  font-size: 1.6rem;
  font-weight: 400;
  color: #1a1b1e;
  line-height: 30px;
  letter-spacing: -1px;
  overflow: auto;
}

.sign2__contents2__terms__text h3 {
  font-size: 1.8rem;
  font-weight: 500;
  color: #000;
  line-height: 2.8rem;
}

.sign2__contents2__terms__text h4 {
  margin-top: 15px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #1a1b1e;
  line-height: 2.6rem;
}

.sign2__contents2__terms__text p {
  margin: 5px 0;
  font-size: 1.4rem;
  font-weight: 400;
  color: #1a1b1e;
  line-height: 2.4rem;
}

.sign2__contents2__terms__text p.sub-title {
  margin-top: 30px;
  font-size: 1.8rem;
  font-weight: 500;
  color: #000;
  line-height: 2.8rem;
}

.sign2__contents2__terms__text p.l-text {
  margin-top: 15px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #1a1b1e;
  line-height: 2.6rem;
}

.sign2__contents2__terms__text ul {
  padding-left: 10px;
}

.sign2__contents2__terms__text ul li {
  margin: 5px 0;
  font-size: 1.4rem;
  font-weight: 400;
  color: #1a1b1e;
  line-height: 2.4rem;
}

.sign2__contents2__terms__text.h-180 {
  height: 180px;
}

.sign2__contents2__terms__text.h-210 {
  height: 210px;
}

.sign2__contents2__terms__text.h-60 {
  height: 60px;
}

@media (max-width: 767px) {
  .sign2__contents2__terms {
    margin-bottom: 10px;
  }
}

.sign2__contents2__chk {
  margin-bottom: 40px;
  text-align: right;
}

.sign2__contents2__chk p {
  margin-right: 20px;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 400;
  color: #1a1b1e;
  letter-spacing: -1px;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .sign2__contents2__chk p {
    margin-bottom: 5px;
    display: block;
    font-size: 1.6rem;
  }
}

.sign2__contents2__chk input {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: -9999px;
}

.sign2__contents2__chk input:focus + label {
  outline: 2px dashed #1a1b1e !important;
}

.sign2__contents2__chk input + label {
  margin-right: 20px;
  padding-left: 20px;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 400;
  color: #1a1b1e;
  letter-spacing: -1px;
  vertical-align: middle;
  position: relative;
}

.sign2__contents2__chk input + label:before {
  content: '';
  width: 13px;
  height: 13px;
  border: 1px solid #1a1b1e;
  border-radius: 13px;
  display: inline-block;
  position: absolute;
  top: 7px;
  right: auto;
  bottom: auto;
  left: 0;
}

@media (max-width: 767px) {
  .sign2__contents2__chk input + label {
    font-size: 1.6rem;
  }
}

.sign2__contents2__chk input:checked + label:before {
  border: 1px solid #1a1b1e;
  background-color: #1a1b1e;
}

.sign2__contents2__bottom {
  margin-top: 50px;
  padding-top: 30px;
  border-top: 1px solid #ececec;
  position: relative;
}

.sign2__contents2__bottom input {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: -9999px;
}

.sign2__contents2__bottom input:focus + label {
  outline: 2px dashed #1a1b1e !important;
}

.sign2__contents2__bottom input + label {
  padding-right: 20px;
  font-size: 1.8rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -1px;
  position: relative;
}

.sign2__contents2__bottom input + label:after {
  content: '';
  width: 15px;
  height: 15px;
  border: 1px solid #000;
  display: inline-block;
  position: absolute;
  top: 5px;
  right: 0;
  bottom: auto;
  left: auto;
}

.sign2__contents2__bottom input:checked + label:after {
  border: 1px solid #1a1b1e;
  background-color: #1a1b1e;
}

.sign2__contents2__bottom input:focus {
  outline: 2px dashed #1a1b1e !important;
}

.sign2__contents2__bottom a {
  width: 100%;
  max-width: 150px;
  height: 40px;
  border-radius: 40px;
  display: inline-block;
  background-color: #1a1b1e;
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 40px;
  float: right;
}

@media (max-width: 767px) {
  .sign2__contents2__bottom a {
    margin-top: 15px;
  }
}

.sign2__contents2__bottom:after {
  content: '';
  display: block;
  clear: both;
}

.sign2 .sub-contents-box__title {
  margin-bottom: 65px;
}

@media (max-width: 767px) {
  .sign2 .sub-contents-box__title {
    margin-bottom: 30px;
  }
}

.sign3__contents2__certification {
  text-align: center;
}

.sign3__contents2__certification__mobile {
  width: 100%;
  max-width: 400px;
  padding: 35px 45px;
  border: 1px solid #1a1b1e;
  display: inline-block;
  position: relative;
}

.sign3__contents2__certification__mobile img {
  margin-bottom: 40px;
}

.sign3__contents2__certification__mobile h3 {
  margin-bottom: 15px;
  font-size: 2.6rem;
  font-weight: 700;
  color: #1a1b1e;
}

.sign3__contents2__certification__mobile p {
  margin-bottom: 60px;
  font-size: 1.8rem;
  font-weight: 400;
  color: #1a1b1e;
  line-height: 3rem;
  letter-spacing: -1px;
}

@media (max-width: 767px) {
  .sign3__contents2__certification__mobile p {
    margin-bottom: 30px;
  }
}

.sign3__contents2__certification__mobile a {
  width: 180px;
  height: 50px;
  border-radius: 50px;
  background-color: #1a1b1e;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 50px;
}

@media (max-width: 320px) {
  .sign3__contents2__certification__mobile {
    padding: 35px 15px;
  }
}

.sign3__contents2__certification__potal button {
  width: 100%;
  max-width: 400px;
  padding-left: 50px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #1a1b1e;
  text-align: center;
  line-height: 48px;
  position: relative;
}

.sign3__contents2__certification__potal button.naver {
  margin-bottom: 10px;
  border: 1px solid #00c239;
}

.sign3__contents2__certification__potal button.naver:before {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Svzntrf%2Spbag%2Sanire-vpba.cat");
  background-size: cover;
  background-position: center;
}

.sign3__contents2__certification__potal button.kakao {
  border: 1px solid #f7e409;
}

.sign3__contents2__certification__potal button.kakao:before {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Svzntrf%2Spbag%2Sxnxnb-vpba.cat");
  background-size: cover;
  background-position: center;
}

.sign3__contents2__certification__potal button:before {
  content: '';
  width: 50px;
  height: 48px;
  display: inline-block;
  background-color: #000;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}

@media (max-width: 320px) {
  .sign3__contents2__certification__potal button {
    font-size: 1.4rem;
  }
}

.sign3 .sub-contents-box__title {
  margin-bottom: 65px;
}

@media (max-width: 767px) {
  .sign3 .sub-contents-box__title {
    margin-bottom: 30px;
  }
}

.sign4__contents2__info-box {
  width: 100%;
  margin: 0 0 60px;
  border-top: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
}

.sign4__contents2__info-box > ul {
  display: table;
  border-collapse: collapse;
  width: 100%;
  border-bottom: 1px solid #ddd;
}

.sign4__contents2__info-box > ul:last-child {
  margin-bottom: 0;
}

.sign4__contents2__info-box ul li {
  display: table-cell;
  vertical-align: top;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
}

.sign4__contents2__info-box ul li:first-child {
  width: 120px;
  background-color: #f3f5f6;
  display: table-cell;
  color: #000;
  text-align: center;
}

.sign4__contents2__info-box ul li:last-child {
  width: calc(100% - 120px);
}

@media (max-width: 767px) {
  .sign4__contents2__info-box ul li:last-child {
    width: calc(100% - 120px);
  }
}

.sign4__contents2__info-box span {
  margin-left: 3px;
  font-size: 2rem;
  font-weight: 500;
  color: red;
  vertical-align: middle;
}

.sign4__contents2__info-box p.write_sup_txt {
  display: block;
  font-size: 1.4rem;
}

.sign4__contents2__info-box p.sign-sub-text {
  margin: 5px 0;
  font-size: 1.4rem;
}

.sign4__contents2__info-box p.hold-text {
  width: 370px;
  height: 40px;
  margin: 0;
  padding-left: 10px;
  display: inline-block;
  font-size: 2rem;
  font-weight: 500;
  color: #1a1b1e;
  text-align: left;
  line-height: 40px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (max-width: 991px) {
  .sign4__contents2__info-box p.hold-text {
    width: 300px;
  }
}

@media (max-width: 767px) {
  .sign4__contents2__info-box p.hold-text {
    width: 100%;
    height: 35px;
    margin-right: 0;
    font-size: 1.8rem;
    line-height: 33px;
  }
}

.sign4__contents2__info-box input {
  width: 370px;
  height: 40px;
  border: 1px solid #c1c1c1;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #1a1b1e;
  vertical-align: middle;
}

@media (max-width: 991px) {
  .sign4__contents2__info-box input {
    width: 300px;
  }
}

@media (max-width: 767px) {
  .sign4__contents2__info-box input {
    width: 100%;
    height: 35px;
    margin-right: 0;
    font-size: 1.8rem;
  }
}

.sign4__contents2__info-box label {
  display: inline-block;
  font-size: 2.2rem;
  font-size: 18px;
  font-weight: 500;
  color: #757575;
  vertical-align: middle;
  cursor: text;
}

@media (max-width: 767px) {
  .sign4__contents2__info-box label {
    font-size: 1.8rem;
    text-align: center;
  }
}

.sign4__contents2__info-box select {
  width: 200px;
  height: 50px;
  margin-left: 5px;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 500;
  color: #1a1b1e;
  vertical-align: middle;
  font-size: 16px;
  padding-left: 10px;
  position: relative;
}

@media (max-width: 991px) {
  .sign4__contents2__info-box select {
    width: 140px;
  }
}

@media (max-width: 767px) {
  .sign4__contents2__info-box select {
    width: 100%;
    height: 35px;
  }
}

.sign4__contents2__info-box textarea {
  width: 100%;
  height: 150px;
  padding: 15px;
  border: 1px solid #c1c1c1;
  font-size: 1.8rem;
  font-weight: 500;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #1a1b1e;
  resize: none;
}

@media (max-width: 991px) {
  .sign4__contents2__info-box textarea {
    height: 300px;
  }
}

@media (max-width: 767px) {
  .sign4__contents2__info-box textarea {
    height: 200px;
    font-size: 1.6rem;
  }
}

.sign4__contents2__info-box .sign-button {
  width: 100px;
  height: 50px;
  margin-left: 10px;
  display: inline-block;
  border: none;
  background-color: #1a1b1e;
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 48px;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .sign4__contents2__info-box .sign-button {
    height: 35px;
    font-size: 1.6rem;
    line-height: 33px;
  }
}

@media (max-width: 767px) {
  .sign4__contents2__info-box__id .sign-button {
    width: 100%;
    margin-left: 0;
  }
}

.sign4__contents2__info-box__mberType li:last-child {
  padding-top: 14px;
}

.sign4__contents2__info-box__mberType input[type="radio"] {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: -9999px;
}

.sign4__contents2__info-box__mberType input[type="radio"] + label {
  margin-right: 20px;
  padding-left: 20px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #1a1b1e;
  position: relative;
}

.sign4__contents2__info-box__mberType input[type="radio"] + label:before {
  content: '';
  width: 15px;
  height: 15px;
  border: 1px solid #1a1b1e;
  border-radius: 15px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.sign4__contents2__info-box__mberType input[type="radio"]:focus + label {
  outline: 2px dashed #1a1b1e !important;
}

.sign4__contents2__info-box__mberType input[type="radio"]:checked + label:before {
  border: 1px solid #1a1b1e;
  background-color: #1a1b1e;
}

.sign4__contents2__info-box__contact input {
  width: 100px;
}

@media (max-width: 767px) {
  .sign4__contents2__info-box__contact input {
    width: calc((100% - 40px) / 3);
  }
}

.sign4__contents2__info-box__birth input:nth-of-type(1) {
  width: 120px;
}

@media (max-width: 767px) {
  .sign4__contents2__info-box__birth input:nth-of-type(1) {
    width: calc((100% - 40px) / 3);
  }
}

.sign4__contents2__info-box__birth input:nth-of-type(2) {
  width: 90px;
}

@media (max-width: 767px) {
  .sign4__contents2__info-box__birth input:nth-of-type(2) {
    width: calc((100% - 40px) / 3);
  }
}

.sign4__contents2__info-box__birth input:nth-of-type(3) {
  width: 90px;
}

@media (max-width: 767px) {
  .sign4__contents2__info-box__birth input:nth-of-type(3) {
    width: calc((100% - 40px) / 3);
  }
}

@media (max-width: 767px) {
  .sign4__contents2__info-box__birth p {
    width: 10px;
  }
}

.sign4__contents2__info-box__mail input {
  width: 370px;
}

@media (max-width: 767px) {
  .sign4__contents2__info-box__mail input {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .sign4__contents2__info-box__mail p {
    width: 20px;
    margin-bottom: 10px;
  }
}

.sign4__contents2__info-box__address .adress-wrap {
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  display: inline-block;
  font-size: 2.2rem;
  font-weight: 500;
  color: #1a1b1e;
  vertical-align: middle;
}

.sign4__contents2__info-box__address .adress-wrap:first-child {
  width: calc(50% - 110px);
}

@media (max-width: 767px) {
  .sign4__contents2__info-box__address .adress-wrap:first-child {
    width: calc(100% - 110px);
  }
}

@media (max-width: 991px) {
  .sign4__contents2__info-box__address .adress-wrap {
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .sign4__contents2__info-box__address .adress-wrap {
    height: 35px;
  }
}

.sign4__contents2__info-box__address .adress-wrap input {
  width: 100% !important;
  margin-right: 0 !important;
}

.sign4__contents2__info-box__address .adress-wrap + input {
  width: 100% !important;
  margin-right: 0 !important;
}

.sign4__contents2__info-box__address .sign-button {
  margin-bottom: 10px;
}

.sign4__contents2__info-box__address input {
  width: 100%;
  height: 50px;
  border: 1px solid #c1c1c1;
  display: inline-block;
  font-weight: 500;
  color: #1a1b1e;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .sign4__contents2__info-box__address input {
    height: 35px;
  }
}

.sign4__contents2__info-box__division .division-title {
  margin-left: 0;
  margin-right: 10px;
  display: inline-block;
  font-size: 2.2rem;
  font-weight: 500;
  color: #1a1b1e;
  text-align: left;
  vertical-align: middle;
}

.sign4__contents2__info-box__division .division-title:nth-of-type(2) {
  margin-left: 30px;
}

@media (max-width: 767px) {
  .sign4__contents2__info-box__division .division-title:nth-of-type(2) {
    margin-left: 0;
  }
}

@media (max-width: 991px) {
  .sign4__contents2__info-box__division .division-title {
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .sign4__contents2__info-box__division .division-title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
    font-size: 1.8rem;
  }
}

.sign4__contents2__info-box__select li {
  padding-top: 10px;
}

.sign4__contents2__info-box__select input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin-top: 25px;
}

@media (max-width: 767px) {
  .sign4__contents2__info-box__select input {
    margin-top: 10px;
  }
}

.sign4__contents2__info-box__select input[type="radio"] {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: -9999px;
}

.sign4__contents2__info-box__select input[type="radio"]:focus + label {
  outline: 2px dashed #1a1b1e !important;
}

.sign4__contents2__info-box__select input[type="radio"] + label {
  margin-right: 30px;
  padding-left: 20px;
  font-size: 1.8rem;
  font-weight: 400;
  color: #1a1b1e;
  position: relative;
}

.sign4__contents2__info-box__select input[type="radio"] + label:last-of-type {
  margin-right: 0;
}

.sign4__contents2__info-box__select input[type="radio"] + label:before {
  content: '';
  width: 13px;
  height: 13px;
  border-radius: 13px;
  border: 1px solid #1a1b1e;
  position: absolute;
  top: 7px;
  right: auto;
  bottom: auto;
  left: 0;
}

@media (max-width: 767px) {
  .sign4__contents2__info-box__select input[type="radio"] + label {
    width: 50%;
    display: inline-block;
    font-size: 1.6rem;
    margin-right: 0;
    text-align: left;
  }
}

.sign4__contents2__info-box__select input[type="radio"]:checked + label:before {
  background-color: #1a1b1e;
}

.sign4__contents2__info-box__file li {
  font-size: 2.2rem;
  font-weight: 400;
  color: #1a1b1e;
}

.sign4__contents2__info-box__file li div {
  margin-bottom: 10px;
}

.sign4__contents2__info-box__file li div:last-child {
  margin-bottom: 0;
}

.sign4__contents2__info-box__file li a {
  display: block;
  font-size: 2.2rem;
  font-weight: 400;
  color: #1a1b1e;
}

.sign4__contents2__info-box__file li input {
  height: auto;
  border: none;
  font-size: 2.2rem;
  font-weight: 500;
  color: #1a1b1e;
}

.sign4__contents2__info-box__file li input[type="checkbox"] {
  width: 22px;
  height: 22px;
  border: 1px solid #c1c1c1;
}

@media (max-width: 767px) {
  .sign4__contents2__info-box__file li input {
    font-size: 1.8rem;
  }
}

.sign4__contents2__btn-box {
  margin-top: 65px;
  font-size: 0;
  text-align: center;
}

.sign4__contents2__btn-box a:first-child {
  margin-right: 10px;
}

.sign5__contents2__info {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  padding: 60px;
  border: 1px solid #ddd;
  text-align: center;
  margin-top: 40px;
}

.sign5__contents2__info h2 {
  margin-bottom: 5px;
  font-size: 5rem;
  font-weight: 700;
  color: #000;
}

.sign5__contents2__info h3 {
  margin-bottom: 60px;
  font-size: 2rem;
  font-weight: 500;
  color: #1a1b1e;
}

.withdrawal__contents__text {
  margin-bottom: 30px;
}

.withdrawal__contents__text p {
  font-size: 1.8rem;
  font-weight: 500;
  color: #1a1b1e;
  text-align: center;
  letter-spacing: -1px;
  line-height: 3rem;
}

.withdrawal__contents__info {
  padding: 30px 0;
  background-color: #f9f9f9;
  text-align: center;
}

.withdrawal__contents__info ul {
  width: 700px;
  display: inline-block;
}

@media (max-width: 1220px) {
  .withdrawal__contents__info ul {
    width: 500px;
  }
}

@media (max-width: 991px) {
  .withdrawal__contents__info ul {
    width: 300px;
  }
}

@media (max-width: 767px) {
  .withdrawal__contents__info ul {
    width: 100%;
  }
}

.withdrawal__contents__info li {
  margin-bottom: 20px;
  text-align: left;
  position: relative;
}

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

.withdrawal__contents__info li div {
  width: 100%;
  height: 110px;
  padding: 14px 10px;
  border: 1px solid #c1c1c1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}

.withdrawal__contents__info h3 {
  font-size: 2.2rem;
  font-weight: 500;
  color: #1a1b1e;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: -125px;
}

@media (max-width: 767px) {
  .withdrawal__contents__info h3 {
    margin-bottom: 5px;
    position: relative;
    left: auto;
    top: auto;
  }
}

.withdrawal__contents__info input {
  width: 100%;
  max-width: 370px;
  height: 50px;
  border: 1px solid #c1c1c1;
  background-color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  color: #1a1b1e;
}

.withdrawal__contents__info textarea {
  width: 100%;
  height: 100%;
  border: none;
  background-color: #fff;
  resize: none;
  font-size: 1.8rem;
  font-weight: 500;
  color: #1a1b1e;
}

@media (max-width: 767px) {
  .withdrawal__contents__info {
    padding: 30px 15px;
  }
}

.withdrawal__contents__btn {
  margin-top: 60px;
  text-align: center;
}

.withdrawal__contents__btn a {
  width: 150px;
  height: 40px;
  border: 1px solid #1a1b1e;
  border-radius: 40px;
  font-size: 1.8rem;
  font-weight: 500;
  color: #1a1b1e;
  letter-spacing: -1px;
  line-height: 38px;
}

.withdrawal__contents__btn a:first-child {
  margin-right: 15px;
  background-color: #1a1b1e;
  color: #fff;
}

@media (max-width: 767px) {
  .withdrawal__contents__btn a {
    width: 110px;
    font-size: 1.6rem;
  }
}

@media (max-width: 767px) {
  .withdrawal__contents__btn {
    margin-top: 30px;
  }
}

.duplicate__contents {
  text-align: center;
}

.duplicate__contents__text {
  width: 100%;
  max-width: 300px;
  margin: 0 auto 30px;
}

.duplicate__contents__text img {
  margin-bottom: 35px;
}

.duplicate__contents__text h3 {
  margin-bottom: 35px;
  font-size: 2.4rem;
  font-weight: 500;
  color: #1a1b1e;
}

.duplicate__contents__text a {
  display: inline-block;
  width: 100%;
  height: 45px;
  background-color: #1a1b1e;
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff;
  line-height: 43px;
}

.duplicate__contents__btn {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}

.duplicate__contents__btn a {
  font-size: 1.8rem;
  font-weight: 300;
  color: #1a1b1e;
  vertical-align: middle;
}

.duplicate__contents__btn a:first-child:after {
  content: '';
  width: 1px;
  height: 15px;
  margin: 0 40px;
  display: inline-block;
  background-color: #d3d3d3;
}

@media (max-width: 767px) {
  .duplicate__contents__btn a:first-child:after {
    margin: 0 20px;
  }
}

.login__contents__info {
  text-align: center;
}

.login__contents__info p {
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: 300;
  color: #1a1b1e;
  line-height: 2.6rem;
}

.login__contents__info label {
  width: 0;
  height: 0;
  opacity: 0;
  font-size: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.login__contents__info input {
  width: 100%;
  max-width: 560px;
  height: 60px;
  margin: 0 auto 5px;
  padding: 0 20px;
  border: 1px solid #1a1b1e;
  display: block;
  font-size: 1.8rem;
  font-weight: 300;
  color: #1a1b1e;
}

@media (max-width: 767px) {
  .login__contents__info input {
    height: 40px;
  }
}

.login__contents__info .login-btn {
  width: 100%;
  max-width: 560px;
  height: 60px;
  background-color: #1a1b1e;
  font-size: 2rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 58px;
}

@media (max-width: 767px) {
  .login__contents__info .login-btn {
    height: 40px;
    line-height: 38px;
  }
}

.login__contents__info ul {
  width: 100%;
  max-width: 560px;
  margin: 30px auto 60px;
}

.login__contents__info ul li {
  width: 33.333%;
  display: inline-block;
  vertical-align: middle;
}

.login__contents__info ul li:nth-child(2) {
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
}

.login__contents__info ul li a {
  font-size: 1.8rem;
  font-weight: 300;
  color: #1a1b1e;
  line-height: 1;
}

@media (max-width: 767px) {
  .login__contents__info ul li a {
    font-size: 1.4rem;
  }
}

.login__contents__sns {
  width: 100%;
  max-width: 560px;
  margin: 60px auto 0;
}

.login__contents__sns a {
  width: calc(50% - 5px);
  height: 50px;
  padding-left: 60px;
  font-size: 1.8rem;
  font-weight: 500;
  color: #2e2e2e;
  text-align: center;
  line-height: 48px;
  vertical-align: middle;
  position: relative;
}

.login__contents__sns a:before {
  content: '';
  width: 45px;
  height: 45px;
  display: inline-block;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 767px) {
  .login__contents__sns a:before {
    left: 0;
  }
}

.login__contents__sns a.naver-login {
  margin-right: 10px;
  background-color: #21cb01;
  color: #fff;
}

.login__contents__sns a.naver-login:before {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Svzntrf%2Spbag%2Sanire-ybtva-vpba.cat");
}

.login__contents__sns a.kakao-login {
  background-color: #f7e409;
}

.login__contents__sns a.kakao-login:before {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Svzntrf%2Spbag%2Sxnxnb-ybtva-vpba.cat");
}

@media (max-width: 767px) {
  .login__contents__sns a {
    width: 100%;
    margin-bottom: 5px;
    padding-left: 45px;
  }
}

.find__contents__certification {
  width: 100%;
  max-width: 730px;
  margin: 0 auto 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px;
  border: 1px solid #e3e3e3;
  font-size: 0;
}

.find__contents__certification img {
  width: 138px;
  height: 138px;
  margin-right: 40px;
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .find__contents__certification img {
    margin-right: 0;
    margin-bottom: 30px;
  }
}

.find__contents__certification p {
  width: calc(100% - 178px);
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 400;
  color: #1a1b1e;
  line-height: 3rem;
  vertical-align: middle;
}

@media (max-width: 991px) {
  .find__contents__certification p br {
    display: none;
  }
}

@media (max-width: 767px) {
  .find__contents__certification p {
    width: 100%;
    display: block;
  }
}

@media (max-width: 767px) {
  .find__contents__certification {
    text-align: center;
  }
}

.find__contents__btn {
  text-align: center;
}

.password__contents__info {
  text-align: center;
}

.password__contents__info label {
  font-size: 1.8rem;
  font-weight: 300;
  color: #1a1b1e;
}

.password__contents__info label span {
  color: red;
}

.password__contents__info input {
  width: 100%;
  max-width: 560px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 60px;
  margin: 5px auto 15px;
  padding: 0 20px;
  border: 1px solid #1a1b1e;
  display: block;
  font-size: 1.8rem;
  font-weight: 300;
  color: #1a1b1e;
}

@media (max-width: 767px) {
  .password__contents__info input {
    height: 40px;
  }
}

.password__contents__info p {
  font-size: 1.4rem;
  font-weight: 300;
  color: #1a1b1e;
}

.password__contents__info .password-btn {
  display: inline-block;
  width: 100%;
  max-width: 560px;
  height: 60px;
  background-color: #1a1b1e;
  font-size: 2rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 58px;
}

@media (max-width: 767px) {
  .password__contents__info .password-btn {
    height: 40px;
    line-height: 38px;
  }
}

.sound-only {
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
}

.basic-board-type2__month-selector {
  margin-bottom: 35px;
  text-align: center;
}

.basic-board-type2__month-selector h3 {
  margin-bottom: 35px;
  display: inline-block;
  font-size: 2.2rem;
  font-weight: 700;
  color: #1a1b1e;
  position: relative;
}

.basic-board-type2__month-selector h3 a {
  display: inline-block;
  font-size: 0;
  position: absolute;
  top: 9px;
}

.basic-board-type2__month-selector h3 a.prev-year {
  left: -30px;
}

.basic-board-type2__month-selector h3 a.next-year {
  right: -30px;
}

.basic-board-type2__month-selector ul {
  text-align: center;
}

.basic-board-type2__month-selector ul li {
  display: inline-block;
  vertical-align: middle;
}

.basic-board-type2__month-selector ul li a {
  margin: 0 20px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #1a1b1e;
}

@media (max-width: 991px) {
  .basic-board-type2__month-selector ul li a {
    margin: 0 12px;
  }
}

.basic-board-type2__month-selector ul li.selected a {
  border-bottom: 2px solid #1a1b1e;
  font-weight: 700;
}

@media (max-width: 767px) {
  .basic-board-type2__month-selector ul {
    padding: 5px 0 10px;
    white-space: nowrap;
    overflow-x: auto;
  }
}

.basic-board-type2__table-top {
  margin-bottom: 30px;
  font-size: 0;
}

.basic-board-type2__table-top > p {
  width: 240px;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.8rem;
  font-weight: 700;
  color: #1a1b1e;
}

.basic-board-type2__table-top > p span {
  color: #bb431b;
}

@media (max-width: 767px) {
  .basic-board-type2__table-top > p {
    width: 100%;
    margin-bottom: 15px;
  }
}

.basic-board-type2__table-top .search-box {
  width: calc(100% - 240px);
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  text-align: right;
}

.basic-board-type2__table-top .search-box__table-search {
  position: relative;
}

.basic-board-type2__table-top .search-box__table-search__search-option {
  width: 100px;
  height: 40px;
  margin-right: 8px;
  padding-left: 10px;
  border: 1px solid #ddd;
  display: inline-block;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Svzntrf%2Svpbaf%2Sfryrpg-ohy.cat");
  background-repeat: no-repeat;
  background-position: 90% 50%;
  font-size: 18px;
  color: #1a1b1e;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

@media (max-width: 767px) {
  .basic-board-type2__table-top .search-box__table-search__search-option {
    width: 100%;
    margin-bottom: 5px;
    background-position: 95% 50%;
  }
}

.basic-board-type2__table-top .search-box__table-search__text {
  width: 410px;
  height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 40px 0 10px;
  border: 1px solid #ddd;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 500;
  color: #1a1b1e;
  vertical-align: middle;
}

@media (max-width: 991px) {
  .basic-board-type2__table-top .search-box__table-search__text {
    width: 270px;
  }
}

@media (max-width: 767px) {
  .basic-board-type2__table-top .search-box__table-search__text {
    width: 100%;
  }
}

.basic-board-type2__table-top .search-box__table-search button {
  width: 41px;
  height: 41px;
  margin-right: -1px;
  border: none;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Svzntrf%2Svpbaf%2Soof-frnepu-vzt.cat") center center no-repeat #f8f8f8;
  border: 1px solid #ddd;
}

@media (max-width: 767px) {
  .basic-board-type2__table-top .search-box__table-search button {
    position: absolute;
    top: auto;
    bottom: 0;
    left: auto;
    -webkit-transform: none;
    transform: none;
  }
}

@media (max-width: 767px) {
  .basic-board-type2__table-top .search-box {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .basic-board-type2__table-top {
    margin-bottom: 15px;
  }
}

.basic-board-type2__table-box table {
  width: 100%;
  border-top: 2px solid #1a1b1e;
  table-layout: fixed;
}

.basic-board-type2__table-box table .board-num {
  width: 7%;
}

@media (max-width: 991px) {
  .basic-board-type2__table-box table .board-num {
    display: none;
  }
}

.basic-board-type2__table-box table .board-division {
  width: 7%;
}

@media (max-width: 767px) {
  .basic-board-type2__table-box table .board-division {
    width: 10%;
  }
}

.basic-board-type2__table-box table .board-title {
  width: 36%;
  padding-left: 3%;
}

@media (max-width: 1220px) {
  .basic-board-type2__table-box table .board-title {
    width: 31%;
  }
}

@media (max-width: 991px) {
  .basic-board-type2__table-box table .board-title {
    width: 43%;
  }
}

@media (max-width: 767px) {
  .basic-board-type2__table-box table .board-title {
    width: 70%;
  }
}

.basic-board-type2__table-box table .board-receipt {
  width: 20%;
}

@media (max-width: 1220px) {
  .basic-board-type2__table-box table .board-receipt {
    width: 23%;
  }
}

@media (max-width: 991px) {
  .basic-board-type2__table-box table .board-receipt {
    width: 20%;
  }
}

@media (max-width: 767px) {
  .basic-board-type2__table-box table .board-receipt {
    display: none;
  }
}

.basic-board-type2__table-box table .board-business {
  width: 20%;
}

@media (max-width: 1220px) {
  .basic-board-type2__table-box table .board-business {
    width: 23%;
  }
}

@media (max-width: 991px) {
  .basic-board-type2__table-box table .board-business {
    width: 20%;
  }
}

@media (max-width: 767px) {
  .basic-board-type2__table-box table .board-business {
    display: none;
  }
}

.basic-board-type2__table-box table .board-person {
  width: 10%;
}

@media (max-width: 767px) {
  .basic-board-type2__table-box table .board-person {
    width: 20%;
  }
}

.basic-board-type2__table-box table th {
  height: 60px;
  border-bottom: 1px solid #ddd;
  font-size: 1.8rem;
  font-weight: 700;
  color: #1a1b1e;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .basic-board-type2__table-box table th {
    font-size: 1.4rem;
  }
}

.basic-board-type2__table-box table td {
  height: 60px;
  border-bottom: 1px solid #ddd;
  font-size: 0;
  vertical-align: middle;
}

.basic-board-type2__table-box table td p {
  font-size: 1.8rem;
  font-weight: 400;
  color: #1a1b1e;
  text-align: center;
}

@media (max-width: 1220px) {
  .basic-board-type2__table-box table td p {
    font-size: 1.6rem;
  }
}

@media (max-width: 767px) {
  .basic-board-type2__table-box table td p {
    font-size: 1.4rem;
  }
}

.basic-board-type2__table-box table td a {
  max-width: 100%;
  padding-right: 30px;
  font-size: 1.8rem;
  font-weight: 400;
  color: #1a1b1e;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.basic-board-type2__table-box table td a:hover {
  font-size: 1.8rem;
  font-weight: 700;
  color: #8d9ea9;
}

@media (max-width: 1220px) {
  .basic-board-type2__table-box table td a:hover {
    font-size: 1.6rem;
  }
}

@media (max-width: 767px) {
  .basic-board-type2__table-box table td a:hover {
    font-size: 1.4rem;
  }
}

@media (max-width: 1220px) {
  .basic-board-type2__table-box table td a {
    font-size: 1.6rem;
  }
}

@media (max-width: 767px) {
  .basic-board-type2__table-box table td a {
    padding-left: 10px;
    font-size: 1.4rem;
  }
}

.basic-board-type2__table-box table td br {
  display: none;
}

@media (max-width: 991px) {
  .basic-board-type2__table-box table td br {
    display: block;
  }
}

.basic-board-type2__table-box table .null-list td {
  height: 300px;
  font-size: 2rem;
  font-weight: 500;
  color: #000;
  text-align: center;
}

.global-table table {
  width: 100%;
  border-top: 1px solid #ccc;
  table-layout: fixed;
}

.global-table table th {
  padding: 12px 0;
  border-bottom: 1px solid #ccc;
  background-color: #f3f5f6;
  font-size: 1.8rem;
  font-weight: 700;
  color: #1a1b1e;
}

@media (max-width: 767px) {
  .global-table table th {
    width: 100%;
    display: inline-block;
  }
}

.global-table table td {
  padding: 12px 10px;
  border-bottom: 1px solid #ccc;
  font-size: 1.6rem;
  font-weight: 500;
  color: #1a1b1e;
  position: relative;
}

.global-table table td.null {
  text-align: center;
}

.global-table table td h3 {
  width: 100%;
  padding: 12px 0;
  background-color: #f3f5f6;
  display: none;
  font-size: 1.8rem;
  font-weight: 700;
  color: #1a1b1e;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}

@media (max-width: 767px) {
  .global-table table td h3 {
    display: block;
  }
}

@media (max-width: 767px) {
  .global-table table td {
    width: 100%;
    display: inline-block;
  }
}

.global-table table a {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.global-table table .ta-l {
  text-align: left;
}

.global-table table .ta-c {
  text-align: center;
}

.global-table table .ta-r {
  text-align: right;
}

@media (max-width: 767px) {
  .global-table table {
    width: 100%;
    display: inline-block;
  }
  .global-table table thead {
    display: none;
  }
  .global-table table tbody {
    width: 100%;
    display: inline-block;
  }
  .global-table table tr {
    width: 100%;
    display: inline-block;
  }
}

@media (max-width: 767px) {
  .global-table.col table td {
    padding: 63px 0 12px 0;
  }
}

/*사이트맵*/
.sitemap__contents__list-box {
  padding: 0 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0;
}

.sitemap__contents__list-box__list:last-child {
  margin-right: 0;
}

.sitemap__contents__list-box__list h3 {
  width: 100%;
  height: 75px;
  border: 2px solid #0f78ad;
  border-radius: 75px;
  font-size: 2.4rem;
  font-weight: 700;
  color: #1a1b1e;
  text-align: center;
  line-height: 71px;
}

@media (max-width: 767px) {
  .sitemap__contents__list-box__list h3 {
    height: 50px;
    line-height: 46px;
  }
}

@media (max-width: 1650px) {
  .sitemap__contents__list-box__list {
    width: calc((100% - 150px) / 4);
    margin-right: 50px;
  }
}

@media (max-width: 991px) {
  .sitemap__contents__list-box__list {
    width: calc((100% - 100px) / 2);
    margin-bottom: 50px;
  }
  .sitemap__contents__list-box__list:nth-child(2n) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .sitemap__contents__list-box__list {
    width: 100%;
    margin-right: 0;
  }
}

.sitemap__contents__list-box__onedepth > li {
  padding: 20px;
  border-bottom: 1px solid #ededed;
}

.sitemap__contents__list-box__onedepth > li > a {
  padding-left: 15px;
  font-size: 1.8rem;
  font-weight: 400;
  color: #1a1b1e;
  letter-spacing: -.5px;
  position: relative;
}

.sitemap__contents__list-box__onedepth > li > a:before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 5px;
  display: inline-block;
  background-color: #0f78ad;
  position: absolute;
  top: 12px;
  right: auto;
  bottom: auto;
  left: 0;
}

@media (max-width: 1220px) {
  .sitemap__contents__list-box__onedepth > li {
    padding: 20px 10px;
  }
}

.sitemap__contents__list-box__twodepth {
  margin-top: 10px;
  padding-left: 15px;
}

.sitemap__contents__list-box__twodepth li a {
  font-size: 1.6rem;
  font-weight: 300;
  color: #1a1b1e;
  letter-spacing: -.5px;
  line-height: 2.4rem;
}

@media (max-width: 1650px) {
  .sitemap__contents__list-box {
    padding: 0;
  }
}

.sitemap .sub-contents-box__title {
  margin-bottom: 50px;
}

.Space04-list {
  margin-bottom: 30px;
}

.Space04-list__ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 1px) and (max-width: 650px) {
  .Space04-list__ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.Space04-list__li {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media screen and (min-width: 1px) and (max-width: 650px) {
  .Space04-list__li {
    width: 26%;
    margin-bottom: 20px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
}

.Space04-list .list-arraw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1%;
  margin-left: 1%;
}

.Space04-list .list-arraw > img {
  width: 100%;
}

@media screen and (min-width: 1px) and (max-width: 500px) {
  .Space04-list .list-arraw {
    margin-bottom: 10px;
    margin-left: 2%;
  }
  .Space04-list .list-arraw > img {
    width: 75%;
  }
}

#Space03 .space04_form_wrap {
  overflow: auto;
}

#Space03 .form_table {
  width: 100%;
  overflow: auto;
}

#Space03 .form_table__tr {
  border-bottom: 1px solid #ddd;
}

#Space03 .form_table__th {
  padding: 20px 30px;
  position: relative;
  text-align: left;
  color: #1a1b1e;
}

#Space03 .form_table__th::before {
  content: "*";
  color: red;
  font-weight: 600;
  font-size: 14px;
  position: absolute;
  left: 19px;
  top: 22px;
}

#Space03 .form_table__td {
  vertical-align: middle;
  color: #999999;
  text-align: left;
}

#Space03 .form_table__td .text90 {
  width: 97%;
}

#Space03 .form_table__td .text30 {
  width: 35.5%;
}

#Space03 .form_table__td .textarea-w {
  width: 98.5%;
  border: none;
  background: #f6f6f6;
  height: 30px;
}

#Space03 .form_table__td input[type="text"] {
  border: none;
  background: #f6f6f6;
  height: 30px;
}

#Space03 #contact1, #Space03 #contact2, #Space03 #contact3 {
  width: 25% !important;
}

#Space03 #email1, #Space03 #email2 {
  width: 25%;
}

#Space03 .form_table__td .email-select {
  margin-left: 10px;
  border: none;
  background: #f6f6f6;
  height: 32px;
  color: #999999;
  width: 30%;
}

#Space03 .form_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#Space03 .form_btn .submit_btn > input {
  margin-right: 10px;
  width: 100px;
  height: 50px;
  border: none;
  background-color: #666666;
  color: #fff;
}

#Space03 .form_btn .reset_btn > input {
  width: 100px;
  height: 50px;
  border: 1px solid #dddddd;
  color: #666;
  background: none;
}

#Space03 .calendar {
  padding: 0px !important;
  border: 1px solid #d1d1d1;
}

#Space03 .calendar__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 70px;
  background-color: #fafafa;
  border-bottom: 1px solid #d1d1d1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 30px;
}

#Space03 .calendar__title__h3 {
  color: #1a1b1e;
  font-weight: bold;
  font-size: 20px;
}

#Space03 .calendar__title__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: #1a1b1e;
  border: 1px solid #999;
  padding: 10px 8px;
  border-radius: 6px;
}

#Space03 .calendar__title__btn > button {
  width: 18px;
  height: 18px;
}

#Space03 .calendar__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#Space03 .calendar__inner__l {
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 90px;
}

#Space03 .calendar__inner__l .calendar-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 0px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#Space03 .calendar__inner__l .calendar-title__h3 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
}

#Space03 .calendar__inner__l .calendar-title__btn-l {
  margin-right: 20px;
}

#Space03 .calendar__inner__l .calendar-table {
  width: 100%;
}

#Space03 .calendar__inner__l .calendar-table th {
  color: #9f9f9c;
  padding: 15px 0px;
  width: 14.285714%;
}

#Space03 .calendar__inner__l .calendar-table td {
  height: 60px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 600;
}

#Space03 .calendar__inner__l .calendar-table td span.today {
  border: 1px solid;
  border-radius: 100%;
  padding: 6px 9px;
}

#Space03 .calendar__inner__l .calendar-table td:nth-child(7) {
  color: #bbbbbb;
}

#Space03 .calendar__inner__l .calendar-table .red {
  color: #f37073;
}

#Space03 .calendar__inner__r {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 125px 50px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 550px;
}

#Space03 .calendar__inner__r .item-btn {
  display: block;
  text-align: center;
  padding: 10px 0px;
  border: 1px solid #dddddd;
  margin-bottom: 20px;
  width: 47%;
  color: #999999;
  font-size: 14px;
}

#Space03 .calendar__inner__r .item-btn:hover {
  color: #fff;
  background-color: #ef8f82;
}

#Space03 .calendar__inner__r .active {
  color: #fff;
  background-color: #ef8f82;
}

#Space03 .calendar__inner__r .complete {
  color: #fff;
  background-color: #bbbbbb;
}

#Space03 .calendar__inner__r .wait {
  color: #fff;
  background-color: #699cdd;
}

#Space03 .submit__btn {
  text-align: center;
  margin-top: 30px;
}

#Space03 .submit__btn .submit__btn-item1 {
  color: #fff;
  background-color: #0050a0;
  min-width: 140px;
  height: 54px;
  display: -webkit-inline-box;
  margin-right: 10px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#Space03 .submit__btn .submit__btn-item2 {
  color: #fff;
  background-color: #26272b;
  min-width: 140px;
  height: 54px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 1px) and (max-width: 1040px) {
  #Space03 .calendar__title {
    padding: 0 20px;
  }
  #Space03 .calendar__inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #Space03 .calendar__inner__l {
    width: 100%;
  }
  #Space03 .calendar__inner__r {
    width: 100%;
    padding-bottom: 30px;
    padding-top: 0px;
  }
  #Space03 .calendar {
    border-bottom: 0;
  }
  #Space03 .form_table__tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #Space03 .form_table__th {
    width: 100%;
    padding: 15px 20px;
    padding-left: 30px;
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #Space03 .form_table__th::before {
    left: 20px;
    top: 10px;
  }
  #Space03 .form_table__td {
    width: 100%;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 1px solid #ddd;
  }
  #Space03 .form_table__tr {
    border-bottom: 0;
  }
  #Space03 .form_table__td input[type="text"] {
    width: 100%;
  }
}

@media screen and (min-width: 1px) and (max-width: 500px) {
  #Space03 .calendar__inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #Space03 .calendar__inner__l {
    padding: 20px;
  }
  #Space03 .calendar__inner__l .calendar-table th {
    font-size: 14px;
  }
  #Space03 .calendar__inner__r {
    padding-bottom: 20px;
  }
}

#Space03 .calendar-next {
  display: block;
  width: 100px;
  height: 40px;
  margin-left: auto;
  margin-right: 50px;
  margin-bottom: 50px;
  background-color: #ef8f82;
  color: #fff;
}

.jojik-search {
  background-color: #f3f3f3;
  padding: 40px;
  position: relative;
  margin-bottom: 40px;
}

@media screen and (min-width: 1px) and (max-width: 680px) {
  .jojik-search {
    padding-left: 40px;
    padding: 20px;
  }
}

.jojik-search:before {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px -94px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 120px;
  min-width: 120px;
  height: 120px;
  position: absolute;
  top: 30px;
  left: 40px;
}

@media screen and (min-width: 1px) and (max-width: 680px) {
  .jojik-search:before {
    display: none;
  }
}

.jojik-search__text {
  margin-bottom: 10px;
}

.jojik-search__phone {
  margin-bottom: 20px;
}

.jojik-search__in {
  position: relative;
}

.jojik-search__in .inText2 {
  width: calc(100% - 200px);
  border: 1px solid #ddd;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  padding: 0;
  padding-left: 15px;
}

.jojik-search__in__btn {
  width: 40px;
  text-indent: -9999px;
  font-size: 0;
  height: 40px;
  border: none;
  font-size: 0;
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: auto;
  background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Svzntrf%2Svpbaf%2Soof-frnepu-vzt.cat) center center no-repeat #f8f8f8;
  border: 1px solid #ddd;
}

@media screen and (min-width: 1px) and (max-width: 680px) {
  .jojik-search__in .inText2 {
    width: 100%;
  }
  .jojik-search__in__btn {
    bottom: 0;
  }
}

.jojik-search__in__btn:focus {
  border: 1px solid gold;
}

.jojikdo-resultbox {
  margin-bottom: 50px;
}

.jojikdo-resultbox .table-1 {
  margin-bottom: 30px;
  border-top: 2px solid #1a1b1e;
  border-bottom: 1px solid #000;
  font-size: 17px;
  font-size: 1.7rem;
}

.jojikdo-resultbox .table-1 table {
  border-collapse: collapse;
  width: 100%;
  min-width: 540px;
}

.jojikdo-resultbox .table-1 thead th {
  border-bottom: 0px;
}

.jojikdo-resultbox .table-1 th {
  border: 1px solid #dcdcdc;
  padding: 13px 0;
  background-color: #f4f4f4;
}

.jojikdo-resultbox .table-1 td {
  border: 1px solid #dcdcdc;
  padding: 13px 5px;
  text-align: center;
  vertical-align: middle;
}

.jojikdo-resultbox .table-1.left-td td {
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
}

.jojikdo-resultbox .table-1 td.left-td {
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
}

@media (max-width: 768px) {
  .jojikdo-resultbox .table-1 {
    overflow: auto;
  }
  .jojikdo-resultbox .table-1.res {
    padding-top: 10px;
  }
  .jojikdo-resultbox .table-1.res table {
    min-width: auto;
  }
  .jojikdo-resultbox .table-1.res colgroup {
    display: none;
  }
  .jojikdo-resultbox .table-1.res thead {
    display: none;
  }
  .jojikdo-resultbox .table-1.res tr {
    display: block;
    margin-bottom: 20px;
    border-top: 1px solid #dcdcdc;
  }
  .jojikdo-resultbox .table-1.res th {
    display: none;
  }
  .jojikdo-resultbox .table-1.res td {
    display: block;
    margin-bottom: 0px;
    text-align: left;
    padding-left: 10px;
    border-top: 0px;
    border-right: 1px solid #dcdcdc;
  }
  .jojikdo-resultbox .table-1.res td:before {
    color: #000;
    font-weight: bold;
    content: attr(data-th) " - ";
  }
}

.jojikdo-resultbox {
  display: none;
}

.jojikdo-resultbox.on {
  display: block;
}

.table-1 {
  margin-bottom: 30px;
  border-top: 2px solid #1a1b1e;
  border-bottom: 1px solid #000;
  font-size: 17px;
  font-size: 1.7rem;
}

.table-1 table {
  border-collapse: collapse;
  width: 100%;
  min-width: 540px;
}

.table-1 thead th {
  border-bottom: 0px;
}

.table-1 th {
  border: 1px solid #dcdcdc;
  padding: 13px 0;
  background-color: #f4f4f4;
}

.table-1 td {
  border: 1px solid #dcdcdc;
  padding: 13px 5px;
  text-align: center;
  vertical-align: middle;
}

.table-1.left-td td {
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
}

.table-1 td.left-td {
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
}

@media (max-width: 768px) {
  .table-1 {
    overflow: auto;
  }
  .table-1.res {
    padding-top: 10px;
  }
  .table-1.res table {
    min-width: auto;
  }
  .table-1.res colgroup {
    display: none;
  }
  .table-1.res thead {
    display: none;
  }
  .table-1.res tr {
    display: block;
    margin-bottom: 20px;
    border-top: 1px solid #dcdcdc;
  }
  .table-1.res th {
    display: none;
  }
  .table-1.res td {
    display: block;
    margin-bottom: 0px;
    text-align: left;
    padding-left: 10px;
    border-top: 0px;
    border-right: 1px solid #dcdcdc;
  }
  .table-1.res td:before {
    color: #000;
    font-weight: bold;
    content: attr(data-th) " - ";
  }
}

.jojik-layer__in {
  width: 350px;
  position: absolute;
  top: 30%;
  left: 50%;
  margin-left: -175px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 20px;
  text-align: center;
}

.jojik-layer__in .secret-box {
  font-size: 30px;
  padding: 10px;
  white-space: nowrap;
  border: 1px solid #ddd;
  border-radius: 20px;
  margin-bottom: 10px;
}

.jojik-layer__in .inText3 {
  font-size: 25px;
  text-align: center;
  padding-left: 0;
}

.jojik-layer__in .email-box {
  background-color: #eee;
  padding: 10px 0;
  margin-bottom: 30px;
}

.jojik-layer__in .email-box a:focus,
.jojik-layer__in .email-box a:hover {
  text-decoration: underline;
}

.accordion-tab {
  margin-bottom: 50px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

.accordion-tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.accordion-tab ul li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 25%;
  text-align: center;
  display: table;
  width: 100%;
  min-height: 50px;
}

@media screen and (min-width: 769px) and (max-width: 1400px) {
  .accordion-tab ul li {
    min-width: 33.33%;
    max-width: 33.33%;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .accordion-tab ul li {
    min-width: 50%;
  }
}

@media screen and (min-width: 1px) and (max-width: 420px) {
  .accordion-tab ul li {
    min-width: 50%;
  }
}

.accordion-tab ul li a {
  display: table-cell;
  width: 100%;
  font-size: 17px;
  vertical-align: middle;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.accordion-tab ul li a.on {
  font-weight: bold;
  background-color: #303d4e;
  color: #fff;
}

.accordion-tab ul li.on a {
  font-weight: bold;
  background-color: #303d4e;
  color: #fff;
}

.show-list__top__search__inputbox {
  margin-left: 5px;
}

/*skip navigation*/
.skiptoContent {
  position: fixed;
  left: 50%;
  top: -50px;
  height: 30px;
  line-height: 30px;
  background-color: #00235d;
  width: 360px;
  margin-left: -180px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 9999;
}

.skiptoContent.on {
  top: 0;
}

.skiptoContent strong {
  font-size: 0;
}

.skiptoContent a {
  color: #fff;
  font-size: 18px;
  margin-left: 10px;
  margin-right: 10px;
}

.skiptoContent a:focus {
  color: gold;
}

/*ul 사이즈 설정필수*/
/*컬러설정*/
/*header*/
.header {
  height: 94px;
  position: relative;
  z-index: 99;
  /*헤더 위 링크들*/
  /*header search*/
  /*
	&__search {position:absolute;top:0px;left:50%;margin-left:-70px;}
	&__search__in {border:1px solid #333;background-color:#fff;}
	&__search-in_box {border:0px;padding:0;height:32px;width:150px;line-height: 32px; vertical-align: top;}
    */
}

@media screen and (min-width: 1px) and (max-width: 1400px) {
  .header {
    background-image: none;
  }
}

.header__links {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0 auto;
  background-color: #eee;
  height: 0;
  display: none;
  /*font-size*/
}

.header__links__1 {
  position: relative;
  width: 1400px;
  margin: 0 auto;
  top: 7px;
  text-align: right;
  white-space: nowrap;
}

.header__links__1 > a {
  padding-left: 20px;
}

.header__links__1 > a:focus {
  text-decoration: underline;
}

.add-search-btn .header__links__1 {
  right: 5px;
}

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

.header__links__font-size-box h3 {
  display: inline;
  margin-left: 10px;
  font-size: 13px;
}

@media screen and (min-width: 1px) and (max-width: 1400px) {
  .header__links__1 {
    width: 100%;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .header__links__font-size-box {
    display: none;
  }
}

.header__wrap {
  position: relative;
}

.header__wrap__h1 {
  width: 1400px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}

.header__wrap__h1 h1 {
  position: absolute;
  left: 0px;
  top: 35px;
}

.header__wrap__h1 h1 a {
  display: block;
  text-align: center;
  font-size: 0;
}

.header__wrap__h1 h1 a:focus {
  border: 1px solid #ff894c;
}

@media screen and (min-width: 1px) and (max-width: 1400px) {
  .header__links {
    width: 100%;
  }
  .header__wrap__h1 {
    width: auto;
  }
  .header__wrap__h1 h1 {
    left: 5px;
  }
  .header__wrap__h1 h1 a img {
    max-height: 45px;
  }
}

.header__search {
  position: relative;
  width: 1400px;
  margin: 0 auto;
}

.header__search__in {
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid #333;
  background-color: #fff;
}

.header__search-in_box {
  border: 0px;
  padding: 0;
  padding-left: 10px;
  height: 32px;
  width: 140px;
  line-height: 32px;
  vertical-align: top;
}

.header-search-btn {
  display: none;
}

.add-search-btn .header__search__in {
  right: 50%;
  margin-right: -70px;
}

.add-search-btn .header__search {
  display: none;
}

.add-search-btn .header__search.on {
  display: block;
}

.add-search-btn .header-search-btn {
  display: inline-block;
}

* + html .add-search-btn .header-search-btn {
  display: inline;
}

@media screen and (min-width: 769px) and (max-width: 1400px) {
  .header__search {
    width: auto;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .header__search {
    display: none;
  }
  .header__search__in {
    top: 50px;
  }
  .add-search-btn .header__search__in {
    right: 0;
    margin-right: 0;
  }
  .header__search.on {
    display: block;
    width: auto;
  }
  .header-search-btn {
    display: none !important;
  }
}

.header__btmline01 {
  width: 100%;
  height: 2px;
  background: #d19674;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

/*gnb*/
.gnb {
  width: 100%;
  position: absolute;
  left: 0;
  top: 14px;
  -webkit-box-shadow: 0px 7px 11px -13px rgba(0, 0, 0, 0.75);
          box-shadow: 0px 7px 11px -13px rgba(0, 0, 0, 0.75);
  /*한개씩 떨어짐*/
  /*
    .gnb-menu.focus .sub-nav,
    .gnb-menu.over .sub-nav,
    &.selected .gnb-menu.focus .sub-nav {
        visibility: visible;
        height: auto;
        opacity: 1;
    }*/
}

.gnb .gnb-ul {
  display: table;
  width: 100%;
  max-width: 1400px;
  padding-left: 0px;
  margin: 0 auto;
}

.gnb .gnb-menu {
  display: table-cell;
  position: relative;
}

.gnb .gnb-menu > a {
  display: block;
  /* text-align: center; */
  color: #000;
  height: 80px;
  line-height: 80px;
  text-decoration: none;
  font-size: 18px;
  font-family: "SUIT", sans-serif;
  font-weight: bold;
  padding: 0 10px !important;
}

.gnb .gnb-menu.over > a,
.gnb .gnb-menu.focus > a,
.gnb .gnb-menu > a:hover,
.gnb .gnb-menu > a:focus {
  color: #f6804e;
}

.gnb .sub-nav {
  visibility: hidden;
  height: 0;
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  z-index: 98;
  background-color: #fff;
  padding-top: 0;
  padding-left: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.gnb .sub-nav__box {
  border: 2px solid #00235d;
  border-top: 0px;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.gnb .sub-nav__box__list > a {
  display: block;
  padding: 8px 0 8px 10px;
  color: #000;
  font-size: 16px;
}

.gnb .sub-nav__box__list > a:hover,
.gnb .sub-nav__box__list > a:focus {
  text-decoration: underline;
  color: #f6804e;
}

.gnb::after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: #ff894c;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

* + html .gnb {
  position: absolute;
  top: 0;
  padding-top: 0;
}

/* all 2nd menu down
===============================*/
.down-all .gnb .sub-nav {
  display: block;
  text-align: center;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  position: relative;
  top: 0;
  left: 0;
  opacity: 1;
  background: transparent;
}

.down-all .gnb .sub-nav__box {
  border: 0px;
  padding-left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media screen and (min-width: 769px) and (max-width: 1400px) {
  .down-all .gnb .sub-nav__box__ul {
    padding-left: 30px;
  }
}

.down-all .gnb .sub-nav__box__list > a {
  display: block;
  text-align: left;
  padding: 12px 10px 15px 10px;
  font-family: "SUIT", sans-serif;
  font-weight: bold;
  font-size: 16px;
  /*
                &:hover,
				&:focus {}
				*/
}

.down-all .gnb.selected .gnb-ul .sub-nav {
  height: auto;
  visibility: visible;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
}

.down-all .gnb .gnb-menu.over .sub-nav__box__list > a {
  color: #000;
}

.down-all .gnb .gnb-menu.over .sub-nav__box__list > a:hover,
.down-all .gnb .gnb-menu.over .sub-nav__box__list > a:focus {
  color: #f6804e;
}

.down-all .gnb .gnb-menu > a {
  background-repeat: repeat-x;
  background-position: left bottom;
}

@media screen and (min-width: 769px) and (max-width: 1400px) {
  .down-all .gnb .gnb-menu > a {
    border-bottom: 1px solid #ff894c;
  }
}

.down-all .gnb .gnb-menu:first-child > a > span {
  background-image: none;
}

/* 2차메뉴 균일 박스 디자인 적용시 */
.down-all .gnb .gnb-ul {
  display: table;
}

.down-all .gnb .gnb-menu {
  display: table-cell;
  float: none;
}

/* 2차메뉴 보더적용시 주석 해제 */
/*
.down-all .gnb-menu:first-child {border-left:1px solid #eee}
.down-all .gnb-menu:last-child {border-right:1px solid #eee}
.down-all .gnb-menu {padding-right:1px;}
.down-all .selected .gnb-menu {border-right:1px solid #eee;padding-right:0;}
.down-all .gnb-menu:first-child {}
.down-all .gnb-menu > a {display: block; margin-left: -1px; position: relative; text-align: center; width: 102%;}
*/
/*ie7*/
* + html .gnb {
  top: 90px;
}

* + html .gnb .gnb-menu {
  float: left;
  width: 25%;
}

* + html .gnb .gnb-menu > a {
  white-space: nowrap;
}

* + html .down-all .gnb .gnb {
  position: absolute;
  top: 34px;
}

* + html .down-all .gnb .gnb-ul {
  display: block;
}

* + html .down-all .gnb .gnb-menu {
  display: block;
  float: left;
  width: 25%;
}

* + html .down-all .gnb .gnb-menu.over {
  background-color: #f2f4f7;
}

* + html .down-all .gnb .gnb-menu:first-child {
  border-left: 0px solid #ff894c;
}

* + html .down-all .gnb .gnb-menu {
  border-right: 0px solid #f2f4f7;
  border-left: 0px;
}

* + html .down-all .gnb .gnb-menu > a {
  width: 100%;
  margin-left: 0;
}

* + html .down-all .gnb .gnb-menu.over .sub-nav .sub-nav__box__list a {
  color: #000;
}

* + html .down-all .gnb .gnb-menu.over .sub-nav .sub-nav__box__list a:hover,
* + html .down-all .gnb .gnb-menu.over .sub-nav .sub-nav__box__list a:focus {
  color: #f6804e;
}

* + html .down-all .gnb .selected .gnb-menu {
  border-right: 0;
}

/*모드별 디자인
	ver2
	down-all
	add-all-menu
	add-search-btn
--------------*/
/*ver2*/
.ver2 .header__wrap__h1 h1 {
  top: 25px;
  z-index: 9999;
}

.ver2 .gnb {
  top: 0;
}

.ver2 .gnb .gnb-ul {
  width: 900px;
  padding: 0 100px 0 280px;
}

.ver2 .gnb .gnb-menu > a {
  height: 94px;
  line-height: 94px;
}

.ver2 .gnb .sub-nav {
  top: 94px;
}

.ver2.down-all .gnb {
  border-bottom: 1px solid #ff894c;
}

@media screen and (min-width: 769px) and (max-width: 1400px) {
  .ver2.down-all .gnb {
    background-color: #fff;
  }
}

.ver2.down-all .gnb.selected {
  border-bottom: 1px solid #ff894c;
}

.ver2.down-all .gnb.selected::after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: #ddd;
  position: absolute;
  top: 95px;
  left: 0;
  right: 0;
  z-index: 2;
}

@media screen and (min-width: 769px) and (max-width: 1400px) {
  .ver2.down-all .gnb.selected::after {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1400px) {
  .ver2.down-all .gnb.selected .gnb-ul {
    background-image: none;
  }
}

.ver2.down-all .gnb.selected .gnb-ul::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: #f9f9f9;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Serfbheprf%2Svzntrf%2Sznva%2Stao_ot.cat");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media screen and (min-width: 769px) and (max-width: 1400px) {
  .ver2.down-all .gnb.selected .gnb-ul::before {
    top: 60px;
  }
}

.ver2.down-all .gnb .sub-nav {
  top: 0 !important;
}

@media screen and (min-width: 769px) and (max-width: 1400px) {
  .ver2 .gnb .sub-nav {
    top: 60px !important;
  }
}

/* add-all-menu */
.add-all-menu .all_menu_wrap__outwrap {
  display: block;
}

.add-all-menu .gnb .gnb-ul {
  padding-right: 50px;
  width: 1350px;
}

/*ver2 + add-all-menu*/
.ver2.add-all-menu .gnb .gnb-ul {
  padding: 0 100px 0 400px;
  width: 850px;
  padding-right: 50px;
}

@media screen and (min-width: 769px) and (max-width: 1400px) {
  .header {
    height: 130px;
  }
  .header__wrap__h1 h1 {
    top: 25px !important;
  }
  .gnb {
    top: 70px !important;
    background-image: none !important;
  }
  .gnb .gnb-ul {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .gnb .gnb-menu > a {
    height: 60px !important;
    line-height: 60px !important;
  }
  .gnb .sub-nav {
    top: 60px;
  }
}

/*유동적 메뉴사이즈*/
.none-width.header .gnb .gnb-ul {
  display: block;
  width: 1400px;
  margin: 0 auto;
}

.none-width.header .gnb .gnb-ul .gnb-menu {
  display: block;
  float: left;
  width: 20%;
}

.none-width.header.down-all .gnb .gnb-ul .gnb-menu {
  display: table-cell;
  float: none;
}

@media screen and (min-width: 769px) and (max-width: 1400px) {
  .none-width.header .gnb .gnb-ul {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .none-width.header .gnb .gnb-ul .gnb-menu {
    display: table-cell;
    float: none;
    text-align: center;
  }
}

.none-width.ver2.header .gnb .gnb-ul {
  width: 780px;
}

.none-width.header.add-all-menu .gnb .gnb-ul {
  width: 1350px;
}

.none-width.header.add-all-menu.ver2 .gnb .gnb-ul {
  width: 850px;
}

.gnb-thrd-menu {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #ff894c;
}

.gnb-thrd-menu a {
  display: block;
  text-align: left;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #999;
}

.gnb-thrd-menu a:hover {
  color: #ff894c;
}

.gnb-thrd-menu a:focus {
  text-decoration: underline;
}

.gnb-thrd-menu > ul > li:first-child a {
  padding-top: 0px;
}

.gnb-thrd-menu > ul > li:last-child a {
  padding-bottom: 0px;
}

.all_menu_open {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 24px;
  right: 275px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Svpbaf%2Snyy_zrah_oga.cat") no-repeat;
}

/*모바일메뉴*/
.mobile_top_nav {
  display: none;
}

#gnb_nav_mobile {
  height: auto;
  display: none;
}

/*모바일 메뉴 닫기*/
.mobile-close {
  position: fixed;
  right: -30px;
  top: 10px;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.mobile_on_off a {
  display: none;
}

.mobile_top_nav.selected .mobile-close {
  opacity: 1;
  left: 285px;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .mobile_on_off a {
    display: block;
  }
  .header {
    top: 0;
    overflow: visible;
    position: fixed;
    -webkit-box-shadow: 0px 7px 11px -13px rgba(0, 0, 0, 0.75);
            box-shadow: 0px 7px 11px -13px rgba(0, 0, 0, 0.75);
    width: 100%;
    padding-bottom: 0px;
    height: 50px;
    background-color: #fff;
    background-image: none;
  }
  .header.selected {
    height: 100%;
  }
  .header__wrap__h1 h1 {
    margin-left: 0;
    left: 0;
    position: relative;
    top: 9px;
    width: 100%;
    text-align: left;
    padding-top: 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 15px;
  }
  .header__wrap__h1 h1 a {
    height: 35px;
    line-height: 35px;
    display: inline-block;
    margin: 0 auto;
  }
  .header__wrap__h1 h1 a img {
    max-height: 28px;
  }
  .header__wrap .gnb {
    display: none;
  }
  .ver2 .header__wrap__h1 h1 {
    top: 11px;
  }
  [class*="header__wrap"] {
    height: 50px;
  }
  /*모바일 메뉴*/
  .mobile_top_nav {
    display: block;
    z-index: 10000;
    max-height: 100%;
    position: fixed;
    top: 0;
    left: 0px;
    width: 100%;
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Serfbheprf%2Svzntrf%2Sonfvp%2Sbcn.cat");
    background-repeat: repeat;
    background-position: 0 0;
  }
  .mobile_top_nav .m_s_btn {
    position: absolute;
    top: 8px;
    right: 15px;
    display: block;
    width: 28px;
    height: 28px;
    font-size: 0;
    text-indent: -9999px;
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -65.88235px -425.29412px;
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
    background-size: 927.05882px auto;
    width: 32.94118px;
    min-width: 32.94118px;
    height: 32.94118px;
    display: none;
  }
  .mobile_top_nav .m_open_btn {
    position: absolute;
    top: 12px;
    right: 15px;
    display: block;
    width: 28px;
    height: 28px;
    font-size: 0;
    text-indent: -9999px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Spbag%2Snyy_zrah_zb_oga.cat") no-repeat center center;
    background-size: 100%;
  }
  .mobile_top_nav__in {
    right: -80%;
    width: 80%;
    position: fixed;
    top: 0;
    height: 100%;
    background-color: #fff;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    overflow: auto;
  }
  .mobile_top_nav.selected {
    height: 100%;
    overflow: auto;
    width: 100%;
    right: 0px;
  }
  .mobile_top_nav.selected .m_s_btn {
    display: none;
  }
  .mobile_top_nav.selected .mobile_top_nav__in {
    right: 0;
    -webkit-box-shadow: 3px 4px 18px -7px rgba(0, 0, 0, 0.75);
            box-shadow: 3px 4px 18px -7px rgba(0, 0, 0, 0.75);
  }
  #gnb_nav_mobile {
    opacity: 0;
    position: relative;
    padding-top: 49px;
    z-index: 9999;
    background-color: #fff;
    border-top: 1px solid #d1d1d6;
    background-color: #fff;
  }
  #gnb_nav_mobile li.gnb-menu {
    background-color: #fff;
    display: none;
  }
  #gnb_nav_mobile li.gnb-menu.on {
    display: block;
  }
  #gnb_nav_mobile li.gnb-menu.over {
    background-color: #fff;
  }
  #gnb_nav_mobile li.gnb-menu:first-child {
    border-left: 0px;
  }
  #gnb_nav_mobile li.gnb-menu .gnb-menu__dep2 {
    padding: 0px 10px 0px 20px;
  }
  #gnb_nav_mobile li.gnb-menu .gnb-menu__dep2 > a {
    width: auto;
    display: block;
    text-shadow: none;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #666;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
  }
  #gnb_nav_mobile li.gnb-menu .gnb-menu__dep2 > a > span {
    background-image: none;
  }
  #gnb_nav_mobile li.gnb-menu .gnb-menu__dep2.on > a {
    color: #f08a38;
    border-bottom: 1px solid #e96a37;
  }
  #gnb_nav_mobile .sub-nav {
    display: none;
  }
  #gnb_nav_mobile .sub-nav:first-child {
    display: block;
  }
  #gnb_nav_mobile .sub-nav__box__list {
    position: relative;
    padding: 0px 10px 0px 25px;
  }
  #gnb_nav_mobile .sub-nav__box__list::after {
    content: "";
    width: 3px;
    height: 3px;
    display: block;
    background: #666;
    position: absolute;
    top: 18px;
    left: 12px;
  }
  #gnb_nav_mobile .sub-nav__box__list a {
    display: block;
    line-height: 38px;
    font-size: 14px;
    color: #666;
    text-shadow: 0px 0px 0px;
  }
  /*불켜짐*/
  #gnb_nav_mobile .gnb-menu {
    position: relative;
  }
  #gnb_nav_mobile .gnb-menu.has-menu .gnb-menu__dep2 {
    position: relative;
  }
  #gnb_nav_mobile .gnb-menu.has-menu .gnb-menu__dep2::after {
    content: '';
    width: 6px;
    height: 6px;
    display: block;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    background: #fff;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    top: 20px;
    right: 15px;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
  }
  #gnb_nav_mobile .gnb-menu.has-menu .gnb-menu__dep2.on::after {
    content: '';
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
    top: 15px;
  }
  #gnb_nav_mobile .gnb-menu.has-menu .gnb-menu__dep2.on > a {
    color: #ea6b38;
  }
  /*3rd*/
  #gnb_nav_mobile .sub-nav__3rd {
    position: relative;
  }
  #gnb_nav_mobile .sub-nav__3rd a {
    color: #666;
    border-bottom: 0px;
    font-size: 13px;
    font-weight: normal;
    width: auto;
    display: block;
    text-decoration: none;
    text-align: left;
    padding-left: 35px;
    position: relative;
  }
  #gnb_nav_mobile .sub-nav__3rd a:after {
    content: '';
    display: inline-block;
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -1570px -900px;
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
    width: 2px;
    min-width: 2px;
    height: 2px;
    position: absolute;
    top: 20px;
    left: 25px;
  }
  #gnb_nav_mobile .sub-nav__3rd li:first-child {
    border-top: 0px;
  }
  /*#gnb_nav_mobile .gnb-menu.nav-item.on .sub-nav{height:auto;		visibility: visible;}*/
  #gnb_nav_mobile .gnb-menu.nav-item.on .sub-nav {
    height: auto;
    visibility: visible;
    display: block;
  }
  /*sldieup*/
  #gnb_nav_mobile .gnb-menu.nav-item .sub-nav {
    display: none;
    height: auto;
    visibility: visible;
  }
  /*sldieup*/
  #gnb_nav_mobile .gnb-menu.nav-item.on > a {
    color: #087f97;
  }
  #gnb_nav_mobile .sub-nav__box__list.on > a span {
    color: #087f97;
  }
  #gnb_nav_mobile .sub-nav__3rd .on a {
    color: #000;
    font-weight: bold;
  }
  #gnb_nav_mobile .sub-nav__3rd a.on {
    color: #000;
    font-weight: bold;
  }
  /*모바일 메뉴 닫기*/
  .mobile-close {
    position: fixed;
    right: -30px;
    top: 9px;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .mobile_menu_open .mobile-close {
    right: 20px;
    z-index: 10000;
    opacity: 1;
  }
  .mobile-close a {
    font-size: 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    display: block;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Spbag%2Snyy_pybfr_zb_oga.cat") no-repeat;
    background-size: cover;
    margin-top: 3px;
  }
  .mobile_top_nav.selected .mobile-close {
    opacity: 1;
    left: 285px;
  }
  /*gnb 방식변경*/
  .gnb-ul-wrap {
    width: 100%;
    height: 100%;
    border-top: 1px solid #f08a38;
    position: relative;
    background: #f7f7f7;
  }
  .gnb-ul-tab {
    width: 40%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 15px 0 100% 15px;
  }
  .gnb-ul-tab li {
    padding: 7px 0;
    position: relative;
    margin-bottom: 10px;
  }
  .gnb-ul-tab li a {
    font-size: 15px;
    color: #000;
    font-weight: bold;
    position: relative;
    z-index: 2;
  }
  .gnb-ul-tab li:last-child {
    margin-bottom: 0;
  }
  .gnb-ul-tab li.on a {
    color: #fff;
  }
  .gnb-ul-tab li.on::after {
    content: "";
    width: 120%;
    height: 100%;
    display: block;
    background: #f08a38;
    background: -webkit-gradient(linear, left top, right top, from(#f08a38), to(#f46062));
    background: linear-gradient(90deg, #f08a38 0%, #f46062 100%);
    position: absolute;
    top: 0;
    left: -10px;
    z-index: 1;
    border-radius: 17px;
  }
  .gnb-ul {
    width: 60%;
    display: block;
    padding-right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 15px 0 0 15px;
  }
  .gnb-menu {
    width: 100%;
    display: block;
    border-right: 0px;
  }
  .gnb-menu > a {
    text-align: left;
    line-height: 30px;
    height: 30px;
    padding-left: 15px;
  }
  .sub-nav {
    width: auto;
    border: 0;
    text-align: left;
  }
  .sub-nav__box__list a span {
    color: #666666;
    background-image: none !important;
    font-size: 17px;
  }
  #gnb_nav_mobile li.gnb-menu.selected .sub-nav {
    height: auto;
    visibility: visible;
  }
  #gnb_nav_mobile.selected {
    display: block;
    opacity: 1;
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Serfbheprf%2Svzntrf%2Svpbaf%2Sgvgyr.cat");
    background-position: 10px 13px;
    background-repeat: no-repeat;
    background-size: 100px auto;
  }
  .gnb.selected {
    display: block;
    opacity: 1;
  }
  .header__links {
    z-index: 99999;
    width: auto;
    height: 0;
  }
  .header__links__1 {
    width: 250px;
    right: unset;
    left: -250px;
    top: 15px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .header__links__1 a {
    padding-left: 15px;
  }
  .header__links.selected .header__links__1 {
    left: 0;
  }
}

/*전체메뉴보기*/
.all_menu_wrap__outwrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: none;
}

.all_menu_wrap__outwrap.selected {
  z-index: 11;
  display: block;
}

.btn_all-wrap {
  width: 1400px;
  margin: 0 auto;
}

.all_menu_open {
  display: block;
  position: absolute;
  right: 275px;
  top: 24px;
  display: block;
  width: 48px;
  height: 48px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Svpbaf%2Snyy_zrah_oga.cat") no-repeat;
}

.all_menu_open span {
  width: 1px;
  height: 1px;
  opacity: 0;
  color: rgba(255, 255, 255, 0);
  position: absolute;
  top: -9999px;
  left: -9999px;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .all_menu_open {
    display: none;
  }
}

.btn_all {
  display: block;
  position: absolute;
  right: 250px;
  top: 110px;
  display: block;
  width: 48px;
  height: 48px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Svpbaf%2Snyy_pybfr_oga.cat") no-repeat;
  z-index: 12;
  /*
	span {
		display:block;
		font-size:0;
		&.type1{
			@include sprite($all-menu-btn);
			margin-left:14px !important;
			margin-top:15px;}
		&.type2{
			@include sprite($all-menu-btn-close);
			display:none !important;
			margin-left:10px !important;
			margin-top:5px;}

	}*/
}

.btn_all span {
  width: 1px;
  height: 1px;
  opacity: 0;
  color: rgba(255, 255, 255, 0);
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.all_menu_wrap {
  width: 100%;
  background-color: #fff;
  margin: 0 auto;
  z-index: 9999;
  position: absolute;
  top: 0;
  border-top: 1px solid #ddd;
  left: 0px;
  -webkit-box-shadow: 4px 3px 6px -3px rgba(0, 0, 0, 0.75);
          box-shadow: 4px 3px 6px -3px rgba(0, 0, 0, 0.75);
  /*
	height:0;
	overflow:hidden;
	visibility: hidden;*/
  opacity: 0;
  -webkit-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
  display: none;
}

.all_menu_wrap__h2 {
  height: 110px;
  background-color: #0068b7;
  display: none;
}

.selected .all_menu_wrap {
  display: block;
  height: auto;
  opacity: 1;
  visibility: visible;
  display: block;
}

.all_menu_in {
  position: relative;
  padding-top: 90px;
  width: 1400px;
  margin: 0 auto;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*
	.gnb-menu:nth-child(1) > a{
		background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Serfbheprf%2Svzntrf%2Spbag%2Snyy-zrah-vpba.cat");
	}
	.gnb-menu:nth-child(2) > a{
		background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Serfbheprf%2Svzntrf%2Spbag%2Snyy-zrah-vpba2.cat");
	}
	.gnb-menu:nth-child(3) > a{
		background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Serfbheprf%2Svzntrf%2Spbag%2Snyy-zrah-vpba3.cat");
	}
	.gnb-menu:nth-child(4) > a{
		background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Serfbheprf%2Svzntrf%2Spbag%2Snyy-zrah-vpba4.cat");
	}
	.gnb-menu:nth-child(5) > a{
		background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Serfbheprf%2Svzntrf%2Spbag%2Snyy-zrah-vpba5.cat");
	}


	.all_menu_close{
		color: #333;
		display: block;
		font-size: 0;
		position: absolute;
		right: 20px;
		top: -85px;z-index: 9999;
		width:30px;height:30px;
		//@include sprite($all_menu_close);
	}*/
}

.all_menu_in > h3 {
  font-size: 56px;
  color: #000;
  font-weight: bold;
  margin-bottom: 100px;
}

.selected .all_menu_in .gnb-menu {
  border-right: 0;
}

.all_menu_in .gnb-ul {
  padding-right: 0;
}

.all_menu_in .gnb-menu {
  float: left;
  width: 14%;
  margin-right: 2%;
}

.all_menu_in .gnb-menu:first-child {
  width: 36%;
}

.all_menu_in .gnb-menu:first-child li {
  width: 50%;
  float: left;
}

.all_menu_in .gnb-menu:last-child {
  margin-right: 0;
}

.all_menu_in .gnb-menu > a {
  display: block;
  font-size: 28px;
  color: #f08a37;
  font-weight: bold;
  padding-bottom: 15px;
  border-bottom: 2px solid #f08a37;
}

.all_menu_in .sub-nav {
  height: auto;
  visibility: visible;
}

.all_menu_in .sub-nav__box__list > a {
  display: block;
  font-size: 20px;
  color: #000;
  font-weight: bold;
  position: relative;
}

.all_menu_in .sub-nav__box__list > a:before {
  position: absolute;
  top: 14px;
  left: 8px;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -745px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 3px;
  min-width: 3px;
  height: 3px;
}

.all_menu_in .sub-nav__box__list > a:hover,
.all_menu_in .sub-nav__box__list > a:focus {
  opacity: 0.8;
  text-decoration: underline;
}

.all_menu_in .gnb-ul {
  display: table;
  width: 100%;
}

.all_menu_in .gnb-menu {
  min-width: 12%;
  margin-bottom: 20px;
}

.all_menu_in .gnb-menu:first-child {
  border-left: 0px;
}

.all_menu_in .sub-nav__3rd {
  padding-left: 20px;
  padding-top: 0px;
  padding-bottom: 10px;
}

.all_menu_in .sub-nav__3rd__ul__li a,
.all_menu_in .gnb-thrd-menu__item {
  display: block;
  font-size: 16px;
  color: #999;
  position: relative;
  padding-bottom: 0;
}

.all_menu_in .sub-nav__3rd__ul__li a:hover, .all_menu_in .sub-nav__3rd__ul__li a:focus,
.all_menu_in .gnb-thrd-menu__item:hover,
.all_menu_in .gnb-thrd-menu__item:focus {
  color: #000;
  text-decoration: underline;
}

.all_menu_in .sub-nav__3rd__ul__li a:before,
.all_menu_in .gnb-thrd-menu__item:before {
  position: absolute;
  top: 8px;
  left: 0;
}

@media screen and (min-width: 769px) and (max-width: 1400px) {
  .all_menu_wrap__outwrap {
    width: 100%;
    top: 0;
  }
  .all_menu_in {
    width: auto;
  }
  .all_menu_in .gnb-menu > a {
    background-image: none !important;
  }
  .btn_all-wrap {
    width: 100%;
  }
  .btn_all {
    top: 45px;
  }
  .all_menu_wrap {
    top: 140px;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .all_menu_wrap__outwrap {
    display: none !important;
  }
  .selected .all_menu_wrap {
    display: none;
  }
}

/*상단배너*/
.top-banner {
  min-height: 30px;
}

.top-banner__in {
  min-height: 30px;
  position: relative;
}

.top-banner__in > div:nth-child(1) {
  min-height: 30px;
}

.top-banner__in__link {
  display: block;
  text-align: center;
  margin: 0 auto;
  color: #fff;
  font-size: 17px;
}

.top-banner__in__link img {
  margin: 0 auto;
}

.top-banner__in__link__tit {
  color: #f2cb8e;
  font-weight: normal;
  padding-right: 10px;
}

.top-banner__in img {
  max-width: 100%;
}

.top-banner__in p {
  position: absolute;
  top: 0;
  left: -9999px;
  font-size: 0;
  overflow: hidden;
  width: 0;
  height: 0;
}

.top-banner__in .top-banner-close {
  background-color: #2b3353;
  border-radius: 5px;
  padding: 2px 5px;
  font-size: 0;
  position: absolute;
  bottom: 14px;
  right: 10px;
  text-align: right;
}

.top-banner__in .top-banner-close a,
.top-banner__in .top-banner-close label {
  vertical-align: middle;
  color: #fff;
  font-size: 14px;
  margin-lefT: 5px;
}

.top-banner__in__slick-pause {
  position: absolute;
  bottom: 14px;
  right: 200px;
  display: block;
  width: 22px;
  height: 22px;
  font-size: 0;
  text-indent: -9999px;
  border-radius: 20px;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1371px -800px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 18px;
  min-width: 18px;
  height: 18px;
  vertical-align: top;
}

.top-banner__in__slick-pause:focus {
  background-color: gold;
}

.top-banner .slick-arrow {
  display: none !important;
}

.top-banner .slick-dots {
  position: absolute;
  bottom: 14px;
  right: 225px;
}

.top-banner .slick-dots:after {
  content: ' ';
  clear: both;
  display: block;
  visibility: hidden;
}

* + html .top-banner .slick-dots {
  display: inline-block;
}

.top-banner .slick-dots li {
  float: left;
  margin-right: 5px;
}

.top-banner .slick-dots li button {
  background-color: transparent;
  display: inline-block;
  color: gold;
  vertical-align: middle;
  overflow: visible;
  border: 3px solid #fff;
  width: 22px;
  height: 22px;
  line-height: 22px;
  border-radius: 22px;
  font-size: 0;
}

.top-banner .slick-dots li.slick-active button {
  background-color: #fff;
  border: 3px solid #fff;
}

.top-banner .slick-dots li button:focus {
  background-color: gold;
}

body .top-banner {
  height: auto;
  position: relative;
  z-index: 9;
}

body.pop-closed .top-banner {
  height: 0;
  min-height: 0;
  overflow: hidden;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  body .top-banner {
    display: none;
  }
}

/*	메인페이지
===========================*/
.main-section {
  position: relative;
  font-family: "SUIT", sans-serif;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Serfbheprf%2Svzntrf%2Sznva%2Sznva_ot.cat") no-repeat center center;
  background-size: cover;
  padding-bottom: 54px;
  padding-top: 50px;
}

.main-section__inner {
  width: 1400px;
  margin: 80px auto 0;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .main-section__inner {
    width: 100%;
    margin: 30px auto 0;
  }
}

@media screen and (min-width: 1px) and (max-width: 1400px) {
  .main-section__inner {
    width: 100%;
  }
  .main-section__full_bg {
    margin-top: 40px;
  }
  .main-section__full_bg__inner {
    width: 100%;
    padding: 80px 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .main-section__full_bg {
    margin-top: 20px;
  }
  .main-section__full_bg__inner {
    padding: 50px 10px;
  }
}

.main-top {
  margin-bottom: 40px;
  display: none;
}

.main-top__in {
  width: 1400px;
  margin: 0 auto;
  padding-top: 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (min-width: 1px) and (max-width: 1400px) {
  .main-top__in {
    width: auto;
    padding: 45px 1.5% 0;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .main-top__in {
    padding: 80px 1.5% 0;
  }
}

.main-book {
  max-width: 400px;
  position: relative;
  float: left;
}

.main-book__tit {
  position: absolute;
  top: 4px;
  left: 110px;
  font-size: 22px;
  line-height: 1;
  font-weight: bold;
  /* z-index: 10; */
}

.main-book__tit__link {
  text-indent: -9999px;
  font-size: 1px;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1293px -398px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 26px;
  min-width: 26px;
  height: 26px;
  vertical-align: middle;
  margin-right: 20px;
}

.main-book__tit__prev {
  font-weight: normal;
  font-size: 15px;
  display: inline-block;
  text-align: center;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 100%;
  background-color: #fff;
}

.main-book__tit__next {
  font-weight: normal;
  font-size: 15px;
  display: inline-block;
  text-align: center;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 100%;
  background-color: #fff;
}

.main-book__desc {
  position: absolute;
  top: 40px;
  left: 110px;
  text-align: left;
  font-size: 12px;
  line-height: 1.4;
  color: #999999;
}

.main-book__wrap__item__img {
  position: relative;
}

.main-book__wrap__item__img__tit {
  position: absolute;
  top: 72px;
  left: 110px;
  font-weight: bold;
  padding-right: 30px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Serfbheprf%2Svzntrf%2Svpbaf%2Sobbx-vpba2.cat");
  background-position: 95% center;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 290px;
  height: 50px;
  /* border-radius: 25px; */
  background-color: #fff;
  line-height: 50px;
  padding-left: 0px;
  /* box-shadow: 2px 2px 10px #bbb; */
}

.main-book__wrap__item__img__tit:focus {
  border: 1px solid #333;
}

.main-book .slick-arrow {
  display: none !important;
}

.main-book-nav {
  width: 280px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  visibility: hidden;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 10px;
  height: 0px !important;
  overflow: hidden;
  -webkit-box-shadow: 0px 7px 11px -13px rgba(0, 0, 0, 0.75);
          box-shadow: 0px 7px 11px -13px rgba(0, 0, 0, 0.75);
}

.main-book-nav.on {
  display: block;
  height: auto !important;
  visibility: visible;
  padding: 45px 10px 10px 10px;
}

.main-book-nav__item {
  width: 220px !important;
  float: none !important;
  display: block !important;
  left: 0 !important;
  opacity: 1 !important;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main-book-nav__item a:hover,
.main-book-nav__item a:focus {
  text-decoration: underline;
}

.main-book-nav__item.slick-current {
  text-decoration: underline;
}

.main-book-nav .slick-track {
  width: 220px !important;
}

.main-book-nav .slick-dots li {
  display: none;
}

.main-book-nav .slick-dots li.slick-active {
  display: none;
}

.book-num {
  display: inline-block;
  width: 19px;
  height: 19px;
  line-height: 19px;
  text-align: center;
  background-color: #ff894c;
  border-radius: 100%;
  color: #fff;
  margin-right: 2px;
}

.main-book-nav-wrap {
  position: absolute;
  top: -220px;
  left: 110px;
  z-index: 9;
}

.main-book-nav-wrap__tit {
  display: none;
}

.main-book-nav-wrap__close {
  display: none;
}

.main-book-nav-wrap.on .main-book-nav-wrap__tit {
  display: block;
  position: absolute;
  color: #000;
  top: 16px;
  left: 25px;
  z-index: 999;
  font-weight: bold;
}

.main-book-nav-wrap.on .main-book-nav-wrap__close {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 999;
  font-weight: bold;
}

.main-book-nav-wrap.on .main-book-nav-wrap__close a {
  display: block;
  width: 12px;
  height: 12px;
  font-size: 0;
  position: relative;
}

.main-book-nav-wrap.on .main-book-nav-wrap__close a:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -696px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 12px;
  min-width: 12px;
  height: 12px;
}

.main-book-nav-wrap.on .main-book-nav-wrap__close a:focus {
  border: 1px solid gold;
}

@media screen and (min-width: 1px) and (max-width: 1400px) {
  .main-book {
    width: 100%;
  }
  .main-book__wrap__item__img {
    position: relative;
  }
  .main-book__wrap__item__img__tit {
    /* width: 70%; */
    font-size: 14px;
  }
  .main-book-nav {
    width: 100%;
  }
  .main-book-nav.on {
    width: 100%;
    padding: 45px 10px 10px 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .main-book-nav__item {
    width: 220px !important;
    float: none !important;
    display: block !important;
    left: 0 !important;
    opacity: 1 !important;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .main-book-nav__item a:hover,
  .main-book-nav__item a:focus {
    text-decoration: underline;
  }
  .main-book-nav__item.slick-current {
    text-decoration: underline;
  }
  .main-book-nav .slick-track {
    width: 220px !important;
  }
  .main-book-nav .slick-dots li {
    display: none;
  }
  .main-book-nav .slick-dots li.slick-active {
    display: none;
  }
  .book-num {
    display: inline-block;
    width: 19px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    background-color: #ff894c;
    border-radius: 100%;
    color: #fff;
    margin-right: 2px;
  }
  .main-book-nav-wrap {
    position: absolute;
    top: 116px;
    left: 110px;
    z-index: 9;
  }
  .main-book-nav-wrap__tit {
    display: none;
  }
  .main-book-nav-wrap__close {
    display: none;
  }
  .main-book-nav-wrap.on .main-book-nav-wrap__tit {
    display: block;
    position: absolute;
    color: #000;
    top: 16px;
    left: 25px;
    z-index: 999;
    font-weight: bold;
  }
  .main-book-nav-wrap.on .main-book-nav-wrap__close {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 999;
    font-weight: bold;
  }
  .main-book-nav-wrap.on .main-book-nav-wrap__close a {
    display: block;
    width: 12px;
    height: 12px;
    font-size: 0;
    position: relative;
  }
  .main-book-nav-wrap.on .main-book-nav-wrap__close a:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -696px -1432px;
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
    width: 12px;
    min-width: 12px;
    height: 12px;
  }
  .main-book-nav-wrap.on .main-book-nav-wrap__close a:focus {
    border: 1px solid gold;
  }
}

@media screen and (min-width: 1px) and (max-width: 1200px) {
  .main-book {
    /* width: 50%; */
  }
  .main-book__wrap__item__img {
    position: relative;
    /* &__tit {
						/* width: 70%;
					}*/
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .main-book {
    width: 100%;
  }
  .main-book__tit {
    left: 100px;
  }
  .main-book__desc {
    left: 100px;
  }
  .main-book__wrap__item__img {
    position: relative;
  }
  .main-book__wrap__item__img__tit {
    width: 70%;
    left: 100px;
  }
}

.main-top-search {
  /* float: left; */
  /* margin-left: 90px; */
  position: absolute;
  right: 0;
}

.main-top-search .search-box {
  width: 230px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 30px;
}

.main-top-search .search-box__in {
  position: relative;
}

.main-top-search .search-box__in_box {
  border: 0px;
  height: 40px;
  padding-left: 14px;
  font-size: 12px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f4f4f4;
  border-radius: 20px;
  /* box-shadow: 2px 2px 10px #ccc; */
}

.main-top-search .search-box__in_box::-webkit-input-placeholder {
  color: #999;
}

.main-top-search .search-box__in_box::-moz-placeholder {
  color: #999;
}

.main-top-search .search-box__in_box:-ms-input-placeholder {
  color: #999;
}

.main-top-search .search-box__in_box::-ms-input-placeholder {
  color: #999;
}

.main-top-search .search-box__in_box::placeholder {
  color: #999;
}

.main-top-search .search-box__in_img {
  width: 20px;
  height: 20px;
  padding: 10px;
  /* line-height: 20px; */
  position: absolute;
  top: 0px;
  right: 20px;
  display: block;
  text-align: center;
}

.main-top-search .search-box__in_img img {
  vertical-align: middle;
}

@media screen and (min-width: 1px) and (max-width: 1400px) {
  .main-top-search {
    margin-left: 3%;
    width: 32%;
    right: 10px;
  }
  .main-top-search .search-box {
    width: 100%;
  }
  .main-top-search .search-box__in {
    position: relative;
  }
}

@media screen and (min-width: 1px) and (max-width: 1200px) {
  .main-top-search {
    width: 47%;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .main-top-search {
    width: 100%;
    margin-left: 0;
    right: 0;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

.quick-box {
  float: right;
}

.quick-box__share {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  display: inline-block;
  position: relative;
}

.quick-box__share:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -1277px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 15px;
  min-width: 15px;
  height: 18px;
}

.quick-box__share__wrap {
  float: left;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin-right: 15px;
}

.quick-box__share__wrap.on {
  background-color: #fff;
  border-radius: 24px;
  font-size: 0;
  position: relative;
}

.quick-box__share__wrap.on .quick-box__in {
  display: inline-block;
  opacity: 1;
  padding: 0 35px 0 10px;
}

.quick-box__share__wrap.on .quick-box__share {
  width: 48px;
  height: 48px;
  background: none;
  position: absolute;
  right: 0;
  top: 0;
}

.quick-box__share__wrap.on .quick-box__share::before {
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Svzntrf%2Svpbaf%2Sqebc_oga.cat") no-repeat center center;
}

.quick-box__print {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  display: inline-block;
  position: relative;
  line-height: 48px;
}

.quick-box__print:before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -1212px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 18px;
  min-width: 18px;
  height: 15px;
}

.quick-box__in {
  opacity: 0;
  display: none;
}

.quick-box__in a {
  padding: 0 6px;
  height: 48px;
  display: inline-block;
  position: relative;
  text-indent: -9999em;
}

.quick-box__sns1 {
  width: 25px;
  position: relative;
  vertical-align: top;
}

.quick-box__sns1:before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -675px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 8px;
  min-width: 8px;
  height: 18px;
}

.quick-box__sns2 {
  width: 25px;
  position: relative;
  vertical-align: top;
}

.quick-box__sns2:before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -874px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 20px;
  min-width: 20px;
  height: 14px;
}

.quick-box__sns3 {
  width: 25px;
  position: relative;
  vertical-align: top;
}

.quick-box__sns3:before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -441px -1287px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 22px;
  min-width: 22px;
  height: 20px;
}

.quick-box__url {
  width: 25px;
  position: relative;
  vertical-align: top;
}

.quick-box__url:before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -66px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 16px;
  min-width: 16px;
  height: 20px;
}

.quick-box a:hover .quick-box__sns-go {
  display: block !important;
  padding: 0 10px;
  font-size: 12px;
  position: absolute;
  top: -31px;
  height: 22px;
  line-height: 22px;
  text-indent: 0;
  background-color: rgba(244, 148, 28, 0.8);
  left: 58%;
  margin-left: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 20px;
  color: #fff;
}

.quick-box a:hover .quick-box__sns-go::before {
  content: '';
  position: absolute;
  top: 22px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -1302px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 10px;
  min-width: 10px;
  height: 8px;
}

.quick-box a:hover .quick-box__print-go {
  display: block !important;
  padding: 0 10px;
  font-size: 12px;
  position: absolute;
  top: -31px;
  height: 22px;
  line-height: 22px;
  text-indent: 0;
  background-color: rgba(244, 148, 28, 0.8);
  left: 50%;
  margin-left: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 20px;
  color: #fff;
}

.quick-box a:hover .quick-box__print-go::before {
  content: '';
  position: absolute;
  top: 22px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -1302px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 10px;
  min-width: 10px;
  height: 8px;
}

@media screen and (min-width: 1px) and (max-width: 1400px) {
  .quick-box {
    width: 30%;
    float: right;
    text-align: right;
  }
  .quick-box__share:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -1439px -1277px;
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
    width: 15px;
    min-width: 15px;
    height: 18px;
  }
  .quick-box__share__wrap {
    float: none;
    display: inline-block;
  }
  .quick-box__print {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #fff;
    display: inline-block;
    position: relative;
    line-height: 48px;
  }
  .quick-box__print:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -1439px -1212px;
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
    width: 18px;
    min-width: 18px;
    height: 15px;
  }
}

@media screen and (min-width: 1px) and (max-width: 1200px) {
  .quick-box {
    width: 100%;
    text-align: left;
    margin-top: 20px;
  }
  .quick-box__share:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -1439px -1277px;
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
    width: 15px;
    min-width: 15px;
    height: 18px;
  }
  .quick-box__share__wrap {
    float: left;
  }
  .quick-box__print {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #fff;
    display: inline-block;
    position: relative;
    line-height: 48px;
  }
  .quick-box__print:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -1439px -1212px;
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
    width: 18px;
    min-width: 18px;
    height: 15px;
  }
}

.mainPage-sld-wrap {
  width: 1400px;
  margin: 0 auto;
  position: relative;
}

.mainPage-sld__inner {
  width: 100%;
  font-family: "SUIT";
}

.mainPage-sld__btn {
  /* position: absolute; */
  /* top: -90px; */
  /* right: 100px; */
  /* width: 280px; */
  /* height: 48px; */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* background: #fff; */
  /* border: 1px solid #d34614; */
  /* border-radius: 24px; */
  /* overflow: hidden; */
  width: 100%;
  max-width: 1400px;
  position: relative;
  margin: 0 auto;
  z-index: 1;
}

.mainPage-sld__btn .slick-dots-wrap {
  display: block;
  width: 100%;
}

.mainPage-sld__btn ul {
  /* width: 100% !important; */
  /* height: 100%; */
  display: block;
  /* text-align: center; */
  font-size: 0;
  position: absolute;
  top: 0px;
  right: 0;
  width: 275px;
  margin-right: 300px;
}

.mainPage-sld__btn ul li {
  /* width: 50%; */
  width: auto !important;
  display: inline-block;
  margin-right: 24px;
}

.mainPage-sld__btn ul li a {
  width: 100%;
  display: inline-block;
  font-size: 25px;
  font-weight: bold;
  color: #000;
  line-height: 46px;
  /* background: #fff; */
  /* border-radius: 23px; */
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  position: relative;
}

.mainPage-sld__btn ul li.slick-current a {
  /* background: #f08938; */
  /* background: -webkit-gradient(linear, left top, right top, from(#f08938), color-stop(25%, #f17f42), color-stop(50%, #f2734e), color-stop(75%, #f36959), color-stop(100%, #f46062), to(#f46062)); */
  /* background: linear-gradient(90deg, #f08938 0%, #f17f42 25%, #f2734e 50%, #f36959 75%, #f46062 100%, #f46062 100%); */
  color: #d34614;
}

.mainPage-sld__btn ul li.slick-current a:before {
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  background-color: #d34614;
  position: absolute;
  bottom: 0px;
}

.mainPage-sld .main-lay-1 .top-left {
  width: 765px;
  float: left;
  position: relative;
  border-radius: 35px;
  overflow: hidden;
}

.mainPage-sld .main-lay-1 .top-left__sld .slick-list {
  padding: 0 !important;
  height: auto !important;
}

.mainPage-sld .main-lay-1 .top-left__sld .slick-arrow {
  text-indent: -9999em;
  display: none !important;
}

.mainPage-sld .main-lay-1 .top-left__sld .slick-dots-list {
  position: absolute;
  top: 0;
  right: 0;
}

.mainPage-sld .main-lay-1 .top-left .slick-dots-wrap {
  width: 150px;
  height: 42px;
  position: absolute;
  top: 30px;
  right: 30px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 20px;
}

.mainPage-sld .main-lay-1 .top-left .slick-dots-wrap .myslickcarousel ul li {
  position: absolute;
  top: 12px;
  right: 42px;
  opacity: 0;
  margin-right: 11px;
}

.mainPage-sld .main-lay-1 .top-left .slick-dots-wrap .myslickcarousel ul li button {
  font-size: 18px;
  color: #fff;
  line-height: 1;
}

.mainPage-sld .main-lay-1 .top-left .slick-dots-wrap .myslickcarousel ul li.slick-active {
  opacity: 1;
}

.mainPage-sld .main-lay-1 .top-left .slick-dots-wrap .popup-total {
  position: absolute;
  top: 13px;
  right: 20px;
  font-size: 18px;
  color: #fff;
  line-height: 1;
}

.mainPage-sld .main-lay-1 .top-left .slick-dots-wrap .main-slide-prev {
  position: absolute;
  top: 13px;
  left: 10px;
  width: 17px;
  height: 17px;
  display: block;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Serfbheprf%2Svzntrf%2Svpbaf%2Sfyq_ceri_j.cat") no-repeat center center;
  text-indent: -9999em;
  background-size: auto 100%;
}

.mainPage-sld .main-lay-1 .top-left .slick-dots-wrap .main-slide-pause {
  position: absolute;
  top: 13px;
  left: 33px;
  width: 17px;
  height: 17px;
  display: block;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Serfbheprf%2Svzntrf%2Svpbaf%2Sfyq_cnhfr_j.cat") no-repeat center center;
  text-indent: -9999em;
  opacity: 1;
  background-size: auto 100%;
}

.mainPage-sld .main-lay-1 .top-left .slick-dots-wrap .main-slide-next {
  position: absolute;
  top: 13px;
  left: 55px;
  width: 17px;
  height: 17px;
  display: block;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Serfbheprf%2Svzntrf%2Svpbaf%2Sfyq_arkg_j.cat") no-repeat center center;
  text-indent: -9999em;
  background-size: auto 100%;
}

.mainPage-sld .main-lay-1 .top-right {
  width: 575px;
  float: right;
  /* padding-top: 16px; */
}

.mainPage-sld .main-lay-1 .top-right__tit {
  font-size: 0px;
  color: #000;
  line-height: 38px;
  font-weight: bold;
  margin-bottom: 18px;
  display: none;
}

.mainPage-sld .main-lay-1 .top-right__sld {
  width: 100%;
  height: 280px;
  background: #fff;
  border-radius: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
}

.mainPage-sld .main-lay-1 .top-right__sld .slick-list {
  padding: 80px 0 !important;
}

.mainPage-sld .main-lay-1 .top-right__sld .slick-arrow {
  text-indent: -9999em;
  display: none !important;
}

.mainPage-sld .main-lay-1 .top-right__sld .slick-dots-list {
  position: absolute;
  top: 0;
  right: 0;
}

.mainPage-sld .main-lay-1 .top-right__sld li {
  border-bottom: 1px solid #ddd;
  padding: 13px 0 14px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.mainPage-sld .main-lay-1 .top-right__sld li::last-child {
  border-bottom: none;
}

.mainPage-sld .main-lay-1 .top-right__sld li::after {
  content: "";
  display: block;
  clear: both;
}

.mainPage-sld .main-lay-1 .top-right__sld li .date {
  float: left;
  text-align: center;
  width: 90px;
  margin-left: 4px;
}

.mainPage-sld .main-lay-1 .top-right__sld li .date em {
  display: block;
  font-size: 28px;
  color: #D2410E;
  font-weight: bold;
}

.mainPage-sld .main-lay-1 .top-right__sld li .date span {
  font-size: 16px;
  color: #777;
}

.mainPage-sld .main-lay-1 .top-right__sld li a {
  display: block;
  font-size: 18px;
  color: #000;
  font-weight: 500;
  line-height: 53px;
  width: 420px;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  padding-left: 30px;
}

.mainPage-sld .main-lay-1 .top-right__sld li a .new_mark {
  right: inherit;
  left: 0;
}

.mainPage-sld .main-lay-1 .top-right__sld li a:hover {
  text-decoration: underline;
}

.mainPage-sld .main-lay-1 .top-right .slick-dots-wrap {
  width: 240px;
  height: 24px;
  position: absolute;
  top: 12px;
  right: 0;
}

.mainPage-sld .main-lay-1 .top-right .slick-dots-wrap .more_btn {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  color: #000;
  line-height: 24px;
  font-weight: 500;
}

.mainPage-sld .main-lay-1 .top-right .slick-dots-wrap .more_btn img {
  display: inline-block;
  margin-top: 7px;
}

.mainPage-sld .main-lay-1 .top-right .slick-dots-wrap .myslickcarousel ul li {
  position: absolute;
  top: 0px;
  left: 24px;
  opacity: 0;
}

.mainPage-sld .main-lay-1 .top-right .slick-dots-wrap .myslickcarousel ul li button {
  font-size: 18px;
  color: #000;
  line-height: 24px;
}

.mainPage-sld .main-lay-1 .top-right .slick-dots-wrap .myslickcarousel ul li.slick-active {
  opacity: 1;
}

.mainPage-sld .main-lay-1 .top-right .slick-dots-wrap .popup-total {
  position: absolute;
  top: 0;
  right: 140px;
  font-size: 18px;
  line-height: 24px;
  color: #000;
  display: none;
}

.mainPage-sld .main-lay-1 .top-right .slick-dots-wrap .nav-arrow {
  display: block;
}

.mainPage-sld .main-lay-1 .top-right .slick-dots-wrap .nav-arrow img {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: calc(50% - 5px);
}

.mainPage-sld .main-lay-1 .top-right .slick-dots-wrap .main-slide-prev {
  position: relative;
  top: 1px;
  left: 0px;
  width: 17px;
  height: 17px;
}

.mainPage-sld .main-lay-1 .top-right .slick-dots-wrap .main-slide-pause {
  position: absolute;
  top: 0px;
  left: 145px;
}

.mainPage-sld .main-lay-1 .top-right .slick-dots-wrap .main-slide-next {
  position: relative;
  top: 1px;
  left: 76px;
  width: 17px;
  height: 17px;
}

.mainPage-sld .main-lay-1 .top-right .slick-dots-wrap .progress {
  display: block;
  width: 40px;
  height: 2px;
  position: absolute;
  top: 11px;
  left: 42px;
  overflow: hidden;
  background-color: #ddd;
  background-image: -webkit-gradient(linear, left top, right top, from(black), to(black));
  background-image: linear-gradient(to right, black, black);
  background-repeat: no-repeat;
  background-size: 0 100%;
  -webkit-transition: background-size .2s ease-in-out;
  transition: background-size .2s ease-in-out;
  display: none;
}

.mainPage-sld .main-lay-2 {
  margin-top: 40px;
}

.mainPage-sld .main-lay-2 ul li {
  float: left;
  margin-right: 20px;
  width: 335px;
}

.mainPage-sld .main-lay-2 ul li:last-child {
  margin-right: 0;
}

.mainPage-sld .main-lay-2 ul.img_list li {
  border-radius: 18px;
  overflow: hidden;
}

.mainPage-sld .main-lay-2 ul.img_list li a {
  display: block;
  position: relative;
}

.mainPage-sld .main-lay-2 ul.img_list li a img::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  opacity: 1;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.mainPage-sld .main-lay-2 ul.img_list li a p {
  position: absolute;
  bottom: 30px;
  left: 0;
  z-index: 2;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  line-height: 28px;
  height: 56px;
  padding: 0 30px;
  text-overflow: ellipsis;
  word-break: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.mainPage-sld .main-lay-2 ul.img_list li a:hover img::before {
  opacity: 0;
}

.mainPage-sld .main-lay-2 ul.img_list li a:hover p {
  text-decoration: underline;
}

@media screen and (min-width: 1px) and (max-width: 1400px) {
  .mainPage-sld-wrap {
    width: 100%;
  }
  .mainPage-sld {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 1.5%;
  }
  .mainPage-sld__inner {
    width: 100%;
    font-family: "SUIT";
  }
  .mainPage-sld__btn {
    right: 1.5%;
  }
  .mainPage-sld__btn ul {
    width: 30%;
    margin-right: 10%;
  }
  .mainPage-sld .main-lay-1 .top-left {
    width: 54%;
    float: left;
    position: relative;
  }
  .mainPage-sld .main-lay-1 .top-left img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
  .mainPage-sld .main-lay-1 .top-left__sld .slick-arrow {
    text-indent: -9999em;
    display: none !important;
  }
  .mainPage-sld .main-lay-1 .top-left__sld .slick-dots-list {
    position: absolute;
    top: 0;
    right: 0;
  }
  .mainPage-sld .main-lay-1 .top-left .slick-dots-wrap {
    width: 150px;
    height: 42px;
    position: absolute;
    top: 30px;
    right: 30px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 20px;
  }
  .mainPage-sld .main-lay-1 .top-left .slick-dots-wrap .myslickcarousel ul li {
    position: absolute;
    top: 12px;
    right: 42px;
    opacity: 0;
  }
  .mainPage-sld .main-lay-1 .top-left .slick-dots-wrap .myslickcarousel ul li button {
    font-size: 18px;
    color: #fff;
    line-height: 1;
  }
  .mainPage-sld .main-lay-1 .top-left .slick-dots-wrap .myslickcarousel ul li.slick-active {
    opacity: 1;
  }
  .mainPage-sld .main-lay-1 .top-left .slick-dots-wrap .popup-total {
    position: absolute;
    top: 13px;
    right: 20px;
    font-size: 18px;
    color: #fff;
    line-height: 1;
  }
  .mainPage-sld .main-lay-1 .top-left .slick-dots-wrap .main-slide-prev {
    position: absolute;
    top: 13px;
    left: 10px;
    width: 17px;
    height: 17px;
    display: block;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Serfbheprf%2Svzntrf%2Svpbaf%2Sfyq_ceri_j.cat") no-repeat center center;
    text-indent: -9999em;
  }
  .mainPage-sld .main-lay-1 .top-left .slick-dots-wrap .main-slide-pause {
    position: absolute;
    top: 13px;
    left: 33px;
    width: 17px;
    height: 17px;
    display: block;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Serfbheprf%2Svzntrf%2Svpbaf%2Sfyq_cnhfr_j.cat") no-repeat center center;
    text-indent: -9999em;
    opacity: 1;
  }
  .mainPage-sld .main-lay-1 .top-left .slick-dots-wrap .main-slide-next {
    position: absolute;
    top: 13px;
    left: 55px;
    width: 17px;
    height: 17px;
    display: block;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Serfbheprf%2Svzntrf%2Svpbaf%2Sfyq_arkg_j.cat") no-repeat center center;
    text-indent: -9999em;
  }
  .mainPage-sld .main-lay-1 .top-right {
    position: relative;
    width: 41%;
    float: right;
    /* padding-top: 16px; */
  }
  .mainPage-sld .main-lay-1 .top-right .slick-dots-wrap {
    top: 12px;
  }
  .mainPage-sld .main-lay-1 .top-right__tit {
    /* font-size: 26px; */
    color: #000;
    line-height: 38px;
    font-weight: bold;
    margin-bottom: 18px;
  }
  .mainPage-sld .main-lay-1 .top-right__sld li {
    padding: 10px 0 10px;
  }
  .mainPage-sld .main-lay-1 .top-right__sld li::after {
    content: "";
    display: block;
    clear: both;
  }
  .mainPage-sld .main-lay-1 .top-right__sld li .date {
    width: 20%;
  }
  .mainPage-sld .main-lay-1 .top-right__sld li a {
    width: 80%;
  }
  .mainPage-sld .main-lay-2 {
    margin-top: 40px;
  }
  .mainPage-sld .main-lay-2 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
  }
  .mainPage-sld .main-lay-2 ul li {
    width: 50%;
    margin-right: 0;
    margin: 10px 0;
    text-align: center;
  }
  .mainPage-sld .main-lay-2 ul li:last-child {
    margin-right: 0;
  }
  .mainPage-sld .main-lay-2 ul li a {
    display: block;
  }
  .mainPage-sld .main-lay-2 ul li a img {
    margin: 0 auto;
  }
  .mainPage-sld .main-lay-2 ul.img_list li {
    border-radius: 18px;
    overflow: hidden;
  }
  .mainPage-sld .main-lay-2 ul.img_list li a {
    text-align: center;
  }
  .mainPage-sld .main-lay-2 ul.img_list li a::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    opacity: 1;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
  }
  .mainPage-sld .main-lay-2 ul.img_list li a p {
    position: absolute;
    bottom: 30px;
    left: 0;
    z-index: 2;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    line-height: 28px;
    height: 56px;
    padding: 0 30px;
    text-overflow: ellipsis;
    word-break: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
  }
  .mainPage-sld .main-lay-2 ul.img_list li a:hover::before {
    opacity: 0;
  }
  .mainPage-sld .main-lay-2 ul.img_list li a:hover p {
    text-decoration: underline;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .mainPage-sld {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 1.5%;
  }
  .mainPage-sld__inner {
    width: 100%;
    font-family: "SUIT";
    margin-top: 80px;
  }
  .mainPage-sld__btn {
    right: 1.5%;
  }
  .mainPage-sld__btn ul {
    width: 80%;
    top: 440px;
    margin-right: 16%;
  }
  .mainPage-sld .main-lay-1 .top-left {
    width: 100%;
    float: left;
    position: relative;
  }
  .mainPage-sld .main-lay-1 .top-left img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
  .mainPage-sld .main-lay-1 .top-left__sld .slick-arrow {
    text-indent: -9999em;
    display: none !important;
  }
  .mainPage-sld .main-lay-1 .top-left__sld .slick-dots-list {
    position: absolute;
    top: 0;
    right: 0;
  }
  .mainPage-sld .main-lay-1 .top-left .slick-dots-wrap {
    width: 150px;
    height: 42px;
    position: absolute;
    top: 30px;
    right: 30px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 20px;
  }
  .mainPage-sld .main-lay-1 .top-left .slick-dots-wrap .myslickcarousel ul li {
    position: absolute;
    top: 12px;
    right: 42px;
    opacity: 0;
  }
  .mainPage-sld .main-lay-1 .top-left .slick-dots-wrap .myslickcarousel ul li button {
    font-size: 18px;
    color: #fff;
    line-height: 1;
  }
  .mainPage-sld .main-lay-1 .top-left .slick-dots-wrap .myslickcarousel ul li.slick-active {
    opacity: 1;
  }
  .mainPage-sld .main-lay-1 .top-left .slick-dots-wrap .popup-total {
    position: absolute;
    top: 13px;
    right: 20px;
    font-size: 18px;
    color: #fff;
    line-height: 1;
  }
  .mainPage-sld .main-lay-1 .top-left .slick-dots-wrap .main-slide-prev {
    position: absolute;
    top: 13px;
    left: 10px;
    width: 17px;
    height: 17px;
    display: block;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Serfbheprf%2Svzntrf%2Svpbaf%2Sfyq_ceri_j.cat") no-repeat center center;
    text-indent: -9999em;
  }
  .mainPage-sld .main-lay-1 .top-left .slick-dots-wrap .main-slide-pause {
    position: absolute;
    top: 13px;
    left: 33px;
    width: 17px;
    height: 17px;
    display: block;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Serfbheprf%2Svzntrf%2Svpbaf%2Sfyq_cnhfr_j.cat") no-repeat center center;
    text-indent: -9999em;
    opacity: 1;
  }
  .mainPage-sld .main-lay-1 .top-left .slick-dots-wrap .main-slide-next {
    position: absolute;
    top: 13px;
    left: 55px;
    width: 17px;
    height: 17px;
    display: block;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Serfbheprf%2Svzntrf%2Svpbaf%2Sfyq_arkg_j.cat") no-repeat center center;
    text-indent: -9999em;
  }
  .mainPage-sld .main-lay-1 .top-right {
    width: 100%;
    float: right;
    padding-top: 20px;
  }
  .mainPage-sld .main-lay-1 .top-right__tit {
    /* font-size: 26px; */
    color: #000;
    line-height: 38px;
    font-weight: bold;
    margin-bottom: 0px;
  }
  .mainPage-sld .main-lay-1 .top-right__sld {
    height: 254px;
    padding: 10px;
  }
  .mainPage-sld .main-lay-1 .top-right__sld li::after {
    content: "";
    display: block;
    clear: both;
  }
  .mainPage-sld .main-lay-1 .top-right__sld li .date {
    width: 16%;
    padding-right: 4%;
  }
  .mainPage-sld .main-lay-1 .top-right__sld li .date span {
    font-size: 14px;
  }
  .mainPage-sld .main-lay-1 .top-right__sld li a {
    width: 80%;
  }
  .mainPage-sld .main-lay-2 {
    margin-top: 40px;
  }
  .mainPage-sld .main-lay-2 ul {
    display: block;
  }
  .mainPage-sld .main-lay-2 ul li {
    width: 49%;
    margin-right: 2%;
  }
  .mainPage-sld .main-lay-2 ul li:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 1px) and (max-width: 480px) {
  .mainPage-sld__btn {
    /* width: 45%; */
  }
  .mainPage-sld__btn ul li a {
    font-size: 18px;
  }
  .mainPage-sld__btn ul li.slick-current a:before {
    bottom: 6px;
  }
  .mainPage-sld .main-lay-2 {
    margin-top: 40px;
  }
  .mainPage-sld .main-lay-2 ul li {
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (min-width: 1px) and (max-width: 400px) {
  .mainPage-sld .main-lay-1 .top-right__sld li a {
    width: 67%;
  }
}

/*-- 20250512 추가 --*/
.main-lay-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-lay-2 .bottom-left {
  width: 765px;
  position: relative;
}

@media screen and (max-width: 1400px) {
  .main-lay-2 .bottom-left {
    width: 54%;
  }
}

@media screen and (max-width: 768px) {
  .main-lay-2 .bottom-left {
    width: 100%;
  }
}

.main-lay-2 .bottom-left .tab-nav {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-lay-2 .bottom-left .tab-nav .main-tab__ul li {
  width: auto !important;
}

.main-lay-2 .bottom-left .tab-nav .main-tab__cont__more {
  position: initial;
}

.main-lay-2 .bottom-left .bottom-left__sld {
  width: 100%;
  height: 300px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px 40px;
  border-radius: 18px;
}

@media screen and (max-width: 1400px) {
  .main-lay-2 .bottom-left .bottom-left__sld {
    padding: 20px 30px;
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  .main-lay-2 .bottom-left .bottom-left__sld {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.main-lay-2 .bottom-left .bottom-left__sld li {
  width: 325px;
  margin-right: 35px;
}

.main-lay-2 .bottom-left .bottom-left__sld li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1400px) {
  .main-lay-2 .bottom-left .bottom-left__sld li {
    margin-right: 10px;
  }
}

@media screen and (max-width: 450px) {
  .main-lay-2 .bottom-left .bottom-left__sld li {
    margin-right: 0;
  }
  .main-lay-2 .bottom-left .bottom-left__sld li:last-child {
    display: none;
  }
}

.main-lay-2 .bottom-left .bottom-left__sld li a {
  display: block;
}

.main-lay-2 .bottom-left .bottom-left__sld li a .item2 {
  font-size: 18px;
  color: #111;
  margin: 10px 0;
}

.main-lay-2 .bottom-left .bottom-left__sld li a .item3 {
  font-size: 16px;
  color: #888;
}

.main-lay-2 .bottom-left .bottom-left__sld li a:hover .item2 {
  text-decoration: underline;
}

.main-lay-2 .bottom-right {
  width: 575px;
}

@media screen and (max-width: 1400px) {
  .main-lay-2 .bottom-right {
    width: 41%;
  }
}

@media screen and (max-width: 768px) {
  .main-lay-2 .bottom-right {
    width: 100%;
    margin-top: 40px;
  }
}

.main-lay-2 .bottom-right .main-links__ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-lay-2 .bottom-right .main-links__ul li {
  width: calc((100% - 20px) / 3);
  height: 173px;
  border-radius: 18px;
  background-color: #fff;
  margin-right: auto;
  margin-bottom: 10px;
  -webkit-transition: .3s;
  transition: .3s;
}

.main-lay-2 .bottom-right .main-links__ul li:nth-child(3n) {
  margin-right: 0;
}

.main-lay-2 .bottom-right .main-links__ul li:nth-child(4), .main-lay-2 .bottom-right .main-links__ul li:nth-child(5), .main-lay-2 .bottom-right .main-links__ul li:nth-child(6) {
  margin-bottom: 0;
}

@media screen and (max-width: 1400px) {
  .main-lay-2 .bottom-right .main-links__ul li {
    margin: auto;
  }
}

@media screen and (max-width: 768px) {
  .main-lay-2 .bottom-right .main-links__ul li {
    width: calc((100% - 20px) / 2);
    height: 150px;
  }
}

.main-lay-2 .bottom-right .main-links__ul li a {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-lay-2 .bottom-right .main-links__ul li a img {
  margin-bottom: 10px;
}

.main-lay-2 .bottom-right .main-links__ul li a::before {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 18px;
  -webkit-transition: all .3s;
  transition: all .3s;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.main-lay-2 .bottom-right .main-links__ul li a .icon-item {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.main-lay-2 .bottom-right .main-links__ul li a .icon-item p {
  font-size: 18px;
  text-align: center;
}

@media screen and (max-width: 450px) {
  .main-lay-2 .bottom-right .main-links__ul li a .icon-item p {
    font-size: 16px;
  }
}

.main-lay-2 .bottom-right .main-links__ul li:hover {
  -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1);
}

.main-lay-2 .bottom-right .main-links__ul li:hover a::before {
  border: 1px solid transparent;
  border-radius: 18px;
  background-image: linear-gradient(#fff, #fff), linear-gradient(45deg, #d34614, #3cc7bb, #ec124f);
  background-origin: border-box;
  background-clip: content-box, border-box;
  background-color: transparent;
}

/*-- 20250708 추가 --*/
.new-main-lay-2 {
  margin-top: 50px;
}

.new-main-lay-2 .bottom-left {
  width: 440px;
  float: left;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 25px;
  min-height: 360px;
}

.new-main-lay-2 .bottom-left__in {
  padding: 35px 30px 20px;
  position: relative;
}

.new-main-lay-2 .bottom-left__tit {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 20px;
}

.new-main-lay-2 .bottom-center {
  width: 440px;
  float: left;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 25px;
  min-height: 360px;
  margin-left: 42px;
}

.new-main-lay-2 .bottom-center__in {
  padding: 35px 30px 20px;
  position: relative;
}

.new-main-lay-2 .bottom-center__tit {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 20px;
}

.new-main-lay-2 .bottom-right {
  width: 440px;
  float: right;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 25px;
  min-height: 360px;
}

.new-main-lay-2 .bottom-right__in {
  padding: 35px 30px 20px;
  position: relative;
}

.new-main-lay-2 .bottom-right__tit {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 20px;
}

.new-main-lay-2 .main-links__ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.new-main-lay-2 .main-links__ul li {
  width: calc((100% - 40px) / 3);
  height: 110px;
  border-radius: 15px;
  background-color: #f2f3f6;
  margin-right: auto;
  margin-bottom: 20px;
  -webkit-transition: .3s;
  transition: .3s;
}

.new-main-lay-2 .main-links__ul li:nth-child(3n) {
  margin-right: 0;
}

.new-main-lay-2 .main-links__ul li:nth-child(4), .new-main-lay-2 .main-links__ul li:nth-child(5), .new-main-lay-2 .main-links__ul li:nth-child(6) {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .new-main-lay-2 .main-links__ul li {
    width: calc((100% - 20px) / 2);
    height: 150px;
  }
  .new-main-lay-2 .main-links__ul li:nth-child(3n) {
    margin-right: auto;
  }
}

.new-main-lay-2 .main-links__ul li a {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.new-main-lay-2 .main-links__ul li a img {
  margin-bottom: 10px;
}

.new-main-lay-2 .main-links__ul li a::before {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 15px;
  -webkit-transition: all .3s;
  transition: all .3s;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.new-main-lay-2 .main-links__ul li a .icon-item {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.new-main-lay-2 .main-links__ul li a .icon-item p {
  font-size: 16px;
  text-align: center;
}

@media screen and (max-width: 450px) {
  .new-main-lay-2 .main-links__ul li a .icon-item p {
    font-size: 16px;
  }
}

.new-main-lay-2 .main-links__ul li:hover {
  -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1);
}

.new-main-lay-2 .main-links__ul li:hover a::before {
  border: 1px solid transparent;
  border-radius: 15px;
  background-image: linear-gradient(#fefefe, #fefefe), linear-gradient(45deg, #d34614, #3cc7bb, #ec124f);
  background-origin: border-box;
  background-clip: content-box, border-box;
  background-color: transparent;
}

.new-main-lay-2 .main-media__ul {
  width: 100%;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.new-main-lay-2 .main-media__ul li {
  width: calc(100% / 1);
}

.new-main-lay-2 .main-media__ul li a {
  display: block;
}

.new-main-lay-2 .main-media__ul li a .item1 {
  border-radius: 15px;
  overflow: hidden;
}

.new-main-lay-2 .main-media__ul li a .item2 {
  font-size: 16px;
  color: #111;
  margin: 10px 0;
}

.new-main-lay-2 .main-media__ul li a:hover .item1 {
  opacity: 0.8;
}

.new-main-lay-2 .main-media__ul li a:hover .item2 {
  text-decoration: underline;
}

.new-main-lay-2 .main-media__ul li a:focus .item1 {
  opacity: 0.8;
}

.new-main-lay-2 .main-media__ul li a:focus .item2 {
  text-decoration: underline;
}

.new-main-lay-2 .more_btn {
  position: absolute;
  right: 30px;
  top: 40px;
  display: block;
  padding: 2px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Serfbheprf%2Svzntrf%2Svpbaf%2Sznva-zber.cat");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 11px 11px;
  font-size: 14px;
  color: #000;
  padding-right: 15px;
  border: 2px solid rgba(0, 0, 0, 0);
}

.new-main-lay-2 .more_btn:focus {
  border: 2px solid gold;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.new-main-lay-2 .main-popup .slick-prev.slick-arrow,
.new-main-lay-2 .main-popup .slick-next.slick-arrow {
  display: none !important;
}

.new-main-lay-2 .main-popup-img {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 63%;
  border-radius: 15px;
}

.new-main-lay-2 .main-popup-img__in {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.new-main-lay-2 .main-popup img {
  width: 100%;
  height: 100% !important;
  /* 비율 안깨지고 상하 가운데 정렬시*/
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.new-main-lay-2 .main-popup-slide__item a:hover {
  opacity: 0.8;
}

.new-main-lay-2 .main-popup-slide__item a:focus {
  opacity: 0.8;
}

.new-main-lay-2 .main-nav-item {
  position: absolute;
  top: 36px;
  right: 30px;
}

.new-main-lay-2 .main-nav-item a {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  text-indent: -9999px;
}

.new-main-lay-2 .main-nav-item a:focus {
  background-color: #ddd;
  border-radius: 4px;
}

.new-main-lay-2 .main-nav-item__prev:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1293px -626px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 26px;
  min-width: 26px;
  height: 26px;
}

.new-main-lay-2 .main-nav-item__next:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1293px -854px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 26px;
  min-width: 26px;
  height: 26px;
}

.new-main-lay-2 .main-nav-item__play:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1293px -778px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 26px;
  min-width: 26px;
  height: 26px;
}

.new-main-lay-2 .main-nav-item__pause:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1293px -702px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 26px;
  min-width: 26px;
  height: 26px;
}

@media screen and (min-width: 1px) and (max-width: 1400px) {
  .new-main-lay-2 .bottom-left,
  .new-main-lay-2 .bottom-center,
  .new-main-lay-2 .bottom-right {
    width: calc((100% - 40px) / 3);
  }
  .new-main-lay-2 .bottom-center {
    margin-left: 20px;
  }
}

@media screen and (min-width: 1px) and (max-width: 1080px) {
  .new-main-lay-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 30px;
  }
  .new-main-lay-2 .bottom-left,
  .new-main-lay-2 .bottom-right {
    width: calc((100% - 20px) / 2);
    min-height: 100px;
  }
  .new-main-lay-2 .bottom-left {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    float: none;
  }
  .new-main-lay-2 .bottom-right {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    float: none;
    margin-left: 20px;
  }
  .new-main-lay-2 .bottom-center {
    margin-top: 30px;
    margin-left: 0px;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    float: none;
    width: 100%;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .new-main-lay-2 .bottom-left,
  .new-main-lay-2 .bottom-right {
    width: 100%;
  }
  .new-main-lay-2 .bottom-center {
    margin-top: 20px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .new-main-lay-2 .bottom-right {
    margin-top: 20px;
    margin-left: 0;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .new-main-lay-2 .bottom-left__in,
  .new-main-lay-2 .bottom-center__in,
  .new-main-lay-2 .bottom-right__in {
    padding: 25px 20px 20px;
  }
  .new-main-lay-2 .bottom-left__tit,
  .new-main-lay-2 .bottom-center__tit,
  .new-main-lay-2 .bottom-right__tit {
    font-size: 20px;
  }
  .new-main-lay-2 .more_btn {
    right: 25px;
    top: 23px;
  }
  .new-main-lay-2 .main-nav-item {
    right: 25px;
    top: 23px;
  }
}

/*메인페이지 슬라이드*/
.mainPage-sld > .slick-arrow {
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  opacity: 0.5;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  text-indent: -9999em;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
          box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
}

.mainPage-sld > .slick-arrow:hover {
  opacity: 1;
}

.mainPage-sld > .slick-prev {
  top: 48%;
  left: -12%;
}

.mainPage-sld > .slick-prev::after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  border-top: 4px solid #999;
  border-left: 4px solid #999;
  position: absolute;
  top: 28px;
  left: 50%;
  -webkit-transform: rotate(-45deg) translateX(-50%);
          transform: rotate(-45deg) translateX(-50%);
}

.mainPage-sld > .slick-next {
  top: 48%;
  right: -12%;
}

.mainPage-sld > .slick-next::after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  border-top: 4px solid #999;
  border-right: 4px solid #999;
  position: absolute;
  top: 38px;
  right: 38%;
  -webkit-transform: rotate(45deg) translateX(-50%);
          transform: rotate(45deg) translateX(-50%);
}

/*이미지의 상하사이즈로 설정*/
.slick-dots-wrap-outwrap {
  text-align: center;
  position: absolute;
  z-index: 3;
  bottom: 15px;
  left: 0;
  width: 100%;
}

.slick-dots-wrap {
  display: inline-block;
}

.myslickcarousel {
  display: inline-block;
}

.slick-dots2 .myslickcarousel {
  display: none !important;
}

.slick-dots2 .slick-dots-on-off {
  display: none !important;
}

.slick-dots-on-off {
  display: inline-block;
}

.slick-dots-on-off li {
  display: inline-block;
  vertical-align: middle;
}

.slick-dots-on-off li a {
  color: gold;
}

* + html .myslickcarousel {
  display: inline;
}

* + html .slick-dots-on-off {
  display: inline;
}

* + html .slick-dots-on-off li {
  display: inline;
}

.slick-dots-list {
  display: inline-block !important;
  vertical-align: middle;
}

.slick-dots-list li {
  display: inline-block;
}

.slick-dots-list li button {
  display: inline-block;
  vertical-align: middle;
  overflow: visible;
}

.slick-dots-list li button:focus {
  background-color: #fff;
}

* + html .slick-dots-list li {
  display: inline;
}

* + html .slick-dots-list li button {
  display: inline;
}

.slick-dots-on-off img {
  vertical-align: middle;
}

@media screen and (min-width: 1px) and (max-width: 1740px) {
  .mainPage-sld > .slick-prev {
    left: -5%;
  }
  .mainPage-sld > .slick-next {
    right: -5%;
  }
}

@media screen and (min-width: 1px) and (max-width: 1560px) {
  .mainPage-sld > .slick-prev {
    left: 0;
  }
  .mainPage-sld > .slick-next {
    right: 0;
  }
}

@media screen and (min-width: 1px) and (max-width: 1400px) {
  .mainPage-sld > .slick-arrow {
    display: none !important;
  }
  /*이미지의 상하사이즈로 설정*/
  .slick-dots-wrap-outwrap {
    text-align: center;
    position: absolute;
    z-index: 3;
    bottom: 15px;
    left: 0;
    width: 100%;
  }
  .slick-dots-wrap {
    display: inline-block;
  }
  .myslickcarousel {
    display: inline-block;
  }
  .slick-dots-on-off {
    display: inline-block;
  }
  .slick-dots-on-off li {
    display: inline-block;
    vertical-align: middle;
  }
  .slick-dots-on-off li a {
    color: gold;
  }
  * + html .myslickcarousel {
    display: inline;
  }
  * + html .slick-dots-on-off {
    display: inline;
  }
  * + html .slick-dots-on-off li {
    display: inline;
  }
  .slick-dots-list {
    display: inline-block !important;
    vertical-align: middle;
  }
  .slick-dots-list li {
    display: inline-block;
  }
  .slick-dots-list li button {
    display: inline-block;
    vertical-align: middle;
    overflow: visible;
  }
  .slick-dots-list li button:focus {
    background-color: #fff;
  }
  * + html .slick-dots-list li {
    display: inline;
  }
  * + html .slick-dots-list li button {
    display: inline;
  }
  .slick-dots-on-off img {
    vertical-align: middle;
  }
}

/*배너존*/
.banner_zone_outwrap {
  font-family: 'Noto Sans KR';
  margin: 0 auto;
  padding-bottom: 10px;
  padding-top: 10px;
  border-top: 1px solid #e0e0e0;
}

.banner_zone_wrap {
  position: relative;
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
  height: 50px;
}

.banner_zone {
  width: 990px;
  overflow: hidden;
  z-index: 0;
  position: relative;
  text-align: center;
  margin-left: 210px;
}

.banner_zone a {
  padding: 0 0;
}

.selectbox_title_focus {
  border: 1px solid #ffc169 !important;
}

.listwrap {
  position: relative;
  left: 0;
  overflow: hidden;
}

* + html .listwrap {
  overflow: hidden;
  height: 50px;
  white-space: nowrap;
}

.listwrap li {
  float: left;
  width: 198px;
  height: 50px;
}

.listwrap li a {
  display: block;
}

.listwrap li a img {
  width: 186px;
  height: 48px;
  border: 1px solid #ddd;
}

.navi {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 18px;
}

.navi .on {
  background-color: red;
}

.banner_zone_wrap h3 {
  margin-left: 0px;
  margin-bottom: 0px;
  font-size: 18px;
  color: #333333;
  position: absolute;
  top: 11px;
  left: 2px;
}

.foot_roll_nav2 {
  position: relative;
  z-index: 1;
}

.foot_roll_nav2 .r_prev {
  left: 83px;
  top: 13px;
}

.foot_roll_nav2 .r_pause {
  left: 110px;
  top: 13px;
}

.foot_roll_nav2 .r_next {
  left: 137px;
  top: 13px;
}

.foot_roll_nav2 .r_plus {
  left: 164px;
  top: 13px;
}

.foot_roll_nav2 .r_start {
  left: 34px;
  top: 29px;
}

.foot_roll_nav2 span {
  float: left;
  position: absolute;
}

.foot_roll_nav2 span.go_all_banner {
  padding-left: 3px;
}

.banner_zone_wrap .pos_banner {
  position: absolute;
  top: 15px;
  left: 133px;
}

.r_plus a {
  width: 28px;
  height: 28px;
  font-size: 0;
  display: block;
  background-color: #fff;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1211px -979px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 28px;
  min-width: 28px;
  height: 28px;
}

.r_pause a {
  width: 28px;
  height: 28px;
  font-size: 0;
  display: block;
  background-color: #fff;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1211px -901px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 28px;
  min-width: 28px;
  height: 28px;
}

.r_start a {
  width: 28px;
  height: 28px;
  font-size: 0;
  display: block;
  background-color: #fff;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1293px -930px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 26px;
  min-width: 26px;
  height: 25px;
}

.r_prev a {
  width: 28px;
  height: 28px;
  font-size: 0;
  display: block;
  background-color: #fff;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1211px -823px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 28px;
  min-width: 28px;
  height: 28px;
}

.r_next a {
  width: 28px;
  height: 28px;
  font-size: 0;
  display: block;
  background-color: #fff;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1211px -1057px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 28px;
  min-width: 28px;
  height: 28px;
  margin-right: -1px;
}

@media screen and (min-width: 1px) and (max-width: 1200px) {
  .banner_zone_outwrap {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 20px;
  }
  .banner_zone_wrap {
    width: auto;
  }
  .banner_zone {
    width: 790px;
  }
}

@media screen and (min-width: 851px) and (max-width: 1000px) {
  /*배너존*/
  .banner_zone {
    width: 595px;
  }
}

@media screen and (min-width: 769px) and (max-width: 850px) {
  /*배너존*/
  .banner_zone {
    width: 392px;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .banner_zone_wrap {
    height: auto;
    padding-left: 10px;
  }
  .banner_zone_wrap h3 {
    top: 0px;
    left: 10px;
  }
  .foot_roll_nav2 .r_prev {
    left: 83px;
    top: 0px;
  }
  .foot_roll_nav2 .r_pause {
    left: 110px;
    top: 0px;
  }
  .foot_roll_nav2 .r_next {
    left: 137px;
    top: 0px;
  }
  .foot_roll_nav2 .r_plus {
    left: 164px;
    top: 0px;
  }
  .foot_roll_nav2 .r_start {
    left: 34px;
    top: 0px;
  }
  .banner_zone {
    width: 392px;
    margin: 0 auto;
    padding-top: 40px;
  }
}

@media screen and (min-width: 1px) and (max-width: 470px) {
  .banner_zone {
    width: 200px;
  }
}

/*		sidebar
=========================*/
/* sidebar */
.sidebar {
  width: 210px;
  float: left;
  font-family: "SUIT", sans-serif;
}

.side_in_wrap {
  -webkit-box-shadow: 4px 3px 10px -2px rgba(0, 0, 0, 0.13);
  box-shadow: 4px 3px 10px -2px rgba(0, 0, 0, 0.13);
  background-color: #fff;
}

.sidebar__wrap {
  background-color: #fff;
  border: 1px solid #e0e0e0;
}

.sidebar__h2 {
  text-align: center;
  height: 160px;
  font-size: 24px;
  font-size: 2.4rem;
  display: table;
  width: 100%;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  color: #fff;
  font-weight: 500;
  border-radius: 15px 15px 0 0;
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Serfbheprf%2Svzntrf%2Sonfvp%2Sfvqrone-gvg_vzt.cat);
  background-position: center center;
}

.sidebar__h2 span {
  display: table-cell;
  vertical-align: middle;
}

.sidebar__h2 a {
  display: none;
}

/*메뉴 이름 길경우*/
.sidebar__h2.long-type {
  font-size: 20px;
  padding-top: 45px;
  height: 55px;
}

.side-list__li > span > a {
  display: block;
  padding-left: 20px;
  height: 54px;
  line-height: 53px;
  border-top: 1px solid #e0e0e0;
  font-size: 15px;
  font-weight: normal;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background-position: 213px center;
}

.side-list__li:first-child > span > a {
  border-top: none;
}

.side-list__li:last-child > span > a {
  border-bottom: none;
}

.side-list__li.open-type > span > a {
  position: relative;
}

.side-list__li.open-type > span > a:after {
  content: '';
  display: inline-block;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -299px -1287px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 21px;
  min-width: 21px;
  height: 21px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 20px;
}

.side-list__li.open-type > span > a:hover:after,
.side-list__li.open-type > span > a:focus:after,
.side-list__li.open-type > span.on > a:after,
.side-list__li.open-type > span > a.on:after {
  content: '';
  display: inline-block;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -370px -1287px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 21px;
  min-width: 21px;
  height: 21px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 20px;
}

.side-list__li.open-type.on > span > a:after {
  content: '';
  display: inline-block;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -370px -1287px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 21px;
  min-width: 21px;
  height: 21px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 20px;
}

.side-list__li.on > span {
  display: block;
}

.side-list__li > span > a:hover,
.side-list__li > span > a:focus,
.side-list__li > span.on > a,
.side-list__li > span > a.on,
.side-list__li.selected > span > a {
  font-weight: normal;
  opacity: 0.9;
  color: #5485e4;
}

.side-list__li.on > span > a {
  font-weight: normal;
  opacity: 0.9;
  border-bottom: 0;
  color: #5485e4;
}

.side-list__li__inbox {
  display: none;
}

.open-type.on > .side-list__li__inbox {
  position: relative;
  border: 1px solid #e0e0e0;
  display: block;
  background-color: #f8f8f8;
  padding: 14px 19px;
  border-radius: 10px;
  margin: 0 19px 19px 19px;
}

.open-type.on > .side-list__li__inbox:before {
  content: '';
  position: absolute;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -809px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 11px;
  min-width: 11px;
  height: 12px;
  left: 15px;
  top: -12px;
}

.spp__in > a {
  display: block;
  font-size: 14px;
  color: #555555;
  padding-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 4px;
}

.spp__in > a:before {
  content: '';
  display: inline-block;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -798px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 4px;
  min-width: 4px;
  height: 1px;
  padding-right: 5px;
  margin-top: 9px;
}

.spp__in > a:hover,
.spp__in > a:focus,
.spp__in.on > a,
.spp__in > .on,
.spp__in.selected > a,
.spp__in > .selected {
  color: #5485e4;
}

.spp__in > a:hover:before,
.spp__in > a:focus:before,
.spp__in.on > a:before,
.spp__in > .on:before,
.spp__in.selected > a:before,
.spp__in > .selected:before {
  content: '';
  display: inline-block;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -849px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 4px;
  min-width: 4px;
  height: 1px;
}

.spp__in__small {
  display: none;
}

.on > .spp__in__small {
  display: block;
  padding: 3px 10px 10px 15px;
}

.spp__in__small a {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  font-size: 13px;
  font-size: 1.3rem;
}

.spp__in__small .on,
.spp__in__small a:hover,
.spp__in__small a:focus {
  text-decoration: underline;
}

.sp-open-type {
  position: relative;
}

.sp-open-type:after {
  content: '';
  display: inline-block;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1380px -1359px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 8px;
  min-width: 8px;
  height: 8px;
  position: absolute;
  top: 13px;
  right: 15px;
}

.sp-open-type.on:after {
  content: '';
  display: inline-block;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -117px -1562px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 8px;
  min-width: 8px;
  height: 2px;
  position: absolute;
  top: 15px;
  right: 15px;
}

/*4차*/
.spp__in__small__4th {
  display: none;
}

.on > .spp__in__small__4th {
  display: block;
  padding: 10px 5px 10px 10px;
  background-color: #eff3f7;
}

.spp__in__small__4th a {
  display: block;
  padding: 3px 0;
  min-height: 17px;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal;
  padding-left: 15px;
}

.spp__in__small__4th > li.on > a,
.spp__in__small__4th > li > .on,
.spp__in__small__4th a:hover,
.spp__in__small__4th a:focus {
  text-decoration: underline;
}

/*2019 사이드 메뉴 수정 추가 */
.sidebar {
  position: relative;
  margin-bottom: 50px;
}

.mobile-submenu-btn {
  display: none;
  background-color: #2b4577;
  padding: 5px;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 5px;
  right: 7px;
  z-index: 98;
}

.mobile-submenu-btn .type1 {
  display: block;
}

.mobile-submenu-btn .type2 {
  display: none;
}

.selected.mobile-submenu-btn .type1 {
  display: none;
}

.selected.mobile-submenu-btn .type2 {
  display: block;
}

@media screen and (min-width: 1px) and (max-width: 1400px) {
  .sidebar {
    position: relative;
    z-index: 1;
    margin-top: 0px;
    float: none;
    width: 100%;
  }
  .sidebar {
    padding-bottom: 0px;
  }
  .side_in_wrap {
    display: none;
    border-bottom: 2px solid #009590;
    opacity: 0;
  }
  .sidebar h2 {
    text-align: left;
    background-image: none;
    background-color: #5485e4;
    padding-left: 10px;
    font-size: 1.5rem;
    height: 32px;
    padding-top: 5px;
    line-height: 1.6;
  }
  .sidebar h2 {
    color: #fff;
    min-height: 10px;
    height: 40px;
    border-radius: 0px;
  }
  .sidebar h2 a {
    display: none;
  }
  .sidebar__h2 {
    padding-bottom: 0px;
  }
  .sidebar__h2.long-type {
    padding-bottom: 0px;
    font-size: 16px;
    padding-top: 5px;
    height: 32px;
  }
  .sidebar h2 {
    text-align: left;
    padding-left: 20px;
    font-size: 16px;
  }
  .side-list__li > span > a {
    height: 30px;
    line-height: 30px;
  }
  .side-list__li.open-type > span > a {
    background-position: 96% center;
  }
  .side-list__li.open-type.on > span > a {
    background-position: 96% center;
  }
  .sp-open-type {
    background-position: 97% center;
  }
  .sp-open-type.on {
    background-position: 97% center;
  }
  /**/
  .sidebar__wrap {
    opacity: 1.0 !important;
    margin-left: 0px !important;
  }
  .side_in_wrap {
    display: block;
    border-bottom: 2px solid #000;
    opacity: 1;
  }
  .side_in_wrap li.selected span a {
    background-color: #fff !important;
    color: #f6804e !important;
  }
  .mobile-submenu-btn {
    display: none;
  }
  .open-type.on > .side-list__li__inbox {
    padding: 0 10px;
    margin: 10px;
  }
  .sidebar .side-list > li {
    overflow: hidden;
    height: 0;
  }
  /*.sidebar .side-list > li.on {display:block;}*/
  .sidebar .side-list > li.on {
    height: auto;
  }
  .sidebar.selected .side-list > li {
    height: auto;
  }
  .side-list__li > span > a {
    padding: 0px 0 0px 15px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .sidebar.selected .side-list > li.open-type {
    height: auto;
  }
}

/*sub-page-container*/
.subpage {
  font-family: 'Noto Sans KR';
}

.sub-page-container {
  font-family: "SUIT", sans-serif;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sonfvp%2Sfho_ot.cat") no-repeat center top;
  background-size: cover;
}

.sub-page-container__in {
  width: 1400px;
  margin: 0 auto;
  position: relative;
  padding-top: 100px;
}

.sub-page-container__in:after {
  content: ' ';
  clear: both;
  display: block;
  visibility: hidden;
}

* + html .sub-page-container__in {
  display: inline-block;
}

.sub-page-container__in .sub-tit {
  font-size: 45px;
  color: #000;
  text-align: center;
  margin-bottom: 40px;
  font-weight: bold;
}

.sub-contents {
  width: 100%;
  margin: 0 auto 50px;
  min-height: 524px;
}

.cont-in {
  padding-bottom: 40px;
  word-break: break-all;
}

@media screen and (max-width: 1400px) {
  .sub-tit {
    padding-top: 30px;
    font-size: 40px;
  }
}

@media screen and (max-width: 768px) {
  .cont-in {
    padding-bottom: 20px;
  }
}

.cont-in img {
  max-width: 100%;
}

.side-tit {
  padding-left: 380px;
  position: relative;
}

.side-tit .side-tit__text {
  position: absolute;
  top: 0;
  left: 0;
}

.side-tit .side-tit__text h3 {
  font-size: 46px;
  color: #000;
  font-weight: bold;
  padding-left: 40px;
  position: relative;
}

.side-tit .side-tit__text h3 img {
  display: none;
}

.side-tit .side-tit__text h3::after {
  content: "";
  width: 26px;
  height: 38px;
  display: block;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Svpbaf%2Sfvqr_gvg.cat") no-repeat center center;
  position: absolute;
  top: 15px;
  left: 0;
}

.side-tit .side-tit__text h3.no-bg {
  font-size: 36px;
  padding-left: 0;
}

.side-tit .side-tit__text h3.no-bg::after {
  display: none;
}

.side-tit .col_orange {
  color: #D2410E;
}

@media screen and (min-width: 1px) and (max-width: 1400px) {
  .side-tit {
    padding-left: 30%;
  }
  .side-tit .side-tit__text h3 {
    font-size: 38px;
    color: #000;
    font-weight: bold;
    padding-left: 30px;
    position: relative;
  }
  .side-tit .side-tit__text h3 img {
    display: none;
  }
  .side-tit .side-tit__text h3::after {
    content: "";
    width: 22px;
    height: 34px;
    display: block;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Svpbaf%2Sfvqr_gvg.cat") no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 10px;
    left: 0;
  }
  .side-tit .side-tit__text h3.no-bg {
    font-size: 26px;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .side-tit {
    padding-left: 0;
    width: 100%;
  }
  .side-tit .side-tit__text {
    position: static;
  }
  .side-tit .side-tit__text h3 {
    font-size: 28px;
    padding-left: 0;
    text-align: center;
    margin: 20px 0;
  }
  .side-tit .side-tit__text h3::after {
    display: none;
  }
  .side-tit .side-tit__text h3 br {
    display: none;
  }
  .side-tit .side-tit__text h3 img {
    display: inline-block;
    width: 20px;
    vertical-align: middle;
  }
}

@media screen and (min-width: 1px) and (max-width: 1400px) {
  .sub-page-container__in {
    width: auto;
    padding-top: 0;
  }
  .sub-contents {
    width: auto;
    float: none;
    padding: 10px;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .sub-page-container {
    padding-top: 61px;
  }
}

.sub-contents__top {
  position: relative;
  margin-bottom: 40px;
  border-radius: 12px;
  background-color: #faf7f3;
  padding: 28px 40px;
}

.sub-contents__dep3 {
  width: 100%;
  text-align: center;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.sub-contents__dep3 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sub-contents__dep3 ul li {
  display: inline-block;
  padding: 0 25px;
  position: relative;
}

.sub-contents__dep3 ul li a {
  display: block;
  font-size: 18px;
  color: #999;
  text-align: center;
  position: relative;
}

.sub-contents__dep3 ul li ::before {
  content: "";
  display: none;
  background: #D2410E;
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.sub-contents__dep3 ul li.on a {
  color: #000;
}

.sub-contents__dep3 ul li.on a::before {
  display: block;
  width: 100%;
  height: 2px;
}

.sub-contents__dep3 ul li a:hover::before, .sub-contents__dep3 ul li a:focus::before {
  display: block;
  width: 100%;
  height: 2px;
}

.sub-contents__dep3 ul ::after {
  content: "";
  width: 1px;
  height: 16px;
  display: block;
  background: #ddd;
  position: absolute;
  top: 6px;
  right: 0;
}

.sub-contents__dep3 ul :last-child::after {
  display: none;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .sub-contents__dep3 {
    padding-bottom: 0;
  }
  .sub-contents__dep3 ul {
    display: block;
  }
  .sub-contents__dep3 ul::after {
    content: "";
    display: block;
    clear: both;
  }
  .sub-contents__dep3 ul li {
    display: block;
    padding: 5px 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 49%;
    float: left;
    margin-right: 2%;
    margin-bottom: 10px;
  }
  .sub-contents__dep3 ul li:nth-child(2n) {
    margin-right: 0;
  }
  .sub-contents__dep3 ul li a {
    display: block;
    font-size: 16px;
  }
  .sub-contents__dep3 ul li ::before {
    content: "";
    display: none;
    background: #D2410E;
    position: absolute;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .sub-contents__dep3 ul li.on {
    background: #ea6b38;
    border-radius: 5px;
  }
  .sub-contents__dep3 ul li.on a {
    color: #fff;
  }
  .sub-contents__dep3 ul li.on a::before {
    display: none;
  }
  .sub-contents__dep3 ul li a:hover::before, .sub-contents__dep3 ul li a:focus::before {
    display: none;
  }
  .sub-contents__dep3 ul ::after {
    content: "";
    width: 1px;
    height: 16px;
    display: block;
    background: #ddd;
    position: absolute;
    top: 6px;
    right: -7%;
  }
  .sub-contents__dep3 ul :nth-child(2n)::after {
    display: none;
  }
}

/* location */
.location-box__cont span {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  height: 28px;
  line-height: 28px;
  color: #777777;
}

.location-box__cont .loc-home {
  display: block;
  float: left;
  padding-left: 30px;
  padding-right: 20px;
  font-size: 14px;
  font-size: 18px;
  line-height: 28px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Serfbheprf%2Svzntrf%2Svpbaf%2Subzr.cat");
  background-position: 0 center;
  background-repeat: no-repeat;
  color: #000;
  position: relative;
}

.location-box__cont .loc-home::after {
  content: "";
  width: 1px;
  height: 20px;
  display: block;
  background-color: #ddd;
  position: absolute;
  top: 4px;
  right: 0px;
}

.location-box__cont .location-box__list {
  float: left;
  /* margin-left: 40px; */
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.location-box__cont .location-box__list > a {
  font-size: 18px;
  color: #000;
  line-height: 28px;
  padding-right: 100px;
  display: block;
  position: relative;
}

.location-box__cont .location-box__list > a::after {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  background-repeat: no-repeat;
  background-position: -464px -582px;
  position: absolute;
  top: 4px;
  right: 0;
}

.location-box__cont .location-box__list ul {
  width: 100%;
  /* padding: 10px 30px; */
  background: #D2410E;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  position: absolute;
  top: -28px;
  left: 0;
  right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 3;
  display: none;
  overflow: hidden;
}

.location-box__cont .location-box__list ul li {
  border-bottom: 1px solid #fff;
  /* text-align: center; */
  /* padding-bottom: 5px; */
  /* margin-top: 5px; */
  opacity: 0.7;
  height: 84px;
  line-height: 84px;
  padding-left: 20px;
  text-align: left;
}

.location-box__cont .location-box__list ul li a {
  font-size: 18px;
  color: #fff;
  display: inline-block;
  position: relative;
  width: 100%;
}

.location-box__cont .location-box__list ul li.on a:after {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -119px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 5px;
  min-width: 5px;
  height: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 20px;
}

.location-box__cont .location-box__list ul li:first-child {
  margin-top: 0;
}

.location-box__cont .location-box__list ul li:last-child {
  border-bottom: none;
}

.location-box__cont .location-box__list ul li.on, .location-box__cont .location-box__list ul li:hover {
  opacity: 1;
}

.location-box__cont .location-box__list ul li.on a, .location-box__cont .location-box__list ul li:hover a {
  opacity: 1;
}

.location-box__cont .location-box__list ul.on {
  display: block;
}

.location-box__cont .location-box__list::after {
  content: "";
  width: 1px;
  height: 20px;
  display: block;
  background-color: #ddd;
  position: absolute;
  top: 4px;
  right: 0px;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .location-box__cont .location-box__list {
    float: left;
    margin-left: 40px;
    position: relative;
  }
  .location-box__cont .location-box__list > a {
    font-size: 18px;
    color: #000;
    line-height: 28px;
    padding-right: 100px;
    display: block;
    position: relative;
  }
  .location-box__cont .location-box__list > a::after {
    content: "";
    width: 10px;
    height: 8px;
    display: block;
    background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
    background-repeat: no-repeat;
    background-position: -426px -726px;
    position: absolute;
    top: 10px;
    right: 0;
  }
  .location-box__cont .location-box__list ul {
    width: 100%;
    top: 30px;
    padding: 10px 10px;
    border-radius: 15px;
  }
  .location-box__cont .location-box__list ul li {
    height: 0;
    line-height: 0;
    padding: 15px 0;
    text-align: center;
    opacity: 0.5;
  }
  .location-box__cont .location-box__list ul li a {
    font-size: 14px;
    padding: 0;
  }
  .location-box__cont .location-box__list ul li.on, .location-box__cont .location-box__list ul li:hover {
    opacity: 1;
  }
  .location-box__cont .location-box__list ul li.on a:after {
    display: none;
  }
  .location-box__cont .location-box__list::after {
    content: "";
    width: 1px;
    height: 20px;
    display: block;
    background-color: #ddd;
    position: absolute;
    top: 4px;
    right: -20px;
  }
}

/* 프린트, url 버튼 등*/
.special-box {
  position: absolute;
  top: 22px;
  right: 30px;
  font-size: 0;
  text-indent: -9999em;
}

.special-box__share__wrap {
  float: left;
  position: relative;
}

.special-box__in {
  width: 141px;
  padding: 10px 12px;
  border: 1px solid #ddd;
  background-color: #fff;
  position: absolute;
  top: 45px;
  left: -50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
  display: none;
}

.special-box__in::after {
  content: "";
  width: 7px;
  height: 7px;
  display: block;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  background: #fff;
  position: absolute;
  top: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.special-box__share__wrap.on .special-box__in {
  display: block;
}

.special-box__share {
  position: relative;
  margin: 0 5px;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -462px -1035px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 40px;
  min-width: 40px;
  height: 40px;
}

.special-box__share::before {
  content: "";
  width: 1px;
  height: 22px;
  display: block;
  background-color: #ddd;
  position: absolute;
  top: 8px;
  right: -5px;
}

.special-box__sns1 {
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-right: 5px;
  position: relative;
}

.special-box__sns1:before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -675px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 8px;
  min-width: 8px;
  height: 18px;
}

.special-box__sns2 {
  width: 25px;
  height: 25px;
  display: inline-block;
  position: relative;
  margin-right: 5px;
}

.special-box__sns2:before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -874px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 20px;
  min-width: 20px;
  height: 14px;
}

.special-box__sns3 {
  width: 25px;
  height: 25px;
  display: inline-block;
  position: relative;
  margin-right: 5px;
}

.special-box__sns3:before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -441px -1287px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 22px;
  min-width: 22px;
  height: 20px;
}

.special-box__url {
  width: 25px;
  height: 25px;
  display: inline-block;
  position: relative;
}

.special-box__url:before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -66px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 16px;
  min-width: 16px;
  height: 20px;
}

.special-box__print {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -372px -1035px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 40px;
  min-width: 40px;
  height: 40px;
  float: right;
  margin: 0 5px;
}

@media screen and (min-width: 769px) and (max-width: 1400px) {
  .sub-contents__top h2.sub-tit {
    padding-top: 0px;
  }
  .location-box__cont .location-box__list > a {
    padding-right: 40px;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .sub-contents h2.sub-tit {
    font-size: 21px;
    margin-bottom: 8px;
    padding-top: 10px;
    height: auto;
  }
  .sub-contents__top {
    padding: 5%;
    margin-bottom: 10px;
    text-align: center;
  }
  .location-box {
    position: relative;
    top: 0;
    right: 0;
    padding-bottom: 0px;
  }
  .location-box__cont {
    position: relative;
    white-space: normal;
    width: auto;
    text-align: center;
    overflow: visible;
    top: 0;
    left: 0;
    padding-top: 0px;
  }
  .location-box__cont .loc-home {
    display: inline-block;
    background: none;
    float: none;
    padding: 0 10px;
    font-size: 16px;
  }
  .location-box__cont .loc-home::after {
    width: 5px;
    height: 5px;
    background: none;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 11px;
    right: -5px;
  }
  .location-box__cont .location-box__list {
    display: inline-block;
    float: none;
    margin: 0;
  }
  .location-box__cont .location-box__list a {
    padding: 0 10px;
    font-size: 16px;
  }
  .location-box__cont .location-box__list::after {
    width: 5px;
    height: 5px;
    background: none;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 11px;
    right: -5px;
  }
  .location-box__cont .location-box__list:last-child::after {
    display: none;
  }
  .special-box {
    display: none;
  }
}

/* checkbox */
input[class="check-type"] + label {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid #cccccc;
  background-color: #dddddd;
  cursor: pointer;
  border-radius: 30px;
  position: relative;
}

input[class="check-type"] + label:before {
  content: ' ';
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1195px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 12px;
  min-width: 12px;
  height: 9px;
  position: absolute;
  top: 10px;
  left: 10px;
}

input[class="check-type"]:checked + label {
  background-color: #666666;
}

input[class="check-type"]:focus + label {
  border: 2px solid gold;
}

input[class="check-type"] {
  position: absolute;
  left: -9999px;
}

/* 2 */
input[class="check-type2"] + label {
  display: inline-block;
  width: 12px;
  height: 12px;
  cursor: pointer;
  position: relative;
  border: 1px solid #ddd;
}

input[class="check-type2"]:checked + label:before {
  content: ' ';
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -510px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 12px;
  min-width: 12px;
  height: 12px;
  position: absolute;
  top: 0px;
  left: 0px;
}

input[class="check-type2"]:focus + label {
  border: 1px solid #bbbbbb;
}

input[class="check-type2"] {
  position: absolute;
  left: -9999px;
}

/*라디오버튼*/
input[class="radio-type"] + label {
  display: inline-block;
  width: 17px;
  height: 17px;
  border: 0;
  cursor: pointer;
  position: relative;
  font-size: 0;
  text-indent: -9999px;
}

input[class="radio-type"] + label:before {
  content: ' ';
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -321px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 13px;
  min-width: 13px;
  height: 13px;
  position: absolute;
  top: 3px;
  left: 4px;
}

input[class="radio-type"]:checked + label:before {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -384px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 13px;
  min-width: 13px;
  height: 13px;
}

input[class="radio-type"] {
  position: absolute;
  left: -9999px;
}

.choose-label-text {
  margin-left: 0;
  color: #7d7d7d;
  font-weight: bold;
  font-size: 16px;
  padding: 5px;
}

.choose-textarea {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #d5d9dd;
  background-color: #e9ecf0;
  padding: 20px;
  height: 100px;
  font-size: 16px;
  margin-top: 10px;
  width: 100%;
  color: #768393;
}

.choose-textarea.long {
  height: 150px;
}

.editor_view.on .editor_view__cont {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  /*16:9*/
  background-color: #00235d;
  color: #fff;
}

.editor_view.on .editor_view__cont > p {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.editor_view.on .editor_view__cont > p iframe {
  width: 100%;
  height: 100%;
}

.pagination {
  font-size: 0;
  margin: 40px auto 0;
  text-align: center;
}

.pagination a {
  height: 31px;
  width: 31px;
  line-height: 31px;
  display: inline-block;
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
  margin: 0 5px;
  vertical-align: middle;
  background-color: #f5f5f5;
  color: #666;
}

.pagination a.active, .pagination a:hover, .pagination afocus {
  background-color: #D2410E;
  color: #fff;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .pagination {
    font-size: 0;
    margin: 40px auto 0;
    text-align: center;
  }
  .pagination a {
    height: 20px;
    width: 20px;
    line-height: 20px;
    font-size: 14px;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) and (min-width: 1px) and (max-width: 768px) {
  .pagination a {
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 15px;
  }
  .pagination .prev {
    margin-right: 0;
  }
  .pagination .next {
    margin-left: 0;
  }
}

/* bullet list */
.bull-list li {
  position: relative;
  padding-left: 30px;
}

.bull-list.round > li::after {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  background: #fff;
  border: 4px solid #f46062;
  border-radius: 50%;
  position: absolute;
  top: 12px;
  left: 0;
}

.bull-list.dot > li {
  padding-left: 15px;
}

.bull-list.dot > li::after {
  content: "";
  width: 4px;
  height: 4px;
  display: block;
  background: #999;
  border-radius: 50%;
  position: absolute;
  top: 20px;
  left: 0;
}

.bull-tit {
  font-size: 22px;
  color: #666;
  padding-left: 30px;
  position: relative;
}

.bull-tit::after {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  background: #fff;
  border: 4px solid #f46062;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 0;
}

/* table */
.table-wrap {
  width: 100%;
}

.table-wrap.type01 {
  border-top: 2px solid #000;
}

.table-wrap.type01 thead th {
  position: relative;
}

.table-wrap.type01 thead th span {
  width: 1px;
  height: 18px;
  display: block;
  background: #ddd;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.table-wrap > table {
  width: 100%;
}

.table-wrap > table th {
  background: #f9f9f9;
  border-bottom: 1px solid #ddd;
  text-align: center;
  font-size: 22px;
  color: #000;
  padding: 20px 0 21px;
}

.table-wrap > table td {
  font-size: 22px;
  color: #666;
  padding: 20px 0;
  border: 1px solid #ddd;
  text-align: center;
  vertical-align: middle;
}

.table-wrap > table td:first-child {
  border-left: none;
}

.table-wrap > table td:last-child {
  border-right: none;
}

.table-wrap .caption_txt {
  font-size: 18px;
  color: #666;
  line-height: 40px;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .table-wrap > table th {
    font-size: 16px;
    padding: 10px 0 11px;
  }
  .table-wrap > table td {
    font-size: 14px;
    padding: 10px 0;
  }
  .table-wrap .caption_txt {
    font-size: 14px;
    line-height: 20px;
  }
}

/* cont-tab*/
.cont-tab {
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding-top: 40px;
}

.cont-tab ul {
  text-align: center;
  padding-bottom: 22px;
  font-size: 0;
}

.cont-tab ul li {
  display: inline-block;
  margin: 0 25px;
  position: relative;
}

.cont-tab ul li a {
  font-size: 18px;
  color: #999;
  font-weight: bold;
}

.cont-tab ul li a.on {
  color: #000;
}

.cont-tab ul li a.on::after {
  content: "";
  width: 100%;
  height: 3px;
  display: block;
  background: #D2410E;
  position: absolute;
  bottom: -23px;
  left: 0;
  right: 0;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.cont-tab ul li::after {
  content: "";
  width: 1px;
  height: 16px;
  display: block;
  background: #ddd;
  position: absolute;
  top: 4px;
  right: -25px;
}

.cont-tab ul li:last-child::after {
  display: none;
}

@media screen and (min-width: 1px) and (max-width: 1023px) {
  .cont-tab {
    border-bottom: none;
  }
  .cont-tab ul li {
    margin-bottom: 10px;
  }
  .cont-tab ul li a.on::after {
    bottom: -5px;
  }
}

.flex_list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex_list li {
  width: 32%;
  padding: 40px 0 35px;
  text-align: center;
  border-radius: 15px;
}

.flex_list li h5 {
  font-size: 36px;
  color: #fff;
  font-weight: bold;
  position: relative;
  margin-top: 18px;
  padding-bottom: 20px;
}

.flex_list li h5::after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.flex_list li .round_box {
  display: inline-block;
  font-size: 36px;
  color: #fff;
  background: #536a9d;
  padding: 6px 18px;
  border-radius: 28px;
  margin-top: 80px;
}

.flex_list li p {
  font-size: 18px;
  color: #fff;
  line-height: 28px;
}

.flex_list li p.tit {
  font-size: 22px;
  font-weight: bold;
  margin: 30px 0 16px;
}

@media screen and (min-width: 1px) and (max-width: 1400px) {
  .flex_list li {
    width: 32%;
    padding: 40px 10px 35px;
    text-align: center;
    border-radius: 15px;
    margin: 0 3px;
  }
  .flex_list li h5 {
    font-size: 26px;
  }
  .flex_list li .round_box {
    display: inline-block;
    font-size: 24px;
  }
  .flex_list li p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -1px;
  }
  .flex_list li p br {
    display: none;
  }
  .flex_list li p.tit {
    font-size: 18px;
    margin: 20px 0 6px;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .flex_list {
    width: 100%;
    display: block;
    margin-bottom: 30px;
  }
  .flex_list li {
    width: 100%;
    padding: 20px 20px 15px;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .flex_list li h5 {
    font-size: 22px;
    margin-top: 10px;
    padding-bottom: 10px;
  }
  .flex_list li .round_box {
    font-size: 22px;
    margin-top: 30px;
  }
  .flex_list li p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
  }
  .flex_list li p br {
    display: none;
  }
  .flex_list li p.tit {
    font-size: 22px;
    font-weight: bold;
    margin: 30px 0 16px;
  }
}

.txt-box_inner {
  padding-bottom: 50px;
  border-bottom: 1px solid #ddd;
}

.txt-box_inner ul li {
  font-size: 22px;
  color: #666;
  line-height: 40px;
}

.txt-box_inner.no-bdline {
  border-bottom: none;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .txt-box_inner {
    padding-bottom: 20px;
  }
  .txt-box_inner ul li {
    font-size: 14px;
    line-height: 24px;
  }
  .txt-box_inner ul.bull-list.round > li {
    padding-left: 15px;
  }
  .txt-box_inner ul.bull-list.round > li::after {
    width: 4px;
    height: 4px;
    border: 2px solid #f46062;
    top: 8px;
  }
  .txt-box_inner ul.bull-list.dot > li::after {
    top: 10px;
  }
}

/* 이임사, 새해 인사말, 취임사*/
.txt-box {
  width: 100%;
  margin-top: 120px;
}

.txt-box__bdline {
  border-top: 1px solid #000;
  padding-top: 50px;
}

.txt-box img {
  max-width: 100%;
}

.txt-box .speech_top {
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 70px 0 70px 500px;
  border-radius: 0 0 0 70px;
  overflow: hidden;
  color: #fff;
  margin-bottom: 110px;
}

.txt-box .speech_top h3 {
  font-size: 48px;
  color: #fff;
  font-weight: 800;
  line-height: 62px;
  margin-bottom: 40px;
}

.txt-box .speech_top p {
  font-size: 22px;
  color: #fff;
  font-weight: 400;
  line-height: 40px;
}

.txt-box .speech01_top {
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Spbag%2Sfcrrpu01_gbc_ot.cat") no-repeat center center;
}

.txt-box .speech01_top img {
  position: absolute;
  bottom: 0;
  left: 0;
}

.txt-box .speech02_top {
  padding: 0;
}

.txt-box .speech02_top .img-box {
  float: left;
}

.txt-box .speech02_top p {
  float: left;
  width: 850px;
}

.txt-box .speech02_top h4 {
  float: left;
  font-size: 46px;
  margin-bottom: 40px;
}

.txt-box .speech03_top {
  padding: 70px;
  font-size: 46px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Spbag%2Sfcrrpu03_gbc_ot.cat") no-repeat center center;
}

.txt-box .speech04_top {
  padding: 0;
}

.txt-box .speech04_top .img-box {
  float: left;
}

.txt-box .speech04_top p {
  float: left;
}

.txt-box .speech04_top h4 {
  float: left;
  font-size: 46px;
  margin-bottom: 68px;
}

.txt-box .speech05_top {
  padding: 0;
}

.txt-box .speech05_top .img-box {
  float: left;
}

.txt-box .speech05_top p {
  float: left;
  width: 70%;
}

.txt-box .speech05_top h4 {
  float: left;
  font-size: 46px;
  margin-bottom: 68px;
}

.txt-box p.txt {
  font-size: 22px;
  color: #000;
  line-height: 40px;
  margin-bottom: 40px;
}

.txt-box p.txt__date {
  font-size: 26px;
  line-height: 44px;
  text-align: center;
  margin-bottom: 0;
}

.txt-box p.txt.last {
  margin-bottom: 0;
}

.txt-box h4 {
  font-size: 36px;
  color: #000;
  line-height: 52px;
  font-weight: 600;
}

.txt-box .col_orange {
  color: #D2410E;
}

.txt-box .num-bg-box {
  width: 100%;
  padding: 48px 60px 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 14px;
  margin-bottom: 30px;
  position: relative;
}

.txt-box .num-bg-box.last {
  margin-bottom: 0;
}

.txt-box .num-bg-box img {
  position: absolute;
  top: 0;
  left: 0;
}

.txt-box .num-bg-box h5 {
  font-size: 36px;
  color: #fff;
  font-weight: bold;
  line-height: 52px;
}

.txt-box .num-bg-box p {
  font-size: 22px;
  color: #fff;
  line-height: 40px;
}

.txt-box .bg-blue {
  background: #284585;
}

.txt-box .bg-green {
  background: #078572;
}

.txt-box .bg-red {
  background: #D83D3E;
}

.txt-box .bg-orange {
  background: #ea6a37;
}

.txt-box .btn1 {
  margin-top: 40px;
}

.txt-box .task-list li {
  width: 18%;
  float: left;
  margin-right: 2.5%;
  margin-bottom: 30px;
  font-size: 18px;
  color: #000;
  text-align: center;
  line-height: 22px;
  font-weight: bold;
  background: #f8f8f8;
  border-radius: 15px;
  min-height: 210px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 40px;
}

.txt-box .task-list li:nth-child(5n) {
  margin-right: 0;
}

.txt-box .task-list li img {
  margin: 0 auto;
  display: block;
  margin-bottom: 22px;
}

.txt-box .bg-box-list li {
  width: 49%;
  float: left;
  margin-left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 36px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  height: 204px;
  box-sizing: border-box;
  padding-top: 80px;
}

.txt-box .bg-box-list li:nth-child(1) {
  padding-top: 60px;
}

.txt-box .bg-box-list li:nth-child(2n) {
  margin-left: 2%;
}

.txt-box .bg-box-list li img {
  width: 160px;
}

@media screen and (min-width: 1px) and (max-width: 1400px) {
  .txt-box {
    margin-top: 60px;
  }
  .txt-box__bdline {
    padding-top: 30px;
  }
  .txt-box .speech_top {
    margin-bottom: 60px;
  }
  .txt-box .speech_top h3 {
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 10px;
  }
  .txt-box .speech_top p {
    font-size: 17px;
    line-height: 28px;
  }
  .txt-box .speech01_top {
    background-size: 100% 100%;
    padding: 30px;
    padding-left: 30%;
  }
  .txt-box .speech01_top img {
    width: 20%;
  }
  .txt-box .speech02_top {
    padding: 0;
    margin-bottom: 30px;
    border-radius: 0;
  }
  .txt-box .speech02_top .img-box {
    float: none;
    text-align: center;
  }
  .txt-box .speech02_top p {
    float: none;
    width: 100%;
  }
  .txt-box .speech02_top h4 {
    font-size: 30px;
    margin-bottom: 20px;
    float: none;
  }
  .txt-box .speech03_top {
    padding: 70px;
    font-size: 46px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Spbag%2Sfcrrpu03_gbc_ot.cat") no-repeat center center;
    background-size: 100% 100%;
  }
  .txt-box .speech04_top {
    padding: 0;
    border-radius: 0;
    margin-bottom: 30px;
  }
  .txt-box .speech04_top .img-box {
    width: 35%;
  }
  .txt-box .speech04_top p {
    float: left;
  }
  .txt-box .speech04_top h4 {
    width: 65%;
    font-size: 34px;
    margin-bottom: 30px;
    line-height: 52px;
  }
  .txt-box .speech05_top {
    padding: 0;
    border-radius: 0;
    margin-bottom: 30px;
  }
  .txt-box .speech05_top .img-box {
    width: 35%;
  }
  .txt-box .speech05_top p {
    width: 65%;
    float: left;
  }
  .txt-box .speech05_top h4 {
    width: 65%;
    font-size: 34px;
    margin-bottom: 30px;
    line-height: 52px;
  }
  .txt-box p.txt {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .txt-box p.txt__date {
    font-size: 20px;
    line-height: 28px;
  }
  .txt-box p.txt.last {
    margin-bottom: 0;
  }
  .txt-box h4 {
    font-size: 24px;
    line-height: 30px;
  }
  .txt-box .num-bg-box {
    width: 100%;
    padding: 48px 60px 50px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 14px;
    margin-bottom: 30px;
    position: relative;
  }
  .txt-box .num-bg-box.last {
    margin-bottom: 0;
  }
  .txt-box .num-bg-box img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .txt-box .num-bg-box h5 {
    font-size: 22px;
    line-height: 34px;
  }
  .txt-box .num-bg-box p {
    font-size: 18px;
    line-height: 22px;
  }
  .txt-box .btn1 {
    margin-top: 20px;
  }
  .txt-box .task-list li {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 20px;
    min-height: 230px;
    padding-top: 40px;
  }
  .txt-box .task-list li:nth-child(4n) {
    margin-right: 0;
  }
  .txt-box .task-list li:nth-child(5n) {
    margin-right: 2%;
  }
  .txt-box .bg-box-list li {
    width: 49%;
    font-size: 24px;
    height: 204px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 80px;
  }
  .txt-box .bg-box-list li:nth-child(1) {
    padding-top: 50px;
  }
  .txt-box .bg-box-list li img {
    width: 120px;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .txt-box {
    margin-top: 30px;
  }
  .txt-box__bdline {
    padding-top: 30px;
  }
  .txt-box .speech_top {
    padding: 30px;
    overflow: hidden;
    color: #fff;
    margin-bottom: 30px;
  }
  .txt-box .speech_top h3 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 20px;
  }
  .txt-box .speech_top p {
    font-size: 14px;
    line-height: 20px;
  }
  .txt-box .speech01_top {
    padding-bottom: 230px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Spbag%2Sfcrrpu01_gbc_zb_ot.cat") no-repeat center center;
    background-size: cover;
    word-break: keep-all;
  }
  .txt-box .speech01_top img {
    width: 175px;
  }
  .txt-box .speech02_top {
    padding: 0;
    border-radius: 0;
  }
  .txt-box .speech02_top .img-box {
    width: 100%;
    text-align: center;
    float: none;
  }
  .txt-box .speech02_top .img-box img {
    width: 80%;
    margin-left: 10%;
  }
  .txt-box .speech02_top p {
    float: none;
    width: 100%;
  }
  .txt-box .speech02_top h4 {
    float: none;
    font-size: 23px;
    margin-bottom: 15px;
  }
  .txt-box .speech03_top {
    padding: 40x;
    font-size: 23px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Spbag%2Sfcrrpu03_gbc_zb_ot.cat") no-repeat center center;
    background-size: 100% 100%;
    border-radius: 0 0 0 35px;
  }
  .txt-box .speech04_top {
    padding: 0;
    border-radius: 0;
    margin-bottom: 30px;
  }
  .txt-box .speech04_top .img-box {
    width: 100%;
    text-align: center;
  }
  .txt-box .speech04_top p {
    float: left;
  }
  .txt-box .speech04_top h4 {
    width: 100%;
    font-size: 28px;
    margin-bottom: 10px;
    line-height: 34px;
    margin-top: -30px;
  }
  .txt-box .speech05_top {
    padding: 0;
    border-radius: 0;
    margin-bottom: 30px;
  }
  .txt-box .speech05_top .img-box {
    width: 100%;
    text-align: center;
  }
  .txt-box .speech05_top .img-box img {
    width: 90%;
    margin-left: 15%;
  }
  .txt-box .speech05_top p {
    float: left;
    width: 100%;
  }
  .txt-box .speech05_top h4 {
    width: 100%;
    font-size: 28px;
    margin-bottom: 10px;
    line-height: 34px;
    margin-top: -30px;
  }
  .txt-box p.txt {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px;
  }
  .txt-box p.txt__date {
    font-size: 26px;
    line-height: 44px;
    text-align: center;
    margin-bottom: 0;
  }
  .txt-box p.txt.mgn_t100 {
    margin-top: 50px;
  }
  .txt-box p.txt.last {
    margin-bottom: 0;
  }
  .txt-box h4 {
    font-size: 20px;
    line-height: 30px;
    margin-top: 25px;
    margin-bottom: 15px;
  }
  .txt-box .num-bg-box {
    width: 100%;
    padding: 25px 30px 20px;
  }
  .txt-box .num-bg-box.last {
    margin-bottom: 0;
  }
  .txt-box .num-bg-box img {
    width: 32%;
  }
  .txt-box .num-bg-box h5 {
    font-size: 18px;
    line-height: 22px;
    word-break: keep-all;
  }
  .txt-box .num-bg-box p {
    font-size: 13px;
    line-height: 20px;
    word-break: keep-all;
  }
}

/* 위원 명단 */
.member-tab__list {
  width: 100%;
  text-align: left;
  font-size: 0;
  margin-bottom: 25px;
}

.member-tab__list li {
  display: inline-block;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 22px;
  margin-right: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.member-tab__list li:hover, .member-tab__list lifocus, .member-tab__list li.on {
  border-color: #ea6a37;
  background: #ea6a37;
}

.member-tab__list li a {
  font-size: 18px;
  color: #999;
  font-weight: bold;
  display: inline-block;
  padding: 10px 30px;
}

.member-tab__list li:hover a, .member-tab__list lifocus a, .member-tab__list li.on a {
  color: #fff;
}

.member-tab__list li:last-child {
  margin-right: 0;
}

.member-tab__cont {
  display: none;
  border-top: 2px solid #000;
  padding-top: 58px;
}

.member-tab__cont.on {
  display: block;
}

.member-tab__cont .term_ex {
  font-size: 18px;
  color: #666;
}

.member-tab__cont .border-box {
  width: 100%;
  border: 1px solid #ddd;
  padding: 40px;
  border-radius: 15px;
  margin-bottom: 75px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.member-tab__cont .border-box .chairman_info_wrap {
  width: 390px;
  float: left;
  margin-right: 40px;
}

.member-tab__cont .border-box .chairman_info_wrap .img_box {
  float: left;
  margin-right: 20px;
}

.member-tab__cont .border-box .chairman_info_wrap .info_txt {
  float: left;
  width: 230px;
}

.member-tab__cont .border-box .chairman_info_wrap .info_txt .name {
  font-size: 22px;
  color: #000;
  font-weight: bold;
  margin-bottom: 18px;
}

.member-tab__cont .border-box .chairman_info_wrap .info_txt .name span {
  font-size: 16px;
  color: #ea6a37;
  font-weight: normal;
}

.member-tab__cont .border-box .chairman_info_wrap .info_txt .position {
  font-size: 18px;
  color: #666;
  line-height: 28px;
}

.member-tab__cont .border-box .chairman_career {
  width: 490px;
  float: left;
}

.member-tab__cont .border-box .career {
  font-size: 18px;
  color: #ea6a37;
  text-align: center;
  padding: 12px 0;
  border: 1px solid #ea6a37;
  border-radius: 14px;
}

.member-tab__cont .border-box .bull-list li {
  font-size: 18px;
  color: #666;
  line-height: 40px;
}

.member-tab__cont__list {
  width: 100%;
  display: table;
}

.member-tab__cont__list > li {
  width: 500px;
  float: left;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px;
  border-radius: 13px;
  margin: 0 20px 20px 0;
  display: table-cell;
  min-height: 246px;
}

.member-tab__cont__list > li:nth-child(2n) {
  margin-right: 0;
}

.member-tab__cont__list > li div {
  float: left;
}

.member-tab__cont__list > li div:last-child {
  width: 255px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 25px;
}

.member-tab__cont__list > li div p {
  font-size: 22px;
  color: #000;
  font-weight: bold;
}

.member-tab__cont__list > li div p span {
  display: inline-block;
  font-size: 16px;
  color: #D2410E;
}

.member-tab__cont__list > li div .bull-list li {
  font-size: 16px;
  color: #666;
  line-height: 36px;
  letter-spacing: -1.6px;
}

.member-tab__cont__list > li div .bull-list li::after {
  top: 16px;
}

@media screen and (min-width: 1px) and (max-width: 1400px) {
  .member-tab__list li {
    margin-bottom: 10px;
  }
  .member-tab__cont {
    display: none;
    border-top: 2px solid #000;
    padding-top: 58px;
  }
  .member-tab__cont.on {
    display: block;
  }
  .member-tab__cont .term_ex {
    font-size: 18px;
    color: #666;
  }
  .member-tab__cont .border-box {
    width: 100%;
    border: 1px solid #ddd;
    padding: 40px;
    border-radius: 15px;
    margin-bottom: 75px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .member-tab__cont .border-box .chairman_info_wrap {
    width: 49%;
    float: left;
    margin-right: 2%;
  }
  .member-tab__cont .border-box .chairman_info_wrap .img_box {
    float: left;
    margin-right: 20px;
  }
  .member-tab__cont .border-box .chairman_info_wrap .info_txt {
    float: left;
    width: 230px;
  }
  .member-tab__cont .border-box .chairman_info_wrap .info_txt .name {
    font-size: 22px;
    color: #000;
    font-weight: bold;
    margin-bottom: 18px;
  }
  .member-tab__cont .border-box .chairman_info_wrap .info_txt .name span {
    font-size: 16px;
    color: #ea6a37;
    font-weight: normal;
  }
  .member-tab__cont .border-box .chairman_info_wrap .info_txt .position {
    font-size: 18px;
    color: #666;
    line-height: 28px;
  }
  .member-tab__cont .border-box .chairman_career {
    width: 49%;
    float: left;
  }
  .member-tab__cont .border-box .career {
    font-size: 18px;
    color: #ea6a37;
    text-align: center;
    padding: 12px 0;
    border: 1px solid #ea6a37;
    border-radius: 14px;
  }
  .member-tab__cont .border-box .bull-list li {
    font-size: 18px;
    color: #666;
    line-height: 40px;
  }
  .member-tab__cont .border-box .bull-list li::after {
    top: 16px;
  }
  .member-tab__cont .border-box .bull-list li.mgn_b20 {
    margin-bottom: 0;
  }
  .member-tab__cont__list {
    width: 100%;
    display: table;
  }
  .member-tab__cont__list > li {
    width: 500px;
    float: left;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 40px;
    border-radius: 13px;
    margin: 0 20px 20px 0;
    display: table-cell;
    min-height: 246px;
  }
  .member-tab__cont__list > li:nth-child(2n) {
    margin-right: 0;
  }
  .member-tab__cont__list > li div {
    float: left;
  }
  .member-tab__cont__list > li div:last-child {
    width: 255px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 25px;
  }
  .member-tab__cont__list > li div p {
    font-size: 22px;
    color: #000;
    font-weight: bold;
  }
  .member-tab__cont__list > li div p span {
    display: inline-block;
    font-size: 16px;
    color: #D2410E;
  }
  .member-tab__cont__list > li div .bull-list li {
    font-size: 16px;
    color: #666;
    line-height: 36px;
    letter-spacing: -1.6px;
  }
  .member-tab__cont__list > li div .bull-list li::after {
    top: 16px;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .member-tab__list {
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
  }
  .member-tab__list li {
    margin-right: 10px;
    width: 47.6%;
    margin-bottom: 10px;
    text-align: center;
  }
  .member-tab__list li:nth-child(2n) {
    margin-right: 0;
  }
  .member-tab__list li a {
    font-size: 16px;
    padding: 6px 10px;
  }
  .member-tab__cont {
    display: none;
    border-top: 2px solid #000;
    padding-top: 58px;
  }
  .member-tab__cont.on {
    display: block;
  }
  .member-tab__cont .term_ex {
    font-size: 14px;
  }
  .member-tab__cont .border-box {
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px;
  }
  .member-tab__cont .border-box .chairman_info_wrap {
    width: 100%;
    float: none;
    margin-right: 20px;
  }
  .member-tab__cont .border-box .chairman_info_wrap .img_box {
    float: left;
    margin-right: 20px;
  }
  .member-tab__cont .border-box .chairman_info_wrap .info_txt {
    float: left;
    width: 48%;
  }
  .member-tab__cont .border-box .chairman_info_wrap .info_txt .name {
    font-size: 22px;
    color: #000;
    font-weight: bold;
    margin-bottom: 18px;
  }
  .member-tab__cont .border-box .chairman_info_wrap .info_txt .name span {
    font-size: 16px;
    color: #ea6a37;
    font-weight: normal;
  }
  .member-tab__cont .border-box .chairman_info_wrap .info_txt .position {
    font-size: 18px;
    color: #666;
    line-height: 28px;
  }
  .member-tab__cont .border-box .chairman_career {
    width: 100%;
    float: none;
    margin-top: 20px;
  }
  .member-tab__cont .border-box .career {
    font-size: 16px;
    padding: 6px 0;
    border-radius: 10px;
  }
  .member-tab__cont .border-box .bull-list li {
    font-size: 14px;
    line-height: 20px;
    padding-left: 15px;
  }
  .member-tab__cont .border-box .bull-list li::after {
    top: 8px;
  }
  .member-tab__cont__list {
    width: 100%;
    display: block;
  }
  .member-tab__cont__list > li {
    width: 100%;
    float: none;
    display: block;
    padding: 15px;
    border-radius: 10px;
    margin: 0 0 20px 0;
    min-height: 194px;
  }
  .member-tab__cont__list > li div {
    float: left;
  }
  .member-tab__cont__list > li div:last-child {
    width: 50%;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .member-tab__cont__list > li div p {
    font-size: 18px;
  }
  .member-tab__cont__list > li div p span {
    font-size: 14px;
  }
  .member-tab__cont__list > li div .bull-list li {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -1px;
    padding-left: 10px;
  }
  .member-tab__cont__list > li div .bull-list li::after {
    top: 8px;
  }
}

/* 도서관 정책기획단 & 찾아오시는 길 */
.group-list-wrap {
  padding: 60px 0;
  border-bottom: 1px solid #ddd;
}

.group-list-wrap:first-child {
  padding-top: 0;
}

.group-list-wrap > ul {
  width: 240px;
  float: left;
}

.group-list-wrap > ul > li {
  height: 282px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 60px 40px 40px;
  background: #f7f7f7;
  border-radius: 15px;
  margin-top: 20px;
  position: relative;
}

.group-list-wrap > ul > li span {
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  top: 40px;
  left: 40px;
}

.group-list-wrap > ul > li .name {
  font-size: 38px;
  font-weight: bold;
}

.group-list-wrap > ul > li .name span {
  position: static;
  font-size: 20px;
}

.group-list-wrap > ul > li .phone {
  font-size: 22px;
  position: relative;
  margin-top: 100px;
}

.group-list-wrap > ul > li .phone::after {
  content: "";
  width: 29px;
  height: 29px;
  display: block;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Svpbaf%2SvpbaE_cubar.cat") no-repeat center center;
  position: absolute;
  top: -32px;
  left: 0;
}

.group-list-wrap > ul li:first-child {
  margin-top: 0;
}

.group-list-wrap > ul li.traffic {
  text-align: center;
  height: auto;
}

.group-list-wrap > ul li.traffic.subway {
  padding: 32px 40px;
  background: #ea6a37;
}

.group-list-wrap > ul li.traffic.bus {
  padding: 120px 40px;
  background: #f46062;
}

.group-list-wrap > ul li.traffic p {
  font-size: 36px;
  color: #000;
  font-weight: bold;
  margin-top: 20px;
}

.group-list-wrap .task {
  width: 720px;
  float: left;
  margin-left: 60px;
}

.group-list-wrap .task p {
  font-size: 22px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  background: #f46062;
  padding: 16px 0;
  border-radius: 14px;
}

.group-list-wrap .task li {
  font-size: 22px;
  color: #666;
  line-height: 40px;
}

.group-list-wrap .guide_txt > strong {
  font-size: 22px;
  color: #000;
  display: block;
  margin-bottom: 20px;
}

.group-list-wrap .guide_txt > span {
  font-size: 18px;
  color: #666;
  display: inline-block;
  margin-bottom: 20px;
}

.group-list-wrap .guide_txt div {
  font-size: 0;
  margin-bottom: 15px;
}

.group-list-wrap .guide_txt div span {
  display: inline-block;
  line-height: 28px;
  font-size: 18px;
  color: #666;
}

.group-list-wrap .guide_txt div span b {
  color: #000;
}

.group-list-wrap .guide_txt div span.bus_num {
  border-radius: 14px;
  margin-right: 20px;
  color: #fff;
  padding: 0 15px;
}

.group-list-wrap .guide_txt div span.bus_num.blue {
  background: #395cb4;
}

.group-list-wrap .guide_txt div span.bus_num.green {
  background: #50a332;
}

.group-list-wrap .guide_txt div span.arr {
  position: relative;
  padding-left: 25px;
  margin-left: 10px;
}

.group-list-wrap .guide_txt div span.arr::after {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Svpbaf%2SvpbaE_Enee.cat") no-repeat center center;
  position: absolute;
  top: 6px;
  left: 0;
}

@media screen and (min-width: 1px) and (max-width: 1400px) {
  .group-list-wrap {
    padding: 20px 0;
  }
  .group-list-wrap:first-child {
    padding-top: 0;
  }
  .group-list-wrap > ul {
    width: 100%;
    float: none;
  }
  .group-list-wrap > ul > li {
    height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px;
  }
  .group-list-wrap > ul > li::after {
    content: "";
    display: block;
    clear: both;
  }
  .group-list-wrap > ul > li span {
    float: left;
    position: static;
    font-size: 14px;
    padding-top: 12px;
    margin-left: 10px;
  }
  .group-list-wrap > ul > li .name {
    float: left;
    font-size: 24px;
  }
  .group-list-wrap > ul > li .phone {
    float: right;
    font-size: 16px;
    margin-top: 0;
    line-height: 30px;
    padding-left: 40px;
  }
  .group-list-wrap > ul > li .phone::after {
    top: 0px;
    left: 0;
  }
  .group-list-wrap > ul li:first-child {
    margin-top: 0;
  }
  .group-list-wrap > ul li.traffic {
    text-align: center;
    height: auto;
  }
  .group-list-wrap > ul li.traffic.subway {
    padding: 15px 0;
    background: #ea6a37;
  }
  .group-list-wrap > ul li.traffic.bus {
    padding: 15px 0;
    background: #f46062;
  }
  .group-list-wrap > ul li.traffic img {
    width: auto;
  }
  .group-list-wrap > ul li.traffic p {
    font-size: 23px;
    margin-top: 0;
    display: inline-block;
    line-height: 50px;
    margin-left: 10px;
  }
  .group-list-wrap .task {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-top: 20px;
  }
  .group-list-wrap .task p {
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    background: #f46062;
    padding: 10px 0;
    border-radius: 10px;
  }
  .group-list-wrap .task li {
    font-size: 18px;
    color: #666;
    line-height: 40px;
  }
  .group-list-wrap .guide_txt > strong {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .group-list-wrap .guide_txt > span {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .group-list-wrap .guide_txt div {
    font-size: 0;
    margin-bottom: 10px;
  }
  .group-list-wrap .guide_txt div span {
    line-height: 24px;
    font-size: 16px;
  }
  .group-list-wrap .guide_txt div span.bus_num {
    border-radius: 14px;
    margin-right: 10px;
    padding: 0 10px;
  }
  .group-list-wrap .guide_txt div span.arr {
    position: relative;
    padding-left: 25px;
    margin-left: 10px;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .group-list-wrap {
    padding: 20px 0;
  }
  .group-list-wrap:first-child {
    padding-top: 0;
  }
  .group-list-wrap > ul {
    width: 100%;
    float: none;
  }
  .group-list-wrap > ul > li {
    height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px;
  }
  .group-list-wrap > ul > li::after {
    content: "";
    display: block;
    clear: both;
  }
  .group-list-wrap > ul > li span {
    float: left;
    position: static;
    font-size: 14px;
    padding-top: 12px;
    margin-left: 10px;
  }
  .group-list-wrap > ul > li .name {
    float: left;
    font-size: 24px;
  }
  .group-list-wrap > ul > li .phone {
    float: right;
    font-size: 16px;
    margin-top: 0;
    line-height: 30px;
    padding-left: 40px;
  }
  .group-list-wrap > ul > li .phone::after {
    top: 0px;
    left: 0;
  }
  .group-list-wrap > ul li:first-child {
    margin-top: 0;
  }
  .group-list-wrap > ul li.traffic {
    text-align: center;
    height: auto;
  }
  .group-list-wrap > ul li.traffic.subway {
    padding: 15px 0;
    background: #ea6a37;
  }
  .group-list-wrap > ul li.traffic.bus {
    padding: 15px 0;
    background: #f46062;
  }
  .group-list-wrap > ul li.traffic img {
    width: 10%;
  }
  .group-list-wrap > ul li.traffic p {
    font-size: 23px;
    margin-top: 0;
    display: inline-block;
    line-height: 33px;
    margin-left: 10px;
  }
  .group-list-wrap .task {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-top: 20px;
  }
  .group-list-wrap .task p {
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    background: #f46062;
    padding: 10px 0;
    border-radius: 10px;
  }
  .group-list-wrap .task li {
    font-size: 18px;
    color: #666;
    line-height: 40px;
  }
  .group-list-wrap .guide_txt > strong {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .group-list-wrap .guide_txt > span {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .group-list-wrap .guide_txt div {
    font-size: 0;
    margin-bottom: 10px;
  }
  .group-list-wrap .guide_txt div span {
    line-height: 24px;
    font-size: 16px;
  }
  .group-list-wrap .guide_txt div span.bus_num {
    border-radius: 14px;
    margin-right: 10px;
    padding: 0 10px;
  }
  .group-list-wrap .guide_txt div span.arr {
    position: relative;
    padding-left: 25px;
    margin-left: 10px;
  }
}

/* CI */
.ci-box {
  width: 100%;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 59px 0;
}

.ci-box.half {
  width: 49%;
  float: left;
  margin-right: 2%;
  padding: 92px 0;
  position: relative;
}

.ci-box.half:last-child {
  margin-right: 0;
}

.ci-box.half span {
  font-size: 14px;
  color: #000;
  display: inline-block;
  border: 1px solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 3px 10px;
  border-radius: 5px;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .ci-box {
    padding: 15px 0;
    border-radius: 10px;
  }
  .ci-box img {
    width: 33%;
  }
  .ci-box.half {
    width: 100%;
    float: none;
    margin-right: 0;
    padding: 45px 15px 15px 15px;
    position: relative;
    margin-bottom: 20px;
    border-radius: 10px;
  }
  .ci-box.half:last-child {
    margin-bottom: 0;
  }
  .ci-box.half img {
    width: 70%;
  }
  .ci-box.half span {
    top: 10px;
    left: 10px;
  }
}

/* 미디어 소식 */
.video-list {
  border-top: 2px solid #000;
  padding-top: 80px;
}

.video-list__in__item {
  width: 31%;
  float: left;
  margin: 0 3.5% 75px 0;
}

.video-list__in__item:nth-child(3n) {
  margin-right: 0;
}

.video-list__in__item a {
  width: 100%;
  height: 240px;
  display: block;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.video-list__in__item a img {
  max-width: 100%;
  width: 100%;
}

.video-list__in__item:hover a span {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}

.video-list__in__item:hover a span::after {
  content: "";
  width: 60px;
  height: 60px;
  display: block;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Svpbaf%2Sivqrb_cynl_oga.cat") no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.video-list__in__item .video-tit {
  font-size: 22px;
  color: #000;
  font-weight: bold;
  line-height: 28px;
  margin-top: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.video-list__in__item .date {
  font-size: 18px;
  color: #666;
  display: inline-block;
}

@media screen and (min-width: 1px) and (max-width: 1400px) {
  .video-list__in__item {
    margin: 0 3.5% 30px 0;
  }
  .video-list__in__item .video-tit {
    font-size: 20px;
    margin-top: 20px;
  }
  .video-list__in__item .date {
    font-size: 16px;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .video-list {
    padding-top: 30px;
  }
  .video-list__in__item {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .video-list__in__item a {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
  }
  .video-list__in__item .video-tit {
    font-size: 18px;
    margin-top: 15px;
    line-height: 24px;
  }
  .video-list__in__item .date {
    font-size: 16px;
  }
}

.history .history_year {
  width: 50%;
  position: absolute;
  left: 0;
  top: 0;
}

.history .history_year .year_wrap {
  position: relative;
  padding-right: 110px;
  text-align: right;
}

.history .history_year .year_quick li {
  margin-bottom: 20px;
}

.history .history_year .year_quick li a {
  position: relative;
  display: inline-block;
  font-size: 40px;
  color: #ddd;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-weight: bold;
}

.history .history_year .year_quick li:hover a {
  color: #444;
}

.history .history_year .year_quick li.active a {
  font-size: 140px;
  position: relative;
  color: #444;
  margin-top: -30px;
}

.history .history_wrap {
  position: relative;
  margin-top: 80px;
}

.history .history_wrap .indicator {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 50%;
  top: 0px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 50%;
  background-color: #D2410E;
}

.history .history_wrap.fixed .indicator {
  position: fixed;
  left: 50vw;
  top: 134px;
}

.history .history_wrap.fixed .indicator {
  left: 50%;
}

.history .history_wrap.fixed .history_year {
  position: fixed;
  top: 80px;
  left: 8px;
}

.history .history_list {
  float: right;
  border-left: 1px solid #c0c1c1;
  width: 50%;
}

.history .history_list li {
  position: relative;
  padding-left: 115px;
  padding-top: 130px;
}

.history .history_list li:first-child {
  padding-top: 0;
}

.history .history_list li:last-child {
  padding-bottom: 400px;
}

.history .history_list > li dl {
  position: relative;
}

.history .history_list > li dl + dl {
  margin-top: 30px;
}

.history .history_list > li dt {
  display: block;
  font-weight: 800;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: -.03em;
  position: absolute;
  top: 0;
  left: 0;
}

.history .history_list > li dt.active {
  color: #D2410E;
}

.history .history_list > li dd {
  display: block;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: -.02em;
  padding-left: 70px;
}

.history .history_list > li dd .bracket {
  display: block;
  color: #878b8d;
  font-size: 18px;
  line-height: 1.78;
}

.history .history_list > li dd .bracket.inb {
  display: inline-block;
}

.history .history_list > li .year_m {
  position: absolute;
  top: -9999px;
  left: -9999px;
  opacity: 0;
  text-indent: -9999px;
}

@media screen and (max-width: 1440px) {
  .history {
    padding-top: 4.17vw;
  }
  .history .history_txt {
    padding-top: 4.03vw;
  }
  .history .history_txt .tit:after {
    width: 3.47vw;
    height: 0.14vw;
    margin: 2.36vw 0 0.35vw 0;
  }
  .history .history_year .year_wrap {
    padding-right: 11.11vw;
  }
  .history .history_year .year_quick li {
    margin-bottom: 1.39vw;
  }
  .history .history_year .year_quick li a {
    font: normal 600 3.19vw/1 acumin-pro, sans-serif;
  }
  .history .history_year .year_quick li.active a {
    font: normal 700 11.11vw/1 acumin-pro, sans-serif;
    margin-top: -2.08vw;
  }
  .history .history_wrap {
    margin-top: 5.56vw;
  }
  .history .history_wrap .indicator {
    width: 1.11vw;
    height: 1.11vw;
  }
  .history .history_wrap.fixed .indicator {
    left: 50vw;
    top: 9.31vw;
  }
  .history .history_wrap.fixed .history_year {
    top: 5.56vw;
    left: 0.56vw;
  }
  .history .history_list li {
    padding-left: 7.99vw;
    padding-top: 9.03vw;
  }
  .history .history_list li:last-child {
    padding-bottom: 9.03vw;
  }
  .history .history_list > li dl + dl {
    margin-top: 2.08vw;
  }
  .history .history_list > li dt {
    font-size: 1.39vw;
  }
  .history .history_list > li dd {
    font-size: 1.39vw;
  }
  .history .history_list > li dd + dd {
    padding-top: 2.08vw;
  }
  .history .history_list > li dd:not(.obj_wrap) {
    padding-left: 4.17vw;
  }
  .history .history_list > li dd.obj_wrap {
    padding-top: 1.25vw;
    padding-bottom: 1.25vw;
  }
  .history .history_list > li dd.obj_wrap .obj {
    border-radius: 0.69vw;
  }
  .history .history_list > li dd .bracket {
    font-size: 1.25vw;
  }
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .history .history_txt .tit:after {
    width: 36px;
    height: 1px;
  }
  .history .history_year .year_quick li a {
    font: normal 600 33px/1 acumin-pro, sans-serif;
  }
  .history .history_year .year_quick li.active a {
    font: normal 700 114px/1 acumin-pro, sans-serif;
  }
  .history .history_wrap .indicator {
    width: 11px;
    height: 11px;
  }
  .history .history_list > li dt {
    font-size: 14px;
  }
  .history .history_list > li dd {
    font-size: 14px;
  }
  .history .history_list > li dd .bracket {
    font-size: 13px;
  }
}

@media screen and (max-width: 768px) {
  .history {
    padding-top: 4vw;
  }
  .history .history_list > li .year_m {
    display: block;
    font: normal 700 20vw/1 acumin-pro, sans-serif;
    color: #eff1f3;
    letter-spacing: -.02em;
    margin-bottom: 5.6vw;
    position: static;
    opacity: 1;
    text-indent: 0;
  }
  .history .history_txt .tit:after {
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    height: 2px;
    width: 9.26vw;
    background-color: #e64d2c;
    margin: 4.63vw 0;
  }
  .history .history_txt {
    padding-top: 0;
  }
  .history .history_year, .history .history_wrap.fixed .indicator {
    display: none;
  }
  .history .history_year .year_wrap {
    position: relative;
    padding-right: 160px;
    text-align: right;
  }
  .history .history_wrap {
    position: relative;
    margin-top: 0;
  }
  .history .history_wrap .indicator {
    display: none;
  }
  .history .history_wrap.fixed .history_year {
    position: fixed;
    top: 80px;
  }
  .history .history_list {
    float: none;
    width: 100%;
    border: none;
  }
  .history .history_list li {
    position: relative;
    padding-top: 0;
    padding-left: 0;
    margin-bottom: 7vw;
  }
  .history .history_list li:last-child {
    padding-bottom: 0;
  }
  .history .history_list > li dl {
    position: relative;
  }
  .history .history_list > li dl:last-child {
    padding-bottom: 0;
  }
  .history .history_list > li dt {
    display: inline-block;
    font-weight: 800;
    font-size: 3.89vw;
    line-height: 1.6;
    vertical-align: middle;
    letter-spacing: -.03em;
    position: absolute;
    top: 0;
    left: 0;
  }
  .history .history_list > li dd {
    display: block;
    font-weight: 400;
    font-size: 3.89vw;
    line-height: 1.6;
  }
  .history .history_list > li dd:not(.obj_wrap) {
    padding-left: 18.11vw;
  }
  .history .history_list > li dd .bracket {
    color: #878b8d;
    font-size: 3.89vw;
  }
}

@media screen and (max-width: 320px) {
  .history {
    padding-top: 51px;
  }
  .history .history_list > li .year_m {
    font: normal 700 111px/1 acumin-pro, sans-serif;
    margin-bottom: 18px;
  }
  .history .history_txt .tit:after {
    height: 2px;
    width: 30px;
    margin: 15px 0;
  }
  .history .history_year .year_wrap {
    padding-right: 160px;
  }
  .history .history_wrap {
    margin-top: 22px;
  }
  .history .history_wrap .indicator {
    width: 16px;
    height: 16px;
  }
  .history .history_wrap.fixed .history_year {
    top: 80px;
  }
  .history .history_list li {
    margin-bottom: 22px;
  }
  .history .history_list > li dl {
    padding-bottom: 12px;
  }
  .history .history_list > li dl + dl {
    margin-top: 7px;
  }
  .history .history_list > li dt {
    font: bold 12px/1.6 'NanumSquareEB', sans-serif;
  }
  .history .history_list > li dd {
    font: normal 12px/1.6 'NanumSquare', sans-serif;
    padding-bottom: 12px;
  }
  .history .history_list > li dd:not(.obj) {
    padding-left: 36px;
  }
  .history .history_list > li dd + dd {
    padding-top: 7px;
  }
  .history .history_list > li dd.obj_wrap {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .history .history_list > li dd .bracket {
    font-size: 12px;
  }
}

.show-list__top.type2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.show-list__top.type2::after {
  display: none;
}

@media screen and (max-width: 768px) {
  .show-list__top.type2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.show-list__top.type2 .show-list__top__info {
  font-size: 24px;
  font-weight: bold;
  display: block;
}

@media screen and (max-width: 768px) {
  .show-list__top.type2 .show-list__top__info {
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
  }
}

.show-list__top.type2 .show-list__top__search {
  width: calc(100% - 195px);
}

.show-list__top.type2 .show-list__top__search__inputbox {
  float: right;
}

@media screen and (max-width: 768px) {
  .show-list__top.type2 .show-list__top__search {
    float: none;
    margin: 0 auto;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .show-list__top.type2 .show-list__top__search__inputbox {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .show-list__top.type2 .show-list__top__search__inputbox input {
    width: 95%;
  }
}

.business-list {
  border-top: 2px solid #000;
  padding-top: 60px;
}

@media screen and (min-width: 1px) and (max-width: 1000px) {
  .business-list {
    padding-top: 30px;
  }
}

.business-list_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 3%;
     -moz-column-gap: 3%;
          column-gap: 3%;
}

@media screen and (min-width: 1px) and (max-width: 1000px) {
  .business-list_box {
    -webkit-column-gap: 2%;
       -moz-column-gap: 2%;
            column-gap: 2%;
  }
}

.business-list .multiple-box {
  margin-bottom: 40px;
  max-width: 31%;
  min-width: 31%;
  background-color: #fff;
}

@media screen and (min-width: 1px) and (max-width: 1000px) {
  .business-list .multiple-box {
    max-width: 49%;
    min-width: 49%;
  }
}

@media screen and (min-width: 1px) and (max-width: 685px) {
  .business-list .multiple-box {
    max-width: 100%;
    min-width: 100%;
    margin-bottom: 10px;
  }
}

.multiple-box a {
  display: block;
  padding: 35px 40px;
  border-radius: 10px;
  border: 1px solid #d9e1ee;
  -webkit-transition: all .3s;
  transition: all .3s;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .multiple-box a {
    padding: 30px;
  }
}

@media screen and (min-width: 1px) and (max-width: 685px) {
  .multiple-box a {
    padding: 20px;
  }
}

.multiple-box a:hover {
  background-color: #fffaf9;
  border: 1px solid #ff4600;
}

.multiple-box a .text-items {
  min-height: 270px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .multiple-box a .text-items {
    font-size: 18px;
  }
}

@media screen and (max-width: 685px) {
  .multiple-box a .text-items {
    min-height: 200px;
  }
}

.multiple-box a .text-items .state {
  padding: 5px 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  background-color: #2950b4;
  border-radius: 5px;
}

@media screen and (max-width: 768px) {
  .multiple-box a .text-items .state {
    font-size: 13px;
  }
}

@media screen and (max-width: 685px) {
  .multiple-box a .text-items .state {
    font-size: 12px;
  }
}

.multiple-box a .text-items .state.blue {
  background-color: #2950b4;
}

.multiple-box a .text-items .state.gray {
  background-color: #909090;
}

.multiple-box a .text-items .state.gray2 {
  background-color: #444444;
}

.multiple-box a .text-items .state.orange {
  background-color: #ff4600;
}

.multiple-box a .text-items .state.green {
  background-color: #109C6F;
}

.multiple-box a .text-items h4 {
  margin-top: 15px;
  font-size: 24px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 100%;
  margin-bottom: 15px;
  min-height: 60px;
}

@media screen and (max-width: 768px) {
  .multiple-box a .text-items h4 {
    font-size: 18px;
    min-height: 46px;
  }
}

@media screen and (max-width: 685px) {
  .multiple-box a .text-items h4 {
    margin-top: 15px;
    min-height: auto;
    -webkit-line-clamp: 1;
  }
}

.multiple-box a .text-items .txt {
  font-size: 15px;
  color: #666666;
  font-weight: 500;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  width: 100%;
}

@media screen and (max-width: 685px) {
  .multiple-box a .text-items .txt {
    -webkit-line-clamp: 2;
  }
}

.multiple-box a .text-items .date {
  font-size: 15px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 55px;
  left: 0;
  color: #666;
}

.multiple-box a .text-items .date i {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -63px -1497px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 12px;
  min-width: 12px;
  height: 14px;
  margin-right: 5px;
}

@media screen and (max-width: 768px) {
  .multiple-box a .text-items .date {
    font-size: 14px;
  }
}

@media screen and (max-width: 685px) {
  .multiple-box a .text-items .date {
    bottom: 40px;
  }
}

.multiple-box a .text-items .logo {
  position: absolute;
  bottom: 0;
  left: 0;
}

.multiple-box a .text-items .logo img {
  height: 30px;
}

@media screen and (max-width: 1400px) {
  .multiple-box a .text-items .logo img {
    height: 22px !important;
  }
}

.multiple-box a .text-items .more {
  font-size: 15px;
  font-weight: 600;
  padding: 5px 15px;
  border-radius: 4px;
  position: absolute;
  background-color: #fff;
  bottom: 0;
  right: 0;
  color: #ff4600;
  border: 1px solid #ff4600;
}

@media screen and (max-width: 768px) {
  .multiple-box a .text-items .more {
    font-size: 14px;
  }
}

@media screen and (max-width: 685px) {
  .multiple-box a .text-items .more {
    font-size: 13px;
  }
}

.business-list-view {
  margin-top: 80px;
}

@media (max-width: 768px) {
  .business-list-view {
    margin-top: 60px;
  }
}

.business-list-view_top .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 10px;
}

.business-list-view_top .info .hit {
  position: relative;
  word-break: keep-all;
  overflow-wrap: break-word;
  font-size: 15px;
  font-weight: 700;
}

.business-list-view_top .info .hit i {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -754px -1211px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 18px;
  min-width: 18px;
  height: 12px;
  margin-right: 8px;
  margin-bottom: 3px;
}

.business-list-view_top .info .hit span {
  font-size: 15px;
  font-weight: 700;
}

.business-list-view_top .tit {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  padding: 28px 31px 24px;
  color: #222;
  border-top: 2px solid #000;
  border-bottom: 1px solid #222;
}

@media (max-width: 768px) {
  .business-list-view_top .tit {
    font-size: 24px;
  }
}

@media (max-width: 480px) {
  .business-list-view_top .tit {
    font-size: 20px;
    padding: 16px 15px 16px;
  }
}

.business-list-view_t__title {
  width: 180px;
}

@media (max-width: 768px) {
  .business-list-view_t__title {
    width: 100px;
  }
}

.business-list-view_t__text {
  width: calc(100% - 180px);
}

@media (max-width: 768px) {
  .business-list-view_t__text {
    width: calc(100% - 100px);
  }
}

/*탭*/
.js-box {
  display: none;
  position: relative;
}

.js-box.on {
  display: block;
}

/*메인탭*/
.main-tab_new {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(calc(-50% + 0.5px));
          transform: translateY(calc(-50% + 0.5px));
  background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Serfbheprf%2Svzntrf%2Svpbaf%2Sarj_vpb_01.cat) no-repeat center center;
  display: block;
  width: 21px;
  height: 21px;
}

.main-tab__ul {
  padding-left: 0px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.main-tab__ul__li {
  /* float: left; */
  padding: 0 12px;
}

.main-tab__ul__li a {
  height: 58px;
  line-height: 40px;
  display: block;
  font-size: 25px;
  font-size: 2.5rem;
  text-align: center;
  color: #000;
  /* opacity: 0.7; */
  font-weight: 800;
  cursor: unset;
  position: relative;
  cursor: pointer;
}

.main-tab__ul__li.on a {
  color: #333;
  font-weight: 800;
  color: #d34614;
  opacity: 1;
}

.main-tab__ul__li.on a::before {
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  background-color: #d34614;
  position: absolute;
  bottom: 14px;
}

.main-tab__ul__li a:focus {
  /* text-decoration: underline; */
}

.main-tab__cont__ul__li {
  border-top: 1px dotted #dfdfdf;
}

.main-tab__cont__ul__li:first-child {
  border-top: 0px;
}

.main-tab__cont__ul__li:first-child {
  border-top: 0;
}

.main-tab__cont__ul__li a {
  display: block;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.main-tab__cont__ul__li a:hover,
.main-tab__cont__ul__li a:focus {
  background-color: #eee;
}

.main-tab__cont__more {
  position: absolute;
  right: 0px;
  top: -50px;
  display: block;
  padding: 2px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Serfbheprf%2Svzntrf%2Svpbaf%2Sznva-zber.cat");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 11px 11px;
  font-size: 14px;
  color: #000;
  padding-right: 15px;
  border: 2px solid rgba(0, 0, 0, 0);
}

.main-tab__cont__more:focus {
  border: 2px solid gold;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mtcul-cont {
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  font-size: 15px;
  font-size: 1.5rem;
  color: #666;
  width: 75%;
  padding-left: 20%;
  padding-top: 25px;
  padding-bottom: 25px;
  color: #000;
}

.mtcul-date {
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding-top: 35px;
  font-size: 13px;
  color: #666;
}

.mtcul-date em {
  color: #ff894c;
  font-size: 35px;
  position: absolute;
  top: -12px;
  left: 3px;
  font-weight: 500;
}

.main-tab__cont__ul2 {
  margin-top: 8px;
}

.main-tab__cont__ul2 li {
  float: left;
  width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px 30px;
  border-right: 1px solid #dfdfdf;
}

.main-tab__cont__ul2 li:last-child {
  border-right: 0;
}

.main-tab__cont__ul2 h5 {
  font-size: 18px;
  line-height: 1.4;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.4em;
  height: 2.8em;
}

.main-tab__cont__ul2 .text {
  color: #777777;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.4em;
  height: 2.8em;
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: 300;
}

.main-tab__cont__ul2 .data {
  color: #777777;
  font-size: 14px;
  font-weight: 300;
}

@media screen and (min-width: 1px) and (max-width: 1400px) {
  .main-tab__ul__li {
    padding: 0 8px;
  }
  .main-tab__ul__li a {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .main-tab__cont__ul2 {
    margin-top: 0;
  }
  .main-tab__cont__ul2 li {
    display: none;
    width: 50%;
  }
  .main-tab__cont__ul2 li:first-child, .main-tab__cont__ul2 li:nth-child(2) {
    display: block;
    border-right: 0;
    border-bottom: 1px solid #dfdfdf;
    width: 100%;
    padding: 11px 5px;
  }
  .main-tab__cont__ul2 li:nth-child(2) {
    border: none;
  }
  .main-tab__cont__ul2 h5 {
    font-size: 17px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 1.4em;
    height: 1.3em;
  }
  .main-tab__cont__ul2 .text {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .main-tab__ul__li a {
    /* height: 56px;
		line-height: 40px;
		font-size: 25px;
		font-size: 2.5rem; */
  }
}

/*서브탭*/
.sub-tab__ul:after {
  content: ' ';
  clear: both;
  visibility: hidden;
  display: block;
}

* + html .sub-tab__ul {
  display: inline-block;
}

.sub-tab__ul__li {
  float: left;
}

.sub-tab__ul__li__a {
  display: block;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  background-color: #ffffff;
  height: 30px;
  line-height: 30px;
}

.sub-tab__ul__li.on .sub-tab__ul__li__a {
  background-color: #009590;
  color: #fff;
}

/* 회원가입 인트로 */
.join-wrap {
  margin-left: -20px;
}

.join-wrap:after {
  content: ' ';
  clear: both;
  display: block;
  visibility: hidden;
}

* + html .join-wrap {
  display: inline-block;
}

.join-wrap__box {
  float: left;
}

.join-wrap__box__in {
  margin-left: 20px;
  padding-top: 60px;
  padding-bottom: 10px;
  min-height: 300px;
  border: 1px solid #000;
  border-radius: 5px;
  text-align: center;
}

.join-wrap__box__in__tit {
  display: block;
  font-size: 28px;
  margin-bottom: 35px;
  position: relative;
  padding-top: 80px;
}

.join-wrap__box__in__desc {
  margin-bottom: 30px;
}

.join-wrap__box__in__go {
  display: block;
  margin: 0 auto;
  color: #fff;
  background-color: #ea6a37;
  font-size: 22px;
  padding: 16px 0;
  width: 300px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-align: center;
  border-radius: 10px;
}

.join-wrap__box--1 {
  width: 50%;
}

.join-wrap__box--1 strong:before {
  display: block;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -916px 0px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 51px;
  min-width: 51px;
  height: 73px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.join-wrap__box--2 {
  width: 50%;
}

.join-wrap__box--2 strong:before {
  display: block;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -544px -357px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 88px;
  min-width: 88px;
  height: 72px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .join-wrap {
    margin-left: 0;
  }
  .join-wrap__box {
    float: none;
    margin: 0 20px;
    margin-bottom: 10px;
    width: auto;
  }
  .join-wrap__box__in {
    margin-left: 0;
  }
}

/* 회원가입 스탭
===========================*/
/*input checkbox 설정*/
input[class="check-type"] + label {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid #cccccc;
  background-color: #dddddd;
  cursor: pointer;
  border-radius: 30px;
  position: relative;
  font-size: 0;
  text-indent: -9999px;
}

input[class="check-type"] + label:before {
  content: ' ';
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1195px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 12px;
  min-width: 12px;
  height: 9px;
  position: absolute;
  top: 10px;
  left: 10px;
}

input[class="check-type"]:checked + label {
  background-color: #666666;
}

input[class="check-type"]:focus + label {
  border: 2px solid gold;
}

input[class="check-type"] {
  position: absolute;
  left: -9999px;
}

/* step top */
.join-step__top {
  margin-bottom: 50px;
}

.join-step__top__ul {
  margin-left: -7px;
}

.join-step__top__ul:after {
  content: ' ';
  clear: both;
  display: block;
  visibility: hidden;
}

* + html .join-step__top__ul {
  display: inline-block;
}

.join-step__top__ul__li {
  float: left;
  width: 33%;
}

.join-step__top__ul__li:first-child {
  width: 34%;
}

.join-step__top__ul__li p {
  white-space: nowrap;
  background-color: #f7f8fc;
  border: 1px solid #d6dde7;
  padding: 10px 20px;
  margin-left: 7px;
  position: relative;
}

.join-step__top__ul__li p:after {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -304px -1497px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 13px;
  min-width: 13px;
  height: 1px;
}

.join-step__top__ul__li.on p {
  color: #fff;
  background-color: #444444;
  border: 1px solid #444444;
}

.join-step__top__ul__li.on p:after {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -258px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 13px;
  min-width: 13px;
  height: 13px;
}

@media screen and (min-width: 769px) and (max-width: 900px) {
  .join-step__top__ul__li p {
    font-size: 13px;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .join-step__top__ul__li {
    display: none;
  }
  .join-step__top__ul__li.on {
    display: block;
    width: 100%;
  }
}

/* step1 */
.join-step--1__tit {
  margin-bottom: 20px;
}

.join-step--1__tit .label-text {
  font-size: 16px;
  margin-left: 5px;
}

.join-step--1__tit.allcheck {
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  margin-bottom: 60px;
}

.join-step--1__textbox {
  height: 140px;
  overflow: auto;
  margin-bottom: 30px;
  border: 1px solid #eee;
  padding-left: 20px;
  padding-right: 20px;
  border-top: 1px solid #000;
  color: #666;
}

.join-step__confirm {
  background-color: #eeeeee;
  border-top: 1px solid #000;
  padding: 50px 30px;
  text-align: center;
  margin-bottom: 40px;
}

.join-step__confirm__tit {
  display: block;
  font-size: 40px;
  margin-bottom: 20px;
}

.join-step__confirm__desc {
  padding-bottom: 20px;
  font-size: 16px;
  font-weight: 600;
}

.join-step__confirm__btn {
  margin-left: 24% !important;
  margin-right: 24% !important;
  margin-top: 100px !important;
  position: relative;
}

.join-step__confirm__btn {
  display: block;
  margin: 0 auto;
  color: #fff;
  background-color: #ea6a37;
  font-size: 22px;
  padding: 16px 0;
  width: 300px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-align: center;
  border-radius: 10px;
}

.join-step__confirm__btn:before {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -916px -123px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 49px;
  min-width: 49px;
  height: 71px;
  position: absolute;
  top: -83px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.join-step__info {
  margin-bottom: 20px;
}

.join-step__info__tit {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
}

.join-step__info__tit:before {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1439px -938px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 13px;
  min-width: 13px;
  height: 21px;
  position: absolute;
  left: 0;
  top: -2px;
}

.join-step__info__ul:after {
  content: ' ';
  clear: both;
  display: block;
  visibility: hidden;
}

* + html .join-step__info__ul {
  display: inline-block;
}

.join-step__info__ul {
  margin-bottom: 10px;
}

.join-step__info__ul li {
  text-align: left;
  position: relative;
  padding-left: 15px;
  line-height: 1.6;
}

.join-step__info__ul li:before {
  position: absolute;
  top: 11px;
  left: 3px;
  content: ' ';
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -641px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 5px;
  min-width: 5px;
  height: 2px;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .join-step__confirm__tit {
    font-size: 28px;
  }
}

/* step2 */
.serius {
  color: #da4453;
}

.join-form {
  margin: 0 5%;
  margin-bottom: 30px;
}

.join-form__line {
  border-bottom: 1px solid #d1d1d1;
  padding: 20px 0;
  position: relative;
}

.join-form__line__tit {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.join-form__line__in {
  padding-left: 220px;
}

.join-form__line__in__input {
  border: 1px solid #000;
  height: 60px;
  width: 50%;
  line-height: 60px;
  font-size: 16px;
  padding: 0;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.join-form__line__in__input2 {
  border: 1px solid #000;
  height: 60px;
  width: 15%;
  line-height: 60px;
  font-size: 16px;
  padding: 0;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.join-form__line__in__input3 {
  border: 1px solid #000;
  height: 60px;
  width: 25%;
  line-height: 60px;
  font-size: 16px;
  padding: 0;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.join-form__line__in__input4 {
  border: 1px solid #000;
  height: 60px;
  width: 35%;
  line-height: 60px;
  font-size: 16px;
  padding: 0;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.join-form__line__in__selectbox {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background-color: #fff;
  text-align: left;
  border: 1px solid #000;
}

.join-form__line__in__selectbox:after {
  position: absolute;
  top: 50%;
  right: 0;
  margin-right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: ' ';
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -186px -1497px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 9px;
  min-width: 9px;
  height: 5px;
}

.join-form__line__in__selectbox select {
  width: 100%;
  background-color: transparent;
  appearance: none;
  min-width: 130px;
  vertical-align: middle;
  color: #000;
  font-size: 16px;
  height: 38px;
  margin-top: 0;
  padding: 2px 2px 2px 10px;
  position: relative;
  border: 0px;
  /*
			@media screen and (min-width:0\0){
				& {width:125%}
			}
			*/
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  /*ie10~11 에서 셀렉트 기본디자인 무력화*/
}

.join-form__line__in__selectbox select::-ms-expand {
  display: none;
}

.lte-ie9 .join-form__line__in__selectbox select {
  width: 125%;
  vertical-align: top;
}

.join-form__line__in__selectbox select option {
  font-family: "SUIT";
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .join-form__line__in__selectbox select {
    min-width: 100px;
  }
}

.join-form__line__in__btn {
  color: #fff;
  background-color: #000;
  height: 60px;
  line-height: 60px;
  display: inline-block;
  padding-left: 30px;
  padding-right: 30px;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}

.join-form__line__in__btn:focus {
  background-color: #333;
  color: gold;
}

.join-subs {
  margin-bottom: 30px;
}

.join-subs__box {
  background-color: #f6f6f6;
  margin-bottom: 7px;
  font-size: 15px;
  height: 58px;
  line-height: 58px;
  position: relative;
  padding-left: 20px;
}

.join-subs__box__radiobox {
  position: absolute;
  top: 50%;
  right: 10%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.join-subs__box__radiobox .in_check {
  margin-left: 20px;
}

.ok-btn {
  display: inline-block;
  color: #fff;
  background-color: #da4453;
  font-size: 19px;
  padding: 20px 60px;
  font-weight: 600;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  min-width: 100px;
  text-align: center;
}

.ok-btn:hover, .ok-btn:focus {
  background-color: #da5b67;
  color: gold;
}

.cancel-btn {
  display: inline-block;
  color: #000;
  background-color: #fff;
  font-size: 19px;
  padding: 19px 59px;
  border: 1px solid #000;
  font-weight: 600;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  min-width: 100px;
  text-align: center;
}

.cancel-btn:hover, .cancel-btn:focus {
  background-color: #eee;
  color: #000;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .join-form__line__tit {
    position: relative;
    top: 0;
    left: 0;
    font-size: 16px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    margin-bottom: 5px;
  }
  .join-form__line__in {
    padding-left: 0;
  }
  .join-form__line__in__input {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .join-form__line__in__input3 {
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .join-form__line__in__input2 {
    width: 30%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .join-form__line__in__input4 {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 5px;
  }
  .join-form__line__in__btn {
    margin-top: 10px;
    display: block;
    width: auto;
    text-align: center;
  }
  .join-subs__box {
    height: auto;
    line-height: 1.6;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .join-subs__box__radiobox {
    position: relative;
    top: 0;
    right: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

/* step 3 */
.join-step__final {
  text-align: center;
  padding-top: 30px;
}

.join-step__final__text1 {
  position: relative;
  padding-top: 60px;
  font-size: 22px;
  margin-bottom: 20px;
}

.join-step__final__text1 span {
  color: #da4453;
}

.join-step__final__text1:before {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -639px -723px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 63px;
  min-width: 63px;
  height: 46px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.join-step__final__text2 {
  font-size: 15px;
  color: #666;
  margin-bottom: 80px;
}

.join-step__final__text2 strong {
  color: #000;
}

.idpass-wrap {
  border: 1px solid #333;
  width: 760px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
}

.idpass-wrap__top {
  background-color: #f7f7f7;
  border-bottom: 1px solid #333;
  text-align: center;
  padding: 10px;
}

.idpass-wrap__top__list {
  margin-right: 10px;
  padding-left: 20px;
  position: relative;
  display: inline-block;
}

.idpass-wrap__top__list:before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -944px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 12px;
  min-width: 12px;
  height: 12px;
}

.idpass-wrap__top__list.on:before {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1006px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 12px;
  min-width: 12px;
  height: 12px;
}

.idpass-wrap__form {
  padding: 60px;
  text-align: center;
}

.idpass-wrap__form .line-box {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.idpass-wrap__form__label {
  width: 100px;
  display: inline-block;
  font-size: 15px;
  text-align: left;
  font-weight: bold;
}

.idpass-wrap__form__input {
  margin: 0 auto;
  border: 1px solid #000;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  padding: 0;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.idpass-wrap__form__input--1 {
  width: 476px;
}

.idpass-wrap__form__input--2 {
  width: 150px;
}

.idpass-wrap__form__select {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background-color: #fff;
  text-align: left;
  border: 1px solid #000;
}

.idpass-wrap__form__select:after {
  position: absolute;
  top: 50%;
  right: 0;
  margin-right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: ' ';
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -186px -1497px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 9px;
  min-width: 9px;
  height: 5px;
}

.idpass-wrap__form__select select {
  width: 100%;
  background-color: transparent;
  appearance: none;
  min-width: 150px;
  vertical-align: middle;
  color: #000;
  font-size: 16px;
  height: 38px;
  margin-top: 0;
  padding: 2px 2px 2px 10px;
  position: relative;
  border: 0px;
  /*
			@media screen and (min-width:0\0){
				& {width:125%}
			}
			*/
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  /*ie10~11 에서 셀렉트 기본디자인 무력화*/
}

.idpass-wrap__form__select select::-ms-expand {
  display: none;
}

.lte-ie9 .idpass-wrap__form__select select {
  width: 125%;
  vertical-align: top;
}

.idpass-wrap__form__select select option {
  font-family: "SUIT";
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .idpass-wrap__form__select select {
    min-width: 120px;
  }
}

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

.idpass-wrap__form__submit {
  color: #fff;
  background-color: #000;
  height: 60px;
  line-height: 60px;
  display: inline-block;
  padding-left: 30px;
  padding-right: 30px;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}

.idpass-wrap__form__submit:focus {
  background-color: #333;
  color: gold;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .idpass-wrap {
    width: 100%;
    text-align: left;
  }
  .idpass-wrap__form {
    padding: 30px 14px;
    text-align: left;
  }
  .idpass-wrap__form__label {
    width: 100%;
  }
  .idpass-wrap__form__input--1 {
    width: 100%;
  }
  .idpass-wrap__form__input--2 {
    width: 50%;
    margin-bottom: 5px;
  }
  .idpass-wrap__form__select {
    margin-bottom: 5px;
  }
}

.login-wrap {
  padding-top: 100px;
  text-align: center;
}

.login-wrap__desc {
  font-size: 15px;
  color: #666;
  margin-bottom: 30px;
}

.login-wrap__form {
  margin-bottom: 20px;
}

.login-wrap__form__input {
  display: block;
  margin: 0 auto;
  margin-bottom: 5px;
  width: 500px;
  border: 1px solid #000;
  height: 58px;
  line-height: 58px;
  font-size: 16px;
  padding: 0;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.login-wrap__form__submit {
  color: #fff;
  background-color: #000;
  height: 60px;
  line-height: 60px;
  display: inline-block;
  width: 500px;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 600;
}

.login-wrap__form__submit:focus {
  background-color: #333;
  color: gold;
}

.login-wrap__form--bottom {
  width: 500px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.login-wrap__form--bottom a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}

.login-wrap__form--bottom a:before {
  position: absolute;
  top: 5px;
  left: 0;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -299px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 1px;
  min-width: 1px;
  height: 10px;
}

.login-wrap__form--bottom a:first-child:before {
  display: none !important;
}

@media screen and (min-width: 1px) and (max-width: 600px) {
  .login-wrap {
    padding-top: 50px;
  }
  .login-wrap__desc {
    font-size: 14px;
  }
  .login-wrap__form__input {
    width: 100%;
  }
  .login-wrap__form__submit {
    width: 100%;
  }
  .login-wrap__form--bottom {
    width: 100%;
  }
}

.guide-box__table {
  margin-bottom: 30px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  overflow: auto;
}

.guide-box__table table {
  border-collapse: collapse;
  width: 100%;
  min-width: 540px;
}

.guide-box__table thead th {
  border-bottom: 0px;
}

.guide-box__table th {
  border: 1px solid #dcdcdc;
  padding: 13px 0;
  background-color: #f4f4f4;
}

.guide-box__table td {
  border: 1px solid #dcdcdc;
  padding: 13px 5px;
  text-align: center;
  vertical-align: middle;
}

.guide-box__table.all_center th, .guide-box__table.all_center td {
  text-align: center;
}

@media (max-width: 768px) {
  .guide-box__table.res {
    padding-top: 10px;
  }
  .guide-box__table.res table {
    min-width: auto;
  }
  .guide-box__table.res colgroup {
    display: none;
  }
  .guide-box__table.res thead {
    display: none;
  }
  .guide-box__table.res tr {
    display: block;
    margin-bottom: 20px;
    border-top: 1px solid #dcdcdc;
  }
  .guide-box__table.res th {
    display: none;
  }
  .guide-box__table.res td {
    display: block;
    margin-bottom: 0px;
    text-align: left;
    padding-left: 10px;
    border-top: 0px;
    border-right: 1px solid #dcdcdc;
  }
  .guide-box__table.res td:before {
    color: #000;
    font-weight: bold;
    content: attr(data-th) " - ";
  }
}

.guide-box__table table colgroup .col-1 {
  width: 40%;
}

.guide-box__table table colgroup .col-2 {
  width: 30%;
}

.guide-box__table table colgroup .col-3 {
  width: 30%;
}

.guide-box__table table td {
  text-align: left;
}

.guide-box__box {
  border: 1px solid #ddd;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 20px;
  margin-bottom: 20px;
}

.guide-box__box__item {
  border: 1px solid #ddd;
  margin-bottom: 20px;
  padding: 20px;
}

.guide-box__box__item:last-child {
  margin-bottom: 0px;
}

.h3Type1 {
  color: #333333;
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 15px;
  padding-left: 30px;
  padding-top: 0;
  position: relative;
}

.h3Type1::before {
  position: absolute;
  top: 7px;
  left: 0;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Serfbhepr%2Svzntrf%2Svpbaf%2Sfvqr_gvg.cat") no-repeat left top;
}

@media (max-width: 768px) {
  .h3Type1 {
    font-size: 18px;
  }
}

.h4Type1 {
  color: #1190c0;
  font-weight: 400;
  font-size: 17px;
  margin-bottom: 5px;
  position: relative;
  padding-left: 18px;
}

@media (max-width: 768px) {
  .h4Type1 {
    font-size: 16px;
  }
}

.h4Type1:before {
  content: '';
  position: absolute;
  top: 13px;
  left: 0;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -57px -1562px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 10px;
  min-width: 10px;
  height: 2px;
}

.h4Type2 {
  color: #000;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 10px;
}

@media (max-width: 768px) {
  .h4Type2 {
    font-size: 14px;
  }
}

.h4Type2:before {
  content: ' ';
  position: absolute;
  top: 9px;
  left: 0;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -57px -1562px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 10px;
  min-width: 10px;
  height: 2px;
}

.btn1 {
  display: block;
  margin: 0 auto;
  color: #fff;
  background-color: #ea6a37;
  font-size: 22px;
  padding: 16px 0;
  width: 300px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-align: center;
  border-radius: 10px;
}

.btn2 {
  color: #fff;
  background-color: #000;
  height: 60px;
  line-height: 60px;
  display: inline-block;
  padding-left: 30px;
  padding-right: 30px;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}

.btn2:focus {
  background-color: #333;
  color: gold;
}

.btn3 {
  display: inline-block;
  color: #fff;
  background-color: #da4453;
  font-size: 19px;
  padding: 20px 60px;
  font-weight: 600;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  min-width: 100px;
  text-align: center;
}

.btn3:hover, .btn3:focus {
  background-color: #da5b67;
  color: gold;
}

.btn4 {
  display: inline-block;
  color: #000;
  background-color: #fff;
  font-size: 19px;
  padding: 19px 59px;
  border: 1px solid #000;
  font-weight: 600;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  min-width: 100px;
  text-align: center;
}

.btn4:hover, .btn4:focus {
  background-color: #eee;
  color: #000;
}

.btn5 {
  display: inline-block;
  color: #fff;
  width: 200px;
  background-color: #f43142;
  font-size: 19px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-weight: 600;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  min-width: 100px;
  text-align: center;
}

.btn5:hover, .btn5:focus {
  background-color: #ff0016;
  color: gold;
}

.btn6 {
  display: inline-block;
  color: #fff;
  width: 200px;
  background-color: #3a8dcb;
  font-size: 14px;
  height: 33px;
  text-align: center;
  line-height: 33px;
  font-weight: 600;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  min-width: 100px;
  text-align: center;
}

.btn6:hover, .btn6:focus {
  background-color: #51a5e3;
  color: gold;
}

.btn7 {
  display: inline-block;
  color: #fff;
  width: 200px;
  background-color: #000;
  font-size: 18px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  font-weight: 600;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  min-width: 100px;
  text-align: center;
}

.btn7:hover, .btn7:focus {
  background-color: #666;
  color: gold;
}

.downBtn1 {
  display: inline-block;
  color: #fff;
  background-color: #0c5493;
  font-size: 15px;
  padding: 10px 40px 10px 30px;
  font-weight: 600;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  min-width: 80px;
  text-align: center;
  border: 1px solid #0c5493;
  position: relative;
}

.downBtn1:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 15px;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1509px -932px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 9px;
  min-width: 9px;
  height: 13px;
}

.downBtn1:hover, .downBtn1:focus {
  background-color: #1e79c8;
  color: gold;
}

.downBtn2 {
  display: inline-block;
  color: #fff;
  background-color: #f08a37;
  font-size: 18px;
  padding: 15px 40px 15px 30px;
  font-weight: 500;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  min-width: 104px;
  border-radius: 5px;
  text-align: center;
  position: relative;
}

.downBtn2:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 15px;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -855px -1359px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 17px;
  min-width: 17px;
  height: 14px;
}

.downBtn2:hover, .downBtn2:focus {
  background-color: #b86826;
}

.btnSmall-1 {
  display: inline-block;
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  font-size: 15px;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  font-weight: 600;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  min-width: 50px;
  text-align: center;
}

.btnSmall-1:hover, .btnSmall-1:focus {
  background-color: #eee;
}

.btnSmall-2 {
  display: inline-block;
  color: #fff;
  background-color: #0e5390;
  border: 1px solid #0e5390;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  font-size: 15px;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  font-weight: 600;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  min-width: 50px;
  text-align: center;
}

.btnSmall-2:hover, .btnSmall-2:focus {
  background-color: #3177b6;
}

.btnMore {
  display: inline-block;
  color: #0e5390;
  background-color: #fff;
  border: 1px solid #0e5390;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  font-size: 15px;
  padding: 0 20px 0 20px;
  height: 40px;
  line-height: 40px;
  font-weight: 600;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  min-width: 50px;
  text-align: center;
}

.btnMore:hover, .btnMore:focus {
  background-color: #eee;
}

.basicList {
  margin-bottom: 10px;
}

.basicList li {
  font-size: 15px;
  text-align: left;
  position: relative;
  padding-left: 13px;
  line-height: 1.6;
  margin-bottom: 9px;
  color: #454545;
}

.basicList li:before {
  position: absolute;
  top: 9px;
  left: 0;
  content: ' ';
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -419px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 5px;
  min-width: 5px;
  height: 5px;
}

.basicList2 {
  margin-bottom: 10px;
}

.basicList2 li {
  font-size: 15px;
  text-align: left;
  position: relative;
  color: #666;
  padding-left: 13px;
  line-height: 1.6;
  margin-bottom: 2px;
}

.basicList2 li:before {
  position: absolute;
  top: 10px;
  left: 0;
  content: ' ';
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -587px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 4px;
  min-width: 4px;
  height: 4px;
}

.basicList3 {
  margin-bottom: 10px;
}

.basicList3 li {
  text-align: left;
  position: relative;
  padding-left: 15px;
  line-height: 1.6;
}

.basicList3 li:before {
  position: absolute;
  top: 11px;
  left: 3px;
  content: ' ';
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -641px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 5px;
  min-width: 5px;
  height: 2px;
}

.basicTable1 {
  margin-bottom: 30px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  overflow: auto;
}

.basicTable1 table {
  border-collapse: collapse;
  width: 100%;
  min-width: 540px;
}

.basicTable1 thead th {
  border-bottom: 0px;
}

.basicTable1 th {
  border: 1px solid #dcdcdc;
  padding: 13px 0;
  background-color: #f4f4f4;
}

.basicTable1 td {
  border: 1px solid #dcdcdc;
  padding: 13px 5px;
  text-align: center;
  vertical-align: middle;
}

.basicTable1.all_center th, .basicTable1.all_center td {
  text-align: center;
}

@media (max-width: 768px) {
  .basicTable1.res {
    padding-top: 10px;
  }
  .basicTable1.res table {
    min-width: auto;
  }
  .basicTable1.res colgroup {
    display: none;
  }
  .basicTable1.res thead {
    display: none;
  }
  .basicTable1.res tr {
    display: block;
    margin-bottom: 20px;
    border-top: 1px solid #dcdcdc;
  }
  .basicTable1.res th {
    display: none;
  }
  .basicTable1.res td {
    display: block;
    margin-bottom: 0px;
    text-align: left;
    padding-left: 10px;
    border-top: 0px;
    border-right: 1px solid #dcdcdc;
  }
  .basicTable1.res td:before {
    color: #000;
    font-weight: bold;
    content: attr(data-th) " - ";
  }
}

.basicTable2 {
  margin-bottom: 30px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  overflow: auto;
}

.basicTable2 table {
  border-collapse: collapse;
  width: 100%;
  min-width: 540px;
}

.basicTable2 th {
  border: 1px solid #dcdcdc;
  border-left: 0;
  padding: 13px 0;
  background-color: #f4f4f4;
  text-align: left;
  padding-left: 30px;
}

.basicTable2 td {
  border: 1px solid #dcdcdc;
  border-right: 0;
  padding: 13px 5px;
  text-align: left;
  padding-left: 30px;
}

@media (max-width: 768px) {
  .basicTable2.res {
    padding-top: 10px;
  }
  .basicTable2.res table {
    min-width: auto;
  }
  .basicTable2.res colgroup {
    display: none;
  }
  .basicTable2.res thead {
    display: none;
  }
  .basicTable2.res tr {
    display: block;
    margin-bottom: 20px;
    border-top: 1px solid #dcdcdc;
  }
  .basicTable2.res th {
    display: none;
  }
  .basicTable2.res td {
    display: block;
    margin-bottom: 0px;
    text-align: left;
    padding-left: 10px;
    border-top: 0px;
    border-right: 1px solid #dcdcdc;
  }
  .basicTable2.res td:before {
    color: #000;
    font-weight: bold;
    content: attr(data-th) " - ";
  }
}

.basicTable3 {
  text-align: center;
  margin-bottom: 30px;
  border-bottom: 1px solid #000;
  overflow: auto;
}

.basicTable3 table {
  border-collapse: collapse;
  width: 100%;
  min-width: 540px;
}

.basicTable3 thead th {
  background-color: #333;
  color: #fff;
  border: 1px solid #333;
}

.basicTable3 th {
  border: 1px solid #dcdcdc;
  border-left: 0;
  padding: 18px 0;
  background-color: #f4f4f4;
  padding-left: 30px;
}

.basicTable3 td {
  border: 1px solid #dcdcdc;
  border-right: 0;
  padding: 18px 5px;
  padding-left: 30px;
}

@media (max-width: 768px) {
  .basicTable3.res {
    padding-top: 10px;
    border-top: 0px;
    border-bottom: 0px;
  }
  .basicTable3.res table {
    min-width: auto;
  }
  .basicTable3.res colgroup {
    display: none;
  }
  .basicTable3.res thead {
    display: none;
  }
  .basicTable3.res tr {
    display: block;
    margin-bottom: 20px;
    border-top: 1px solid #dcdcdc;
  }
  .basicTable3.res th {
    display: none;
  }
  .basicTable3.res td {
    display: block;
    margin-bottom: 0px;
    text-align: left;
    padding-left: 10px;
    border-top: 0px;
    border-right: 1px solid #dcdcdc;
  }
  .basicTable3.res td:before {
    color: #000;
    font-weight: bold;
    content: attr(data-th) " - ";
  }
}

.basicTable4 {
  margin-bottom: 30px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  overflow: auto;
}

.basicTable4 table {
  border-collapse: collapse;
  width: 100%;
  min-width: 540px;
}

.basicTable4 th {
  border-left: 1px solid #dcdcdc;
  padding: 13px 0;
  background-color: #f4f4f4;
  text-align: center;
}

.basicTable4 th:first-child {
  border-left: 0px;
}

.basicTable4 tbody th {
  border: 1px solid #dcdcdc;
  padding: 13px 5px;
  text-align: center;
  border-right: 0px;
  border-bottom: 0px;
  background-color: #fbfbfb;
}

.basicTable4 tbody th:first-child {
  border-left: 0px;
}

.basicTable4 td {
  border: 1px solid #dcdcdc;
  padding: 13px 5px;
  text-align: center;
  border-right: 0px;
  border-bottom: 0px;
}

.basicTable4 td:first-child {
  border-left: 0px;
}

.basicTable4 td.sbj-line {
  padding-left: 15px;
  text-align: left;
}

.basicTable4 td.sbj-line > a:hover, .basicTable4 td.sbj-line > a:focus {
  text-decoration: underline;
}

.basicTable4 td > a:hover, .basicTable4 td > a:focus {
  text-decoration: underline;
}

.basicTable4 td.align-left {
  text-align: left;
  padding-left: 15px;
}

@media (max-width: 768px) {
  .basicTable4.res {
    padding-top: 0px;
    border-top: 0px;
    border-bottom: 0px;
  }
  .basicTable4.res table {
    min-width: auto;
  }
  .basicTable4.res colgroup {
    display: none;
  }
  .basicTable4.res thead {
    display: none;
  }
  .basicTable4.res tr {
    display: block;
    margin-bottom: 20px;
    border-bottom: 1px solid #dcdcdc;
  }
  .basicTable4.res th {
    display: none;
  }
  .basicTable4.res td {
    display: block;
    margin-bottom: 0px;
    text-align: left;
    padding-left: 10px;
    border-right: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    border-bottom: 0px;
  }
  .basicTable4.res td:first-child {
    border-left: 1px solid #dcdcdc;
  }
  .basicTable4.res td:before {
    color: #000;
    font-weight: bold;
    content: attr(data-th) " : ";
  }
  .basicTable4.res td.align-left {
    padding-left: 10px;
  }
}

.basicTable5 {
  margin-bottom: 30px;
  max-width: 100%;
  overflow: auto;
}

.basicTable5 table {
  border-collapse: collapse;
  width: 100%;
  min-width: 600px;
}

.basicTable5 th {
  background-color: #f9f9f9;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  font-size: 1.6rem;
  font-weight: 600;
  color: #222;
  text-align: center;
  vertical-align: middle;
  padding: 25px 10px;
}

.basicTable5 td {
  padding: 0 10px 0 30px;
  border-bottom: 1px solid #dedede;
  font-size: 1.6rem;
  font-weight: 300;
  color: #666666;
  vertical-align: middle;
}

@media (max-width: 860px) {
  .basicTable5 th {
    font-size: 1.5rem;
    padding: 20px 10px;
  }
  .basicTable5 td {
    padding: 0 10px 0 20px;
    font-size: 1.5rem;
  }
}

.selectbox {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background-color: #fff;
  text-align: left;
  border: 1px solid #000;
}

.selectbox:after {
  position: absolute;
  top: 50%;
  right: 0;
  margin-right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: ' ';
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -186px -1497px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 9px;
  min-width: 9px;
  height: 5px;
}

.selectbox select {
  width: 100%;
  background-color: transparent;
  appearance: none;
  min-width: 230px;
  vertical-align: middle;
  color: #000;
  font-size: 16px;
  height: 38px;
  margin-top: 0;
  padding: 2px 2px 2px 10px;
  position: relative;
  border: 0px;
  /*
			@media screen and (min-width:0\0){
				& {width:125%}
			}
			*/
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  /*ie10~11 에서 셀렉트 기본디자인 무력화*/
}

.selectbox select::-ms-expand {
  display: none;
}

.lte-ie9 .selectbox select {
  width: 125%;
  vertical-align: top;
}

.selectbox select option {
  font-family: "SUIT";
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .selectbox select {
    min-width: 200px;
  }
}

.selectbox2 {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background-color: transparent;
  text-align: left;
  border-bottom: 2px solid #000;
}

.selectbox2:after {
  position: absolute;
  top: 50%;
  right: 0;
  margin-right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: ' ';
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -186px -1497px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 9px;
  min-width: 9px;
  height: 5px;
}

.selectbox2 select {
  width: 100%;
  background-color: transparent;
  appearance: none;
  min-width: 230px;
  vertical-align: middle;
  color: #000;
  font-size: 14px;
  height: 38px;
  margin-top: 0;
  padding: 2px 2px 2px 10px;
  position: relative;
  border: 0px;
  /*
			@media screen and (min-width:0\0){
				& {width:125%}
			}
			*/
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  /*ie10~11 에서 셀렉트 기본디자인 무력화*/
}

.selectbox2 select::-ms-expand {
  display: none;
}

.lte-ie9 .selectbox2 select {
  width: 125%;
  vertical-align: top;
}

.selectbox2 select option {
  font-family: "SUIT";
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .selectbox2 select {
    min-width: 200px;
  }
}

/* 갤러리 list */
.new_gall_wrap {
  padding: 0 0 0 10px;
  margin-bottom: 30px;
}

.new_gall_list_wrap li {
  float: left;
  width: 33%;
  height: 206px;
  position: relative;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Swnpp%2Svzntrf%2Sonfvp%2Stnyy_yvfg_ot.wct");
  background-position: 0 0;
  background-repeat: no-repeat;
}

.new_gall_list_wrap li span {
  margin-bottom: 12px;
  text-align: center;
}

.new_gall_list_wrap li span img {
  width: 188px;
  height: 118px;
  border: 1px solid #ccc;
}

.new_gall_list_wrap li h3 {
  color: #444;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: bold;
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.new_gall_list_wrap li a {
  color: #444;
  padding: 24px 10px 20px 11px;
  display: block;
}

.new_gall_list_wrap li p {
  text-align: left;
  color: #444;
}

.new_gall_list_wrap li a:hover {
  text-decoration: underline;
}

/* heading */
.h3_bul {
  margin-top: 20px;
  font-size: 20px;
  color: #496fdc;
  /*padding-left:40px;*/
  padding-bottom: 15px;
  /*background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Sfvgr%2Su3_ohy.wct");background-position:4px 2px;background-repeat:no-repeat;*/
}

.h3_bul2 {
  padding-left: 0px;
  padding-bottom: 15px;
  font-size: 17px;
  font-size: 1.7rem;
  padding-top: 3px;
  padding-bottom: 9px;
  color: #000;
  font-weight: bold;
  margin-bottom: 15px;
  color: #464646;
  line-height: 1.3;
}

.h3_bul3 {
  color: #000;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 15px;
  color: #464646;
  line-height: 1.3;
}

.h4_bul {
  margin-top: 10px;
  font-size: 15px;
  color: #f9742c;
  padding-left: 20px;
  padding-bottom: 3px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Sfvgr%2Syvfg_ohy1.wct");
  background-position: 5px 8px;
  background-repeat: no-repeat;
}

/*.text_box {background-color:#f8f8f8;padding:10px 20px 5px 20px;border:1px solid #d6d6d6;margin-bottom:20px;}
.text_box p{margin-bottom:20px;line-height:1.6;color:#56585a;}
.text_box2 {background-color:#fff;padding:10px 20px 5px 20px;border:2px solid #d6d6d6;margin-bottom:20px;}
.text_box2 p{margin-bottom:10px;line-height:1.6;color:#56585a;font-size:14px;font-size:1.4rem;}*/
/* 위원소개 */
.intro_box_wrap {
  margin-bottom: 20px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}

.intro_box_wrap:after {
  content: ' ';
  clear: both;
  display: block;
  visibility: hidden;
}

* + html .intro_box_wrap {
  display: inline-block;
}

* html .intro_box_wrap {
  height: 1%;
}

.intro_box {
  border-bottom: 1px solid #e9e9e9;
  width: 50%;
  float: left;
}

.intro_box:last-child {
  border-bottom: 0;
}

.intro_box img {
  width: 140px;
}

.intro_box .right_box {
  padding-top: 15px;
  padding-left: 10px;
  float: left;
  max-width: 220px;
}

.intro_box .col_purple {
  margin-bottom: 15px;
}

.intro_box .right_box ul {
  line-height: 1.4;
}

.intro_box li {
  padding-bottom: 3px;
  /*background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Sfvgr%2Svageb_yvfg_ohy.wct");*/
  background-position: 0px 8px;
  background-repeat: no-repeat;
  font-size: 13px;
}

/* tb_type */
.tb_type1 {
  background-color: #fff;
  margin-bottom: 30px;
}

.tb_type1 table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #cdd6db;
}

.tb_type1 th,
.tb_type1 td {
  border-right: 1px solid #cdd6db;
  border-bottom: 1px solid #cdd6db;
  padding: 8px 0;
  font-size: 13px;
}

.tb_type1 th {
  background-color: #f5fafd;
  font-weight: bold;
}

.tb_type1.all_center {
  text-align: center;
}

/* 도서관 우수사례 */
.case_map {
  margin-bottom: 40px;
}

.case_list {
  display: none;
}

.case_tb .tit {
  color: #26527c;
  margin-bottom: 20px;
}

/* 열린제안 */
.policy_box {
  height: 220px;
  overflow: auto;
  padding: 30px;
  background-color: #f5fafd;
  border: 1px solid #e0e7eb;
}

.policy_box li {
  margin-bottom: 20px;
}

.bg_box01 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Spbag%2Sot_obk01.wct");
  background-repeat: no-repeat;
  background-position: 25px center;
  padding: 40px 6px 40px 130px !important;
}

.privacy td {
  padding: 10px 30px;
}

.privacy input[type="text"] {
  margin-bottom: 10px;
  background-color: #fff;
  padding: 2px 3px;
  line-height: 30px;
  height: 30px;
  border: 1px solid #cdd6db;
  vertical-align: baseline;
}

.privacy #bbs_email3 {
  margin-bottom: 10px;
  background-color: #fff;
  padding: 2px 3px;
  line-height: 36px;
  height: 36px;
  border: 1px solid #cdd6db;
  vertical-align: baseline;
}

.privacy label {
  font-weight: bold;
  margin-right: 10px;
  line-height: 2;
}

/* 사이트맵 */
.sitemap h4 {
  font-size: 18px;
  color: #fff;
  text-align: center;
  display: block;
  min-width: 180px;
  line-height: 45px;
  height: 45px;
}

.sitemap .type01 {
  background-color: #fa7d25;
}

.sitemap .type02 {
  background-color: #06ae73;
}

.sitemap .type03 {
  background-color: #6881d1;
}

.sitemap .type04 {
  background-color: #10c6c8;
}

.sitemap .type05 {
  background-color: #fba000;
}

.sitemap .type06 {
  background-color: #fa7d25;
}

.sitemap .type07 {
  background-color: #06ae73;
}

.sitemap > ul > li {
  float: left;
  margin: 0 23px;
  min-height: 400px;
  width: 43%;
}

.sitemap ul ul {
  min-height: 150px;
  padding-top: 30px;
  padding-left: 10px;
}

.sitemap ul ul li a {
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 5px;
  display: block;
}

.sitemap ul ul li a:hover {
  color: #ff6633;
}

.sitemap ul ul ul {
  padding-top: 0px;
  min-height: auto;
  padding-left: 0px;
}

.sitemap ul ul ul li {
  padding-left: 20px;
  padding-bottom: 4px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Sfvgr%2Syvfg_ohy2.wct");
  background-position: 8px 9px;
  background-repeat: no-repeat;
}

.sitemap ul ul ul li a {
  font-weight: normal;
}

/* QnA */
.onf_wrap .onf_item {
  margin-bottom: 5px;
}

.onf_wrap .onf_item > h3 {
  display: block;
  background-color: #edf8fe;
}

.onf_wrap .onf_item > h3 a {
  display: block;
  color: #444;
  font-size: 15px;
  padding: 5px 0px;
  overflow: hidden;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Sfvgr%2Sbas_bss.cat");
  background-position: right center;
  background-repeat: no-repeat;
}

.onf_wrap .onf_item > h3 span {
  display: inline-block;
  padding: 0 10px;
  vertical-align: middle;
  font-size: 24px;
  color: #496fdc;
}

.onf_wrap .onf_item.selected > h3 span {
  color: #fff;
}

* + html .onf_wrap .onf_item > h3 span {
  display: inline;
}

.onf_wrap .onf_item.selected > h3 {
  display: block;
  background-color: #7f9bef;
}

.onf_wrap .onf_item.selected > h3 a {
  color: #fff;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Sfvgr%2Sbas_ba.cat");
}

.onf_wrap .onf_view {
  display: none;
  padding: 30px 10px 30px 20px;
  border: 1px solid #dddddd;
  border-width: 0px 1px 1px;
}

.onf_wrap .selected .onf_view {
  display: block;
}

div[class*="POPUP"] {
  position: absolute;
  background-color: #000;
  overflow: auto;
  max-width: 600px;
  height: auto !important;
}

div[class*="POPUP"] img {
  max-width: none;
}

/* 메인페이지 참여도서관 다대출 도서 2016-10-28 */
#m_banner .fav_box {
  height: auto;
}

#m_banner p {
  display: inline-block;
}

.fav_box div {
  height: auto;
  width: 119px;
  display: block;
}

.fav_box div a {
  color: #666666;
  display: block;
  font-size: 12px;
  height: 150px;
  margin: 1px;
  text-align: center;
  font-weight: bold;
}

.fav_box div.more a {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Sfvgr%2Soof_zber.wct");
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  font-size: 0;
  height: 15px;
  line-height: 0;
  width: 15px;
}

.fav_box div a p {
  display: block;
  height: 20px;
  margin: 5px auto 0;
  width: auto;
  max-width: 110px;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fav_box div a span {
  display: block;
  margin: 0 auto;
}

.fav_box div a span img {
  width: 85px;
  height: 123px;
}

/*반응형 수정 2019-11-13인사말, 유관기관 */
@media screen and (min-width: 1px) and (max-width: 1200px) {
  .contents {
    padding-right: 0;
    border-right: 0;
    border-left: 0;
  }
  #sidebar {
    border-right: 0px;
  }
  .footer_in {
    margin-bottom: 0px;
  }
  div[class*="POPUP"] {
    left: 0 !important;
    top: 60px !important;
  }
}

@media screen and (min-width: 1px) and (max-width: 400px) {
  .hi_img {
    float: none !important;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
    text-align: center;
  }
}

@media screen and (min-width: 1px) and (max-width: 570px) {
  .sosic ul li a {
    font-size: 14px;
  }
  .sosic ul li:first-child {
    width: 33% !important;
  }
  .sosic ul li:nth-child(2) {
    width: 11% !important;
  }
  .sosic ul li:nth-child(3) {
    width: 28% !important;
  }
  .sosic ul li:nth-child(4) {
    width: 18% !important;
  }
  .sosic ul li:last-child {
    width: 10% !important;
  }
}

.root_daum_roughmap {
  padding: 0 !important;
  width: 100% !important;
  border: none !important;
}

/* 갤러리 list */
.new_gall_wrap {
  padding: 0 0 0 10px;
  margin-bottom: 30px;
}

.new_gall_list_wrap li {
  float: left;
  width: 33%;
  height: 206px;
  position: relative;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Swnpp%2Svzntrf%2Sonfvp%2Stnyy_yvfg_ot.wct");
  background-position: 0 0;
  background-repeat: no-repeat;
}

.new_gall_list_wrap li span {
  margin-bottom: 12px;
  text-align: center;
}

.new_gall_list_wrap li span img {
  width: 100%;
  height: 138px !important;
  border: 1px solid #ccc;
}

.new_gall_list_wrap li h3 {
  color: #444;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: bold;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.new_gall_list_wrap li a {
  color: #444;
  padding: 24px 10px 20px 11px;
  display: block;
}

.new_gall_list_wrap li p {
  text-align: left;
  color: #444;
}

.new_gall_list_wrap li a:hover {
  text-decoration: underline;
}

@media screen and (min-width: 1px) and (max-width: 570px) {
  .new_gall_wrap {
    padding: 0;
  }
  .new_gall_list_wrap li {
    width: 50%;
    height: 160px;
  }
  .new_gall_list_wrap li span img {
    height: 100px !important;
  }
}

/* heading */
.h3_bul {
  margin-top: 20px;
  font-size: 20px;
  color: #496fdc;
  /*padding-left:40px;*/
  padding-bottom: 15px;
  /*background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Sfvgr%2Su3_ohy.wct");background-position:4px 2px;background-repeat:no-repeat;*/
}

.h3_bul2 {
  padding-left: 0px;
  padding-bottom: 15px;
  font-size: 17px;
  font-size: 1.7rem;
  padding-top: 3px;
  padding-bottom: 9px;
  color: #000;
  font-weight: bold;
  margin-bottom: 15px;
  color: #464646;
  line-height: 1.3;
}

.h3_bul3 {
  color: #000;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 15px;
  color: #464646;
  line-height: 1.3;
}

.h4_bul {
  margin-top: 10px;
  font-size: 15px;
  color: #f9742c;
  padding-left: 20px;
  padding-bottom: 3px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Sfvgr%2Syvfg_ohy1.wct");
  background-position: 5px 8px;
  background-repeat: no-repeat;
}

/*.text_box {background-color:#f8f8f8;padding:10px 20px 5px 20px;border:1px solid #d6d6d6;margin-bottom:20px;}
.text_box p{margin-bottom:20px;line-height:1.6;color:#56585a;}
.text_box2 {background-color:#fff;padding:10px 20px 5px 20px;border:2px solid #d6d6d6;margin-bottom:20px;}
.text_box2 p{margin-bottom:10px;line-height:1.6;color:#56585a;font-size:14px;font-size:1.4rem;}*/
/* tb_type */
.tb_type1 {
  background-color: #fff;
  margin-bottom: 30px;
}

.tb_type1 table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #cdd6db;
}

.tb_type1 th, .tb_type1 td {
  border-right: 1px solid #cdd6db;
  border-bottom: 1px solid #cdd6db;
  padding: 8px 0;
  font-size: 13px;
}

.tb_type1 th {
  background-color: #f5fafd;
  font-weight: bold;
}

.tb_type1.all_center {
  text-align: center;
}

/* 도서관 관련 법령 */
.lib_law_box {
  overflow: hidden;
}

.lib_law_box img {
  vertical-align: middle;
  padding-left: 10px;
}

.lib_law_box dl {
  float: left;
  width: 49%;
  border: 1px solid #ddd;
  padding: 40px;
  border-radius: 15px;
  margin: 0 2% 20px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.lib_law_box dl.h-size01 {
  min-height: 210px;
}

.lib_law_box dl.h-size02 {
  min-height: 275px;
}

.lib_law_box dl.h-size03 {
  min-height: 300px;
}

.lib_law_box dl.h-size04 {
  min-height: 455px;
}

.lib_law_box dl:nth-child(2n) {
  margin-right: 0;
}

.lib_law_box dt {
  font-size: 36px;
  color: #000;
  font-weight: 800;
  margin-bottom: 32px;
}

.lib_law_box dd {
  font-size: 22px;
  color: #666;
  padding-left: 30px;
  padding-bottom: 4px;
  position: relative;
  margin-bottom: 32px;
}

.lib_law_box dd:last-child {
  margin-bottom: 0;
}

.lib_law_box dd::after {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  border: 4px solid #f46062;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 6px;
  left: 0;
  border-radius: 50%;
}

.lib_law_box dt a {
  position: absolute;
  top: 40px;
  right: 40px;
}

.lib_law_box dt:after {
  content: '';
  clear: both;
  display: block;
  visibility: hidden;
}

* + html .lib_law_box dt {
  display: inline-block;
}

* html .lib_law_box dt {
  height: 1%;
}

@media screen and (min-width: 1px) and (max-width: 1400px) {
  .lib_law_box dl {
    padding: 20px;
  }
  .lib_law_box dl.h-size01 {
    min-height: 145px;
  }
  .lib_law_box dl.h-size02 {
    min-height: 230px;
  }
  .lib_law_box dl.h-size03 {
    min-height: 280px;
  }
  .lib_law_box dl.h-size04 {
    min-height: 312px;
  }
  .lib_law_box dl:nth-child(2n) {
    margin-right: 0;
  }
  .lib_law_box dt {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .lib_law_box dd {
    font-size: 16px;
    padding-left: 20px;
    margin-bottom: 20px;
  }
  .lib_law_box dd:last-child {
    margin-bottom: 0;
  }
  .lib_law_box dd::after {
    width: 12px;
    height: 12px;
    border: 3px solid #f46062;
    top: 4px;
  }
  .lib_law_box dt a {
    top: 20px;
    right: 20px;
    width: 40px;
    height: 30px;
  }
  .lib_law_box dt a img {
    width: 100%;
  }
  .lib_law_box dt:after {
    content: ' ';
    clear: both;
    display: block;
    visibility: hidden;
  }
}

@media screen and (min-width: 1px) and (max-width: 1100px) {
  .lib_law_box dl {
    padding: 20px;
  }
  .lib_law_box dt {
    font-size: 24px;
    margin-bottom: 18px;
  }
  .lib_law_box dt a {
    top: 20px;
    right: 20px;
    width: 35px;
    height: 25px;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .lib_law_box dl {
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    margin: 0 0 10px 0;
  }
  .lib_law_box dl.h-size01 {
    min-height: 130px;
  }
  .lib_law_box dl.h-size02 {
    min-height: 170px;
  }
  .lib_law_box dl.h-size03 {
    min-height: 190px;
  }
  .lib_law_box dl.h-size04 {
    min-height: 200px;
  }
  .lib_law_box dt {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .lib_law_box dd {
    font-size: 18px;
    padding-left: 20px;
    margin-bottom: 15px;
  }
  .lib_law_box dd::after {
    top: 4px;
  }
  .lib_law_box dt a {
    top: 16px;
    right: 16px;
    width: 28px;
  }
  .lib_law_box dt a img {
    width: 100%;
  }
}

/* 관련 사이트 */
.rel_site_list li {
  float: left;
  width: 23.5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 2% 55px 0;
  text-align: center;
}

.rel_site_list li:nth-child(4n) {
  margin-right: 0;
}

.rel_site_list li a {
  width: 100%;
  display: inline-block;
  border: 1px solid #ddd;
  margin-bottom: 20px;
  border-radius: 13px;
  line-height: 118px;
}

.rel_site_list a img {
  vertical-align: middle;
}

.rel_site_list p {
  font-size: 22px;
  color: #666;
  font-weight: 200;
}

.rel_site_list p.font-s {
  font-size: 20px;
}

.rel_site_list:after,
.rel_site_list li:after {
  content: ' ';
  clear: both;
  display: block;
  visibility: hidden;
}

* + html .rel_site_list,
* + html .rel_site_list li {
  display: inline-block;
}

* html .rel_site_list,
* html .rel_site_list li {
  height: 1%;
}

@media screen and (min-width: 1px) and (max-width: 1400px) {
  .rel_site_list p {
    font-size: 16px;
    letter-spacing: -1px;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .rel_site_list li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 20px;
  }
  .rel_site_list li:nth-child(2n), .rel_site_list li:last-child {
    margin-right: 0;
  }
  .rel_site_list li a {
    margin-bottom: 10px;
    line-height: 90px;
  }
  .rel_site_list li a img {
    width: 90%;
  }
  .rel_site_list li p {
    font-size: 16px;
    word-break: keep-all;
  }
}

/* 도서관 우수사례 */
.case_map {
  margin-bottom: 40px;
}

.case_list {
  display: none;
}

.case_tb .tit {
  color: #26527c;
  margin-bottom: 20px;
}

/* 열린제안 */
.policy_box {
  height: 220px;
  overflow: auto;
  padding: 30px;
  background-color: #f5fafd;
  border: 1px solid #e0e7eb;
}

.policy_box li {
  margin-bottom: 20px;
}

.bg_box01 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Spbag%2Sot_obk01.wct");
  background-repeat: no-repeat;
  background-position: 25px center;
  padding: 40px 6px 40px 130px !important;
}

.privacy td {
  padding: 10px 30px;
}

.privacy input[type="text"] {
  margin-bottom: 10px;
  background-color: #fff;
  padding: 2px 3px;
  line-height: 30px;
  height: 30px;
  border: 1px solid #cdd6db;
  vertical-align: baseline;
}

.privacy #bbs_email3 {
  margin-bottom: 10px;
  background-color: #fff;
  padding: 2px 3px;
  line-height: 36px;
  height: 36px;
  border: 1px solid #cdd6db;
  vertical-align: baseline;
}

.privacy label {
  font-weight: bold;
  margin-right: 10px;
  line-height: 2;
}

/* 사이트맵 */
.sitemap h4 {
  font-size: 18px;
  color: #fff;
  text-align: center;
  display: block;
  min-width: 180px;
  line-height: 45px;
  height: 45px;
}

.sitemap .type01 {
  background-color: #fa7d25;
}

.sitemap .type02 {
  background-color: #06ae73;
}

.sitemap .type03 {
  background-color: #6881d1;
}

.sitemap .type04 {
  background-color: #10c6c8;
}

.sitemap .type05 {
  background-color: #fba000;
}

.sitemap .type06 {
  background-color: #fa7d25;
}

.sitemap .type07 {
  background-color: #06ae73;
}

.sitemap > ul > li {
  float: left;
  margin: 0 23px;
  min-height: 400px;
  width: 43%;
}

.sitemap ul ul {
  min-height: 150px;
  padding-top: 30px;
  padding-left: 10px;
}

.sitemap ul ul li a {
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 5px;
  display: block;
}

.sitemap ul ul li a:hover {
  color: #ff6633;
}

.sitemap ul ul ul {
  padding-top: 0px;
  min-height: auto;
  padding-left: 0px;
}

.sitemap ul ul ul li {
  padding-left: 20px;
  padding-bottom: 4px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Sfvgr%2Syvfg_ohy2.wct");
  background-position: 8px 9px;
  background-repeat: no-repeat;
}

.sitemap ul ul ul li a {
  font-weight: normal;
}

/* QnA */
.onf_wrap .onf_item {
  margin-bottom: 5px;
}

.onf_wrap .onf_item > h3 {
  display: block;
  background-color: #edf8fe;
}

.onf_wrap .onf_item > h3 a {
  display: block;
  color: #444;
  font-size: 15px;
  padding: 5px 0px;
  overflow: hidden;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Sfvgr%2Sbas_bss.cat");
  background-position: right center;
  background-repeat: no-repeat;
}

.onf_wrap .onf_item > h3 span {
  display: inline-block;
  padding: 0 10px;
  vertical-align: middle;
  font-size: 24px;
  color: #496fdc;
}

.onf_wrap .onf_item.selected > h3 span {
  color: #fff;
}

* + html .onf_wrap .onf_item > h3 span {
  display: inline;
}

.onf_wrap .onf_item.selected > h3 {
  display: block;
  background-color: #7f9bef;
}

.onf_wrap .onf_item.selected > h3 a {
  color: #fff;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Sfvgr%2Sbas_ba.cat");
}

.onf_wrap .onf_view {
  display: none;
  padding: 30px 10px 30px 20px;
  border: 1px solid #dddddd;
  border-width: 0px 1px 1px;
}

.onf_wrap .selected .onf_view {
  display: block;
}

div[class*="POPUP"] {
  position: absolute;
  background-color: #000;
  overflow: auto;
  max-width: 600px;
  height: auto !important;
}

div[class*="POPUP"] img {
  max-width: none;
}

/* 메인페이지 참여도서관 다대출 도서 2016-10-28 */
#m_banner .fav_box {
  height: auto;
}

#m_banner p {
  display: inline-block;
}

.fav_box div {
  height: auto;
  width: 119px;
  display: block;
}

.fav_box div a {
  color: #666666;
  display: block;
  font-size: 12px;
  height: 150px;
  margin: 1px;
  text-align: center;
  font-weight: bold;
}

.fav_box div.more a {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Sfvgr%2Soof_zber.wct");
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  font-size: 0;
  height: 15px;
  line-height: 0;
  width: 15px;
}

.fav_box div a p {
  display: block;
  height: 20px;
  margin: 5px auto 0;
  width: auto;
  max-width: 110px;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fav_box div a span {
  display: block;
  margin: 0 auto;
}

.fav_box div a span img {
  width: 85px;
  height: 123px;
}

/*반응형 수정 2019-11-13인사말, 유관기관 */
@media screen and (min-width: 1px) and (max-width: 1200px) {
  .contents {
    padding-right: 0;
    border-right: 0;
    border-left: 0;
  }
  #sidebar {
    border-right: 0px;
  }
  .footer_in {
    margin-bottom: 0px;
  }
  div[class*="POPUP"] {
    left: 0 !important;
    top: 60px !important;
  }
}

@media screen and (min-width: 1px) and (max-width: 400px) {
  .hi_img {
    float: none !important;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
    text-align: center;
  }
}

@media screen and (min-width: 1px) and (max-width: 570px) {
  .sosic ul li a {
    font-size: 14px;
  }
  .sosic ul li:first-child {
    width: 33% !important;
  }
  .sosic ul li:nth-child(2) {
    width: 11% !important;
  }
  .sosic ul li:nth-child(3) {
    width: 28% !important;
  }
  .sosic ul li:nth-child(4) {
    width: 18% !important;
  }
  .sosic ul li:last-child {
    width: 10% !important;
  }
}

.root_daum_roughmap {
  padding: 0 !important;
  width: 100% !important;
  border: none !important;
}

/* 글 크기 */
.f_12 {
  font-size: 12px;
}

.f_13 {
  font-size: 13px;
}

.f_14 {
  font-size: 14px;
}

.f_15 {
  font-size: 15px;
}

.f_16 {
  font-size: 16px;
}

.f_17 {
  font-size: 17px;
}

.f_18 {
  font-size: 18px;
}

.f_19 {
  font-size: 19px;
}

.f_20 {
  font-size: 20px;
}

.f_21 {
  font-size: 21px;
}

.f_22 {
  font-size: 22px;
}

.f_23 {
  font-size: 23px;
}

.f_24 {
  font-size: 24px;
}

.f_25 {
  font-size: 25px;
}

/* 포지션 */
.pos_ab {
  position: absolute;
}

.pos_rel {
  position: relative;
}

.top0 {
  top: 0px !important;
}

.top20 {
  top: 20px !important;
}

.top30 {
  top: 30px !important;
}

.top40 {
  top: 40px !important;
}

.top60 {
  top: 60px !important;
}

.right0 {
  right: 0px !important;
}

.bottom0 {
  bottom: 0px !important;
}

.left0 {
  left: 0px !important;
}

/* 공통 */
.no_bg {
  background: none;
}

.no_bg_list li {
  background: none;
  padding-left: 0px;
}

.nopdd {
  padding: 0px !important;
}

.nobrd {
  border: 0px !important;
}

.bold {
  font-weight: bold;
}

.ver_center {
  vertical-align: middle;
}

/* 자주쓰는css */
.left_box {
  float: left;
}

.right_box {
  float: right;
}

.no_bg {
  background: none;
}

.no_bg_list li {
  background: none;
}

.f_normal {
  font-weight: normal;
}

.float_wrap:after {
  content: ' ';
  clear: both;
  display: block;
  visibility: hidden;
}

* + html .float_wrap {
  display: inline-block;
}

* html .float_wrap {
  height: 1%;
}

.bold {
  font-weight: bold;
}

.t_center {
  text-align: center;
}

.bg_blue {
  background-color: #355ba5;
}

.brd_blue {
  border: 3px solid #355ba5;
}

.brd_gray {
  border: 1px solid #e2e2e2;
}

.p_mgnb10 p {
  margin-bottom: 10px;
}

.p_mgnb20 p {
  margin-bottom: 20px;
}

.topic:after {
  clear: both;
  display: block;
  visibility: hidden;
  content: ' ';
}

* + html .topic {
  display: inline-block;
}

* html .topic {
  height: 1%;
}

.topic dt {
  float: left;
  color: #323232;
  font-weight: bold;
  margin-bottom: 4px;
}

.topic dd {
  float: left;
  margin-bottom: 4px;
  margin-left: 35px;
}

.dot_bot {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Spbag%2Sqbg_obg.wct");
  background-repeat: repeat-x;
  background-position: left bottom;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.both_side {
  text-align: justify;
}

/* 마진값 설정 */
.nomargin {
  margin: 0px !important;
}

.mgn10 {
  margin: 0 0 10px 10px !important;
}

.mgn20 {
  margin: 0 0 20px 20px !important;
}

.mgnl0 {
  margin-left: 0px !important;
}

.mgnl10 {
  margin-left: 10px !important;
}

.mgnl20 {
  margin-left: 20px !important;
}

.mgnl30 {
  margin-left: 30px !important;
}

.mgnl40 {
  margin-left: 40px !important;
}

.mgnl50 {
  margin-left: 50px !important;
}

.mgnb0 {
  margin-bottom: 0px !important;
}

.mgnb10 {
  margin-bottom: 10px !important;
}

.mgnb15 {
  margin-bottom: 15px !important;
}

.mgnb20 {
  margin-bottom: 20px !important;
}

.mgnb30 {
  margin-bottom: 30px !important;
}

.mgnt15 {
  margin-top: 15px !important;
}

.mgnt30 {
  margin-top: 30px !important;
}

.mgnr20 {
  margin-right: 20px !important;
}

/* 넓이설정 */
.wd10 {
  width: 10px !important;
}

.wd20 {
  width: 20px !important;
}

.wd30 {
  width: 30px !important;
}

.wd40 {
  width: 40px !important;
}

.wd50 {
  width: 50px !important;
}

.wd60 {
  width: 60px !important;
}

.wd70 {
  width: 70px !important;
}

.wd80 {
  width: 80px !important;
}

.wd90 {
  width: 90px !important;
}

.wd100 {
  width: 100px !important;
}

.wd110 {
  width: 110px !important;
}

.wd120 {
  width: 120px !important;
}

.wd130 {
  width: 130px !important;
}

.wd140 {
  width: 140px !important;
}

.wd150 {
  width: 150px !important;
}

.wd160 {
  width: 160px !important;
}

.wd170 {
  width: 170px !important;
}

.wd180 {
  width: 180px !important;
}

.wd190 {
  width: 190px !important;
}

.wd200 {
  width: 200px !important;
}

.wd210 {
  width: 210px !important;
}

.wd220 {
  width: 220px !important;
}

.wd230 {
  width: 230px !important;
}

.wd240 {
  width: 240px !important;
}

.wd250 {
  width: 250px !important;
}

.wd260 {
  width: 260px !important;
}

.wd270 {
  width: 270px !important;
}

.wd280 {
  width: 280px !important;
}

.wd290 {
  width: 290px !important;
}

.wd300 {
  width: 300px !important;
}

.wd310 {
  width: 310px !important;
}

.wd320 {
  width: 320px !important;
}

.wd330 {
  width: 330px !important;
}

.wd340 {
  width: 340px !important;
}

.wd350 {
  width: 350px !important;
}

.wd360 {
  width: 360px !important;
}

.wd370 {
  width: 370px !important;
}

.wd380 {
  width: 380px !important;
}

.wd390 {
  width: 390px !important;
}

.wd400 {
  width: 400px !important;
}

.wd410 {
  width: 410px !important;
}

.wd420 {
  width: 420px !important;
}

.wd430 {
  width: 430px !important;
}

.wd440 {
  width: 440px !important;
}

.wd450 {
  width: 450px !important;
}

.wd460 {
  width: 460px !important;
}

.wd470 {
  width: 470px !important;
}

.wd480 {
  width: 480px !important;
}

.wd490 {
  width: 490px !important;
}

.wd500 {
  width: 500px !important;
}

.wd510 {
  width: 510px !important;
}

.wd520 {
  width: 520px !important;
}

.wd530 {
  width: 530px !important;
}

.wd540 {
  width: 540px !important;
}

.wd550 {
  width: 550px !important;
}

.wd560 {
  width: 560px !important;
}

.wd570 {
  width: 570px !important;
}

.wd580 {
  width: 580px !important;
}

.wd590 {
  width: 590px !important;
}

.wd600 {
  width: 600px !important;
}

.wd610 {
  width: 610px !important;
}

.wd620 {
  width: 620px !important;
}

.wd630 {
  width: 630px !important;
}

.wd640 {
  width: 640px !important;
}

.wd650 {
  width: 650px !important;
}

.wd660 {
  width: 660px !important;
}

.wd670 {
  width: 670px !important;
}

.wd680 {
  width: 680px !important;
}

.wd690 {
  width: 690px !important;
}

.wd700 {
  width: 700px !important;
}

.wd1p {
  width: 1% !important;
}

.wd2p {
  width: 2% !important;
}

.wd3p {
  width: 3% !important;
}

.wd4p {
  width: 4% !important;
}

.wd5p {
  width: 5% !important;
}

.wd6p {
  width: 6% !important;
}

.wd7p {
  width: 7% !important;
}

.wd8p {
  width: 8% !important;
}

.wd9p {
  width: 9% !important;
}

.wd10p {
  width: 10% !important;
}

.wd11p {
  width: 11% !important;
}

.wd12p {
  width: 12% !important;
}

.wd13p {
  width: 13% !important;
}

.wd14p {
  width: 14% !important;
}

.wd15p {
  width: 15% !important;
}

.wd16p {
  width: 16% !important;
}

.wd17p {
  width: 17% !important;
}

.wd18p {
  width: 18% !important;
}

.wd19p {
  width: 19% !important;
}

.wd20p {
  width: 20% !important;
}

.wd21p {
  width: 21% !important;
}

.wd22p {
  width: 22% !important;
}

.wd23p {
  width: 23% !important;
}

.wd24p {
  width: 24% !important;
}

.wd25p {
  width: 25% !important;
}

.wd26p {
  width: 26% !important;
}

.wd27p {
  width: 27% !important;
}

.wd28p {
  width: 28% !important;
}

.wd29p {
  width: 29% !important;
}

.wd30p {
  width: 30% !important;
}

.wd31p {
  width: 31% !important;
}

.wd32p {
  width: 32% !important;
}

.wd33p {
  width: 33% !important;
}

.wd34p {
  width: 34% !important;
}

.wd35p {
  width: 35% !important;
}

.wd36p {
  width: 36% !important;
}

.wd37p {
  width: 37% !important;
}

.wd38p {
  width: 38% !important;
}

.wd39p {
  width: 39% !important;
}

.wd40p {
  width: 40% !important;
}

.wd41p {
  width: 41% !important;
}

.wd42p {
  width: 42% !important;
}

.wd43p {
  width: 43% !important;
}

.wd44p {
  width: 44% !important;
}

.wd45p {
  width: 45% !important;
}

.wd46p {
  width: 46% !important;
}

.wd47p {
  width: 47% !important;
}

.wd48p {
  width: 48% !important;
}

.wd49p {
  width: 49% !important;
}

.wd50p {
  width: 50% !important;
}

.wd51p {
  width: 51% !important;
}

.wd52p {
  width: 52% !important;
}

.wd53p {
  width: 53% !important;
}

.wd54p {
  width: 54% !important;
}

.wd55p {
  width: 55% !important;
}

.wd56p {
  width: 56% !important;
}

.wd57p {
  width: 57% !important;
}

.wd58p {
  width: 58% !important;
}

.wd59p {
  width: 59% !important;
}

.wd60p {
  width: 60% !important;
}

.wd61p {
  width: 61% !important;
}

.wd62p {
  width: 62% !important;
}

.wd63p {
  width: 63% !important;
}

.wd64p {
  width: 64% !important;
}

.wd65p {
  width: 65% !important;
}

.wd66p {
  width: 66% !important;
}

.wd67p {
  width: 67% !important;
}

.wd68p {
  width: 68% !important;
}

.wd69p {
  width: 69% !important;
}

.wd70p {
  width: 70% !important;
}

.wd71p {
  width: 71% !important;
}

.wd72p {
  width: 72% !important;
}

.wd73p {
  width: 73% !important;
}

.wd74p {
  width: 74% !important;
}

.wd75p {
  width: 75% !important;
}

.wd76p {
  width: 76% !important;
}

.wd77p {
  width: 77% !important;
}

.wd78p {
  width: 78% !important;
}

.wd79p {
  width: 79% !important;
}

.wd80p {
  width: 80% !important;
}

.wd81p {
  width: 81% !important;
}

.wd82p {
  width: 82% !important;
}

.wd83p {
  width: 83% !important;
}

.wd84p {
  width: 84% !important;
}

.wd85p {
  width: 85% !important;
}

.wd86p {
  width: 86% !important;
}

.wd87p {
  width: 87% !important;
}

.wd88p {
  width: 88% !important;
}

.wd89p {
  width: 89% !important;
}

.wd90p {
  width: 90% !important;
}

.wd91p {
  width: 91% !important;
}

.wd92p {
  width: 92% !important;
}

.wd93p {
  width: 93% !important;
}

.wd94p {
  width: 94% !important;
}

.wd95p {
  width: 95% !important;
}

.wd96p {
  width: 96% !important;
}

.wd97p {
  width: 97% !important;
}

.wd98p {
  width: 98% !important;
}

.wd99p {
  width: 99% !important;
}

.wd100p {
  width: 100% !important;
}

#survey {
  position: relative;
  margin: 0 auto 50px;
  display: block;
  width: 100%;
  max-width: 960px;
  border: 1px solid #e9e9e9;
  display: none;
}

#survey .in_top {
  background-color: #faf2c2;
}

#survey .in_top li {
  float: left;
  margin-left: 30px;
  padding-left: 15px;
  font-size: 15px;
  font-weight: bold;
  color: #fc6501;
  line-height: 45px;
  height: 45px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Sfvgr%2Sfheirl_ohy.wct");
  background-repeat: no-repeat;
  background-position: left center;
}

#survey .in_top li strong {
  color: #484747;
  font-weight: bold;
}

.survey {
  padding: 10px 0;
  padding-left: 160px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Spbzzbaf%2Svzntrf%2Sfvgr%2Sfheirl_ot.wct");
  background-repeat: no-repeat;
  background-position: 45px center;
}

.survey p {
  padding: 10px 0;
}

.survey .item01 {
  border-bottom: 1px solid #e9e9e9;
}

.survey .item01 strong,
.survey .item02 label {
  font-size: 15px;
  font-weight: bold;
  color: #504f4d;
  width: 17%;
  display: inline-block;
}

.survey input {
  font-size: 14px;
}

#survey2 {
  border: 1px solid #8f8c8c;
  padding: 2px 3px;
  margin: 0px;
  width: 60%;
}

/* 버튼 */
.btn_type1 {
  border-bottom: 1px solid #0057a6;
  font-size: 15px;
}

.btn_type1 li {
  float: left;
  border: 1px solid #0057a6;
  border-bottom: 0px;
  padding-right: 3px;
  border-top: 1px solid #0057a6;
  width: 180px;
}

.btn_type1 li a {
  display: block;
  height: 28px;
  width: 100%;
  text-align: center;
  padding-top: 12px;
  color: #0057a6;
  font-weight: bold;
}

.btn_type1 a:hover {
  color: #fff;
  font-weight: bold;
}

.btn_type1 li:hover {
  margin-top: 0;
  background: #0057a6;
}

.btn_type1 li.selected {
  background-color: #0057a6;
  border-right: 1px;
}

.btn_type1 li.selected a {
  width: 181px;
  font-weight: bold;
  color: #fff;
}

.btn_type1 li.last {
  margin-right: 0;
  padding-right: 4px;
}

.btn_type2 ul {
  text-align: center;
  vertical-align: center;
  font-size: 13px;
}

.btn_type2 li {
  border: 1px solid #355ba5;
  display: block;
  float: left;
  width: 100px;
  margin-right: 10px;
}

.btn_type2 li a {
  padding: 17px 0;
  width: 100%;
  display: block;
  font-weight: bold;
  font-family: 'Nanum Gothic';
}

.btn_type2 li.line a {
  padding: 10px 0 9px;
}

.btn_type2 li a:hover {
  background-color: #355ba5;
  color: #fff;
}

/* 탭 */
.tab_type_page {
  width: 100%;
  text-align: left;
  margin-bottom: 25px;
  font-size: 0;
}

.tab_type_page li {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 22px;
  margin-right: 10px;
  text-align: center;
}

.tab_type_page a {
  font-size: 18px;
  color: #999;
  text-align: center;
  padding: 10px 30px;
  display: block;
}

.tab_type_page .selected, .tab_type_page li:hover, .tab_type_page li:focus {
  background: #ea6a37;
  border-color: #ea6a37;
}

.tab_type_page .selected a, .tab_type_page li:hover a, .tab_type_page li:focus a {
  color: #fff;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .tab_type_page {
    width: 100%;
    border-bottom: 1px solid #000;
  }
  .tab_type_page::after {
    content: "";
    display: block;
    clear: both;
  }
  .tab_type_page li {
    width: 49%;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
  }
  .tab_type_page li:nth-child(2n), .tab_type_page li:last-child {
    margin-right: 0;
  }
  .tab_type_page a {
    font-size: 16px;
  }
}

/* 탭2 */
.tab_type_page2 {
  border: 1px solid #e9e9e9;
  border-top: 0px;
  margin-bottom: 40px;
}

.tab_type_page2 li {
  border-top: 5px solid #cccccc;
  float: left;
  display: block;
}

.tab_type_page2 a {
  display: block;
  color: #545454;
  padding-top: 10px;
  height: 34px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

.tab_type_page2 .selected {
  border-top: 5px solid #ff8c40;
  background-color: #faf9f4;
}

.tab_type_page2 .selected a {
  color: #fb6604;
}

[class*="tab_cont"] {
  display: none;
}

[class*="tab_cont"].selected {
  display: block;
}

/* 탭3 */
.tab_list {
  border: 1px solid #e9e9e9;
  border-top: 0px;
  margin-bottom: 40px;
}

.tab_list li {
  border-top: 5px solid #cccccc;
  float: left;
  display: block;
  width: 25%;
}

.tab_list a {
  display: block;
  color: #545454;
  padding-top: 10px;
  height: 34px;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
}

.tab_list .selected {
  border-top: 5px solid #829be6;
  background-color: #f4f8fa;
}

.tab_list .selected a {
  color: #2c4db0;
}

/* greeting */
.greeting .left_box {
  margin-right: 30px;
}

.greeting h3.tit {
  color: #ff6633;
  font-size: 22px;
  margin-bottom: 10px;
}

.greeting h4.sub_tit {
  color: #333;
  font-size: 15px;
  margin-bottom: 30px;
}

@media screen and (min-width: 1px) and (max-width: 860px) {
  .cont_in .tab_cont .intro_box {
    width: 100%;
    float: none;
  }
}

/* ci */
.CI {
  padding: 40px;
  border: 1px solid #e0e0e0;
}

@media screen and (min-width: 1px) and (max-width: 860px) {
  .CI {
    padding: 20px 10px;
    border: 1px solid #e0e0e0;
  }
}

/*통합 검색*/
.total_search {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  font-family: 'SUIT';
}

.total_search #subjectTitle {
  font-size: 36px;
  font-weight: 500;
  margin-top: 50px;
  margin-bottom: 40px;
}

.total_search__in {
  position: relative;
}

.total_search__in .result_more {
  position: absolute;
  top: 0;
  right: 0;
}

.total_search__in > h3 {
  margin-left: 13px;
}

.total_search .search_view {
  padding-bottom: 30px;
  padding-top: 10px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
}

.total_search .search_view li {
  padding-bottom: 20px;
}

.total_search h4.tit {
  font-size: 19px;
  font-weight: 500;
  margin-bottom: 15px;
  color: #484848;
  text-decoration: underline;
}

.total_search__txt {
  color: #666666;
  font-size: 16px;
  margin-bottom: 15px;
  word-break: keep-all;
  width: 100%;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.2;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.total_search span {
  color: #666666;
  font-size: 15px;
  font-weight: 300;
}

.total_search .search_loc {
  color: #666;
  font-size: 14px;
}

.icon-test {
  padding: 0px;
  background-color: #000;
  height: 28px;
  display: inline-block;
}

.icon-test:after {
  content: '';
  display: inline-block;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -862px 0px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  background-size: 1050.66667px auto;
  width: 18.66667px;
  min-width: 18.66667px;
  height: 18.66667px;
}

.flex {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 500px;
  height: 200px;
  border: 1px solid red;
}

.flex-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  width: 100px;
  height: 100px;
  border: 1px solid blue;
  background-color: #ccc;
}

.flex-item:nth-child(3) {
  position: absolute;
  right: 0;
  top: 50%;
  width: 50px;
  height: auto;
  min-height: 40px;
  min-width: 40px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  background-color: red;
}

.sample {
  font-size: 20px;
}

/*pages 가이드*/
.pages a {
  display: block;
  margin-bottom: 15px;
  position: relative;
  padding-top: 3px;
  padding-bottom: 3px;
}

.pages a span {
  position: absolute;
  left: 195px;
  top: 0px;
  border: 1px solid #666;
  display: inline-block;
  padding: 2px;
  margin-left: 10px;
  width: 400px;
  padding-left: 10px;
}

.pages a em {
  color: #da4453;
  font-weight: bold;
}

.pages a:hover span,
.pages a:focus span {
  background-color: #eee;
}

.pages a:hover, .pages a:focus {
  text-decoration: underline;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .pages a span {
    width: auto;
    position: relative;
    left: 0;
    display: block;
  }
}

/*	footer
==========*/
.footer {
  color: #000;
  background-color: #fff;
  position: relative;
  border-top: 1px solid #e5e5e5;
  font-family: "SUIT", sans-serif;
  /* overflow: hidden; */
  /*background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2S..%2Spbzzbaf%2Svzntrf%2Stybony%2Ssbbgre-ot.cat");background-position:0 45px;background-repeat:repeat-x;*/
}

.footer a:hover,
.footer a:focus {
  text-decoration: underline;
}

.footer__in {
  width: 1400px;
  margin: 0 auto;
  position: relative;
  min-height: 230px;
}

.footer__in:after {
  content: ' ';
  clear: both;
  display: block;
  visibility: hidden;
}

* + html .footer__in {
  display: inline-block;
}

.foot_img {
  position: absolute;
  top: 40px;
  left: 0;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -544px -272px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 170px;
  min-width: 170px;
  height: 35px;
  text-indent: -9999px;
  font-size: 0;
}

.copy_box {
  position: absolute;
  top: 40px;
  left: 230px;
}

.copy_box ul:after {
  content: ' ';
  clear: both;
  display: block;
  visibility: hidden;
}

* + html .copy_box ul {
  display: inline-block;
}

.copy_box li {
  float: left;
  position: relative;
  padding: 10px 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-right: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.copy_box li a {
  vertical-align: top;
}

.copy_box li:first-child {
  border-color: #000;
}

.copy_box li:first-child a {
  color: #000;
}

.copy_box li.sns-li {
  background-image: none;
}

.copy_box a,
.copy_box2 a {
  font-size: 14px;
  font-size: 1.4rem;
  color: #000;
}

.copy_box a:hover,
.copy_box2 a:hover {
  text-decoration: underline;
}

.copy_box2 {
  padding-top: 105px;
  width: auto;
}

.copy_box2__in {
  padding-top: 15px;
}

.copy_box2 .item1 {
  margin-bottom: 5px;
  font-style: normal;
  line-height: 1.5;
}

.copy_box2 .item1 ul:after {
  content: ' ';
  clear: both;
  display: block;
  visibility: hidden;
}

* + html .copy_box2 .item1 ul {
  display: inline-block;
}

.copy_box2 .item1 li {
  float: none;
  font-size: 14px;
}

.copy_box2 .item1 li strong.fax {
  margin-left: 25px;
}

.copy_box2 .item1 li:first-child {
  padding-left: 0;
  background-image: none;
}

.copy_box2 .item2 {
  font-style: normal;
  margin-top: 5px;
  margin-bottom: 4px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
}

.copy_box3 {
  position: absolute;
  right: 0;
  top: 40px;
}

.copy_box3 .quick-box {
  position: relative;
  padding: 0;
  top: 0;
  left: 0;
  float: left;
}

.copy_box3 .quick-box__share__wrap.on {
  background: none;
  padding: 0;
  float: left;
}

.copy_box4 {
  position: absolute;
  right: 0;
  top: 134px;
}

.copy_box4 a {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}

.copy_box4 a img {
  vertical-align: middle;
}

.copy_box5 {
  position: absolute;
  left: 600px;
  top: 40px;
}

.copy_box5::before {
  content: '';
  display: block;
  width: 1px;
  height: 120%;
  background-color: #e5e5e5;
  position: absolute;
  left: -50px;
  top: -10px;
}

/*통계*/
.total-count {
  background-color: #399e90;
  padding: 10px 30px 10px 10px;
  border-radius: 30px;
}

.total-count:after {
  content: ' ';
  clear: both;
  display: block;
  visibility: hidden;
}

* + html .total-count {
  display: inline-block;
}

.total-count__dt {
  display: inline-block;
  color: #fff;
  margin-right: 5px;
  padding-left: 20px;
}

.total-count__dt:before {
  content: '';
  padding-right: 10px;
  padding-left: 14px;
  display: inline-block;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1570px -359px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 1px;
  min-width: 1px;
  height: 10px;
}

.total-count__dt:first-child:before {
  display: none;
}

.total-count__dd {
  display: inline-block;
  color: #fff;
}

/*푸더 셀렉트*/
.footer-select {
  background-color: #f4f4f4;
  border-radius: 20px;
  float: right;
  overflow: hidden;
}

.footer-select__item {
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background-color: transparent;
  text-align: left;
  border: 0px solid #d4d8de;
}

.footer-select__item:after {
  position: absolute;
  top: 50%;
  right: 0;
  margin-right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: ' ';
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1381px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 13px;
  min-width: 13px;
  height: 5px;
}

.footer-select__item select {
  width: 100%;
  background-color: transparent;
  appearance: none;
  min-width: 210px;
  vertical-align: top;
  color: #666;
  font-size: 14px;
  height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 0;
  padding: 2px 2px 2px 10px;
  position: relative;
  border: 0px;
  border-radius: 20px !important;
  font-family: "SUIT", sans-serif;
  /*
			@media screen and (min-width:0\0){
				& {width:125%}
			}
			*/
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  /*ie10~11 에서 셀렉트 기본디자인 무력화*/
}

.footer-select__item select::-ms-expand {
  display: none;
}

.lte-ie9 .footer-select__item select {
  width: 125%;
  vertical-align: top;
}

.footer-select__item select option {
  color: #000;
  font-family: "SUIT";
}

.footer-select__item select:focus {
  border: 1px solid gold;
  border-radius: 4px;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .footer-select__item select {
    min-width: 180px;
  }
}

.sel_go_btn {
  font-size: 16px;
  color: #000;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  height: 40px;
  width: 43px;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sel_go_btn:focus {
  border: 1px solid gold;
}

* + html .sel_go_btn {
  display: inline;
}

@media screen and (min-width: 1px) and (max-width: 1400px) {
  /*footer*/
  .footer {
    height: auto;
    min-height: 100px;
    padding: 25px 10px;
    background-image: none;
    position: relative;
    z-index: 3;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .footer__in {
    width: 100%;
    font-size: 0;
  }
  .foot_img {
    display: none;
  }
  .copy_box {
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 5px;
    padding: 5px;
    text-align: center;
  }
  .copy_box2 {
    position: relative;
    left: 0;
    top: 0;
    padding-top: 10px;
    padding-left: 0;
    margin-bottom: 20px;
    text-align: center;
  }
  .copy_box li {
    background-image: none;
    padding: 4px 10px;
    float: none;
    display: inline-block;
  }
  .copy_box li::before {
    display: none;
  }
  .select_bottom {
    position: relative;
    right: 0;
    top: 0;
  }
  .select_bottom p {
    float: left;
  }
  .copy_box2 .item1 li {
    padding-left: 0;
    background-image: none;
    float: none;
  }
  .copy_box3 {
    position: relative;
    top: 0;
    margin-bottom: 0;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 50%;
  }
  .copy_box3 .quick-box {
    margin-right: 20px;
    padding-top: 8px;
  }
  .copy_box3 .quick-box .quick-box__in a {
    height: 25px;
  }
  .copy_box4 {
    position: relative;
    top: 0;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 50%;
  }
  .total-count {
    padding: 0;
    border-radius: 0;
    padding: 5px;
  }
  .total-count__dt:first-child {
    padding-left: 0;
  }
  .footer-select {
    display: inline-block;
    float: none;
  }
  .sel_go_btn {
    border-left: 0px;
  }
  .copy_box5 {
    position: relative;
    top: inherit;
    left: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 30px;
  }
  .main-book {
    float: none;
  }
  .copy_box5:before {
    display: none;
  }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .copy_box {
    text-align: center;
  }
  .copy_box ul li {
    float: none;
    display: inline-block;
  }
  .copy_box2 {
    text-align: center;
  }
  .copy_box2__in {
    padding-top: 0;
  }
  .copy_box2 .item1 li strong {
    display: block;
    margin-top: 5px;
  }
  .copy_box2 .item1 li strong.fax {
    margin-left: 0;
  }
  .copy_box3 {
    position: static;
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
  }
  .copy_box3 .quick-box {
    position: static;
    float: none;
    width: 100%;
    text-align: center;
    padding-top: 0;
    margin-bottom: 20px;
  }
  .copy_box3 .quick-box__share__wrap.on {
    float: none;
  }
  .copy_box3 fieldset {
    display: inline-block;
  }
  .copy_box4 {
    position: static;
    text-align: center;
    width: 100%;
  }
  .copy_box4 a img {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 1px) and (max-width: 470px) {
  .copy_box {
    padding: 0;
  }
  .copy_box ul li {
    margin-right: 0;
  }
  .copy_box li {
    padding: 0;
    float: none;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    margin-bottom: 5px;
  }
  .copy_box2 .item1 li {
    padding-left: 0 !important;
    background-image: none;
    width: 100%;
  }
  .copy_box4 a {
    margin-left: 10px;
    margin-right: 10px;
  }
}

/*-- 20250512 해진추가 --*/
@media screen and (max-width: 1400px) {
  .copy_box3 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (max-width: 1400px) {
  .copy_box3 .quick-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 1400px) {
  .copy_box3 .quick-btn__item {
    margin-right: 10px;
  }
}

.copy_box3 .quick-btn__item a {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 20px;
  font-size: 15px;
  margin-bottom: 10px;
  min-width: 210px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

@media screen and (max-width: 1400px) {
  .copy_box3 .quick-btn__item a {
    min-width: 230px;
  }
}

.copy_box3 .quick-btn__item a::after {
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  right: 30px;
  background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Svpbaf%2Sdhvpx-oga.cat) no-repeat center center;
}

.copy_box3 .quick-btn__item a::before {
  content: '';
  width: 26px;
  height: 26px;
  position: absolute;
  left: 20px;
}

.copy_box3 .quick-btn__item:nth-of-type(1) a::before {
  background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Svpbaf%2Sdhvpx-oga_yv1.cat) no-repeat center center;
}

.copy_box3 .quick-btn__item:nth-of-type(2) a::before {
  background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Svpbaf%2Sdhvpx-oga_yv3.cat) no-repeat center center;
}

.footer-select-new {
  position: relative;
}

.footer-select-new__btn {
  display: inline-block;
  padding: 0px 50px 0px 16px;
  height: 40px;
  line-height: 40px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-align: left;
  position: relative;
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50px;
}

.footer-select-new__btn:after {
  content: '';
  display: inline-block;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: -1381px -1432px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.pyvc.tb.xe%2Sgrzcyngr%2Serfbheprf%2Sfglyrf%2S..%2Svzntrf%2Sfcevgr.cat");
  width: 13px;
  min-width: 13px;
  height: 5px;
  vertical-align: top;
  position: absolute;
  top: 50%;
  right: 15px;
}

.footer-select-new__in {
  display: none;
  position: absolute;
  bottom: 45px;
  left: 0;
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 10px;
  border-radius: 20px;
}

.on .footer-select-new__in {
  display: block;
}

.footer-select-new__in a {
  display: block;
  padding: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  text-align: left;
  padding-left: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.footer-select-new__in a:focus, .footer-select-new__in a:hover {
  text-decoration: underline;
}

/*# sourceMappingURL=maps/style.css.map */