@charset "utf-8";


/***** 마이페이지 *****/
.mypage-wrap .search-area {
   padding: 30px 15%;
   margin: 20px 0px 30px;
   background: #f8f8f8;
   border-radius: 5px;
}
.inputbox {
   display: flex;
   position: relative;
   width: 100%;
   height: 46px;
   padding: 0;
   border: 1px solid #555;
}
.inplabel {
   display: flex;
   width: 100%;
}
.inputbox .inplabel.icon-find input {
   padding-right: 45px;
   border: 1px solid #999 !important;
}
.search-area .inputbox .btn-find {
   position: absolute;
   top: 50%;
   right: 12px;
   width: 24px;
   height: 24px;
   padding: 0;
   border: 0;
   background: url(../../images/sub/icon_search.png) no-repeat 50% 50%;
   transform: translateY(-50%);
}
.board-area .search_form button {
   position: absolute;
   right: 10px;
   top: 10px;
   overflow: hidden;
   width: 19px;
   height: 19px;
   
   text-indent: -100px;
   cursor: pointer;
}

.table-wrap .board.toggle-board td {
   padding: 0px 0px;
}
.toggle-board dl.toggle-list {
   text-align: left;
}
.toggle-board dl.toggle-list dt {
   width: 100%;
   padding: 18px 0px 18px 30px;
   background: url(../../images/sub/icon_arrow.png) no-repeat ;
   background-position: right 30px top 21px;
   cursor: pointer;
}
.toggle-board dl.toggle-list span.toggle-title {
   display: flex;
   align-items: center;
}
.toggle-board dl.toggle-list span.toggle-title img {

}
.toggle-board dl.toggle-list span.toggle-title a {
   display: inline-block;
   width: 85%;
   margin-left: 18px;
   font-size: 14px;
   color: #777;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}
.toggle-board dl.toggle-list .words {
   display: block;
   color: #5d6164;
   font-size: 14px;
   line-height: 22px;
   padding-left: 0px;
   overflow: hidden;
   white-space: normal;
}
.toggle-board dl.toggle-list .words a {
   color: #5d6164;
   font-size: 15px;
}
.toggle-board dl.toggle-list dd {
   padding: 30px 40px 50px;
   background: #f9f9f9 url(/kr/faq/images/bg_answer_top.gif) top repeat-x;
}
.toggle-board dl.toggle-list dt.open {
   background-position: right 30px top -26px;
}


@media (max-width: 1140px) {

}


@media (max-width: 1024px) {
  
}


@media (max-width: 768px) {
	.table-wrap .board.toggle-board tbody tr {
      border-bottom: 1px solid #dcdbdb;
      padding: 0px;
      display: block;
      overflow: hidden;
      position: relative;
  }
  .table-wrap .board.toggle-board td {
      display: block;
      line-height: 25px;
   }
   .toggle-board dl.toggle-list dt {
      padding: 18px 0px 18px 15px;
      background-position: right 15px top 21px;
   }
   .toggle-board dl.toggle-list dt.open {
      background-position: right 15px top -26px;
  }
   .toggle-board dl.toggle-list span.toggle-title a {
      width: 80%;
   }
}


@media (max-width: 480px) {
   .mypage-wrap .search-area {
      padding: 30px 10%;
   }
}