/* --------------- catalog --------------- */
*{letter-spacing: -0.2px;}
body.active{
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.sub-visual-wrap.catalog-visual{background-image: url(../images/hero/catalog-hero.png);background-color: #222;}
.main-banner{ 
  width: 100%;
  height: 360px;
  background: #eee;
}
.line{
  width: 100%;
  height: 2px;
  background: #eee;
  margin: 30px 0;
}
.catalog-main{
  margin-top: 80px;
  width: 100%;
}
.catalog-main-inner{
  margin: 0 auto;
  width: 100%;
  max-width: 952px;
  display: flex;
  justify-content: space-between;
}
.catalog-main-img{
  width: 60%;
  max-width: 342px;
  max-height: 460px;
}
.catalog-main-img img {
  width: 100%;
  display: block;
 
}
.catalog-main-info{
  width: 464px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.catalog-main-info-tit{
  font-size: 32px;
  font-weight: bold;
  font-family: 'Play', sans-serif;
  line-height:42px;
}
.catalog-main-info p {color: #656565;}
.nation-choice-controls, .nation-choice-select{width: 100%;}
.nation-choice-controls > span{font-size: 14px;}
.nation-download{
  margin: 24px 0 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.nation-download li{
  width: 120px;
  height: 42px;
  background: #000;
  color: #fff;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  cursor: pointer;
}
.nation-download li:hover {background: #ED1C24;}
.nation-download li.active{background: #ED1C24;}
.nation-catalog{
  width: 100%;
  height: 48px;
  margin-top: 10px;
  cursor: pointer;
}
.nation-download-select, .select_box{width: 100%;}
.nation-select{width: 100%;}
.nation-select-list{
  width: 100%;
  display: none;
}
.nation-select-list.active{display: block;}
.nation-select-list .select-custom{margin: 18px auto 0;}
.catalog-btn{
  margin-top: 12px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.catalog-btn a{
  width: calc(100% / 2 - 8px);
  height: 44px;
  border-radius: 5px;
  background: #000;
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.download-btn a > img{margin-left: 5px;}
.catalog-tab-menu-wrap{
  width: 100%;
  padding-top: 118px;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.catalog-tab-menu-wrap::-webkit-scrollbar {display: none;}
.catalog-tab-menu{
  width: 1440px;
  display: flex;
  justify-content: center;
}
.catalog-tab-menu > li{
  width: 120px;
  margin: 0 20px;
}
.catalog-tab-menu > li a {
  text-align: center;
  font-size: 14px;
  color: #656565;
}
.catalog-tab-menu > li.active a, .catalog-tab-menu > li:hover a{
  color: #ED1C24;
  font-weight: 600;
}
.catalog-tab-menu > li a img{
  width: 100%;
  height: 120px;
  display: block;
  margin-bottom: 22px;
  transition: all .35s;
  filter: saturate(0%);
}
.catalog-tab-menu > li.active a img, .catalog-tab-menu > li:hover a img{filter: saturate(100%);}
.catalog-sub-info{
  margin-top: 35px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.catalog-sub-info-cont{
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.catalog-sub-info-tit{
  font-size: 32px;
  font-weight: bold;
  font-family: 'Play', sans-serif;
  display: none !important;
}
.catalog-wrap{
  width: 100%;
  margin-top: 45px;
}
.catalog-cont{
  width: 100%;
  position: relative;
}
.catalog-list{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 56px 40px;
  grid-auto-rows:minmax(auto, 495px)
}
.catalog-img {
  width: 100%;
  height:100%;
  max-height:442px;
  position: relative;
}
.catalog-img img {
  display:block;
  object-fit:cover;
  margin:0 auto;
  border:solid 1px #ddd;
  object-fit:cover
}
.catalog-img::after{
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.catalog-img.active::after{
  opacity: 1;
  visibility: visible;
}
.catalog-img img, .catalog-nation{
  display:inline-block;
  width: 100%;
  height: 100%;
  max-height:442px;
}
.catalog-nation {
  background: rgba(0,0,0,0.5);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  /* visibility: hidden; */
  transition: .5s;
}
.catalog-item{position: relative;}
/* .catalog-item > a {display:inline-block; width:100%} */
.catalog-item .catalog-nation:hover {
  opacity: 1;
  /* visibility: visible; */
}
/* .catalog-item .catalog-nation.active {
  opacity:0;
} */

.nation-list{
  width: 60%;
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);

}
.nation-list a{
  width: 100%;
  height: 44px;
  font-weight: 600;
  color: #fff;
  border-radius: 30px;
  background: #000;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .35s;
}
.nation-list a:not(:first-child){margin-top: 5px;}
 .nation-list a.active{
  background: #ed1c24;
  border: 1px solid #ed1c24;
}
.catalog-inner .object-label{width: 55px;}
.catalog-item-tit, .catalog-item-tit p {
  margin-top: 8px;
  font-weight: 600;
  text-align: center;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden; 
  -webkit-line-clamp:1
}
.catalog-item-tit p {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden; 
  -webkit-line-clamp:1
}
.catalog-item .select-custom .select-custom-list ul{
  top: auto;
  bottom: 36px;
}
.catalog-nation_m{
  display: none;
  margin-top: 10px;
  position: relative;
}
.catalog-nation_m::after{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: -250px;
  width: 100%;
  height: 240px;
  background: rgba(0,0,0,0.5);
  opacity: 0;
}
.catalog-nation_m.active::after{opacity: 1;}
/* ------------------- //select ------------------- */
@media (max-width:1280px) {

  .catalog-img {max-height:330px;}

}

@media (max-width: 1000px){
  .line{margin: 12px 0;}
  .catalog-main{
    flex-direction: column;
    margin-top: 60px;
  }
  .catalog-main-img {margin: 0 auto;}
  .catalog-main-inner{
    flex-direction: column;
  }
  .catalog-main-info{
    margin-top: 15px;
    margin-left: 0;
    width: 100%;
    height: auto;
  }
  .catalog-main-info, .nation-choice{text-align: center;}
  .nation-choice{width: 100%;}
  .nation-download{margin: 10px 0 0;}
  .nation-download li{width: calc(100% / 3 - 12px);}
  .catalog-main-info-tit{font-size: 24px; line-height:34px;}
  .nation-download-select{text-align: left;}
  .catalog-list {
    grid-template-columns: repeat(3, 1fr);
    gap:40px 10px;
    grid-auto-rows:minmax(auto, 320px)
  }
  .catalog-list .catalog-img {max-width:191px; max-height:240px; margin:0 auto}
  .catalog-tab-menu-wrap{padding-top: 80px;}
}
@media (max-width: 786px){
  .sub-visual-wrap.catalog-visual {background-image: url(../images/hero/catalog-hero-m.png);}
  .catalog-cont-menu_pc{display: none;}
  .catalog-cont-menu_m{display: block;}
  .catalog-cont{width: 100%;}
  .catalog-item:nth-child(n + 3){margin-top: 30px;}
  .catalog-sub{
    /* margin-top: 45px; */
    display: flex;
    flex-direction: column-reverse;
  }
  .catalog-sub-info{
    margin-top: 0;
    margin-bottom: 10px;
    flex-direction: column;
  }
  .catalog-sub-info-tit{display: block;}
  .catalog-sub-info .board-search{margin-top: 25px;}
  .quick-menu{
    right: 0;
    top: auto;
    bottom:0;
    transform: translateY(0);
    width: 100%;
    height: 100px; 
  }
  .quick-menu ul{
    display: flex;
    width: 100%;
    height: 100%;
  }
  .quick-menu-item{
    width: calc(100% / 3); 
    height: 100%;
    background: rgba(237, 28, 36);
  }
  .quick-menu-item:nth-child(2){
    border-left: 1px solid rgba(255,255,255,0.5);
    border-right: 1px solid rgba(255,255,255,0.5);
    border-top: 0;
    border-bottom: 0;
  }
  .quick-menu-item-info img{
    display: block;
    width: 36px;
    height: 36px;
    margin: 0 auto;
  }
  .quick-object{display: block;}
  .quick-tit{display: block;}
  .catalog-sub-info-cont{flex-direction: column;}
  .catalog-btn{flex-direction: column;}
  .catalog-btn > a{width: 100%;}
  .catalog-btn > a:not(:first-child){margin-top: 8px;}
  .nation-select-list .select-custom .select-custom-list .select-tit,
  .catalog-sub-info-cont .select-custom .select-custom-list .select-tit,
  .nation-select-list .select-custom .select-custom-list ul li,
  .catalog-sub-info-cont .select-custom .select-custom-list ul li{height: 48px;}
  .catalog-item .select-custom .select_tit,
  .catalog-item .select-custom-list > li{height: 35px;}
  .catalog-item .select-custom-list{top: 35px;}
  .catalog-tab-menu > li:first-child {margin-left: 0;}
  .catalog-tab-menu > li:last-child {margin-right: 0;}
}
/* --------------- catalog_empty --------------- */
.catalog-alert{
  min-height: 540px;
  position: relative;
  border-top: 2px solid #000;
}
.alert{
  max-width: 250px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.alert img{
  width: 100px;
  height: 100px;
  display: block;
  margin: 0 auto;
}
.alert span{
  font-size: 20px;
  display: block;
  text-align: center;
}
@media (max-width: 786px){
  .catalog-alert{min-height: 340px;}
  .alert {width: 50%;}
  .alert img {
    width: 60px;
    height: 60px;
  }
  .alert span {font-size: 14px;}
  .catalog-alert-wrap{margin-top: 22px;}
  .catalog-cont_empty {
    height: 250px;
  }
  .alert-icon {
    width: 80px;
    height: 80px;
  }
  .alert-info {
    font-size: 14px;
  }
}
/* --------------- //catalog_empty --------------- */
/* --------------- //catalog --------------- */
/* --------------- video --------------- */
.sub-visual-wrap.video-visual {background-image: url(../images/hero/video-hero.png);background-color: #222;}
.video-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.video-info.company {justify-content: flex-end;}
.video-info.company .video-tabs {display: none !important}
.video-tabs_pc {display: flex;}
.video-tabs_m {
  display: none;
  width: 100%;
  margin-bottom: 10px;
  border: 0;
}
.video-tabs_m .select-custom{margin-top: 0;}
.video-tabs_pc > li{
  padding: 0 30px;
  text-align: center;
  font-weight: 600;
  position: relative;
  cursor: pointer;
}
.video-tabs_pc > li a {
  font-weight: 600;
  color: #aaa;
}
.video-tabs_pc > li:first-child{padding-left: 0;}
.video-tabs_pc > li:not(:first-child):after{
  display: block;
  content: '';
  width: 1px;
  height: 60%;
  background: #ddd;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.video-tabs_pc > li:hover a, .video-tabs_pc > li.active a{color: #ED1C24;border-bottom: 1px solid #ED1C24;}
.video-num,
.video-num span {font-size: 20px;}
.video-num span {color: #ED1C24;}
.video-cont {margin-top: 35px;}
.video-container {padding-top: 40px;}
.video-board>ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: minmax(400px,auto);
  gap: 70px 25px;
}
.video-item {
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.video-item > a {
  height:100%;
  display:inline-block;
  overflow:hidden;
}
.video-item .video-preview {
  height:100%;
  max-height:240px;
}
.video-item img {
  width: 100%;
  height:100%;
  border:solid 1px #ddd;
  object-fit:cover;
  border-radius: 10px;
}
.video-preview-info {
  width: 100%;
  margin-top: 10px;
}
.video-kind {
  font-size: 14px;
  color: #656565;
  border-bottom: 1px solid #656565;
}
.video-cont.company .video-kind {display: none;}
.video-tit {
  font-size: 20px;
  font-weight: 600;
  text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden; -webkit-line-clamp:1
}
.video-explain {
  font-size: 14px;
  height: 42px;
  text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden; -webkit-line-clamp:2
}
.video-date {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: #656565;
  text-transform: uppercase;
}
.video-num .video-date {display: inline-block;}
/* video-popup */
.video-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.5);
}
.video-popup.active {display: block;}
.video-iframe-cont {
  max-width: 952px;
  width: calc(100% - 40px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-indent: -9999em;
  border-radius: 10px;
}
.video-iframe-cont video {
  display: block;
  width: 100%;
  border-radius: 10px;
}
.video-iframe-cont iframe {
  display: block;
  width: 100%;
  height: 500px;
  min-height: 315px;
}
.video-iframe-cont .play-btn {
  width: 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
}
.video-iframe-cont > a img {
  display: block;
  width: 100%;
}
.video-iframe-cont .stop-btn {
  width: 36px;
  height: 36px;
  position: absolute;
  right: 0;
  top: -60px;
}
/* video-empty */
.video-alert{
  margin-top: 20px;
  min-height: 500px;
  border-top: 2px solid #222;
  position: relative;
}
/* //video-empty */
@media screen and (max-width: 1200px) {
  .video-tabs_pc {display: none;}
  .video-tabs_m {display: block;}
  .video-info {flex-direction: column;}
  .video-info .board-search{width: 100%;}
}
@media screen and (max-width: 786px) {
  .sub-visual-wrap.video-visual {background-image: url(../images/hero/video-hero-m.png);}
  .video-board > ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 45px 20px;
  }
  .video-board > ul li:last-child,
  .video-board > ul li:nth-last-child(2) {margin-bottom: 0;}
  .video-num {
    width: 100%;
    text-align: left;
    margin-top: 20px;
  }
  .video-num,
  .video-num span {font-size: 16px;}
  .video-cont {margin-top: 30px;}
  .video-iframe-cont {
    bottom: auto;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .video-iframe-cont .play-btn{
    width: 40px;
    height: 34px;
  }
  .video-alert {min-height: 320px;}
  .catalog-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 25px;
  }
}
@media screen and (max-width:420px) {
  .video-board > ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 45px;
  }
}
/* --------------- //video --------------- */
/* --------------- technical-support --------------- */
.sub-visual-wrap.technical-visual{background-image: url(../images/hero/technical-hero.png);background-color: #222;}
.technical-support .board-search{margin-left: auto;}
.technical-support-board{margin-top: 22px;} 
/* table-custom */
.table-wrap {
  margin-top: 24px;
  width: 100%;
  max-width: 1440px;
}
.table-wrap::-webkit-scrollbar {height: 5px;}
.table-wrap::-webkit-scrollbar-thumb {background-color: #aaa;}
.table-wrap::-webkit-scrollbar-track {background-color: #E6E6E6;}
.table-type01 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  border-collapse: collapse;
  text-align: center;
}
.table-type01 .main-tit {text-align: center;}
.table-type01 thead {
  border-top: 2px solid #000;
  border-bottom: 1px solid #000;
}
.table-type01 th {
  line-height: 1;
  border: 0;
  border-bottom: 1px solid #DBDBDB;
  padding: 15px 0;
  background-color: #f4f4f4;
  font-weight: 700;
}
.table-type01 tbody tr {position: relative;border-bottom: 1px solid #dbdbdb;}
.table-type01 td {
  padding: 7px 15px 3px;
  border: 0;
  font-weight: 300;
  line-height: 24px;
  word-break: break-all;
}
.table-type01.respon-type td {
  height: 56px;
  white-space: nowrap
}
.table-type01 td.bd-right{border-right: 1px solid #ddd;}
.table-type01.respon-type td.title {text-align: left;}
.table-type01.respon-type td.title a {font-weight: 600}
.table-type01.respon-type td.title a:not(.file-link) {max-width: 86%;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.table-type01.respon-type td.no-search-result {height: 481px}
.table-type01.respon-type td.category,
.table-type01.respon-type td.division,
.table-type01.respon-type td.date,
.table-type01.respon-type td.view {color: #656565}

.table-type01.respon-type td.division,
.table-type01.respon-type td.date {text-align: center;}
.table-type01 td a {
  max-width: 700px;
  margin-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.table-type01.sinmungo td a+span {
  font-weight: 700;
  color: #ed1c24;
}

.table-type01 td a.disclosure-view {
  width: auto
}

.table-type01 td.title span:last-child {
  font-size: 14px;
  font-weight: 700;
  color: #ed1c24;
}

.table-type01.respon-type.archive tr td {width: 12%;}
.table-type01.respon-type.archive tr td.title {
  width: auto;
  display: flex;
  align-items: center;
}
.table-type01.respon-type.archive tr td.title .file-link {
  width: 24px;
  height: 24px;
  background: url(/_res/yg1/kr/img/common/file-ic.png) no-repeat center;
  top: 50%;
  margin-right: 0;
  vertical-align: middle;
}
.technical-support .table-type01.respon-type.archive {table-layout: fixed;}
.technical-support .table-type01.respon-type.archive tr td {width: auto;word-break: keep-all;white-space: normal;}
.technical-support .table-type01.respon-type.archive tr td.number {color: #656565;}
.technical-support .table-type01.respon-type.archive tr td.category {color: #656565;}
.technical-support .table-type01.respon-type.archive tr td.division {color: #656565;}
.technical-support .table-type01.respon-type.archive colgroup .b-col:nth-child(1) {width: 8%;}
.technical-support .table-type01.respon-type.archive colgroup .b-col:nth-child(2) {width: 19%;}
.technical-support .table-type01.respon-type.archive colgroup .b-col:nth-child(3) {width: 14%;} 
.technical-support .table-type01.respon-type.archive colgroup .b-col-title {width: auto;}
@media (max-width: 768px){
  .sub-visual-wrap.technical-visual {background-image: url(../images/hero/technical-hero-m.png);}
  .table-type01 td a {
    max-width: 50vw;
    margin-right: 8px;
    white-space: nowrap !important
  }
  
  .table-type01.respon-type {
    border-top: solid 2px #000;
  }
  
  .table-type01.respon-type thead {
    display: none
  }
  
  .table-type01.respon-type tr {
    width: 100%;
    display: flex;
    flex-wrap: wrap
  }
  
  .table-type01.respon-type tr br {
    display: none
  }
  
  .table-type01.respon-type tr td {
    width: 100%;
    height: auto;
    text-align: left !important;
    border: 0;
  }
  
  .table-type01.respon-type tr {
    border-bottom: solid 1px #eee;
  }
  
  .table-type01.respon-type tr td.num {
    font-size: 14px;
    font-weight: 400;
    color: #aaa
  }
  
  .table-type01.respon-type tr td.date {
    font-size: 14px;
    font-weight: 400;
    color: #656565;
    width: auto;
    order: 3
  }
  
  .table-type01.respon-type tr td.name {
    font-size: 14px;
    font-weight: 400;
    color: #656565;
    width: auto;
    order: 4
  }
  
  .table-type01.respon-type tr td.title a {
    font-size: 16px;
    font-weight: 700;
  }
  
  .table-type01.respon-type.archive tr td {
    width: auto;
    font-size: 14px;
    padding: 0;
    padding-top: 8px;
  }
  
  .table-type01.respon-type.archive tr td.number {
    margin-right: 8px
  }

  .table-type01.respon-type.archive tr td.number::after {
    content: '';width: 1px; height: 8px;display: inline-block;background-color: #aaa;margin-left: 8px;
  }
  
  .table-type01.respon-type.archive tr td.division {
    display: flex;
    align-items: center
  }
  
  .table-type01.respon-type.archive tr td.division::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 1px;
    background: #aaa;
    margin: 0 4px
  }
  
  .table-type01.respon-type.archive tr td.title {
    line-height: 1.2;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
  }
  
  .table-type01.respon-type.archive tr td.title a {
    font-weight: 600;
    white-space: nowrap;
    padding-bottom: 36px;
  }
  
  .table-type01.respon-type.archive tr td.view {
    order: 3;
    display: flex;
    align-items: center
  }
  
  .table-type01.respon-type.archive tr td.view::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/_res/yg1/kr/img/common/view-ic.png) no-repeat center;
    margin: 0 4px 0 8px
  }
  
  .table-type01.respon-type.archive tr td.title .file-link {
    bottom: 0;
    right: 0;
    transform: translateY(0);
    position: absolute;
  }
  
  .table-type01.respon-type td.no-search-result img {
    max-width: 80px;
    display: block;
    margin: 0 auto;
    padding-bottom: 16px;
  }
  
  .table-type01.respon-type td.no-search-result p {
    text-align: center;
    color: #222;
    font-size: 14px;
  }
}
/* //table-custom */
/* --------------- //technical-support --------------- */
/* --------------- technical-support-detail --------------- */
.technical-support-detail .board-title{border-bottom: 2px solid #222;}
.technical-support-detail .board-title span,
.technical-support-detail .board-title span strong,
.technical-support-detail .board-title h2{font-family: 'Play',sans-serif;}
.technical-support-detail .board-title span{font-size: 20px;text-transform: uppercase;}
.technical-support-detail .board-title span > strong{font-weight: 600;}
.technical-support-detail .board-title h2{
  font-size: 32px;
  font-weight: bold;
  padding: 10px 0;
}
.technical-support-detail .detail-cont-tit{
  font-size: 32px;
  font-weight: bold;
  border-bottom: 2px solid #222;
  font-family: 'Play', sans-serif;
}
.detail-group-tit{
  font-size: 24px;
  font-weight: 600;
  margin-top: 25px;
}
.technical-support-detail .detail-wrap{
  margin-left: 25px;
  max-width: 1010px;
  width: 100%;
}
.technical-support-detail .detail-tit{
  font-size: 20px;
  padding-left: 15px;
  position: relative;
  margin-top: 30px;
}
.technical-support-detail .detail-tit::after{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FF0000;
}
.technical-support-detail .detail-cont{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.technical-support-detail .detail-wrap .detail-img{
  width: calc(55% - 6px);
  height: 286px;
}
.technical-support-detail .detail-wrap .detail-img img{width: 100%;height: 100%;}
.technical-support-detail .detail-wrap.inverted-cont .table-cont{
  width: calc(45% - 6px);
  height: 286px;
}
.technical-support-detail .detail-wrap.technical-cont .table-cont{width: 100%;}
.technical-support-detail .table-cont .table-type01{width: 100%;height: 100%;border: 1px solid #ddd;}
.technical-support-detail .table-cont .table-type01 td.table-tit{
  background: #F4F4F4;
  font-weight: 600;
  color: #656565;
  border-right: 1px solid #ddd;
}
.technical-support-detail .table-cont .table-type01 td.w_190{width: 190px;}
.technical-support-detail .table-cont .technical-info{
  text-align: left;
  color: #656565;
  vertical-align: top;
}
.technical-support-detail .attach-file{
  display: flex;
  align-items: center;
  margin: 48px 0 24px;
}
.technical-support-detail .attach-file img{
  width: 24px;
  height: 24px;
  display: block;
  margin-right: 10px;
}
.technical-support-detail .attach-file span{
  border-bottom: 1px solid #656565;
  color: #656565;
}
.board-controls {border-bottom: 2px solid #222;margin-top: 25px;}
.board-controls > ul{
  display: flex;
  flex-direction: column;
}
.board-controls > ul > li{
  padding: 10px 20px;
  border-top: 1px solid #ddd;
}
.board-controls > ul > li a{
  display: flex;
  align-items: center;
  color:#222;
}
.board-controls > ul > li a.disable{
  color: #ddd !important;
  pointer-events: none;
}
.board-controls > ul > li img{
  width: 20px;
  display: block;
  margin-right: 15px;
}
.board-controls > ul > li.next-board a{color: #222;}
.board-controls + .list-btn{
  width: 104px;
  margin: 20px 0 0 auto;
}
@media (max-width: 768px){
  .technical-support-detail-wrap .table-type01 td {width:50%; border-right:solid 1px #ddd}
  .technical-support-detail .detail-cont{flex-direction: column;}
  .technical-support-detail .detail-wrap .detail-img,
  .technical-support-detail .detail-wrap.inverted-cont .table-cont{width: 100%;}
  .technical-support-detail .detail-wrap{margin-left: 0;}
  .technical-support-detail-wrap .detail-group{margin-left: 0;}
  .technical-support-detail .board-title span,
  .technical-support-detail-wrap .table-type01 td,
  .technical-support-detail .attach-file span{font-size: 14px;}
  .technical-support-detail .board-title h2{font-size: 24px;}
  .technical-support-detail .table-cont .table-type01 td.table-tit{font-size: 16px;}
  .technical-support-detail-wrap{margin-top: 20px;}
  .technical-support-detail .attach-file img{margin-right: 0;}
  .technical-support .table-type01.respon-type.archive {table-layout: auto;}
  .technical-support .table-type01.respon-type.archive tr {width: calc(100vw - 40px);}
  .technical-support .table-type01.respon-type.archive colgroup .b-col {width: auto !important;} 
  .technical-support .table-type01.respon-type.archive colgroup .b-col-title {width: auto;}
}
/* --------------- //technical-support-detail --------------- */
/* --------------- technical-support-empty --------------- */
.technical-support-empty{
  margin-top: 22px;
  width: 100%;
  height: 500px;
  border-top: 2px solid #222;
  position: relative;
}
@media (max-width: 786px){
  .technical-support-empty{height: 320px;}
}
/* --------------- //technical-support-empty --------------- */