/* 
상품리스트 1번째 타입 제작 (핏소프트, 2022.06.16, 김지은)
카테고리(대분류, 중분류 리스트) / 상품정렬 / 상품리스트(new/best 아이콘, 상품명, 판매가, 할인가) / 페이지네이션
*/
.prd-list-style01 .container {margin: 120px auto 0; padding: 0 0 100px;}
/*카테고리(대분류, 중분류 리스트)*/
.prd-list-style01 .cont-cate {border-bottom:1px solid #c4c4c4;}
.prd-list-style01 .main-cate {font-size: 24px; font-weight: 700;}
.prd-list-style01 h2.main-cate {margin-bottom: 14px;}
.prd-list-style01 h2.main-cate a {font-size: 24px; font-weight: 700;}
.prd-list-style01 .main-cate li {display: inline-block;}
.prd-list-style01 .sub-cate {display:flex; align-items:center;}
.prd-list-style01 .sub-cate .item {margin:0 40px 16px 0;}
.prd-list-style01 .sub-cate .item.active a {color: #000;}
.prd-list-style01 .sub-cate .item a {font-weight: 400; color: #989898;}
.prd-list-style01 .sub-cate .item:hover a {color: #000;}
/*상품개수*/
.prd-list-style01 .list-count #count-getListProduct {color: #1159FE;}
/*상품정렬*/
.prd-list-style01 .align-data .item {margin-right: 20px; color: #989898; cursor: pointer;}
.prd-list-style01 .align-data .item.sort-desc {color: #000;}
.prd-list-style01 .align-data .item.active {color: #000;} /* 상품 목록 - 2022.10.21 / 청원 추가 */
.prd-list-style01 .align-data .item:last-child {margin-right: 0;}
/*상품리스트*/
.prd-list-style01 .list-layout-item {width: calc(100% / 5); margin-right: 0; padding: 16px 15px; box-sizing: border-box; border:2px solid transparent;}
.prd-list-style01 .list-layout-item:hover {background: #FBFBFB; border: 2px solid #6C99FF;}
.prd-list-style01 .list-layout-item:nth-child(5n)~.list-layout-item {margin-top: 75px;}
/*상품리스트_이미지*/
.prd-list-style01 .list-layout-item .list-thumb {position: relative; display:flex; align-items:center; justify-content:center; overflow:hidden; width: 100%; height: 255px;}
.prd-list-style01 .list-layout-item .list-thumb img {width:100%; height: 100%; object-fit: cover;}
/*상품리스트_정보*/
.prd-list-style01 .list-layout-item .list-info .list-tit .tit {display:revert; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%; min-height: 40px; margin:15px 0; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; font-weight:400; line-height:19px;}
.prd-list-style01 .list-layout-item .list-info .list-tit .tit span {display:inline-flex; margin-bottom:4px; font-weight:700; font-size:1.286rem !important;}
.prd-list-style01 .list-layout-item .list-info .list-tit .icon {font-size: 0;}
.prd-list-style01 .list-layout-item .list-info .list-tit .icon span {border-radius: 20px; padding: 2px 8px 4px; margin-right: 3px; font-size: 10px; font-weight: 700; color: #fff;}
.prd-list-style01 .list-layout-item .list-info .list-tit .icon span:last-child {margin-right: 0;}
.prd-list-style01 .list-layout-item .list-info .list-tit .icon span.NEW {background-color: #000;}
.prd-list-style01 .list-layout-item .list-info .list-tit .icon span.BEST {background-color: #1159FE;}
.prd-list-style01 .list-layout-item .list-info .list-price {}
.prd-list-style01 .list-layout-item .list-info .list-price .name {display: none;}
.prd-list-style01 .list-layout-item .list-info .list-price .galp-box.galp-item01 .num {color:#AAB1BB; text-decoration:line-through; font-size: 12px; font-weight: 400;}
.prd-list-style01 .list-layout-item .list-info .list-price .galp-box.galp-item02 .num {color:#000; font-weight: 700;}
.prd-list-style01 .list-layout-item .list-info .list-price .galp-box.galp-item03 .num {color:#F23F3F;}
/*페이지네이션*/
.pagenations-style01 .pagenation-index-container ul > li > a {color: #000;}
.pagenations-style01 .pagenation-index-container ul > li:not(.arrow-btn) > a > span {color: #C4C4C4; font-weight: 500;}
.pagenations-style01 .pagenation-index-container ul > li.active {background: none;}
.pagenations-style01 .pagenation-index-container ul > li.active a > span {color: #000;}
/*리스트없을때*/
.list-none {text-align: center; margin:40px 0; font-weight:700;}


@media screen and (max-width: 768px) {
  .prd-list-style01 .container {margin:73px auto 0;}
  .prd-list-style01 .list-layout-item {padding:0;}
  .prd-list-style01 .list-layout-item .list-info {padding:30px 5px 0;}
  /*상품리스트_이미지*/
  .prd-list-style01 .list-layout-item .list-thumb {height: 155px;}
}



/* 갤러리형 리스트 ************************************************************************************/
/* .fit-gallery-list {margin-top:122px;}
.fit-gallery-list .list-item {width:calc(100% / 4 - 15px); min-height: 350px; margin-top:32px; margin-right:15px; border-radius: 12px; box-shadow:0px 4px 24px rgba(2, 1, 55, 0.1);}
.fit-gallery-list .list-item:hover {box-shadow:4px 12px 20px 6px rgb(0 0 0 / 18%); transform:translateY(-5px);}

.fit-gallery-list .list-item .list-info .list-tit .galt-cate {display:inline-block; background:#EFF1F5; border-radius: 2px; padding:4px; margin:0 4px 4px 0; font-size:0.857rem;}
.fit-gallery-list .list-item .list-info .list-tit .galt-cate:last-child {margin-right:0;}

.fit-gallery-list .list-item .list-info .list-price .galp-box {display:flex; align-items:center; justify-content:space-between; margin-bottom:2px; line-height: 19px;}
.fit-gallery-list .list-item .list-info .list-price .galp-box:last-child {margin-bottom:0;}

.fit-gallery-list .list-item .list-info .list-price .galp-box .num {font-size:1.071rem; font-weight:700;}

.fit-gallery-list {display:flex; flex-wrap: wrap;} */


/* @media screen and (max-width: 768px) {
  .fit-gallery-list {margin-top:90px;}
  .fit-gallery-list .list-item {width:100%; min-height:332px; margin-top:0; margin-bottom:20px;}
  .fit-gallery-list .list-item .gal-list-thumb {height:170px;}
  .fit-gallery-list .list-item .list-info {padding:12px 20px 20px;}
  .fit-gallery-list .list-item .list-info .list-tit .galt {margin:10px 0 12px !important;}
  .fit-gallery-list .list-item .list-info .list-tit .galt,
  .fit-gallery-list .list-item .list-info .list-tit .galt span {font-size:1.429rem !important;}
  .fit-gallery-list .list-item .list-info .list-tit .galt-cate {margin-bottom:6px; padding:4px 6px; font-size:0.857rem;}
  .fit-gallery-list .list-item .list-info .list-price {width:60%;}
  .fit-gallery-list .list-item .list-info .list-price .galp-box {margin-bottom:4px;}
  .fit-gallery-list .list-item .list-info .list-price .galp-box .galp-name {width:100px;}
  .fit-gallery-list .list-item .list-info .list-price .galp-box .num {font-size:1rem;}

  .fit-gallery-list .list-none img.mobile {width: 60px; height:60px; margin: 32px auto 16px;}
  .fit-gallery-list .list-none p {font-size: 16px; color: #6B727C; font-weight: 400; text-align: center;}

  .fit-gallery-list {display: revert;}
  .fit-gallery-list .list-item:last-child {margin-bottom:0 !important;}
  .fit-gallery-list .list-item .list-info .tit .galt {display:revert; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
  .fit-gallery-list .list-item .list-info .tit .galt span {margin: 0 !important;}
  .fit-gallery-list .list-item .list-info .list-price .galp-box {justify-content: flex-start;}
} */
/* 갤러리형 리스트 끝 ************************************************************************************/









/* 게시판 목록 하단 검색창
.table-bot {display:flex; justify-content:space-between; }
.table-bot .tit-search select {border:1px solid #c0c0c0; border-radius:5px; padding:8px 11px; font-size:0.9rem; width:100px;}
.table-bot .form-search {position:relative; display:inline-block;}
.table-bot .form-search input.event-search_keyword {border:1px solid #c0c0c0; padding:8px 35px 8px 11px; border-radius:5px; width:200px; background-color:#fff;}
.table-bot .form-search .search-btn {position:absolute; top:50%; right:6px; transform:translateY(-50%); display:inline-block; border-radius:50px; padding:6px; display:flex; align-items:center; justify-content:center;}
.table-bot .form-search .search-btn i {color:#000; font-size:1.2rem;}
.table-bot .form-search input.event-search_keyword::placeholder {font-size:.9rem; color:#c0c0c0;}

게시판 목록 오른쪽 하단 등록 버튼
.table-bot .write-btn .upload-btn {color:#fff; background:#080c34; padding:7px 12px; border-radius:5px; font-weight:500;}

오른쪽 하단 목록 버튼
.list-btn-area {text-align: center; display:flex; justify-content:flex-end; margin:23px 0 0;}
.list-btn-area span {display:flex; justify-content:center; align-items:center; background-color:#e5e5e5; padding:8px 20px; border-radius:5px; transition: all 0.25s; font-size: 1.1rem;}
 */

/* 리스트 없을때 ************************************************************************************/
.count-status {padding:92px 0 80px;}
.count-status img {width:84px; height:84px; margin:0 auto 16px;}
.count-status p {font-size: 1.429rem; color:#6B727C; font-weight: 400;}
@media screen and (max-width: 768px) {
  .count-status {padding:32px 0 40px;}
  .count-status img {width:60px; height:60px;}
  .count-status p {font-size: 1.143rem;}
}
/* 리스트 없을때 끝 ************************************************************************************/


/* 게시판 상단 메뉴 타이틀 ************************************************************************************/
.fit-board-tit {margin:0; padding-bottom:20px; border-bottom:2px solid #282C33;}
.fit-board-tit .bod-btnArea {display:flex; align-items:center;}
.fit-board-tit .bod-btnArea .bod-btn {margin:0 22px;}
.fit-board-tit .bod-btnArea .bod-btn:first-child {position: relative; margin-left:0;}
.fit-board-tit .bod-btnArea .bod-btn:first-child::after {position: absolute; content:''; display:block; width:2px; height:25px; background:#E3E6ED; right:-22px; top:50%; transform:translateY(-50%);}
.fit-board-tit .bod-btnArea .bod-btn:last-child {margin-right:0;}
.fit-board-tit .bod-btnArea .bod-btn a {font-size:2.571rem; font-weight:700; }
.fit-board-tit .bod-btnArea .bod-btn a.active {color:#AAB1BB;}

@media screen and (max-width: 768px) {
  .fit-board-tit {padding-bottom: 18px;}
  .fit-board-tit .bod-btnArea .bod-btn {margin: 0 14px;}
  .fit-board-tit .bod-btnArea .bod-btn a {font-size:1.714rem; font-weight: 800;}
  .fit-board-tit .bod-btnArea .bod-btn:first-child::after {width: 1px; height: 18px; right:-14px}
}
/* 게시판 상단 메뉴 타이틀 끝 ************************************************************************************/









/* 일반 게시판 목록(슬라이드) ************************************************************************************/
.fit-board-accordion-list .container {min-height:80vh;} 
.fit-board-accordion-list .faq-wrap .faq-cate ol li {border-bottom:1px solid #c4c4c4; cursor:pointer;}

.fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top {display:flex; align-items:center;}
.fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .left-table p {display:flex; align-items:center; font-size:1.286rem; max-width:900px;}

.fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot {border-bottom:0;}
.fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot > div {display:flex; align-items:flex-start; width:100%; height:auto; overflow: hidden;}

.fit-board-accordion-list.com-top .faq-wrap .faq-cate ol li.faq-bot:not(.active) {display:none;}
.fit-board-accordion-list.com-top .faq-wrap .faq-cate ol li.faq-bot.active {display:block;}
.com-bot .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot.mine-secret {display: none;}
.com-bot .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot:not(.active) {display:block;}

.fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot pre.item-data {width:73% !important; overflow: hidden; padding:0;}
.fit-board-accordion-list.com-top .faq-wrap .faq-cate ol li.faq-bot pre {padding: 22px 24px;}

@media screen and (max-width: 768px) {
  .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .left-table p,
  /* .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .left-table p .item02, */
  .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot pre.item-data {width: 100% !important;}
  .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .left-table p .item02 {width:auto; max-width:20%:}
  .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot pre {padding:0;}
  .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot pre {padding: 0;}
}
/* 일반 게시판 목록(슬라이드) 끝 ************************************************************************************/










/* wallet - 리스트 ************************************************************************************/
.fit-wallet-list .container {padding:80px 0 100px !important;}
/* 나의 수익&계좌 */
.fit-wallet-list .cont-top {margin-bottom:60px;}
.fit-wallet-list .cont-top > div {border-radius:12px; box-shadow: 0px 4px 24px rgba(2, 1, 55, 0.1); height:274px;}
.fit-wallet-list .cont-top .left-box {width:360px; background:#1AD0FC; color:#fff; margin-right: 20px; padding:50px 0; display:revert; text-align:center;}
.fit-wallet-list .cont-top .left-box > span {background:rgba(0,0,0,.2); font-size:1.429rem; font-weight:700; padding:8px 20px; border-radius:1000px; color:#fff;}
.fit-wallet-list .cont-top .left-box .total-money {font-size:2.714rem; font-weight:700; color:#fff;}
.fit-wallet-list .cont-top .left-box .total-money span {font-size:3.286rem; font-weight:600; color:#fff;}
/* 계좌 등록 후 */
.fit-wallet-list .right-box {width: 620px; background:#fff;}
.fit-wallet-list .right-box .get-account {padding:28px 40px 40px; height:100%;}
.fit-wallet-list .right-box .get-account .ac-top {border-bottom:1px solid #E3E6ED; padding-bottom:18px;}
.fit-wallet-list .right-box .get-account .ac-top span {font-size:1.429rem; font-weight:700; }
.fit-wallet-list .right-box .get-account .ac-top button {background:#414853; border-radius:4px; width:103px; height:36px;}
.fit-wallet-list .right-box .get-account .ac-top button a {color:#fff; font-size:1rem;}
.fit-wallet-list .right-box .get-account .ac-bot {padding-top:54px;}
.fit-wallet-list .right-box .get-account .ac-bot .item-data {display:flex; align-items:Center; justify-content:space-between; margin-bottom:22px;}
.fit-wallet-list .right-box .get-account .ac-bot .item-data .item-tit {font-size:1.286rem; font-weight:400; color:#6B727C;}
.fit-wallet-list .right-box .get-account .ac-bot .item-data div {text-align:right;}
.fit-wallet-list .right-box .get-account .ac-bot .item-data .item {display:flex; align-items:center; justify-content:flex-end;}
.fit-wallet-list .right-box .get-account .ac-bot .item-data .item01 {font-size:1.286rem; font-weight:700; color:#287EFF; margin-bottom:2px;}
.fit-wallet-list .right-box .get-account .ac-bot .item-data .item01 span {font-size:1.286rem; font-weight:700; color:#287EFF;}
.fit-wallet-list .right-box .get-account .ac-bot .item-data .item-info {font-size:0.929rem; color:#848D9A;}
.fit-wallet-list .right-box .get-account .ac-bot .item-data .item02,
.fit-wallet-list .right-box .get-account .ac-bot .item-data .item03 {font-size:1.286rem; font-weight:700;}
.fit-wallet-list .right-box .get-account .ac-bot .item-data .item02 span {font-size:1.286rem; font-weight:700;}
/* 계좌 등록 전 */
.fit-wallet-list .right-box .no-account {text-align:center; padding:22px 0 36px;}
.fit-wallet-list .right-box .no-account p {font-size:1.429rem; font-weight:700; margin:12px auto 24px;}
.fit-wallet-list .right-box .no-account button {background:#414853; border-radius:4px; width:320px; height:60px;}
.fit-wallet-list .right-box .no-account button a {color:#fff; font-size:1.429rem; width: 100%; height: 100%;}
/* 마켓 리스트 */
.fit-wallet-list .cont-bot {}
.fit-wallet-list h2 {font-size:2.286rem; font-weight:700;}
.fit-wallet-list .fit-gallery-list {margin-top:28px; justify-content: center;}
.fit-wallet-list .fit-gallery-list .list-item {width:calc((100%/3) - 10px); margin-top:20px; padding:32px 24px 40px; min-height:293px;}
.fit-wallet-list .fit-gallery-list .list-item:nth-of-type(n + 1):nth-of-type(-n + 3) {margin-top:0;}
.fit-wallet-list .fit-gallery-list .list-item:nth-of-type(4n) {margin-right:15px;}
.fit-wallet-list .fit-gallery-list .list-item:nth-of-type(3n) {margin-right:0;}
.fit-wallet-list .fit-gallery-list .list-item:hover {transform:none; box-shadow:0px 4px 24px rgb(2 1 55 / 10%);}
.fit-wallet-list .fit-gallery-list .list-item .list-info {padding:0;}
.fit-wallet-list .fit-gallery-list .list-item .galp-box:first-child {align-items: flex-start;}
.fit-wallet-list .fit-gallery-list .list-item .galp-box {margin-bottom:10px;}
.fit-wallet-list .fit-gallery-list .list-item .galp-box:nth-of-type(2),
.fit-wallet-list .fit-gallery-list .list-item .galp-box:nth-of-type(4) {margin-bottom:0;}
.fit-wallet-list .fit-gallery-list .list-item .num {display:flex; align-items:Center;}
.fit-wallet-list .fit-gallery-list .list-item .gal-date {padding-bottom:24px; margin-bottom:24px; border-bottom:1px solid #E3E6ED;}
.fit-wallet-list .fit-gallery-list .list-item .gal-date .galp-name {position: relative; font-size:1.143rem; color:#6B727C; display:flex; align-items:center;}
.fit-wallet-list .fit-gallery-list .list-item .gal-date .galp-box:first-child .galp-name {width: 90px;}
.fit-wallet-list .fit-gallery-list .list-item .gal-date .galp-name i {font-size:1.2rem; color:#AAB1BB; margin-left:7px; cursor: pointer;}
.fit-wallet-list .fit-gallery-list .list-item .gal-date .galp-name i:hover + .fit-guide-popup {display:block;}
.fit-wallet-list .fit-gallery-list .list-item .gal-date .galp-name .fit-guide-popup {display:none; width:259px; top:30px; left: 24px; line-height: 19px;}
.fit-wallet-list .fit-gallery-list .list-item .gal-date .galp-name .fit-guide-popup::before {left:56px;}
.fit-wallet-list .fit-gallery-list .list-item .gal-date .num,
.fit-wallet-list .fit-gallery-list .list-item .gal-date .num span {font-size:1.143rem; flex-wrap: wrap; justify-content: flex-end;}
.fit-wallet-list .fit-gallery-list .list-item .item01 {display:block !important; white-space: nowrap !important; text-overflow:ellipsis; overflow: hidden; font-size:1.714rem !important; font-weight:700 !important; line-height:33px !important; margin-bottom:24px !important;}
.fit-wallet-list .fit-gallery-list .list-item .item02,
.fit-wallet-list .fit-gallery-list .list-item .item02 span {font-weight:700;}
.fit-wallet-list .fit-gallery-list .list-item .item03,
.fit-wallet-list .fit-gallery-list .list-item .item03 span {color:#287EFF; font-weight:700;}
.fit-wallet-list .fit-gallery-list .list-item .item04 {display: flex; align-items: center;}
.fit-wallet-list .fit-gallery-list .list-item .item04,
.fit-wallet-list .fit-gallery-list .list-item .item04 span {font-weight:400; color: #6B727C;}
.fit-wallet-list .fit-gallery-list .list-item .item04 > span:first-child {margin-left:5px;}
.fit-wallet-list .fit-gallery-list .list-item .item04 > span:last-child {margin-right:5px;}
.fit-wallet-list .fit-gallery-list .list-item .item05 {font-size:1.429rem !important; font-weight:400 !important;}
.fit-wallet-list .fit-gallery-list .list-item .item05 span {font-size:1.714rem; font-weight:600;}
.fit-wallet-list .fit-gallery-list .list-item .list-info .list-price .galp-box {margin-bottom:10px !important;}
.fit-wallet-list .fit-gallery-list .list-item .list-info .list-price .galp-box:last-child {margin-bottom:0 !important;}
.fit-wallet-list .fit-gallery-list .list-item .list-info .list-price .galp-box:last-child .galp-name {color:#287EFF; font-weight:500;}

.fit-wallet-list .fit-gallery-list .list-item {margin-top:20px !important;}
.fit-wallet-list .fit-gallery-list .list-item:nth-of-type(n + 1):nth-of-type(-n + 3) {margin-top:0 !important;}

/* 페이지네이션 */
.fit-wallet-list .fit-gallery-list .pagenation-cont {width: 100%;}
/* 마켓 리스트 X */
.fit-wallet-list .count-status {margin:201px auto 110px; text-align:center; padding: 0;}
.fit-wallet-list .count-status p {font-size:1.429rem; color:#6B727C; margin-top:16px;}

@media screen and (max-width: 768px) {
  .fit-wallet-list .container {padding:32px 20px 60px !important;}
  .fit-wallet-list h2 {font-size: 1.714rem; font-weight: 800;}
  .fit-wallet-list .cont-top > div {width: 100% !important;}
  .fit-wallet-list .cont-top {display: revert; margin-bottom: 60px;}
  .fit-wallet-list .cont-top .left-box {margin:0 0 12px 0; height: 154px; display: flex; flex-direction: column;}
  .fit-wallet-list .cont-top .left-box > span {font-size: 1.071rem; padding: 6px 16px;}
  .fit-wallet-list .cont-top .left-box .total-money {font-size:2rem; font-weight: 600; margin-top:13px;}
  .fit-wallet-list .cont-top .left-box .total-money span {font-size:2.286rem; font-weight: 700;}
  .fit-wallet-list .right-box {height: 232px !important;}
  .fit-wallet-list .right-box .get-account {padding: 20px 14px;}
  .fit-wallet-list .right-box .get-account .ac-top {padding-bottom: 9px;}
  .fit-wallet-list .right-box .get-account .ac-top span {font-size: 1.143rem;}
  .fit-wallet-list .right-box .get-account .ac-top button {width: 84px; height: 28px;}
  .fit-wallet-list .right-box .get-account .ac-top button a {font-size: 0.857rem !important; font-weight: 400;}
  .fit-wallet-list .right-box .get-account .ac-bot .item-data:first-child {align-items: flex-start;}
  .fit-wallet-list .right-box .get-account .ac-bot .item-data .item-tit {font-size: 1rem; width: 75px;}
  .fit-wallet-list .right-box .get-account .ac-bot .item-data .item02 {display: flex; flex-wrap: wrap;}
  .fit-wallet-list .right-box .get-account .ac-bot .item-data .item,
  .fit-wallet-list .right-box .get-account .ac-bot .item-data .item span {font-size: 1rem; line-height:19.6px;}
  .fit-wallet-list .right-box .get-account .ac-bot .item-data .item span[data-detail_key2="account_number"] {width: 100%; text-align: right;}
  .fit-wallet-list .right-box .get-account .ac-bot .item-data .item-info {font-size: 0.857rem; margin-top: 4px;}
  .fit-wallet-list .right-box .no-account {padding: 24px 20px;}
  .fit-wallet-list .right-box .no-account img {width: 48px;}
  .fit-wallet-list .right-box .no-account p {font-size: 1.143rem; margin: 12px auto 28px;}
  .fit-wallet-list .right-box .no-account button {width: 100%; height: 50px;}
  .fit-wallet-list .right-box .no-account button a {font-size: 1rem; font-weight: 400;}
  .fit-wallet-list .fit-gallery-list {margin-top: 16px; display: revert;}
  .fit-wallet-list .fit-gallery-list .list-item {width: 100%; height: 252px; min-height: 252px; margin:0 0 12px 0; padding: 24px 20px;}
  .fit-wallet-list .fit-gallery-list .list-item:last-child {margin-bottom:0;}
  .fit-gallery-list .list-item .list-info .tit .galt {font-size: 1.429rem; margin: 0 auto 22px;}
  .fit-wallet-list .fit-gallery-list .list-item .gal-date .galp-name,
  .fit-wallet-list .fit-gallery-list .list-item .gal-date .num, 
  .fit-wallet-list .fit-gallery-list .list-item .gal-date .num span {font-size: 1rem;}
  .fit-wallet-list .fit-gallery-list .list-item .gal-date .galp-box:first-child .galp-name {width: 56px;}
  .fit-wallet-list .fit-gallery-list .list-item .gal-date {padding-bottom: 20px; margin-bottom: 20px;}
  .fit-gallery-list .list-item .list-info .list-price {width: 100%;}
  .fit-wallet-list .fit-gallery-list .list-item .item04 {width:100% !important; display: flex; align-items: center; justify-content: flex-start;}

  .fit-wallet-list .fit-gallery-list .list-item .galp-box {justify-content: space-between !important;}

  .fit-wallet-list .fit-gallery-list .list-item .item05 {font-size: 1.143rem !important;}
  .fit-wallet-list .fit-gallery-list .list-item .item05 span {font-size: 1.429rem;}
  .fit-wallet-list .fit-gallery-list .list-item .gal-date .galp-name i:hover + .fit-guide-popup {line-height: 23px;}
  .fit-wallet-list .fit-gallery-list .list-item .gal-date .galp-name .fit-guide-popup {width: 239px !important; left: 3px !important;}
  .fit-wallet-list .fit-gallery-list .list-item .gal-date .galp-name .fit-guide-popup::before {left: 67px;}
  .fit-wallet-list .count-status {margin: 60px auto 40px;}
  .fit-wallet-list .count-status img {width: 60px;}
  .fit-wallet-list .count-status p {margin-top: 16px; font-size: 1.143rem;}
}
/* wallet - 리스트 끝 ************************************************************************************/









/* 마이페이지 - 메인(마켓상품정보) ************************************************************************************/
.fit-mypage-list .container {width:100%; overflow: hidden; padding-top: 0;}
/* 기본 정보 */
.fit-mypage-list .cont-top {background:#F6F7F8; padding:60px 0;}
.fit-mypage-list .cont-top > div {width:900px;}
.fit-mypage-list .cont-top .left-myinfo {display:flex; align-items:center; left:0; transform:none; margin:0;}
.fit-mypage-list .cont-top .left-myinfo .fit-profile-img {margin:0 60px 0 0; left:0; transform:none; width:150px; height:153px;}
.fit-mypage-list .cont-top .left-myinfo .prof {margin:0; width:150px; height:150px; margin:0;}
.fit-mypage-list .cont-top .left-myinfo .prof-img-upload {right:6px; top:auto; bottom:4px;}
.fit-mypage-list .cont-top .left-myinfo .prof-img-upload > i {padding:8px;}
.fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup {display:none; width:180px; padding:20px; top:53px; right:-39px; left:auto; background:#fff; z-index: 10;}
.fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup.active {display:block; width: auto;}
.fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup::before {top: -8px; right:49px; left:auto;}
.fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup .prof-menu-top {padding-bottom:15px; margin-bottom:7px; border-bottom:1px solid #E3E6ED;}
.fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup .prof-menu-top p {font-size:1.286rem; font-weight:700;}
.fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup .prof-menu-bot p {font-size:16px; font-weight:600; line-height: 30px; cursor: pointer;}
.fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup .prof-menu-bot label {display:inline-block; font-size:1.143rem; font-weight:600; min-width: 75px; text-align: center;}
.fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup .prof-menu-bot label:first-child {margin-bottom: 10px;}
.fit-mypage-list .cont-top .left-myinfo .right-box .item-top { margin-bottom:16px; display:flex; align-items:center;}
.fit-mypage-list .cont-top .left-myinfo .right-box .item-top span {font-size:2rem; font-weight:700; vertical-align: baseline; max-width: 175px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fit-mypage-list .cont-top .left-myinfo .right-box .item-top a {font-size:2rem; font-weight:400; cursor: pointer; width: 245px;}
.fit-mypage-list .cont-top .left-myinfo .right-box .item-top a i {font-size:1.5rem; font-weight:600;margin-left:9px; vertical-align: initial;}
.fit-mypage-list .cont-top .left-myinfo .right-box .item-bot {align-items:center;}
.fit-mypage-list .cont-top .left-myinfo .right-box .item-bot.pc {display:flex !important;}
.fit-mypage-list .cont-top .left-myinfo .right-box .item-bot.mobile {display:none !important;}
.fit-mypage-list .cont-top .left-myinfo .right-box .item-bot li {width:28px; height:28px; margin-right:7px;}
.fit-mypage-list .cont-top .right-myinfo {display:flex; align-items:center;}
.fit-mypage-list .cont-top .right-myinfo .item {text-align:center; padding:12px 31px; border-right:1px solid #E3E6ED;}
.fit-mypage-list .cont-top .right-myinfo .item.item-right {border-right:0;}
.fit-mypage-list .cont-top .right-myinfo .item .item-tit {font-size:1.143rem; margin-bottom:10px;}
.fit-mypage-list .cont-top .right-myinfo .item .item-num {font-size:2.286rem; font-weight:600;}
/* 마켓 리스트 O */
.fit-mypage-list .cont-mid {margin-top:20px;}
.fit-mypage-list .cont-mid .cont-table-tab {position: relative; margin-bottom:38px;}
.fit-mypage-list .cont-mid .cont-table-tab::before {content:''; position: absolute; border-bottom:1px solid #E3E6ED; bottom:-2px; left:-50%; display:block; width:200%; height:1px; z-index: -1;}
.fit-mypage-list .cont-mid .cont-table-tab li {position: relative; padding:0 118px 19px; text-align:center; font-size:1.286rem; font-weight:700; color:#6B727C; cursor: pointer;}
.fit-mypage-list .cont-mid .cont-table-tab li.active {color:#414853;}
.fit-mypage-list .cont-mid .cont-table-tab li.active::before {content: ''; position: absolute; bottom:-2px; left:0; width: 100%; height: 2px; background: #282c33;}
.fit-mypage-list .cont-mid .fit-gallery-list {margin:38px 0 48px;}
.fit-mypage-list .cont-mid .fit-gallery-list .list-item {min-height: 300px; height: 320px;}
.fit-mypage-list .cont-mid .fit-gallery-list .list-item .list-info .list-price .galp-box.galp-item02 .num {font-size:16px;}
.fit-mypage-list .cont-mid .fit-gallery-list .list-item .list-info .list-price .galp-box.galp-item02 .num:last-child {color: #F23F3F;}
.fit-mypage-list .fit-gallery-list .list-item:hover {box-shadow:0px 4px 24px rgb(2 1 55 / 10%); transform:none;}
/* 마켓 리스트 X */
.fit-mypage-list .cont-mid .count-status { margin:100px auto; text-align:center;}
.fit-mypage-list .cont-mid .count-status p {font-size:1.429rem; font-weight:300; color:#6B727C;}
/* 최근 본 마켓 리스트 O */
.fit-mypage-list .cont-bot {margin-top:80px;}
.fit-mypage-list .cont-bot h2 {font-size:2.286rem; font-weight:700; border-bottom:1px solid #282C33; padding-bottom:16px;}
.fit-mypage-list .cont-bot .fit-gallery-list {margin-top:0; overflow-x:scroll; padding:32px 0 20px;}

.fit-mypage-list .cont-bot .fit-gallery-list::-webkit-scrollbar {height:8px;}
.fit-mypage-list .cont-bot .fit-gallery-list::-webkit-scrollbar-thumb {background:#282C33; width:80px !important; border-radius:40px; cursor: pointer;}
.fit-mypage-list .cont-bot .fit-gallery-list::-webkit-scrollbar-track {background:transparent;}

.fit-mypage-list .cont-bot .fit-gallery-list .table {width:auto;}
.fit-mypage-list .cont-bot .fit-gallery-list .table-wrap {display:flex; align-items:center;}
.fit-mypage-list .cont-bot .fit-gallery-list .list-item {width:420px !important; height: auto; min-height: 164px !important; margin:0 10px;}
.fit-mypage-list .cont-bot .fit-gallery-list .list-item a {display:flex; align-items:center; }
.fit-mypage-list .cont-bot .fit-gallery-list .list-item .gal-list-thumb {width:172px; height:164px;}
.fit-mypage-list .cont-bot .fit-gallery-list .list-item .list-info {padding:24px 0; width:198px; margin:0 auto;}
.fit-mypage-list .cont-bot .fit-gallery-list .list-item .list-info .d-day-box {position:revert; margin-bottom:12px;}
.fit-mypage-list .cont-bot .fit-gallery-list .list-item .list-info .galt {display:-webkit-box; margin:0; font-size:1.429rem; line-height:28px;}
.fit-mypage-list .cont-bot .fit-gallery-list .list-item .list-info .galt span {display:inline-flex; font-weight:700; font-size:1.429rem; margin-bottom:3px;}
/* 최근 본 마켓 리스트 X */
.fit-mypage-list .cont-bot .count-status {text-align:center; padding:36px 0; border-bottom:1px solid #E3E6ED;}
.fit-mypage-list .cont-bot .count-status p {font-size:1.429rem; font-weight:300; color:#6B727C; margin-top:16px;}

@media screen and (max-width: 768px) {
  .fit-mypage-list .container {padding: 0 0 60px 0 !important;}
  .fit-mypage-list .cont-top {padding:32px 20px 24px; display: revert;}
  .fit-mypage-list .cont-top > div {display: revert; width: 100%;}
  .fit-mypage-list .cont-top .left-myinfo .fit-profile-img {margin-right: 28px;}
  .fit-mypage-list .cont-top .left-myinfo .fit-profile-img,
  .fit-mypage-list .cont-top .left-myinfo .prof {width: 72px; height: 72px;}
  .fit-mypage-list .cont-top .left-myinfo .prof-img-upload {bottom: 0; right: -4px;}
  .fit-mypage-list .cont-top .left-myinfo .prof-img-upload > i {font-size:1.071rem; padding:6px !important;}
  .fit-mypage-list .cont-top .left-myinfo .right-box .item-top {margin-bottom: 8px;}
  .fit-mypage-list .cont-top .left-myinfo .right-box .item-top,
  .fit-mypage-list .cont-top .left-myinfo .right-box .item-top span {font-size: 1.143rem;}
  .fit-mypage-list .cont-top .left-myinfo .right-box .item-top span[data-detail_key="nickname"] {font-size: 1.2rem; font-weight: 600;}
  .fit-mypage-list .cont-top .left-myinfo .right-box .item-top a {font-size:1.2rem; font-weight:normal;}
  .fit-mypage-list .cont-top .left-myinfo .right-box .item-top a i {font-size: 1.1rem;}
  .fit-mypage-list .cont-top .left-myinfo .right-box .item-bot.pc {display: none !important;}
  .fit-mypage-list .cont-top .left-myinfo .right-box .item-bot.mobile {display: flex !important;}
  .fit-mypage-list .cont-top .left-myinfo .right-box .item-bot li {width: 24px; height: 24px;}
  .fit-mypage-list .cont-top .right-myinfo {margin-top: 29px;}
  .fit-mypage-list .cont-top .right-myinfo .item {padding:6px 15px; width: calc(100%/3);}
  .fit-mypage-list .cont-top .right-myinfo .item .item-tit {font-size: 0.929rem; margin-bottom: 4px;}
  .fit-mypage-list .cont-top .right-myinfo .item .item-num {font-size: 1.286rem;}
  .fit-mypage-list .cont-mid {margin-top: 16px;}
  .fit-mypage-list .cont-mid .cont-table-tab {border-bottom:0; margin-bottom: 0;}
  .fit-mypage-list .cont-mid .cont-table-tab::before {bottom: -1px;}
  .fit-mypage-list .cont-mid .cont-table-tab li {padding: 0 20px 11px; font-size: 1rem; font-weight: 400;}
  .fit-mypage-list .cont-mid .cont-table-tab li.active {font-weight: 800; border-bottom: 2px solid #414853; padding-bottom: 9px;}
  .fit-mypage-list .cont-mid .count-status p {font-size:1.143rem}
  
  .fit-mypage-list .cont-mid .fit-gallery-list {margin: 24px 20px  0; display: flex; flex-wrap: wrap;}
  /* .fit-mypage-list .fit-gallery-list .list-item {margin:12px 0 0 0; width:calc((100%/2) - 7px); min-height: 242px !important; max-height: 250px;}
  .fit-mypage-list .fit-gallery-list .list-item:nth-of-type(1), 
  .fit-mypage-list .fit-gallery-list .list-item:nth-of-type(2) {margin-top:0 !important;}
  .fit-mypage-list .fit-gallery-list .list-item:nth-of-type(2n) {margin-left: 13px;}
  .fit-gallery-list .list-item:nth-of-type(n + 1):nth-of-type(-n + 4) {margin-top: 0 !important;} */
  
  .fit-mypage-list .cont-mid .fit-gallery-list .list-item .gal-list-thumb {height:123px !important;}
  .fit-mypage-list .cont-mid .fit-gallery-list .list-item .gal-list-thumb .d-day-box {top:6px; right: 6px;}
  .fit-mypage-list .cont-mid .fit-gallery-list .list-item .list-info .tit .galt {width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto 14px !important;}
  .fit-mypage-list .cont-mid .fit-gallery-list .list-item .list-info .tit .galt,
  .fit-mypage-list .cont-mid .fit-gallery-list .list-item .list-info .tit .galt span {font-size: 0.929rem !important; line-height:18px; margin-top: 5px; display: revert !important; white-space: revert;}
  .fit-mypage-list .cont-mid .fit-gallery-list .list-item .list-info .tit .galt span {display: block !important; font-weight: 600;}
  .fit-mypage-list .cont-mid .fit-gallery-list .list-item .list-info {padding:10px;}
  .fit-mypage-list .cont-mid .fit-gallery-list .list-item .list-info .list-price .galp-item01 {margin-bottom: 0;}
  .fit-mypage-list .cont-mid .fit-gallery-list .list-item .list-info .list-price .galp-item01 span {font-size: 1rem !important;}
  .fit-mypage-list .cont-mid .fit-gallery-list .list-item .list-info .list-price .galp-box .galp-name,
  .fit-mypage-list .cont-mid .fit-gallery-list .list-item .list-info .list-price .galp-box.galp-item01 .num {font-size: 0.929rem;}
  .fit-mypage-list .cont-mid .fit-gallery-list .list-item .list-info .list-price .galp-box.galp-item02 {display:flex; align-items:center; justify-content: space-between;}
  .fit-mypage-list .cont-mid .fit-gallery-list .list-item .list-info .list-price .galp-box.galp-item02 span {font-size: 16px !important;}
  .fit-mypage-list .cont-mid .fit-gallery-list .list-item .list-info .list-price .galp-box.galp-item02 span:last-child {color: #F23F3F;}
  .fit-mypage-list .cont-mid .count-status {margin: 80px auto 60px;}
  
  .fit-mypage-list .cont-bot {margin-top: 60px; padding:0 20px;}
  .fit-mypage-list .cont-bot h2 {font-size: 1.429rem; padding-bottom: 20px; margin-bottom: 0; border: 0;}
  .fit-mypage-list .cont-bot .fit-gallery-list {padding: 0; overflow: revert;}
  .fit-mypage-list .cont-bot .fit-gallery-list .table-wrap {display: revert;}
  .fit-mypage-list .cont-bot .fit-gallery-list .list-item {width: 100% !important; margin:12px 0 0 !important; height: 132px; min-height: 132px !important;}
  .fit-mypage-list .cont-bot .fit-gallery-list .list-item:first-child {margin-top:0 !important;}
  .fit-mypage-list .cont-bot .fit-gallery-list .list-item a {width: 100%; height: 100%;}
  .fit-mypage-list .cont-bot .fit-gallery-list .list-item .gal-list-thumb {width:138px; height: 100%; margin-right:0;}
  .fit-mypage-list .cont-bot .fit-gallery-list .list-item .list-info {padding:23px 10px 23px 16px; /* width: 168px; */ width: 195px; margin: 0;}
  .fit-mypage-list .cont-bot .fit-gallery-list .list-item .list-info .galt {white-space: break-spaces;}
  .fit-mypage-list .cont-bot .fit-gallery-list .list-item .list-info .galt,
  .fit-mypage-list .cont-bot .fit-gallery-list .list-item .list-info .galt span {font-size: 1.143rem !important; line-height: 22px;}
  .fit-mypage-list .cont-bot .count-status {padding:60px 0 40px; border: 0;}
  .fit-mypage-list .cont-bot .count-status p {font-size:1.143rem;}
  .fit-mypage-list .count-status img {width: 60px;}
  .fit-mypage-list .count-status p {font-size: 1.143rem;}
  .fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup {padding: 13px 15px; right:-36px; top:42px; width: 132px;}
  .fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup::before {top:-8px; left: 43%;}
  .fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup .prof-menu-top {padding-bottom: 10px;}
  .fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup .prof-menu-top p,
  .fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup .prof-menu-bot p {font-size: 0.929rem; line-height: 25px;}
  .fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup .prof-menu-bot label {font-size: 0.929rem; min-width: 65px;}
}
/* 마이페이지 - 메인(마켓상품정보) 끝 ************************************************************************************/










/* faq ************************************************************************************/
.fit-board-accordion-list .container {min-height:80vh;} 
.fit-board-accordion-list .faq-wrap .faq-cate {width:100%; border-top:1px solid #c4c4c4;}
.fit-board-accordion-list .faq-wrap .faq-cate .list-none {text-align: center; margin:100px auto 48px;}
.fit-board-accordion-list .faq-wrap .faq-cate .list-none img {margin: 0 auto 16px;}
.fit-board-accordion-list .faq-wrap .faq-cate .list-none p {font-size: 20px; color: #6B727C; font-weight:400;}
.fit-board-accordion-list .faq-wrap .faq-cate ol li {border-bottom:1px solid #c4c4c4; color:#858585; font-size:1.286rem !important; font-weight:700; cursor:pointer;}
.fit-board-accordion-list .faq-wrap .faq-cate ol li .left-table img {margin-right:20px;}


.fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top {display:flex; align-items:center; padding:20px 40px;}
.fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .left-table {display:flex; align-items:center;}
.fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .left-table p {display:flex; align-items:center; font-size:16px; max-width:900px; color: #000;}
.fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .left-table p span {font-size:16px; font-weight:400;}
.fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .left-table p .item02 {display:inline-flex; align-items:center; font-size:16px; font-weight:400; margin-right:5px;}
.fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .left-table p .item02:before {content:'[';}
.fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .left-table p .item02:after {content:']';}
.fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .left-table p span.item03 {max-width: 700px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .right-table i {font-size:1rem; color: #818181;}
.fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .right-table i.active {transform:rotate(180deg);}
.fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .right-table.active {transform:rotate(180deg);}

.fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot {border-bottom:0;}
.fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot > div {background: #FBFBFB; height:auto; padding:20px 40px; overflow: hidden; align-items:flex-start; border-bottom:1px solid #c4c4c4;}
.fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot > div {display:flex; align-items:flex-start; width:100%;}
.fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot > div .left-table {margin: 2px 5px 0 0; color: #000; font-size:16px;}
.fit-board-accordion-list.com-top .faq-wrap .faq-cate ol li.faq-bot:not(.active) {display:none;}
.com-bot .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot:not(.active) {display:block;}
.com-bot .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot.mine-secret {display: none;}

.fit-board-accordion-list.com-top .faq-wrap .faq-cate ol li.faq-bot.active {display:block;}
.fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot pre {width:100%; overflow: hidden; font-size:16px; color:#000; line-height:25px; padding:0;}
.fit-board-accordion-list.com-top .faq-wrap .faq-cate ol li.faq-bot pre {padding: 22px 24px;}

.q-txt, .a-txt {font-size: 16px; color: #000; margin-right: 5px;}
.a-txt {margin-top: 4px;}

@media screen and (max-width: 768px) {
  .fit-board-accordion-list .faq-wrap .faq-cate .list-none {margin:60px auto;}
  .fit-board-accordion-list .faq-wrap .faq-cate .list-none img {width: 60px;}
  .fit-board-accordion-list .faq-wrap .faq-cate .list-none p {font-size:16px;}
  .fit-board-accordion-list .pagenation-cont {margin-top:40px;}
  .fit-board-accordion-list .faq-wrap .faq-cate ol li .left-table img {width: 24px; margin-right:10px;}
  .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top {padding:14px 8px;}
  .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .left-table p {max-width: 300px;}
  .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .left-table p,
  .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .left-table p .item02,
  .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot pre {font-size: 1rem; line-height: 19px; padding:0;}
  /* .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot pre {padding: 0 0 0 12px;} */
  .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .left-table p span.item03 {/*max-width: 180px;*/ max-width:80%; font-size:1rem;}
  .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .right-table i {font-size: 1rem;}
  .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot > div {padding:17px 8px;}
  .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot > div .left-table {margin: -1px 5px 0 0; font-size: 15px;}
  .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot pre {padding: 0;}

  .a-txt {margin-top: 0;}
}
/* faq 끝 ************************************************************************************/









/* 22.07.13 마이페이지 - 장바구니 리스트 */
/* 가로형 테이블 스타일 타입1 */
.list-table-row {}
.list-table-tr {display:flex; align-items:center;}
.list-table-tr .list-table-div {width:100%; /* display:flex; align-items:center; */}
.list-table-div.list-type-tab01 {}
.list-table-div.list-type-tab02 {display:none;}
.list-table-td {text-align:center;}
.list-table-row .list-table-thead {border-top:1px solid #000; /* border-bottom:1px solid #c4c4c4; */}
.list-table-thead .list-table-tr {padding:15px 0;}
.list-table-thead .list-table-td {font-weight:600;}
.list-table-thead .list-table-td.thumbnail {padding-left: 15px;}
.list-table-row .list-table-tbody {border-top:1px solid #c4c4c4;}
.list-table-row .list-table-tbody .item-data:first-child {border-top:0;}
.list-table-tbody .list-table-tr {padding:15px 0; border-bottom:1px solid #c4c4c4;}
/* .list-table-tbody .list-table-tr.item-data:first-child {border-top:1px solid #c4c4c4;} */
/* .list-table-row .list-table-tbody .slide-table-top .list-table-tr {border-top:1px solid #c4c4c4;} */
.list-table-tbody .list-table-td {}
.list-table-tbody .list-table-td span {font-size: 14px;}
.list-table-tbody .list-table-td span i {display:inline-block; margin-left:4px;}
/* .list-table-tbody.thead-none .list-table-tr:first-child {border-top:1px solid #c4c4c4;} */
.list-table-row .list-table-tbody[data-canvas="getListBucketProduct"] .td-thumbnail .prd-data {max-width: 370px;}


.td-thumbnail {display:flex; align-items:center; /* padding-left:15px; */}
.td-thumbnail .prd-thumb {width:70px; height:70px; min-width: 70px; /* margin:0 15px; */}
.td-thumbnail .prd-thumb img {width:100%; height: 100%; object-fit: cover;}
.td-thumbnail .prd-data {width: 80%; max-width: 295px; margin-left: 15px;}
.td-thumbnail .prd-data .prd-data-name {/* display:inline-block; */ font-weight:600; font-size:16px; width: 100%;}
.td-thumbnail .prd-data .prd-data-option {/* display:inline-flex; align-items:center; */ text-align: left; width:100%; /* margin-top:6px; */ font-size:.9rem; color:#999;}
.td-thumbnail .prd-data .prd-data-option span {font-size:.9rem; color:#999;}
/* .td-count .prd-count {position:relative; display:inline-flex; width:36px; height:27px;} */
.td-date {}
.td-date .start-date {}
.td-date .end-date {}
.td-link a {text-decoration:underline;}

/* .prd-count .count-data {width:100%; padding-right:28px; border:1px solid #999; border-right:0; text-align:center; line-height: 27px;} */
.prd-count .count-btn {position:absolute; right:0; height:50%; border:1px solid #999; padding:0 5px;}
.prd-count .count-up {top:0; border-bottom:0;}
.prd-count .count-down {bottom:0;}
.td-count .count-change {height:35px; padding:0 8px; border:1px solid #999; font-size:.9rem;}
.td-order {}
.td-order .comm-btn {/*width:60%; */padding:5px 0; margin-bottom:3px; border-width:1px; border-style: solid; font-size:.9rem;}
.td-order .comm-btn:last-child {margin-bottom:0;}
.td-order .prd-order-btn {border-color:#1159FE; color:#1159FE;}
/* .td-order .prd-order-delete {border-color:#999;} */
.td-order .prd-order-delete i {width:auto; padding:4px; font-size:.8rem; border-radius:30px; background-color:#e32133; color:#fff;}
.like-btn {justify-content: flex-end;}
.like-btn .prd-order-delete {width: auto; padding: 5px 10px;}
/* 테이블 아래 버튼 영역 */
.list-table-btn {margin-top:10px; font-size:0;}
.list-table-btn .table-btn {padding:8px 15px; margin-right:4px; border-width:1px; border-style:solid; border-color:#666; font-size:.9rem;}
.list-table-btn .table-btn:last-child {margin-right:0;}
.prd-sel-delete {color:#666;}
.prd-all-delete {background-color:#666; color:#fff;}
/* 합계 영역 */
.prd-sum {margin:80px 0; border-top:1px solid #000;}
.prd-sum-list {display:flex; align-items:center; justify-content:space-around; padding:30px 0; border-bottom:1px solid #aaa;}
.prd-sum-list i.fit-xi-icon {font-size: 1.5rem;}
.prd-sum-item {text-align:center;}
.prd-sum-title {}
.prd-sum-data {margin-top:15px; font-weight:600; font-size:1.4rem;}
.prd-sum-data:after {content:'원';}
.prd-sum-price {padding:15px 20px; background-color:#f8f8f8; border-bottom:1px solid #aaa;}
.sum-price {display:flex; align-items:flex-end; justify-content:flex-end;}
.sum-price .prd-sum-data {margin-top:0; padding-left:20px;}


/* 22. 07. 19 마이페이지 - 내 쿠폰 */
/* 등록 영역 스타일 */
.upload-form {text-align:center;}
.upload-form .form-title {margin-bottom:10px; font-size:1.2rem; font-weight:700; text-align:left;}
.upload-form .form-cont {display:flex; align-items:center; padding:20px; background-color:#f8f8f8; border:1px solid #eee;}
.upload-form .form-input {width:50%;}
.upload-form .form-input input {width:100%; padding:8px 10px; border:1px solid #eee; font-size:.9rem;}
.upload-form .form-input input::placeholder {font-size:.9rem;}
.upload-form .form-btn {margin-left:4px; padding:8px 15px; background-color:#1159FE; color:#fff; font-size:.9rem;}
.upload-form .form-btn02 {margin:15px 0; padding:10px 30px; font-weight:600;}
/* 등록 영역 체크박스 스타일 01 */
.upload-form .form-check01 {display:flex; align-items:center; justify-content:center; padding:8px 15px; background-color:#fff; border:1px solid #bbb; margin-right:4px; font-weight:600;}
.upload-form .form-check01:last-child {margin-right:0;}
.upload-form .form-check01 input[type='radio'] {display:none;}
.upload-form .form-check01 .input-box {display:inline-flex; align-items:center; justify-content:center; margin-right:5px; width:20px; height:20px; border-radius:50%; border:1px solid #bbb;}
.upload-form .form-check01.active {border-color:#1159FE; color:#1159FE;}
.upload-form .form-check01.active .input-box {border-color:#1159FE; background-color:#1159FE;}
.upload-form .form-check01.active .input-box i {color:#fff;}

.list-top {margin-top:35px; display:flex; align-items:center; justify-content:space-between;}
.list-top .list-left {}
.list-top .list-title,
.list-top .list-title span {font-size:1.2rem; font-weight:700;}
.list-top .list-desc,
.list-top .list-desc b {margin-left:5px; color:#999; font-size:.9rem;}
.list-top .list-count {padding:0 4px; font-weight:700;}

.list-table {margin-top:15px;}

.form-noti {font-size:.9rem; line-height:1.5;}


@media screen and (max-width: 768px) {
  /* 22.07.01 상품목록 (by.hyemi) */
  .prd-list-style01 .sub-cate {white-space:nowrap; overflow-x:scroll;}
  .prd-list-style01 .sub-cate .item {margin-right:20px;}
  .align-data select {height:auto; padding:5px 8px; border:1px solid #aaa; font-size:.9rem;}
  .list-layout2-mo {}
  .list-layout2-mo .list-layout-item {width:calc(100% / 2 - 3px); margin-right:6px; padding:8px;}
  /* .list-layout2-mo .list-layout-item {margin-right:6px; padding:8px;} */
  .list-layout2-mo .list-layout-item:nth-child(2n) {margin-right:0;}
  .list-layout2-mo .list-layout-item:nth-child(2n)~.list-layout-item {margin-top:15px;}

  /* 22.07.17 장바구니 */
  .list-mo-title {width:70px; font-weight:600;}
  .list-table-row .list-table-thead {display:none;}
  .list-table-tbody .list-table-tr {align-items:flex-start; flex-direction:column; /* border-top:1px solid #000; */ padding: 15px 10px;}
  .list-table-tbody .item-data:first-child .list-table-tr {border-top:1px solid #c4c4c4;}
  .list-table-td {display:flex; align-items:center; width:100%; text-align:left; margin-bottom:15px;}
  .list-table-td:last-child {margin-bottom:0;}
  .list-table-div.list-type-tab01 {padding:20px 10px;}
  .list-table-div.list-type-tab01 .list-table-td {margin-bottom:0; justify-content:center; text-align:center;}
  .list-table-div.list-type-tab02 {display: block !important; padding:20px; background-color:#f8f8f8;}
  .list-table-div.list-type-tab02 .list-table-td {margin-bottom:0; line-height:1.5;}
  .list-table-div.list-type-tab02 .tab-bot-title {font-weight:700;}
  .list-table-tbody .list-table-tr.list-table-tr01 {padding:0;}
  .list-table-div .list-table-td {margin-bottom:0; padding:10px; justify-content:center; text-align:center;}

  
  .td-thumbnail {padding-left:0; flex-direction:column; align-items:flex-start;}
  .td-thumbnail .prd-thumb {margin:0 0 15px 0; width: 60px; height: 60px;}
  .td-thumbnail .prd-data {width: 100%; max-width: 300px; margin-left: 0;}
  .td-check input[type='checkbox'] {height:auto;}
  .prd-count .count-data {height:100%;}
  .td-count .count-change {margin-left:4px;}
  .td-order {display:flex; align-items:center;}
  .td-order .comm-btn {margin-bottom:0; margin-right:5px;}
  .td-order .comm-btn:last-child {margin-right:0;}

  .list-table-btn .table-btn {font-weight:400; font-size:.9rem;}

  .prd-sum {margin:30px 0;}
  .prd-sum-list {display:block; padding:10px 0;}
  .prd-sum-item {display:flex; align-items:center; justify-content:space-between; padding: 0 20px;}
  .prd-sum-title {display:inline-flex; align-items:center;}
  .prd-sum-list i.fit-xi-icon {margin-right:5px; display:inline-block !important; font-size:1.1rem;}
  .sum-price {justify-content:space-between;}

  .myinfo-form-btn {flex-direction:column;}
  .myinfo-form-btn .common-btn {width:100%;}
  .myinfo-form-btn .cancel-btn {margin-right:0; margin-bottom:6px;}

  /* 22.08.05 마이페이지 - 장바구니 리스트 */
  /* 가로형 테이블 스타일 타입1 */
  /* .list-table-row .list-table-tbody {border-top: 1px solid #000;} */

  .form-noti {display:block;}

}



/* 22.07.18 마이페이지 - 배송지변경 리스트 */
/* 가로형 테이블 스타일 타입2 */
/* .list-table-row02 {border-top: 1px solid #C4C4C4;} */
.list-table-row02 .list-table-tr {border-color: #c4c4c4;}
.addr-data-nickname {font-size: 14px;}
.addr-data-basic {display: inline-block; padding: 4px 6px; margin-top: 2px; background: #F7F7F7; border-radius: 3px; font-size: 12px; font-weight: 700; color: #989898;}
.addr-data-basic.off {display: none;}
.td-memberInfo {text-align: left;}
.td-memberInfo .addr-data {color: #585858; margin-bottom: 6px;}
.addr-data-name {position: relative; margin-right: 17px;}
.addr-data-name::after {position: absolute; top: 50%; transform: translateY(-50%); right: -11px; content: ""; display: block; width: 1px; height: 12px; background: #C4C4C4;}
.td-addr-btn {text-align: right; padding: 0 18px;}
.basic-button {display: inline-block; min-width: 43px; border: 1px solid #C4C4C4; border-radius: 4px; padding: 5px 8px; font-size: 12px; color: #585858;}
.mypage-cont .basic-button {color: #585858;}


/* 팝업 */
.fit-comm-address .fit-pop-cont .pop-cont {padding:38px 80px 60px; width:920px;}
.fit-comm-address .fit-pop-cont .fit-form-tit p {border-bottom:0;}

.fit-comm-address .fit-pop-cont .item-box {margin-top:14px;}
.fit-comm-address .fit-pop-cont .item-box .item-data {display:flex; align-items:Center; margin-bottom:24px;}
.fit-comm-address .fit-pop-cont .item-box .item-data:last-child {margin-bottom:0;}

.fit-comm-address .fit-pop-cont .item-box .item-data .item-tit {font-size:1rem; font-weight:700; width:130px;}
.fit-comm-address .fit-pop-cont .item-box .item-data .item-cont,
.fit-comm-address .fit-pop-cont .item-box .item-data .item-cont div {font-size:0;}
.fit-comm-address .fit-pop-cont .item-box .item-data.tel .item-cont {display:flex; align-items:center;}
.fit-comm-address .fit-pop-cont .item-box .item-data.tel .item-cont .check-basic {margin-left:37px;}
.fit-comm-address .fit-pop-cont .item-box .item-data.address {align-items:flex-start;}
.fit-comm-address .fit-pop-cont .item-box .item-data.address .item-tit {margin-top:18px;}
.fit-comm-address .fit-pop-cont .item-box .item-data.address .item-cont .item-btn-layout:first-child {margin-bottom:12px; display:flex; align-items:Center;}
.fit-comm-address .fit-pop-cont .item-box .item-data.address .item-cont .duplicate-btn {font-size:1rem; width:160px; height:60px; color:#fff; border-radius:4px; background: #414853;}
.fit-comm-address .fit-pop-cont .item-box .item-data.address .item-cont .check-basic {margin-top:21px;}

.fit-comm-address .fit-pop-cont .item-box .item-data .item-cont .check-basic label {font-size:1rem; font-weight:500;}
.fit-comm-address .fit-pop-cont .item-box .item-data .item-cont .check-basic input[type="checkbox"] + .click-check {width:28px; height:28px;}

.fit-comm-address .fit-pop-cont .item-box .item-data .input-type01 {width:630px;}
.fit-comm-address .fit-pop-cont .item-box .item-data .input-type02 {width:150px; margin-right:9px;}
.fit-comm-address .fit-pop-cont .item-box .item-data .input-type02::-webkit-inner-spin-button {-webkit-appearance: none;}
.fit-comm-address .fit-pop-cont .item-box .item-data .input-type02:last-child {margin-right:0;}
.fit-comm-address .fit-pop-cont .item-box .item-data .input-type03 {width:470px;}
.fit-comm-address .fit-pop-cont .item-box .item-data .input-type04 {width:458px; margin-right:12px;}
.fit-comm-address .fit-pop-cont .item-box .item-data input,
.fit-comm-address .fit-pop-cont .item-box .item-data select {width:630px; height:60px; border: 1px solid #c4c4c4; border-radius:4px; padding:13px 24px; /* font-weight:700; */}
.fit-comm-address .fit-pop-cont .item-box .item-data input::placeholder {color:#AAB1BB;}
/* pop-btn */
.fit-comm-address .fit-pop-cont .btn-box {text-align:center; margin-top:46px;}
.fit-comm-address .fit-pop-cont .btn-box button {width:204px; font-size:1rem; font-weight:500; border-radius:4px; text-align:center; padding:18px;}
.fit-comm-address .fit-pop-cont .btn-box .cancel-btn {border:1px solid #282C33; }
.fit-comm-address .fit-pop-cont .btn-box .submit-btn {background:#414853; color:#fff; margin-left:8px;}

@media screen and (max-width: 768px) {
  .list-table-row02 {border: 0; margin-bottom: 40px;}
  .list-table-row02 .list-table-tr .flex-between {width: 100%;}
  .td-addrInfo-cont {display: flex; align-items: center; justify-content: space-between; width: 100%;}
  .td-addrInfo {margin-bottom: 7px;}
  .addr-data-basic {font-size: 12px;}
  .td-addr-btn {padding: 0;}
  .list-table-row02 .td-memberInfo {margin-bottom: 0;}
  .list-table-row02 .td-memberInfo span,
  .list-table-row02 .list-table-td p {font-size: 14px;}
  .addr-data-nickname {margin-right: 6px;}
  .td-memberInfo {display: revert;}


  /* 팝업 */
  .fit-comm-address .fit-add-address .pop-cont {width: 100%; height: 100%; border-radius: 0; padding: 60px 20px 48px; overflow-y: scroll;}
  .fit-comm-address .fit-add-address .pop-cont i.pop-close {position: absolute; font-size:1rem; top:35px; right: 20px; font-weight: 500;}
  .fit-comm-address .fit-add-address .fit-form-tit {padding: 0; border: 0;}
  .fit-comm-address .fit-add-address .item-box {margin-top: 32px;}
  .fit-comm-address .fit-add-address .item-box .item-data {display: revert;}
  .fit-comm-address .fit-pop-cont .item-box .item-data .input-type04 {margin-right:8px;}
  .fit-comm-address .fit-add-address .item-box .item-data .input-type04,
  .fit-comm-address .fit-add-address .item-box .item-data .input-type03,
  .fit-comm-address .fit-add-address .item-box .item-data .input-type01 {width: 100%;}
  .fit-comm-address .fit-add-address .item-box .item-data .item-tit {font-size:1rem;}
  .fit-comm-address .fit-add-address .item-box .item-data .item-cont, .fit-comm-address .fit-pop-cont .item-box .item-data .item-cont div {margin-top: 8px;}
  .fit-comm-address .fit-add-address .item-box .item-data.phobe .item-cont,
  .fit-comm-address .fit-add-address .item-box .item-data.tel .item-cont {justify-content: space-between;}
  .fit-comm-address .fit-add-address .item-box .item-data .input-type02 {width:calc((100%/3) - 6px);}
  .fit-comm-address .fit-add-address .item-box .item-data.tel .item-cont {display: revert;}
  .fit-comm-address .fit-add-address .item-box .item-data.tel .item-cont .check-basic {display: none;}
  .fit-comm-address .fit-add-address .item-box .item-data.address .item-cont .duplicate-btn {width: 88px; height: 50px; font-size: 1rem !important; font-weight: 400;}
  .fit-comm-address .fit-add-address .item-box .item-data.address .item-cont .check-basic {margin-top: 10px;}
  .fit-comm-address .fit-add-address .item-box .item-data .item-cont .check-basic label {font-size: 1rem; font-weight: 400;}
  .fit-comm-address .fit-add-address .item-box .item-data .item-cont .check-basic input[type="checkbox"] + .click-check {width: 24px; height: 24px; margin-right: 8px;}
  .fit-comm-address .fit-add-address .btn-box {margin-top: 40px;}
  .fit-comm-address .fit-add-address .btn-box .submit-btn {width: 100%; height: 50px; font-size: 1rem; font-weight: 400; margin: 0;}
  .fit-comm-address .fit-add-address .btn-box .cancel-btn {display: none;}
  .fit-comm-address .fit-pop-delete .pop-cont {width: 90% !important; padding:28px 20px 20px !important;}
}





/* 22.07.18 마이페이지 - 주문/배송 조회 */
.my-order-sum {margin-bottom:50px;}
.my-order-sum .my-order-notice {margin-bottom:10px; padding:20px; background-color:#fff7f7;}
.my-order-sum .my-order-notice p {font-size:.9rem; line-height:1.5;}
.my-order-sum .my-order-notice p.notice-tit {font-size:1.2rem; font-weight:700; color:#ff2815;}
.my-order-sum .my-section-contents {border-top: 1px solid #050505; border-bottom: 1px solid #c4c4c4; /*margin-bottom: 80px; */ background: #FBFBFB;}
.my-order-sum .my-section-contents .item-box {text-align: center;}
.orderList-info {margin-bottom: 50px;}
.orderList-info p {font-size: 12px; color: #585858;}
.my-order-sum .item-tit {font-size: 14px; font-weight: 700; margin-bottom: 23px;}
.my-order-sum .item-info {font-size: 30px; font-weight: 700;}
.list-table-thead .td-order-num span {font-size: 12px; color: #585858; font-weight: 700;}
.td-order-num .list-title {font-size: 14px;}
.td-order-num .td-data {font-size: 12px; color: #585858;}
.mob-bot-orderInfo .right-cont {display: flex; align-items: center;}
.mob-bot-orderInfo .right-cont .list-table-td .td-delivery-info {font-size: 12px; text-decoration: underline; cursor: pointer;}
.mob-bot-orderInfo .right-cont .td-order-status {position: relative;}
.mob-bot-orderInfo .right-cont .td-order-status p {font-size: 14px;}
.mob-bot-orderInfo .right-cont .td-order-status .delivert-status-popup {display: none; position: absolute; background: #fff; border: 1px solid #000; padding: 9px 12px 12px; min-width: 160px;}
.mob-bot-orderInfo .right-cont .list-table-td .td-delivery-info:hover .delivert-status-popup {display: block;}
.mob-bot-orderInfo .right-cont .td-order-status .delivert-status-popup p {text-align: left;}
.mob-bot-orderInfo .right-cont .td-order-status .delivert-status-popup span {font-size: 12px;}
.mob-bot-orderInfo .right-cont .td-order-status .delivert-status-popup .td-tit {display: inline-block; min-width: 50px; text-align: left; font-weight: 600;}
[data-canvas="getListOrderProduct"] .right-cont .td-thumbnail .prd-data {max-width: 250px; margin-left: 9px;}
.td-thumbnail .prd-data .prd-data-option .op-tit {position: relative; margin-right: 12px;}
.td-thumbnail .prd-data .prd-data-option .op-tit::after {position: absolute; top: 50%; transform: translateY(-50%); right:-6px; content: ""; display: block; width: 1px; height: 10px; background: #c4c4c4;}
.td-thumbnail .prd-data .order-date-name {/* max-width: 180px; */ text-align: left;}
.td-order-status .basic-button {/* display: none; */ margin: 2px 0; cursor: pointer; font-size: 12px !important;}
.td-order-status .basic-button.on {display: inline-block;}

/* 주문처리상태에 따른 텍스트 색상 적용 (22.10.26) */
.td-data.data-pay-paid {color:#0077dd; font-weight:600;}
.td-data.data-pay-ready {color:#349303; font-weight:600;}
.td-data.data-pay-failed, .td-data.data-pay-cancelled {color:#f50d0d; font-weight:600;}
/* .td-data.data-pay-cancelled {} */


@media screen and (max-width: 768px) {
  .my-order-sum .my-section-contents {margin-bottom: 40px;}
  .my-order-sum .my-section-contents .contents-left {display: flex; margin: 0 ; padding: 0; border: 0;}
  .my-order-sum .item-tit {font-size: 12px; margin-bottom: 7px;}
  .my-order-sum .item-info {font-size: 24px;}
  .list-table-row .order-list-table-tbody {border-top: 1px solid #050505;}
  .mobile-orderInfo {display: flex; align-items: flex-start; justify-content: space-between; width: 100%; margin-bottom: 10px;}
  .mobile-orderInfo .td-order-num {display: revert;}
  .mobile-orderInfo .td-order-status {text-align: right;}
  .td-thumbnail .prd-data .prd-data-option {display: revert;}
  .td-thumbnail .prd-data .prd-data-option span,
  .td-order-num .list-title,
  .mobile-orderInfo .td-order-status p {font-size: .9rem; line-height:1.1;}
  .td-thumbnail .prd-data .prd-data-option {display:inline-block; margin:5px 0;}
  .td-thumbnail .prd-data .mob-prd-info {display: flex; align-items: center; margin-top: 5px;}
  .td-thumbnail .prd-data .mob-prd-info span {font-size: 12px; color: #050505;}
  /* .mob-bot-orderInfo {display: flex; align-items: flex-start; width: 100%;} */
  .mob-bot-orderInfo {width: 100%;}
  .mob-bot-orderInfo .prd-thumb {width: 120px; height: 120px; margin:0 auto 10px; /*margin-right: 12px;*/}
  .mob-bot-orderInfo .prd-thumb img {width: 100%; height: 100%; object-fit: cover;}
  .mob-bot-orderInfo .right-cont {display: revert; padding:15px; background-color:#f8f8f8;}
  .mob-bot-orderInfo .right-cont .td-order-status {width: 100%;}
  .td-thumbnail .prd-data .order-date-name {display:inline-block; width: 100%; /*max-width: 280px;*/ font-size: 1.2rem;}
  .mob-bot-orderInfo .list-table-td {margin-bottom: 5px;}
  .mob-bot-orderInfo .list-table-td span {font-size: 14px;}
  .mob-bot-orderInfo .td-thumbnail {flex-direction: row;}
  /* .mob-bot-orderInfo .td-thumbnail .prd-data {max-width: 240px; margin: 10px 0 15px !important; font-size: 15px;} */
  .mob-bot-orderInfo .td-thumbnail .prd-data {max-width:100%; width:100%; padding: 0 0 10px; font-size: 15px;}
  .mob-bot-orderInfo .td-count {margin-right: 8px;}
  .mob-bot-orderInfo .td-count, .mob-bot-orderInfo .td-price, .mob-bot-orderInfo .td-date, .mob-bot-orderInfo .td-order-status .item05 {display: flex;}
  .mob-bot-orderInfo .td-order-status .item05 {align-items:center;}
  .td-order-status .item05 .status.active {width:100%;}
  .td-order-status .item05 .status.active .status_element {display:flex; align-items:center;}
  .td-order-status .item05 .status.active .status_element .status-txt {width:auto;}
  .td-order-status .item05 .status.active .status_element .basic-button {width:auto; margin-left:5px;}


  .mob-bot-orderInfo .list-table-td .td-tit {min-width: 100px; font-weight: 600; margin-right: 5px;}
  /* 하단 버튼 */
  .order-list-table-tbody .basic-button {display: none !important; width: 100%; text-align: center; margin-top: 6px;}
  .order-list-table-tbody .basic-button.on {display: block !important;}

  .td-order-status .basic-button {width: 100%; margin: 0 2px; text-align: center;}
  [data-canvas="getListOrderProduct"] .right-cont .td-thumbnail .prd-data {margin-left:0;}
}





/* 22.07.19 마이페이지 - 교환/반품 내역 (by.jieun) */
.prd-data-number {text-align: left; margin-bottom: 5px; color: #666; font-size: 12px; line-height: 14px;}
.prd-data-number span {background: #000; color: #fff; padding: 3px 8px; border-radius: 4px; margin-right: 7px; font-size: 10px;}


/* 팝업 */
.fit-comm-inqu-order .fit-pop-cont i {font-size:4.571rem; color:#1AD0FC;}
.fit-comm-inqu-order .fit-pop-cont .btn-box {display:flex; align-items:center; justify-content:center; margin-top:40px;}
.fit-comm-inqu-order .fit-pop-cont .btn-box button {width:204px; height:60px; border-radius:4px; font-size:1.3rem; display:flex; align-items:Center; justify-content:Center; border:1px solid #414853;}
.fit-comm-inqu-order .fit-pop-cont .btn-box button a {font-size:1.3rem; width:100%; height:100%;}
.fit-comm-inqu-order .fit-pop-cont .btn-box button:first-child {margin-right:8px;}
.fit-comm-inqu-order .fit-pop-cont .btn-box .non-btn {background:#414853; color:#fff;}
.fit-comm-inqu-order .fit-pop-cont .pop-cont .pop-info p:nth-of-type(1) {margin-bottom: 0 !important;}
.fit-comm-inqu-order .fit-pop-cont .pop-cont .pop-info p:nth-of-type(2) {margin-top: 0 !important;}
.popup-close {display:flex; align-items:center; justify-content:flex-end; margin-bottom:10px;}
.popup-close i.pop-close {font-size:2rem; color:#000;}

@media screen and (max-width: 768px) {  
  .prd-data-number {margin-bottom: 10px;}
  .mob-bot-orderInfo.flex-between {margin-top: 6px; flex-direction:column;}
  .mob-bot-orderInfo.flex-between .td-title {margin-right:4px; font-weight:600;}
  /* .mob-bot-orderInfo.flex-between .list-table-td {margin-bottom: 0;} */
  /* .mob-bot-orderInfo.flex-between .td-status {justify-content: flex-end;} */

  /* 팝업 */
  .fit-comm-inqu-order .pop-cont {width: 85%; border-radius: 4px;}
  .fit-comm-inqu-order .fit-pop-cont .btn-box {margin-top: 32px;}
  .fit-comm-inqu-order .fit-pop-cont .btn-box button {width: 50%; height: 48px;}
  .fit-comm-inqu-order .fit-pop-cont .btn-box .non-btn,
  .fit-comm-inqu-order .fit-pop-cont .btn-box button a {font-size:16px !important; font-weight: 700;}
  .fit-comm-inqu-order .fit-pop-cont .pop-cont .pop-info p {margin: 16px auto 32px; line-height: 26px;}
  .fit-comm-inqu-order .fit-pop-cont .pop-cont .pop-info p:nth-of-type(1) {margin-bottom: 0 !important;}
  .fit-comm-inqu-order .fit-pop-cont .pop-cont .pop-info p:nth-of-type(2) {margin-top: 0 !important;}
}


/* 22.07.19 마이페이지 - 내가 남긴 문의 (by.jieun) */
.list-table-row .list-title  {border: 0; margin-bottom: 16px; font-size: 16px; font-weight: 700;}
.list-table-row .list-title span {font-weight:700; padding:0 3px;}
#count-getListReplyCount {font-size: 16px; font-weight: 700; margin-left: 3px;}
.td-answer {color: #FF7A00;}
.list-table-tbody.faq-cate .slide-table-bot .list-table-tr {border-top: 0; border-bottom:none;}
/* .list-table-tbody.faq-cate .slide-table-bot .list-table-tr.active {border-bottom:1px solid #c4c4c4;} */
.list-table-tbody.faq-cate .slide-table-bot .td-btn {flex-direction:row;}
.list-table-tbody.faq-cate .slide-table-bot .td-btn .basic-button {margin-left: 2px;}
/* 문의 상세(slide-table) */
.td-status-icon {background: #F7F7F7; padding: 2px 6px; border-radius: 3px; margin-right: 18px; color: #989898; font-size: 12px;}
.td-pre {white-space: pre-line;}

.slide-list-table {border-top:1px solid #C4C4C4;}
.slide-list-table:first-child {border-top:0;}
.slide-list-table:last-child {border-bottom:1px solid #C4C4C4 !important;}

.slide-list-table .td-date {color: #585858;}
.slide-list-table .slide-table-bot .list-table-tr {padding: 20px;}
.slide-table-top .list-table-tr {border-bottom: 0;}
.slide-table-top + .slide-table-bot .table-detail {border-top: 1px dashed #C4C4C4;}
/* .slide-table-bot {display:none;} */
.slide-table-bot .table-detail .list-table-tr {border-bottom:0;}
.list-table-tbody .list-table-td span.an-button {display:inline-block; margin-left:3px;font-size:.8rem; min-width: 66px;}
/* .slide-table-bot {display:none;}
.slide-table-bot.active {display:block;} */

@media screen and (max-width: 768px) {  
  .list-table-tbody.faq-cate {border-top: 0;}
  .slide-list-table .td-thumbnail {flex-direction: row; align-items: center;}
  .slide-list-table .td-thumbnail .prd-thumb {margin-right: 11px; margin-bottom: 0;}
  .slide-list-table .prd-data-name {display: inline-block; width: 230px;}
  /* .slide-list-table .list-table-tr {border-color: #c4c4c4;} */
  .slide-list-table .mobile-orderInfo .td-date {color: #989898;}
  .slide-table-bot .list-table-tr {border-top: 0;}
  .slide-table-bot .td-btn {justify-content: flex-end;}
  .slide-table-bot .td-btn button:first-child {margin-right: 3px;}
  .slide-table-bot .td-date {padding-left: 50px;}

}

/* 22.07.20 검색결과 (by.jieun) */
.search-cont .main-tit {display: flex; align-items: flex-start; justify-content: center;}
.search-cont .main-tit,
.search-cont .main-tit span {margin-bottom: 10px; font-size:36px; font-weight:700;}
.search-cont .count {font-size: 16px; font-weight: 400; color: #000;}
.search-cont #count-getListSearchProduct {font-size: 16px; font-weight: 700;}

@media screen and (max-width: 768px) {
  .search-cont .main-tit,
  .search-cont .main-tit span {margin-bottom: 3px; font-size:30px;}
  .search-cont .count,
  .search-cont #count-getListSearchProduct {font-size: 14px;}

  /* 22.07.21 검색결과_인기검색어 (by.jieun) */
  .search-cont {margin-top: 0 !important;}
  .fit-search-wrap .search-cont .search-input {position: relative; margin-bottom:30px;}
  .fit-search-wrap .search-cont .search-input .xi-search {position: absolute; left: 12px; top: 49%; transform: translateY(-50%); font-size: 18px;}
  .fit-search-wrap .search-cont .search-input input {width: 100%; padding:15px 10px 15px 37px!important; font-size:16px !important; font-weight:400; color: #989898; background: #F3F3F3; box-sizing: border-box;}
  .fit-search-wrap .search-cont .search-input input::placeholder {font-size:16px !important; font-weight:400;}

  .fit-search-wrap .search-cont .se-result-box h2 {font-size:16px; font-weight:700; margin-bottom: 20px; padding-bottom: 8px; border-bottom: 1px solid #E5E5E5;}
  .fit-search-wrap .search-cont .se-result-box h2 span {font-size:1.571rem;}
  .fit-search-wrap .search-cont .se-result-box h2 .search-num {width:28px; height:28px; font-size:1.143rem; margin-left:8px;}
  .fit-search-wrap .search-cont .search-keyword .keyword-list {line-height: 33px;}
  .fit-search-wrap .search-cont .search-keyword .keyword-list a {font-size:16px; font-weight:400;}

  .fit-search-wrap .search-cont .result-search-word .keyword-list {margin-top:29px; display: revert; /* overflow-y: scroll; height:100vh; */ padding:0 20px 40px;}
  .fit-search-wrap .search-cont .result-search-word .keyword-list .gal-list-info .gal-tit .galt span {margin-top:-5px !important;}

  .fit-search-wrap .fit-gallery-list .gal-list-item {width:100%; min-height:332px; margin:0 auto 20px;}
  .fit-search-wrap .fit-gallery-list .gal-list-item:last-child {margin-bottom:0;}

  .fit-search-wrap .search-cont .no-keyword-list {margin:120px auto 0;}
  .fit-search-wrap .search-cont .no-keyword-list img {width:60px; height: 60px; margin-bottom:16px;}
  .fit-search-wrap .search-cont .no-keyword-list p {font-size:1.143rem;}
}

/* 22.07.20 이용약관 팝업 (by.jieun) */
.fit-terms-pop .pop-cont {padding:40px; width:800px; height: 480px; box-sizing: border-box;}
.fit-terms-pop .pop-cont h2 {font-size:20px; font-weight:700; margin-bottom: 0;}
.fit-terms-pop .pop-cont .pop-info {overflow: hidden; border-top:1px solid #c4c4c4;}
.fit-terms-pop .pop-cont .pop-info pre {overflow-x:hidden; width:100%; height:286px; text-align:left; margin-top: 20px; font-size:1rem; line-height:22px;}
.fit-terms-pop .pop-cont .pop-info pre::-webkit-scrollbar {display: block; width: 6px; opacity: .5;}
.fit-terms-pop .pop-cont .pop-info pre::-webkit-scrollbar-thumb {height: 30%; border-radius: 50px; background: #C4C4C4;}
/* .fit-terms-pop .pop-cont .pop-info pre span {font-weight:700; font-size:1rem; margin-bottom:8px;}
.fit-terms-pop .pop-cont .pop-active-btn {display: none; background:#414853; width:260px; height:60px; margin:40px auto 0; color:#fff; font-size:1rem; font-weight:500; border-radius:4px;} */
/* button */
.fit-terms-pop .pop-cont .pop-close i.xi-close {color: #000; top:20px; right:20px; font-size: 1.3rem; font-weight: 600;}

@media screen and (max-width: 768px) {
  .fit-terms-pop .pop-cont {width:100%; height:100%; max-height:100%; padding:60px 30px; border-radius: 0;}
  .fit-terms-pop .pop-cont h2 {font-size:20px; padding: 0; margin-bottom: 0;}
  .fit-terms-pop .pop-cont button {width:auto; height:auto;}
  .fit-terms-pop .pop-cont i.xi-close {top:28px; right:20px !important; font-size:1.5rem;}
  .fit-terms-pop .pop-cont .pop-info {width:100%; height:90%; margin:0 auto;}
  .fit-terms-pop .pop-cont .pop-info pre {/* font-size:0.857rem; line-height: 16px; */ padding:0; height:100%;}
  /* .fit-terms-pop .pop-cont .pop-info pre span {font-size:1rem; font-weight:700; line-height:30px;}
  .fit-terms-pop .pop-cont .pop-active-btn {margin:20px 0 0; width:100%; height: 58px; border-radius:0 0 4px 4px;} */
  .fit-terms-pop .pop-cont .pop-info pre::-webkit-scrollbar-thumb {height: 15%;}
}

/* 22.07.21 board_공지사항 (by.jieun) */
.board-list .page-tit {text-align: center; margin-bottom: 70px; font-size: 20px; font-weight: 700;}
/* 탭 */
.page-tab {background-color:#fff; margin-bottom:40px;}
.page-tab .tab-cont {display:flex; align-items:center; width: 100%; border-bottom: 2px solid #000;}
.page-tab .tab-cont .scroll-soft {/* padding:20px 0; */ width:calc(100%/4); height: 66px; text-align:center; color:#000;  scroll-behavior:smooth; border:1px solid #c4c4c4; border-bottom: 0; border-right:0;}
.page-tab .tab-cont .scroll-soft:last-child {border-right:1px solid #c4c4c4;}
.page-tab .tab-cont .scroll-soft a {display: block; width: 100%; height: 100%; line-height: 66px; font-size: 18px; font-weight: 400;}
.page-tab .tab-cont .scroll-soft.active {position: relative; border:2px solid #000; border-bottom:0;}
.page-tab .tab-cont .scroll-soft.active::after {content: ""; position: absolute; left: 0; bottom:-2px; display: block; width: 100%; height: 3px; background: #fff;}
/* board_count */
.list-count {font-size: 16px; align-items: center;}
.list-count > span {font-weight: 700; margin-left: 3px;}
/* board_thead */
.board_list .table-thead {background: #f8f8f8; padding: 16px 0;}
.board_list .table-thead .tr-item {font-weight: 700;}
/* board_table */
.board_list {border-top:2px solid #282C33; /* min-height:400px; */ border-top:1px solid #E3E6ED; flex-direction: column;}
.board_list .table {padding:20px 84px 20px 38px; border-bottom:1px solid #E3E6ED; display:flex; align-items:center; justify-content:space-between;}
/* .board_list .table:first-child {border-top:1px solid #D4D4D4} */
.board_list .table > div {display:flex; align-items:center;}
.board_list .table .td-notice-icon {display: none; background: #F7F7F7; border-radius: 3px; padding: 2px 6px; margin-right: 18px; width: 37px; min-width: 37px; font-size: 12px; color: #989898; font-weight: 700; text-align: center;}
.board_list .table .td-notice-icon.on {display: inline-block;}
.board_list .table .td-notice-icon.on + .info-wrap {width: 98%;}
.board_list .table > div .info-wrap {width: 100%;}
.board_list .table .td-title {font-size:16px;}
.board_list .table .td-date {font-size:16px; color:#585858;}
.board_list .table .td-name .xi-new {margin-left:7px; font-size:1.58rem; color:#F23F3F;}
.board_list .table .td-icon-new {font-size: 10px; font-weight: 600; margin-left: 3px; line-height: 16px;}
.board_list .table .td-icon-file i {font-size: 16px; margin-left: 2px; transform: rotate(-45deg);}

@media screen and (max-width: 768px) {
  .board-list .page-tit {margin-bottom: 35px;}
  /* 탭 */
  .page-tab .tab-cont .scroll-soft {height: 50px;}
  .page-tab .tab-cont .scroll-soft a {line-height: 50px;}
  .board_list .table {padding:20px 10px; display: revert;}
  .board_list .table > div {align-items: flex-start; flex-wrap: inherit;}
  .board_list .table .td-date {margin-top: 2px; font-size: 14px;}
  .board_list .table > div .info-wrap {flex-direction: column; align-items: flex-start;}
  .board_list .table .td-notice-icon.on + .info-wrap {width: 90%;}
  /* board_count */
  .list-count {font-size: 14px;}
  .list-count > span {font-size: 14px;}
  /* board */
  .board_list .table .td-notice-icon {margin-right: 10px;}
  .board_list .table .td-name {align-items: inherit;}
  .board_list .table .td-name .xi-new {margin-left:8px; font-size:1.4rem;}
  /* board_table */
  .board_list .table {padding: 8px 5px !important;}

}
/* 공지사항 목록 끝 ************************************************************************************/



/* 22. 07. 20 마이페이지 - 내 리뷰 (by.hyemi) */
.tab-menu {}
.tab-menu .tab-item {/* padding:15px; */ border:1px solid #c4c4c4; border-right-width:0;}
.tab-menu .tab-item.active {border-color:#1159FE; border-right-width:1px; font-weight:600; color:#1159FE;}
.tab-menu .tab-item.active+.tab-item {border-left-width:0;}
.tab-menu .tab-item:last-child {border-right-width:1px;}
.tab-menu .tab-item a {display: block; width: 100%; height: 100%; padding: 15px;}
.list-table-row03 {}
.list-table-row03 .list-table-tr {padding:25px 10px;}
.list-table-row03 .list-table-td {text-align:left;}
.list-table-row03 .list-table-td .td-thumb {width: 76px; height: 76px;}
.list-table-row03 .list-table-td .td-thumb img {width: 100%; height: 100%; object-fit: cover;}
.td-info {margin-left:15px;}
.td-info .info-comm {margin-bottom:4px;}
.td-info .info-comm:last-child {margin-bottom:0;}
.td-info .info-comm .info-data .item-data {display: inline-flex; align-items: center;}
.td-info .info-paydate {color:#999; font-size:.9rem;}
.td-info .info-paydate p {font-size:.9rem;}
/* .td-info .info-paydate .info-data {color:#999;} */
.td-info .info-title01 {margin-right:5px; padding:3px 5px; background-color:#f6f6f6; color:#666;}
.td-info .info-title02 {position:relative; min-width: 30px; margin-right:5px; font-weight:600;}
/* .td-info .info-title02:after {content:''; position:absolute; top:50%; right:-5px; transform:translateY(-50%); width:1px; height:70%; background-color:#000;} */
.td-info .info-name {font-weight:600; font-size:1.3rem;}
.td-info .info-option .info-data span:after {content:' / ';}
.td-info .info-option .info-data span:last-child:after {display:none;}
.td-btn {display:inline-flex; flex-direction:column; align-items:center;}
.td-btn .comm-btn {padding:6px 12px; border:1px solid #999; margin-bottom:4px; font-size:.9rem;}
.td-btn .comm-btn:last-child {margin-bottom:0;}
.td-btn .mainc-bg {color:#fff; border:1px solid #1159FE;}
/* 작성한 리뷰 */
.tab02-cont .review-info-star {margin-top:8px;}
.list-table-div.list-type-toggle {display:block; padding:20px 0 0 10px; margin-top:20px; width:100%; border-top:1px solid #c4c4c4;}
.content-data {font-size:1rem; line-height:1.3;}
.td-bot {}
.td-bot .date-data {color:#999;}
.td-bot .date-data span {font-size:.9rem;}
.td-bot .date-data .title {font-weight:600;}
.review-thumb {display: inline-block; margin-top: 20px;}
.review-thumb .image-data {display: inline-block;}
.review-thumb img {width:60px; height:60px; margin-right:5px; margin-bottom:5px;}
.review-thumb img:last-child {margin-right:0;}
/* 리뷰 레이어 팝업 */
.fit-pop-cont .pop-cont-review {width:auto; height: 80%; padding:0;}
.fit-pop-cont .pop-cont-review .pop-right {padding:10px;}
.pop-cont-review .pop-close {padding:0; width:100%; text-align:right;}
.pop-cont-review .pop-close button {}
.pop-cont-review .pop-thumb {position: relative; margin: 0;}
.fit-pop-cont .pop-cont-review .pop-right {flex: 1; width:100%;}
/* 리뷰 레이어 팝업 이미지 있을때 */
.review_image_status_has .pop-cont-review .pop-thumb {height: 100%;}
.fit-pop-cont.review_image_status_has .pop-cont-review {width:1200px; height: 80%; padding:0;}
.fit-pop-cont.review_image_status_has .pop-cont-review .pop-thumb {flex: 1; width:100%; max-width:787px;}
.fit-pop-cont.review_image_status_has .pop-cont-review .pop-right {flex: .5;}

.pop-cont-review .pop-thumb .slick-list {width: 100%; max-height: 100%;}
.pop-cont-review .pop-thumb .slick-list .slick-track {height: 100%;}
.pop-cont-review .pop-thumb img {width:100%; height: 100%; object-fit: cover;}
.pop-cont-review .pop-thumb .slick-dots {bottom: 10px;}
.pop-cont-review .pop-thumb .slick-dots li {margin: 0;}
.pop-cont-review .pop-thumb .slick-arrow {display: none !important;}
.pop-cont-review .pop-info {display:flex; align-items:flex-start; justify-content:flex-start; flex-direction:column;}
.pop-cont-review .review-info-comm {width:100%; padding:10px 0;}
.pop-cont-review .review-info-prd .review-info-star {margin-top:4px;}
.pop-cont-review .review-info-user {padding:0 10px 20px; margin-bottom:10px; border-bottom:1px solid #c4c4c4;}
.pop-cont-review .review-info-content {padding:10px; height:100%; max-height: 550px; /* max-height:250px; */ overflow-y:scroll; text-align:left;}
.pop-cont-review .review-info-content {-ms-overflow-style: none; scrollbar-width: none;}
.pop-cont-review .review-info-content::-webkit-scrollbar {display: none;}
.fit-pop-cont .pop-cont-review .pop-close button i {position:relative; font-size:1.5rem; top:inherit; right:inherit;}
.fit-pop-cont .pop-cont-review .pop-info p {margin:0; font-size:1rem; font-weight:500; line-height:1;}
/* 팝업 이전/다음 버튼 */
.pop-cont-review .pop-arrow {}
.pop-cont-review .pop-arrow button {position:absolute; top:50%; transform:translateX(-50%); color:#fff;}
.pop-cont-review .pop-arrow button i {font-size:3rem;}
.pop-cont-review .pop-arrow .pop-prev {left:-30px;}
.pop-cont-review .pop-arrow .pop-next {right:-70px;}


@media screen and (max-width: 768px) {
  /* 22. 07. 20 마이페이지 - 내 리뷰 (by.hyemi) */
  .list-table-row03 .list-table-td {align-items: flex-start; padding: 0;}
  /* .list-table-row03 .list-table-tbody .list-table-tr {border-bottom:0;} */
  .list-table-row03 .list-table-tbody.thead-none .list-table-tr:first-child {/* border-top-color:#000; */ padding: 20px 0;}
  .list-table-row03 .list-table-td .td-thumb {width: 60px; height: 60px;}
  .td-btn {width:100%;}
  .td-btn .comm-btn {display:inline-block; width:100%; text-align:center;}
  .td-info {width: 77%;}
  .td-info .info-name {font-size: 13px;}
  /* 작성한 리뷰 */
  .tab02-cont .list-table-div {flex-direction:column; align-items:flex-start;}
  .tab02-cont .list-table-row03 .list-table-td {padding:10px 0; align-items:flex-start;}
  .td-info .info-option {flex-direction:column; align-items:flex-start;}
  .list-table-div.list-type-toggle {padding:20px 0 0;}
  .td-bot {margin-top:10px;}
  .td-bot .td-btn {width:auto;}
  /* 리뷰 레이어 팝업 */
  .fit-pop-cont .pop-cont-review {flex-direction:column; width:80% !important; min-width:80% !important; left:50%; top:50px; height:85% !important; transform:translateX(-50%);}
  .fit-pop-cont.review_image_status_has .pop-cont-review .pop-right {padding: 6px; flex: inherit; width: 100%; box-sizing: border-box;}
  .fit-pop-cont .pop-cont-review .td-thumbnail .prd-data .order-date-name {display: block; max-width: 100%; font-size: 1.1rem;}
  .pop-cont-review .review-info-user {padding-bottom: 10px;}
  .pop-cont-review .review-info-user span {font-size: 14px;}
  .pop-cont-review {position:relative;}
  .pop-cont-review .review-info-content {max-height: 70%;}
  .pop-cont-review .pop-close {position:absolute; width:auto; top:10px; right:10px;}
  .pop-cont-review .pop-close button {display:inline-flex; align-items:center; justify-content:center; background-color:rgba(255,255,255,.8); border-radius:50%; width:25px; height:25px;}
  .pop-cont-review .pop-close button i {font-size:1rem !important; font-weight:700;}
  /* 리뷰 레이어 팝업 이미지 있을때 */
  .review_image_status_has .pop-cont-review .review-info-content {/* max-height:300px; */ max-height: 119px; padding: 0;}
  .fit-pop-cont.review_image_status_has .pop-cont-review .pop-thumb {flex: inherit; height: 300px;}
  /* 팝업 이전/다음 버튼 */
  .pop-cont-review .pop-arrow button i {font-size:2rem;}
  .pop-cont-review .pop-arrow .pop-prev {left:-15px;}
  .pop-cont-review .pop-arrow .pop-next {right:-45px;}
}

/* 22.07. 29 마이페이지 - 내 포인트 (by.hyemi) */

@media screen and (max-width: 768px) {
  .upload-form02 .form-cont {display:block; font-size:0; text-align:left;}
  .upload-form02 .form-check01 {display:inline-flex; width:calc(100% / 2 - 2px); margin-right:4px;}
  .upload-form02 .form-check01:nth-child(2n) {margin-right:0;}
  .upload-form02 .form-check01:nth-child(2n)~.form-check01 {margin-top:4px;}
}

/* 22.08.05 마이페이지-리스트 */
.mypage-content .list-table-tbody[data-canvas="getListMemberShipping"] .list-table-tr:first-child {border-top: 0 !important;}
.common-btn[data-api_name="getMemberShipping"] {padding: 10px 10px !important;}




/* 22.08.29 */
/* 최상단 페이지 타이틀 */
.container .cont-title {text-align: left; margin-bottom: 54px; font-size: 38px; font-weight: 700; /* color: #6C99FF; */}
/* 검색 영역 */
.cont .cont-top {margin:10px 0 40px;}
.cont .top-search {display:flex; align-items:flex-start; /* background-color : #f7f7f7; border:1px solid #c0c0c0; */ border-radius:5px;}
.cont .top-search .search-group { flex-direction:column; align-items:center; padding : 26px 30px 28px 30px;}
.cont .top-search .search-group:not(.search-item) {padding: 0;}
.cont .top-search .search-group .search-item {display:flex; align-items:center; margin:10px 0; position:relative; width:100%;}
.cont .top-search .search-group .search-item .search-item-tit {width:110px; font-weight:600; padding-right:8px;}
.cont .top-search .search-group .search-item select {width:346px; margin-right:5px; background:#fff!important;}
.cont .top-search .search-group .search-item label {margin-right:15px; padding:5px 0;}
.cont .top-search .search-group .search-item label input[type='checkbox'] {margin-right:3px;}
.cont .top-search .search-group .search-item input[type='text'],.cont .top-search .search-group .search-item select {padding:7px; border:1px solid #c0c0c0; border-radius:3px;}
.cont .top-search .search-group .search-item input[type='text'] {width:346px; padding:5px; border:1px solid #c0c0c0; border-radius:3px;}
.cont .top-search .search-group .search-item input[type='text']::placeholder {color:#c0c0c0; font-size:.9rem;}
/* .cont .top-search .search-group .search-item input[type='text'].datepicker {width:160px; margin-right:6px; font-size : 1rem;}
.cont .top-search .search-group .search-item input[type='text'].datepicker:last-child {margin-right:0;} */
.cont .top-search .search-group .search-item button {display:flex; align-items:center; margin-left:4px; padding:7px; color:#fff; background-color:#080c34; font-size:.9rem; border-radius:3px;}
.cont .top-search .search-group .search-item button i {font-size:1.2rem;}

@media screen and (max-width:768px) {
  /* 최상단 페이지 타이틀 */
  .container .cont-title {font-size: 20px; margin-bottom: 30px;}

  .cont .cont-top {margin: 10px 0 33px;}
  .cont .top-search {padding:18px 10px;}
  .cont .top-search .search-group {width:100%;}
  .cont .top-search .search-group .search-item {display:revert;}
  .cont .top-search .search-group .search-item:first-child {margin-top:0;}
  .cont .top-search .search-group .search-item:last-child {margin-bottom:0;}
  .cont .top-search .search-group .search-item .search-item-tit {margin-bottom:10px;}
  .cont .top-search .search-group .search-item input[type='text'], .cont .top-search .search-group .search-item select {width:100%;}
  .cont .top-search .search-group .search-item input[type='text'].datepicker {width:46%;}
  .cont .top-search .search-group .search-item .datepicker-form {display:flex; align-items:center;}
  .cont .top-search .search-group .search-item .datepicker-form input[type='text'] {flex:1;}
  .cont .top-search .search-group .search-item .search-input-box {position: relative;}
  .cont .top-search .search-group .search-item button {right:10px;}
}

/* admin 타이틀 + 등록버튼 */
.upload-btn {display: inline-block; padding:8px 10px; background-color:#080c34; border-radius:5px; color:#fff;}
.upload-btn.t-excel {background-color:#207346;}
/* sort select */
.show-list-sel {margin-right:4px; padding:4px 10px; border:1px solid #ddd; font-size:.9rem;}


/* 테이블 상단 검색결과 카운트 + 정렬 */
.table-top {display:flex; align-items:center; justify-content:space-between;}
.table-top .table-top-left {display:flex; align-items:center;}
.table-top .list-count {display:flex; align-items:center; font-weight:400; justify-content : center; font-size :.9rem; }
.table-top .list-count span {font-weight:600; margin:0 4px; color:#1159FE; } /* 숫자 강조 */
.table-top .list-total-price {display:flex; align-items:center; font-weight:400; justify-content : center; font-size :1.1rem; }
.table-top .list-total-price span {font-weight:600; margin:0 4px; color:#080c34; } /* 숫자 강조 */
.align-data .sort-item {display:inline-flex; margin-right:0 !important; color:#080c34; border:1px solid #080c34; padding:8px 16px; margin-left:4px; border-radius:5px; font-size:.9rem; font-weight:600; align-items:center; line-height:1;}
.align-data .sort-item.select-delete {color:#eb0000; border:1px solid #eb0000;}
.align-data .sort-item.select-confirm {background:#080c34; color:#fff; font-weight:500;}

/* 테이블 영역 */
.cont-table .table .table-frame.td .tr.mob-item-data {display: none;}

.cont-table .table {width:100%; border-bottom:0; margin-top:8px;}

.cont-table .table .table-frame .tr {display:flex; align-items:center; justify-content:space-between;}
.cont-table .table .table-frame .tr .tr-item {flex:1; display:flex; align-items:center; justify-content:center;  text-align : center; word-break:break-all; /* flex-direction:column; */}
.cont-table .table .table-frame .tr .tr-item button{margin:2px 0;}
.cont-table .table .table-frame .tr .tr-item span {/* display:flex;  */align-items:center; width:auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cont-table .table .table-frame .tr .tr-item .item-delete {cursor:pointer; background-color:#aaa; color:#fff; padding:2px; font-size:.4rem;}
/* file icon */
.cont-table .table .table-frame .tr .tr-item .has-file {margin-left: 3px; transform: rotate(310deg);}
/* new icon */
.cont-table .table .table-frame .tr .tr-item .new-icon {margin-left: 5px; font-size: 10px; font-weight: 600;}

.cont-table .table .table-frame.th {}
.cont-table .table .table-frame.th .tr .tr-item {font-weight:600; padding:15px 16px; color:#666;}
.cont-table .table .table-frame.th .tr {/* border: 1px solid #d6d6d6; */ background:#f8f8f8; border-radius:5px;}
.cont-table .table .table-frame.td .tr {border-bottom:1px solid #D4D4D4;}
.cont-table .table .table-frame.td .tr:last-child {margin-bottom:20px;}
.cont-table .table .table-frame.td .tr .tr-item.row-item {font-size:1rem;padding:16px 15px; flex-direction:row;}
.cont-table .table .table-frame.td .tr .tr-item.row-item img {width:15px; height:15px;}
.cont-table .table .table-frame.td .tr .tr-item.date,
.cont-table .table .table-frame.td .tr .tr-item.hit {color: #666;}
.cont-table .table .table-frame.td .tr .tr-item {font-size:1rem;padding:16px 15px;}
.cont-table .table .table-frame.td .tr .tr-item .cbi-func-btn {padding:2px 4px; font-size:.9rem; border:1px solid #333; color:#333; border-radius:3px; min-width: 35px; box-sizing: border-box;}
.cont-table .table .table-frame.td .tr .tr-item .cbi-func-btn:hover {background-color:#333; color:#fff;}
.cont-table .table .table-frame.td .tr .tr-item .cbi-func-btn:last-child {margin-bottom:0;}


@media screen and (max-width:768px) {
    .cont-table .table .td {margin-top: 11px;}
    .cont-table .table:not(.gallery) .td {border-top: 1px solid #d4d4d4;}
    .cont-table .table .table-frame.td .tr.pc-item-data {display: none;}
    .cont-table .table .table-frame.td .tr.mob-item-data {display: block;}

    .cont-table .table {margin-top:0;}
    .cont-table .table .table-frame.th {display: none;}
    .cont-table .table .table-frame.td .tr {display: revert; border-bottom:1px solid #C0C0C0 !important; margin:0; padding: 0 10px;}
    .cont-table .table .table-frame.td .tr .tr-item {border:0 !important; width:100% !important; justify-content: flex-start; padding:0 0 7px 0;}
    .cont-table .table .table-frame.td .tr .number-index {display: none;}
    .cont-table .table .table-frame.td .tr .title {display: block; padding: 16px 10px 7px; text-align: left;}
    .cont-table .table .table-frame.td .tr .date,
    .cont-table .table .table-frame.td .tr .hit {display: inline-block !important; width: auto !important; padding: 0 10px 16px;}
    .cont-table .table .table-frame.td .tr .hit {float: right;}
  /* 테이블 상단 검색결과 카운트 + 정렬 */
    .align-data {margin-bottom: 30px;}
    .align-data .sort-item {padding: 0; border: 0; color: #000 !important; font-weight: 400; font-size: 14px; margin-right: 10px !important;}
    .prd-list-style01 .align-data .item.active {font-weight: 700;}
}

/* 22.08.30 */
/* 갤러리 리스트 테이블 영역 */
/* thead */
.table.gallery .th {display: none;}
/* tbody */
.table.gallery .td {display: flex; flex-wrap: wrap;}
.table.gallery .td .tr {width: calc((100%/4) - 20px); display: flex; flex-direction: column; align-items: flex-start; border-bottom: 0 !important; margin: 103px 20px 0 0;}
.table.gallery .td .tr:nth-of-type(n + 1):nth-of-type(-n + 4) {margin-top: 23px;}
.table.gallery .td .tr .tr-item {padding: 0 !important;}
.table.gallery .td .tr .thumbnail {width: 100%; min-height: 345px; border-radius: 12px; overflow: hidden; border: 1px solid #eee; margin-bottom: 18px;}
.table.gallery .td .tr .title {display: block; font-size: 18px; font-weight: 500; margin-bottom: 11px;} 
.table.gallery .td .tr .date {font-size: 14px; font-weight: 400; color: #666;} 

@media screen and (max-width: 768px) {
  .table.gallery .td .tr.item-data {width: 50%; margin: 0 18px 0 0 !important; border-bottom: 0 !important;}
  .table.gallery .td .tr .thumbnail {min-height: 160px; margin-bottom: 5px;}
  .table.gallery .td .tr .thumbnail img {width: 100% !important; height: auto !important; min-height: 160px;}
}

/* 22.08.31 */
/* faq ************************************************************************************/
/* 카테고리 */
.board-category .item-data {display: inline-block; /* border:1px solid #000; border-radius: 50px; */ margin-right: 5px; padding: 5px 10px; cursor: pointer;}
/* (카테고리 목록페이지) 선택된 경우, bold처리 - Chungwon / 2022.10.16 */
.board-category .item-data.active {font-weight: 600; }

.table.faq .td {border-top:1px solid #d4d4d4;}
.table.faq .td .item-data .faq-top {display:flex; align-items:center; padding:20px 40px; border-bottom:1px solid #d4d4d4; cursor:pointer;}
.table.faq .td .item-data .faq-top .left-table {display:flex; align-items:center;}
.table.faq .td .item-data .faq-top .right-table i {font-size:1rem; color: #818181;}
.table.faq .td .item-data .faq-bot {display: none; border-bottom:0; background: #FBFBFB; height:auto; padding:20px 40px; overflow: hidden; border-bottom:1px solid #d4d4d4;}

@media screen and (max-width: 768px) {
  .table.faq .td .item-data .faq-top,
  .table.faq .td .item-data .faq-bot {padding: 12px 10px;}

  /* 카테고리 */
  .board-category .item-data {margin-right: 0;}
}
/* faq 끝 ************************************************************************************/


/* 22.10.12 (by.jieun / in use.kidstory) */
/* 카드형 리스트 style01 ************************************************************************************/
.card_text_list .table {/* flex: 1; */ margin-right: 30px; background: #F8F8F8; /*border-radius: 12px;*/ padding: 40px 40px;}
.card_text_list .table:last-child {margin-right: 0;}
.card_text_list .table .item01 {margin-bottom: 28px; font-size: 2rem; font-weight: 700;}
.card_text_list .table .item02 {/*margin-bottom: 39px; */font-size: 16px; font-weight: 400; /*line-height: 19px;*/ white-space: pre-line;}
.card_text_list .table .more-btn {border-radius: 54px; margin-top:10px;}
.card_text_list .table .more-btn a {padding: 10px 26px; font-size: 16px; font-weight: 500; color: #fff; align-items: center;}
.card_text_list .table .more-btn i {margin-left: 28px; font-size: 23px;}

@media screen and (max-width: 768px) {
  .card_text_list .table {margin-right: 0; margin-bottom: 12px; width: 100%; padding: 18px 25px 22px;}
  .card_text_list .table .item01 {font-size: 24px; margin-bottom: 14px;}
  .card_text_list .table .item02 {font-size: 14px; line-height: 1.2;}
  .card_text_list .table .more-btn a {font-size: 14px; padding: 5px 15px;}
  .card_text_list .table .more-btn i {margin-left: 19px;}
}
/* 카드형 리스트 style01 끝 ************************************************************************************/


/* 갤러리형 리스트 style01 ************************************************************************************/
.card_thumb_list .table {/* flex: 1; */ margin-right: 20px;}
.card_thumb_list .table:last-child {margin-right: 0;}
.card_thumb_list .table .list-thumb {width: 100%; height: 36.1vh; border-radius: 12px; border: 1px solid #eee; overflow: hidden;}
.card_thumb_list .table .list-thumb img {width: 100%; height: 100%; object-fit: cover;}
.card_thumb_list .table .item01 {margin-top: 16px; margin-bottom: 7px;}
.card_thumb_list .table .cate {margin-top: 16px; margin-bottom: 7px; font-size: 14px; font-weight: 700;}
.card_thumb_list .table .tit {max-width: 345px; font-size: 16px; font-weight: 500;}
.card_thumb_list .table .date {font-size: 14px; font-weight: 400; color: #666;}
/* 학습자료실 */
/* .card_thumb_list.list-layout4 .list-layout-item {width: calc(100% / 4 - 19px);}
.card_thumb_list.list-layout4 .list-layout-item:nth-child(4n)~.list-layout-item { margin-top: 103px;} */

@media screen and (max-width: 768px) {
  .card_thumb_list .table {display: inline-block;}
  .card_thumb_list.m-list-layout2 .list-layout-item {width: calc(100% / 2 - 7px);}
  .card_thumb_list.m-list-layout2 .list-layout-item:nth-of-type(2) ~ .list-layout-item {margin-top: 37px;}
  .card_thumb_list .table .list-thumb {height: 24vh;}
  .card_thumb_list .table .item01 {margin-top: 11px;}
  .card_thumb_list .table .tit {font-size: 14px;}
  .card_thumb_list .table .item01.tit {font-size: 16px;}
}
/* 카드형 리스트 style01 끝 ************************************************************************************/


/* 장바구니 */
/* 22.10.17 */
[data-canvas_api_name="getListBucketProduct"] { /*margin-bottom: 20px;*/ padding:0 20px; border-bottom:1px dashed #666; /*border: 1px solid #c4c4c4;*/}
[data-canvas_api_name="getListBucketProduct"]:nth-child(odd) {background-color:#f9f9f9;}
[data-canvas_api_name="getListBucketProduct"]:first-child {border-top: 0;}
[data-canvas_api_name="getListBucketProduct"] .cart-prd-info {display: flex; align-items: center; justify-content: flex-start; padding: 15px 0; border-bottom: 1px solid #c4c4c4;}
[data-canvas_api_name="getListBucketProduct"] .list-table-tr {border-bottom: 0; border-top: 1px solid #c4c4c4;}
[data-canvas_api_name="getListBucketProduct"] .td-check {text-align: left; margin-bottom: 5px;}
[data-canvas_api_name="getListBucketProduct"] .td-thumb {min-width: 85px; margin:  0 20px; text-align: center;}
[data-canvas_api_name="getListBucketProduct"] .cart-prd-info .comm-btn {border:1px solid #999; padding: 4px 8px; margin-top: 5px; font-size: .9rem;}
[data-canvas_api_name="getListBucketProduct"] .cart-prd-info .prd-data-name {font-weight: 600;}
[data-canvas_api_name="getListBucketProduct"] .td-thumbnail {flex: 4.5 !important;}
[data-canvas_api_name="getListBucketProduct"] .prd-data span {color: #000 !important;}
[data-canvas_api_name="getListBucketProduct"] .prd-order-btn {border:1px solid #1159FE !important; color:#1159FE;}

[data-canvas_api_name="getListBucketProduct"] .td-sub-txt {font-size:.9rem; line-height:2;}
[data-canvas_api_name="getListBucketProduct"] .td-sub-txt:nth-child(2):after {content: "/";}
@media screen and (max-width: 768px) {
  [data-canvas_api_name="getListBucketProduct"] .cart-prd-info {align-items: flex-start; border-bottom: 0;}
  [data-canvas_api_name="getListBucketProduct"] .list-table-tr {padding: 15px 0;}
  [data-canvas_api_name="getListBucketProduct"] .td-check {width: auto;}
  [data-canvas_api_name="getListBucketProduct"] .td-thumb {margin: 0 10px;}
  [data-canvas_api_name="getListBucketProduct"] .prd-data span {font-size: 15px !important;}
  [data-canvas_api_name="getListBucketProduct"] .td-order {justify-content: flex-end;}
  /* [data-canvas_api_name="getListBucketProduct"] .td-order .comm-btn {width: auto; padding: 5px 10px;} */
  
  [data-canvas_api_name="getListBucketProduct"] .td-order .comm-btn {width: 100%; padding: 5px 0;}
  [data-canvas_api_name="getListBucketProduct"] .td-sub-txt {display:block; line-height:1.5;}
  [data-canvas_api_name="getListBucketProduct"] .td-sub-txt:nth-child(2):after {display:none;}
  .td-order .prd-order-delete i {width:100%; border-radius:3px; padding:5px; background-color:transparent; border:1px solid #e32133; color:#e32133;}
  .td-order .prd-order-delete i:before {content:'삭제';}
}

/* 쿠폰 */
/* 22.10.18 */
.coupon-custom .list-table-div.list-type-tab01 {display: flex; align-items: center;}
/* .coupon-custom .list-table-div.list-type-tab01 .td-title {max-width: 555px; padding: 0 20px;} */

@media screen and (max-width: 768px) {
  .coupon-custom .list-table-div.list-type-tab01 {display: revert;}
  .coupon-custom .list-table-div.list-type-tab01 .td-title {padding: 0; margin: 0 0 10px;}
}





/*************************************************************** 각 페이지별 CSS 버전관리 ***************************************************************/
/* 공통 container */


/* 게시판 목록 - 갤러리형 버전 1 (23.02.20 by.Hyemi) */
.page_type-list.page_key-board.design_version_16 {max-width:1600px; margin:78px auto 80px;}
.page_type-list.page_key-board.design_version_16 .cont-table .table .table-frame.th {display:none;}

.page_type-list.page_key-board.design_version_16 .mid-con {position:relative; padding-top:20px;}
.page_type-list.page_key-board.design_version_16 .table-top {position:relative; margin-bottom:5px;}
.page_type-list.page_key-board.design_version_16 .table-top .table-top-right {display:none;}
.page_type-list.page_key-board.design_version_16 .table-top .list-count {font-size:0; font-weight:600;}
.page_type-list.page_key-board.design_version_16 .table-top .list-count span {font-size:1rem; color:#0861C5;}
.page_type-list.page_key-board.design_version_16 .table-top .list-count span:before {content:'총'; padding-right:4px; color:#000;}
.page_type-list.page_key-board.design_version_16 .table-top .list-count span:after {content:'개의 게시물이 있습니다.'; color:#000;}
.page_type-list.page_key-board.design_version_16 .table-top .table-top-left {justify-content:flex-end !important;}

.page_type-list.page_key-board.design_version_16 .section- .table-top {bottom:calc(100% - 45px); left:auto; right:0;}
.page_type-list.page_key-board.design_version_16 .section- .table-top .align-data .sort-item {color:#999; border:none; padding:8px 10px; margin-left:0; background-color:#f8f8f8; border:1px solid #eee;}
.page_type-list.page_key-board.design_version_16 .section- .table-top .align-data .sort-item.sort-desc {border-color:#0861C5; color:#0861C5;}
.page_type-list.page_key-board.design_version_16 .section- .table-top .align-data .sort-item.sort-asc {border-color:#0861C5; color:#0861C5;}
/* .page_type-list.page_key-board.design_version_16 .section- .table-top .align-data .sort-item:last-child {padding-left:0;} */

.page_type-list.page_key-board.design_version_16 .cont-table .table .table-frame.td {font-size:0; text-align:left;}
.page_type-list.page_key-board.design_version_16 .create_view_type-board {position:relative; display:inline-flex; align-items:flex-start; flex-direction:column; flex-wrap:wrap; width:calc(100% / 4 - 9px); height:350px; margin-right:12px; margin-top:20px; border-radius:20px; border:1px solid #eee; box-shadow:0px 4px 10px rgba(221,221,221,.25); overflow:hidden; transition:.3s;}
.page_type-list.page_key-board.design_version_16 .create_view_type-board:hover {border-color:#0861C5;}
.page_type-list.page_key-board.design_version_16 .create_view_type-board:nth-child(4n) {margin-right:0;}
.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-thumb {display:inline-block; width:100%; height:220px; background-color:#fafafa;}
.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-num {display:none;}
.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-info {padding:15px 20px 0; }
.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-tit {}
.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-tit .board-item-icon {margin-right:5px;}
.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-tit .board-item-tit {font-size:1.4rem; font-weight:600; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-line-clamp: 2;-moz-box-orient: vertical;-ms-line-clamp: 2;-ms-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;white-space: unset;}

.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-tit .board-title-info {display:inline-block;}
.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-tit .board-title-info .board-item-new {font-size:0;}
.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-tit .board-title-info .board-item-new:before {content:'N'; display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50px; background-color:#FFB800; color:#fff; font-size:.7rem;}
.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-tit .board-title-info .board-item-file {font-size:0;}
.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-tit .board-title-info .board-item-file:before {content:''; display:inline-block; width:14px; height:14px; background-image:url('/resources/image/icon/file_icon.png'); background-size:cover; background-repeat:no-repeat;}
.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-tit .board-title-info .board-item-image {font-size:0;}
.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-tit .board-title-info .board-item-image:before {content:''; display:inline-block; width:14px; height:14px; background-image:url('/resources/image/icon/image_icon.png'); background-size:cover; background-repeat:no-repeat;}
.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-tit .board-title-info .board-item-secret {font-size:0;}
.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-tit .board-title-info .board-item-secret:before {content:''; display:inline-block; width:14px; height:14px; background-image:url('/resources/image/icon/lock_444.png'); background-size:cover; background-repeat:no-repeat;}

.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-date {position:absolute; bottom:15px; left:20px; display:flex; align-items:center; font-size:1.1rem;}
.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-date:before {content:''; display:inline-block; width:14px; height:14px; margin-right:4px; background-image:url('/resources/image/icon/calendar_icon2.png'); background-size:cover; background-repeat:no-repeat;}

.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-date .board-date-val {display:inline-block;}
.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-date .board-date-year {}
.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-date .board-date-year:after {content:'.';}
.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-date .board-date-month {}
.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-date .board-date-month:after {content:'.';}

.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-hit {position:absolute; bottom:15px; right:20px; font-size:1.1rem; display:flex; align-items:center;}
.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-hit:before {content:''; display:inline-block; width:14px; height:14px; margin-right:4px; background-image:url('/resources/image/icon/hit_icon.png'); background-size:cover; background-repeat:no-repeat;}

/* 검색필터 영역 (23.02.21 by.Hyemi) */
.page_type-list.page_key-board.design_version_16 .cont-top {margin:10px 0 0;}
/* .page_type-list.page_key-board.design_version_16 .top-search {display:flex; width:100%; justify-content:flex-end; background-color:transparent; border:none; align-items:center; border-radius:0;} */
.page_type-list.page_key-board.design_version_16 .top-search {display:block; width:100%;padding: 20px; margin-bottom: 30px; background-color: #f8f8f8; border: 1px solid #eee; border-radius: 15px;}
.page_type-list.page_key-board.design_version_16 .top-search .search-title2 {text-align: left;}
.page_type-list.page_key-board.design_version_16 .top-search .search-title2 .title-txt {font-size:0;}
.page_type-list.page_key-board.design_version_16 .top-search .search-group {width:auto;}
.page_type-list.page_key-board.design_version_16 .top-search .search-group .search-item input[type='text'] {padding:10px 15px; border-radius:10px; border:1px solid #eee; box-shadow:3px 3px 14px rgba(221,221,221,.25);}
.page_type-list.page_key-board.design_version_16 .top-search .search-group .search-item input[type='text'].datepicker_double {width:43% !important;}
.page_type-list.page_key-board.design_version_16 .top-search .search-group .search-item input[type='text'].datepicker_double:nth-of-type(1) {margin-right:5px;}
.page_type-list.page_key-board.design_version_16 .top-search .search-group .search-item button {background-color:#0861C5; padding:10px; border-radius:10px;}
/* 
.page_type-list.page_key-board.design_version_16 .cont-top {margin:10px 0 0;}
.page_type-list.page_key-board.design_version_16 .top-search {display:flex; width:100%; justify-content:flex-end; background-color:transparent; border:none; align-items:center; border-radius:0;}
.page_type-list.page_key-board.design_version_16 .top-search .search-title2 {width:5%; text-align:right;}
.page_type-list.page_key-board.design_version_16 .top-search .search-title2 .title-txt {font-weight:600;}
.page_type-list.page_key-board.design_version_16 .top-search .search-group {width:auto;} */



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

/* 게시판 목록 - 갤러리형 버전 1 (23.02.20 by.Hyemi) */

  /* 게시판 목록 - 갤러리형 버전 1 (23.02.20 by.Hyemi) */
.page_type-list.page_key-board.design_version_16 {margin:0 auto 50px}
.page_type-list.page_key-board.design_version_16 .create_view_type-board {width:calc(100% / 2 - 3px); margin-right:6px}
.page_type-list.page_key-board.design_version_16 .create_view_type-board:nth-child(2n) {margin-right:0;}
.page_type-list.page_key-board.design_version_16 .create_view_type-board:nth-child(2n)~.create_view_type-board {margin-top:6px;}

.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-thumb {height:150px;}
.page_type-list.page_key-board.design_version_16 .create_view_type-board {height:300px;}
.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-tit .board-item-tit {font-size:1.2rem;}
.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-date .board-date-val {font-size:.9rem;}
.page_type-list.page_key-board.design_version_16 .create_view_type-board .board-list-hit {font-size:.9rem;}


/* 검색필터 영역 (23.02.21) */
.page_type-list.page_key-board.design_version_16 .table-top {position:relative; bottom:inherit; left:inherit; margin-bottom:6px;}
.page_type-list.page_key-board.design_version_16 .top-search .search-title2 {width:auto;}

.page_type-list.page_key-board.design_version_16 .top-search .search-group .search-item {display:flex;}
.page_type-list.page_key-board.design_version_16 .top-search .search-group .search-item button {display:inline-flex;}
.page_type-list.page_key-board.design_version_16 .top-search .search-group .search-item button i {font-size:1rem;}
.page_type-list.page_key-board.design_version_16 .top-search .search-group .search-item input[type='text'] {height:auto; width:85% !important;}
.page_type-list.page_key-board.design_version_16 .top-search .search-group .search-item input[type='text'].datepicker_double {width:48% !important;}

.page_type-list.page_key-board.design_version_16 .section- .table-top {justify-content:flex-end;}



}



/* 게시판 목록 - 갤러리형 버전 1 (23.03.20 by.Hyemi) */
/************************************************ page_key-board로 바꿔야함!!!!!!!!! ************************************************/
.page_type-list.page_key-board.design_version_20 {max-width:1600px; margin:100px auto 50px;}
.page_type-list.page_key-board.design_version_20 .cont-table .table a {margin:80px 20px 0 0; width:calc(100% / 2 - 10px);}
.page_type-list.page_key-board.design_version_20 .cont-table .table a:nth-child(even) {padding-top:150px; margin-right:0;}
.page_type-list.page_key-board.design_version_20 .cont-table .table a .portfolio-info .portfolio-cate {display:none;}
.page_type-list.page_key-board.design_version_20 .cont-table .table a .portfolio-info .portfolio-name {padding-top:30px; font-size:2rem; font-weight:600;}
.page_type-list.page_key-board.design_version_20 .cont-table .table a:hover .portfolio-info .portfolio-name {color:#0861C5;}
.page_type-list.page_key-board.design_version_20 .cont-table .table a .portfolio-thumb {height:900px; transition:.2s;}
.page_type-list.page_key-board.design_version_20 .cont-table .table a:hover .portfolio-thumb {border-radius:0 0 150px 0; border:1px solid #0861C5; box-shadow:2px 2px 14px #eee;}
.page_type-list.page_key-board.design_version_20 .cont-table .table a:hover .portfolio-thumb .port-thumb-cover {border-radius:0 0 150px 0;}

/* 카드형 - 버전9 (23.05.04 by.Hyemi) */
.design-section.design-type-card.design-version_9 {padding:150px 0; background-color:#f8f8f8;}
.design-section.design-type-card.design-version_9 .create_view_type-layer {max-width:1600px; margin:0 auto;}
.design-section.design-type-card.design-version_9 .title-content .txt-cont {display:flex; flex-direction:column-reverse;}
.design-section.design-type-card.design-version_9 .title-content .txt-cont .title {font-weight:700; font-size:4rem; margin-bottom:40px;}
.design-section.design-type-card.design-version_9 .title-content .txt-cont .sub-title {font-size:1.5rem; margin-bottom:10px;}

.design-section.design-type-card.design-version_9 .canvas-content {font-size:0;}
.design-section.design-type-card.design-version_9 .canvas-content .item-data {display:inline-block;}
.design-section.design-type-card.design-version_9 .canvas-content.grid1 .item-data {width:100%;}
.design-section.design-type-card.design-version_9 .canvas-content.grid1 .item-data .section-image {height:450px; width:100%;}
.design-section.design-type-card.design-version_9 .canvas-content.grid1 .item-data .section-image img {height:auto; width:100%;}
.design-section.design-type-card.design-version_9 .canvas-content.grid2 .item-data {width:calc(100% / 2 - 5px); margin-right:10px;}
.design-section.design-type-card.design-version_9 .canvas-content.grid2 .item-data:nth-child(2n) {margin-right:0;}
/* .design-section.design-type-card.design-version_9 .canvas-content.grid2 .item-data:nth-child(2n)~.item-data {margin-top:130px;} */
.design-section.design-type-card.design-version_9 .canvas-content.grid3 .item-data {width:calc(100% / 3 - 4px); margin-right:6px;}
.design-section.design-type-card.design-version_9 .canvas-content.grid3 .item-data:nth-child(3n) {margin-right:0;}
/* .design-section.design-type-card.design-version_9 .canvas-content.grid3 .item-data:nth-child(3n)~.item-data {margin-top:130px;} */
.design-section.design-type-card.design-version_9 .canvas-content.grid4 .item-data {width:calc(100% / 4 - 3px); margin-right:4px;}
.design-section.design-type-card.design-version_9 .canvas-content.grid4 .item-data:nth-child(4n) {margin-right:0;}
/* .design-section.design-type-card.design-version_9 .canvas-content.grid4 .item-data:nth-child(4n)~.item-data {margin-top:130px;} */
.design-section.design-type-card.design-version_9 .canvas-content .item-data:last-child {margin-right:0;}

.design-section.design-type-card.design-version_9 .canvas-content .item-data .design-section-element {display:flex; flex-direction:column-reverse;}
.design-section.design-type-card.design-version_9 .canvas-content .item-data .section-txt {}
.design-section.design-type-card.design-version_9 .canvas-content .item-data .section-txt .section-title {text-align:left;}
.design-section.design-type-card.design-version_9 .canvas-content .item-data .section-txt .section-title label {display:none;}
.design-section.design-type-card.design-version_9 .canvas-content .item-data .section-txt .section-title span {font-weight:700; font-size:2rem;}
.design-section.design-type-card.design-version_9 .canvas-content .item-data .section-txt .section-contents label {display:none;}
.design-section.design-type-card.design-version_9 .canvas-content .item-data .section-txt .section-contents span {color:#333; font-size:1.1rem;}
.design-section.design-type-card.design-version_9 .canvas-content .item-data .section-url {display:none;}
.design-section.design-type-card.design-version_9 .canvas-content .item-data .section-image {display:none;}
.design-section.design-type-card.design-version_9 .canvas-content .item-data .section-image.active {width:100%; margin-bottom:20px; display:flex; align-items:center; justify-content:center; border-radius:15px; overflow:hidden; border:1px solid #eee;}

.design-section.design-type-card.design-version_9 {margin:100px auto 50px;}
.design-section.design-type-card.design-version_9 .canvas-content .item-data {margin:80px 20px 0 0;}
.design-section.design-type-card.design-version_9 .canvas-content .item-data:nth-child(even) {padding-top:150px;}
.design-section.design-type-card.design-version_9 .canvas-content.grid1 .item-data:nth-child(even) {padding-top:0;}
.design-section.design-type-card.design-version_9 .canvas-content .item-data .design-section-element .section-url {display:none;}
.design-section.design-type-card.design-version_9 .canvas-content .item-data .design-section-element .section-txt .section-title {padding-top:30px; font-size:2rem; font-weight:600;}
.design-section.design-type-card.design-version_9 .canvas-content .item-data .design-section-element:hover .section-txt .section-title {color:#0861C5;}
.design-section.design-type-card.design-version_9 .canvas-content .item-data .design-section-element .section-txt .section-content {display:none;}
.design-section.design-type-card.design-version_9 .canvas-content .item-data .design-section-element .section-image {transition:.2s;}
.design-section.design-type-card.design-version_9 .canvas-content .item-data .design-section-element .section-image img {width:100%;}
.design-section.design-type-card.design-version_9 .canvas-content .item-data .design-section-element:hover .section-image {border-radius:0 0 150px 0; border:1px solid #0861C5; box-shadow:2px 2px 14px #eee;}
.design-section.design-type-card.design-version_9 .canvas-content .item-data .design-section-element:hover .section-image img {width:100%;}


/* 검색필터 영역 */
.page_type-list.page_key-board.design_version_20 .cont-top {margin-bottom:0;}
.page_type-list.page_key-board.design_version_20 .top-search {background-color:transparent;}
.page_type-list.page_key-board.design_version_20 .top-search .search-group .search-item {width:100%; border-bottom:2px solid #aaa;}
.page_type-list.page_key-board.design_version_20 .top-search .search-group .select-type .select-cont > div {display:inline-block;}
.page_type-list.page_key-board.design_version_20 .top-search .search-group .select-type .select-cont > div .item-data {display:inline-block; padding:0 25px 10px; font-weight:600; font-size:1.1rem; color:#aaa; cursor:pointer;}
.page_type-list.page_key-board.design_version_20 .top-search .search-group .select-type .select-cont > div .item-data.active {position:relative; color:#222; font-weight:700;}
.page_type-list.page_key-board.design_version_20 .top-search .search-group .select-type .select-cont > div .item-data.active:after {content:''; position:absolute; left:0; bottom:-2px; width:100%; height:2px; background-color:#222;}
.page_type-list.page_key-board.design_version_20 .top-search .search-title2 {}
.page_type-list.page_key-board.design_version_20 .top-search .search-title2 .title-txt {}
.page_type-list.page_key-board.design_version_20 .top-search .search-group {}
.page_type-list.page_key-board.design_version_20 .cont-mid .mid-con {position:relative;}
.page_type-list.page_key-board.design_version_20 .cont-mid .mid-con .table-top {position:absolute; top:0; left:0;}
.page_type-list.page_key-board.design_version_20 .cont-mid .mid-con .table-top .list-count {font-size:1rem; font-weight:500;}
.page_type-list.page_key-board.design_version_20 .cont-mid .mid-con .table-top .list-count span {color:#222;}



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

  /* 검색필터 영역 (23.02.21) */
  .page_type-list.page_key-board.design_version_16 .table-top {position:relative; bottom:inherit; left:inherit; margin-bottom:6px;}
  .page_type-list.page_key-board.design_version_16 .top-search .search-title2 {width:auto;}

  /* 갤러리형 버전1 (23.03.20 by.Hyemi) */
  .user_level-common.page_type-list.page_key-board.design_version_20 .top-search .search-group .select-type .select-cont {white-space:nowrap; overflow-x:scroll;}
  .user_level-common.page_type-list.page_key-board.design_version_20 .top-search .search-group .select-type .select-cont::-webkit-scrollbar {display:none;}
  .user_level-common.page_type-list.page_key-board.design_version_20 .top-search .search-group .select-type .select-cont > div .item-data {padding:0 20px 10px;}
  .user_level-common.page_type-list.page_key-board.design_version_20 .cont-mid .mid-con .table-top {left:10px;}
  .user_level-common.page_type-list.page_key-board.design_version_20 .cont-table {padding:0 10px;}
  .user_level-common.page_type-list.page_key-board.design_version_20 .cont-table .table {border-top:0;}
  .user_level-common.page_type-list.page_key-board.design_version_20 .cont-table .table a {width:100%;}
  .user_level-common.page_type-list.page_key-board.design_version_20 .cont-table .table a {margin:40px 0 80px;}
  .user_level-common.page_type-list.page_key-board.design_version_20 .cont-table .table a:nth-child(even) {padding-top:0;}
  .user_level-common.page_type-list.page_key-board.design_version_20 .cont-table .table a .portfolio-thumb {height:500px;}
  .user_level-common.page_type-list.page_key-board.design_version_20 .cont-table .table a .portfolio-info .portfolio-name {padding-top:15px;}
  .user_level-common.page_type-list.page_key-board.design_version_20 .cont-table .table a .portfolio-info {padding:0 5px;}

  
  /* 카드형 - 버전9 (23.05.04 by.Hyemi) */
  .design-section.design-type-card.design-version_9 {padding:40px 10px;}
  .design-section.design-type-card.design-version_9 .title-content .txt-cont .title {font-size:2.5rem;}
  .design-section.design-type-card.design-version_9 .canvas-content .item-data {margin:0 20px 0 0;}
  .design-section.design-type-card.design-version_9 .canvas-content .item-data:nth-child(even) {padding-top:60px;}
  .design-section.design-type-card.design-version_9 .canvas-content .item-data .section-txt .section-title span {font-size:1.5rem;}
  .design-section.design-type-card.design-version_9 .canvas-content .item-data .design-section-element:hover .section-image {border-radius:15px; border:none;}

  .design-section.design-type-card.design-version_9 .canvas-content.grid3 .item-data .design-section-element {margin-bottom:20px;}
  .design-section.design-type-card.design-version_9 .canvas-content.grid3 .item-data .design-section-element .section-txt .section-title {margin-top:0;}
  .design-section.design-type-card.design-version_9 .canvas-content.grid3 .item-data .section-txt .section-title span {font-size:1.3rem;}
  .design-section.design-type-card.design-version_9 .canvas-content.gird3 .item-data:nth-child(even) {padding-top:0;}
  
  .design-section.design-type-card.design-version_9 .canvas-content.grid4 .item-data .section-txt .section-title span {font-size:1rem;}
  .design-section.design-type-card.design-version_9 .canvas-content.grid4 .item-data .design-section-element .section-txt .section-title {padding-top:0;}
  .design-section.design-type-card.design-version_9 .canvas-content.gird4 .item-data:nth-child(even) {padding-top:0;}

}





/* FAQ - 버전 1 (23.02.14 by.Hyemi) */
/* .design-faq-version_1 {}
.design-faq-version_1 .page-tab {display:none;}
.design-faq-version_1 .container .page-tit {padding:50px 0; margin-bottom:0;}
.design-faq-version_1 .board-category {margin-bottom:40px !important; justify-content:center;}
.design-faq-version_1 .board-category .item-data {font-size:1.2rem; color:#999; font-weight:600;}
.design-faq-version_1 .board-category .item-data.active {position:relative; color:#0861C5;}
.design-faq-version_1 .board-category .item-data.active:before {content:''; display:inline-block; width:5px; height:5px; position:absolute; top:-10px; left:50%; transform:translateX(-50%); background-color:#0861C5; border-radius:50%;}


.design-faq-version_1 .faq-wrap .faq-cate {border-top:1px solid #ddd;}
.design-faq-version_1 .faq-wrap .faq-cate ol li {border-bottom:1px solid #ddd;}
.design-faq-version_1 .faq-wrap .faq-cate ol li.faq-top {position:relative; padding:20px;}
.design-faq-version_1 .faq-wrap .faq-cate ol li.faq-top:hover {background-color:#fafafa;}
.design-faq-version_1 .faq-wrap .faq-cate ol li.faq-top .left-table p span.item02 {position:absolute; top:50%; right:45px; padding:6px 12px; border-radius:30px; background-color:#fafafa; border:1px solid #eee; font-size:.9rem; color:#666; transform:translateY(-50%); text-align:right;}
.design-faq-version_1 .faq-wrap .faq-cate ol li.faq-top .left-table p span.item02:before {content:'';}
.design-faq-version_1 .faq-wrap .faq-cate ol li.faq-top .left-table p span.item02:after {content:'';}
.design-faq-version_1 .faq-wrap .faq-cate ol li.faq-top .left-table p span.item03 {font-weight:600;}
.design-faq-version_1 .faq-wrap .faq-cate ol li.faq-top .left-table p span.item03:before {content:'Q.';}

.design-faq-version_1 .faq-wrap .faq-cate ol li.faq-bot .faq-a {padding:20px; background-color:#fafafa; border-bottom:1px solid #999;}
.design-faq-version_1 .faq-wrap .faq-cate ol li.faq-bot .faq-a pre {}
.design-faq-version_1 .faq-wrap .faq-cate ol li.faq-bot .faq-a pre:before {content:'A'; display:flex; align-items:center; justify-content:center; width:30px; height:30px; margin-bottom:20px; border-radius:50%; background-color:#0861C5; color:#fff; font-weight:600;} */


/* (23.02.24 by.Hyemi) */
/* .design-faq-version_1 .board-category {margin-bottom:40px !important; justify-content:center;} */

.container-admin1 .intro {display:none;}
.page_type-list.page_key-faq.design_version_18 {max-width:1700px; margin:100px auto;}
.page_type-list.page_key-faq.design_version_18 .cont-top {padding:10px 0;}
.page_type-list.page_key-faq.design_version_18 .cont-top .top-search {padding: 10px 0; background-color: transparent; border: none; border-radius: 0;}
.page_type-list.page_key-faq.design_version_18 .cont-top .top-search .search-group {width:100%; margin-top:0; }
.page_type-list.page_key-faq.design_version_18 .cont-top .top-search .search-group .search-item {width:100%;}
.page_type-list.page_key-faq.design_version_18 .cont-top .top-search .search-group .search-item .select-type {width:100%;}
.page_type-list.page_key-faq.design_version_18 .cont-top .top-search .search-group .search-item .select-type .select-cont {width:100%; display:flex; align-items:center; justify-content:center;}
.page_type-list.page_key-faq.design_version_18 .cont-top .top-search .search-group .search-item .select-type .select-cont div {margin-right:20px; cursor:pointer;}
.page_type-list.page_key-faq.design_version_18 .cont-top .top-search .search-group .search-item .select-type .select-cont div span {font-size:1.2rem; color:#999; font-weight:600;}
.page_type-list.page_key-faq.design_version_18 .cont-top .top-search .search-group .search-item .select-type .select-cont div span.active {position:relative; color:#0861C5;}
.page_type-list.page_key-faq.design_version_18 .cont-top .top-search .search-group .search-item .select-type .select-cont div span.active:before {content:''; display:inline-block; width:5px; height:5px; position:absolute; top:-10px; left:50%; transform:translateX(-50%); background-color:#0861C5; border-radius:50%;}

.page_type-list.page_key-faq.design_version_18 .cont-mid {}
.page_type-list.page_key-faq.design_version_18 .cont-mid .table-top-left {display:none;}
.page_type-list.page_key-faq.design_version_18 .cont-mid .table-top-right {display:none;}

.page_type-list.page_key-faq.design_version_18 .cont-table .table-frame.th {display:none;}
.page_type-list.page_key-faq.design_version_18 .cont-table .table-frame.td {border-top:1px solid #ddd;}
.page_type-list.page_key-faq.design_version_18 .cont-table .table-frame.td ol {cursor:pointer;}
.page_type-list.page_key-faq.design_version_18 .cont-table .table-frame.td ol li {border-bottom:1px solid #ddd;}
.page_type-list.page_key-faq.design_version_18 .cont-table .table-frame.td ol li.faq-top {position:relative; padding:20px;}
.page_type-list.page_key-faq.design_version_18 .cont-table .table-frame.td ol li.faq-top:hover {background-color:#fafafa;}
.page_type-list.page_key-faq.design_version_18 .cont-table .table-frame.td ol li.faq-top .left-table p span.item02 {position:absolute; top:50%; right:45px; padding:6px 12px; border-radius:30px; background-color:#fafafa; border:1px solid #eee; font-size:.9rem; color:#666; transform:translateY(-50%); text-align:right;}
.page_type-list.page_key-faq.design_version_18 .cont-table .table-frame.td ol li.faq-top .left-table p span.item02:before {content:'';}
.page_type-list.page_key-faq.design_version_18 .cont-table .table-frame.td ol li.faq-top .left-table p span.item02:after {content:'';}
.page_type-list.page_key-faq.design_version_18 .cont-table .table-frame.td ol li.faq-top .left-table p span.item03 {font-weight:600;}
.page_type-list.page_key-faq.design_version_18 .cont-table .table-frame.td ol li.faq-top .left-table p span.item03:before {content:'Q.';}

.page_type-list.page_key-faq.design_version_18 .cont-table .table-frame.td ol li.faq-bot .faq-a {padding:20px; background-color:#fafafa; border-bottom:1px solid #999;}
.page_type-list.page_key-faq.design_version_18 .cont-table .table-frame.td ol li.faq-bot .faq-a pre {}
.page_type-list.page_key-faq.design_version_18 .cont-table .table-frame.td ol li.faq-bot .faq-a pre:before {content:'A'; display:flex; align-items:center; justify-content:center; width:30px; height:30px; margin-bottom:20px; border-radius:50%; background-color:#0861C5; color:#fff; font-weight:600;}


@media screen and (max-width: 1024px) {
  /* .container {padding-top:120px !important;} */
  /* .design-faq-version_1 .faq-wrap .faq-cate ol li.faq-top .left-table p span.item03 {max-width:100%;} */
  .design-faq-version_1 .container .page-tit {font-size:2rem;}
  /* .design-faq-version_1 .faq-wrap .faq-cate ol li.faq-top {align-items:flex-start; padding:20px 10px;}
  .design-faq-version_1 .faq-wrap .faq-cate ol li.faq-top .left-table p {flex-direction:column; align-items:flex-start;}
  .design-faq-version_1 .faq-wrap .faq-cate ol li.faq-top .left-table p span.item02 {position:relative; transform:translateY(0); right:0; margin-bottom:10px;}
  .design-faq-version_1 .faq-wrap .faq-cate ol li.faq-top .left-table {flex:1;}
  .design-faq-version_1 .faq-wrap .faq-cate ol li.faq-top .left-table p {max-width:100%;}
  .design-faq-version_1 .faq-wrap .faq-cate ol li.faq-top .left-table p span.item03 {width:90%;}
  .design-faq-version_1 .faq-wrap .faq-cate ol li.faq-bot .faq-a {padding:20px 10px;} */

  .page_type-list.page_key-faq.design_version_18 .cont-table .table-frame.td ol li.faq-top {align-items:flex-start; padding:20px 10px;}
  .page_type-list.page_key-faq.design_version_18 .cont-table .table-frame.td ol li.faq-top .left-table p {display:flex; flex-direction:column; align-items:flex-start;}
  .page_type-list.page_key-faq.design_version_18 .cont-table .table-frame.td ol li.faq-top .left-table p span.item02 {position:relative; transform:translateY(0); right:0; margin-bottom:10px;}
  .page_type-list.page_key-faq.design_version_18 .cont-table .table-frame.td ol li.faq-top .left-table {flex:1;}
  .page_type-list.page_key-faq.design_version_18 .cont-table .table-frame.td ol li.faq-top .left-table p {max-width:100%;}
  .page_type-list.page_key-faq.design_version_18 .cont-table .table-frame.td ol li.faq-top .left-table p span.item03 {width:90%;}
  .page_type-list.page_key-faq.design_version_18 .cont-table .table-frame.td ol li.faq-bot .faq-a {padding:20px 10px;}
  
  .page_type-list.page_key-faq.design_version_18 .cont-top {margin:10px;}
  .page_type-list.page_key-faq.design_version_18 .cont-top .top-search .search-group .search-item .select-type .select-cont {margin-bottom:10px !important; padding-bottom:15px; justify-content:flex-start; flex-wrap:inherit; white-space:nowrap; overflow-x:scroll;}
  .page_type-list.page_key-faq.design_version_18 .cont-top .top-search .search-group .search-item .select-type .select-cont div span {font-size:1rem;}

  .design-faq-version_1 .board-category {margin-bottom:10px !important; padding-bottom:15px; justify-content:flex-start; flex-wrap:inherit; white-space:nowrap; overflow-x:scroll;}
  .design-faq-version_1 .board-category .item-data {font-size:1rem;}
  .design-faq-version_1 .board-category .item-data.active:before {display:none;}
  
}


/* FAQ - 버전 2 (23.03.31 by.Hyemi) */
.page_type-list.page_key-faq.design_version_19 {max-width:1700px; margin:100px auto;}
.page_type-list.page_key-faq.design_version_19 .cont-top {padding:10px 0 0; margin:10px 0 0; border-bottom:1px solid #666;}
.page_type-list.page_key-faq.design_version_19 .cont-top .top-search {padding: 10px 0 0; background-color: transparent; border: none; border-radius: 0;}
.page_type-list.page_key-faq.design_version_19 .cont-top .top-search .search-group {width:100%; margin-top:0; }
.page_type-list.page_key-faq.design_version_19 .cont-top .top-search .search-group .search-item {width:100%; margin:0;}
.page_type-list.page_key-faq.design_version_19 .cont-top .top-search .search-group .search-item .select-type {width:100%;}
.page_type-list.page_key-faq.design_version_19 .cont-top .top-search .search-group .search-item .select-type .select-cont {width:100%; display:flex; align-items:center; justify-content:flex-start;}
.page_type-list.page_key-faq.design_version_19 .cont-top .top-search .search-group .search-item .select-type .select-cont div {cursor:pointer;}
.page_type-list.page_key-faq.design_version_19 .cont-top .top-search .search-group .search-item .select-type .select-cont div span {display:inline-block; padding:0 10px 20px;  font-size:1.2rem; color:#999; font-weight:700;}
.page_type-list.page_key-faq.design_version_19 .cont-top .top-search .search-group .search-item .select-type .select-cont div span.active {position:relative; color:#222; border-bottom:2px solid #222;}

.page_type-list.page_key-faq.design_version_19 .cont-mid {}
.page_type-list.page_key-faq.design_version_19 .cont-mid .table-top-left {display:none;}
.page_type-list.page_key-faq.design_version_19 .cont-mid .table-top-right {display:none;}
.page_type-list.page_key-faq.design_version_19 .cont-mid .section- .table-top {margin-bottom:0 !important;}

.page_type-list.page_key-faq.design_version_19 .cont-table .table {margin-top:0;}
.page_type-list.page_key-faq.design_version_19 .cont-table .table-frame.th {display:none;}
.page_type-list.page_key-faq.design_version_19 .cont-table .table-frame.td {border-top:1px solid #ddd;}
.page_type-list.page_key-faq.design_version_19 .cont-table .table-frame.td:first-child {border-top:none;}
.page_type-list.page_key-faq.design_version_19 .cont-table .table-frame.td ol {cursor:pointer;}
.page_type-list.page_key-faq.design_version_19 .cont-table .table-frame.td ol li {border-bottom:1px solid #ddd;}
.page_type-list.page_key-faq.design_version_19 .cont-table .table-frame.td ol li.faq-top {position:relative; padding:30px 20px;}
.page_type-list.page_key-faq.design_version_19 .cont-table .table-frame.td ol li.faq-top:hover {background-color:#fafafa;}
.page_type-list.page_key-faq.design_version_19 .cont-table .table-frame.td ol li.faq-top .left-table {width:100%;}
.page_type-list.page_key-faq.design_version_19 .cont-table .table-frame.td ol li.faq-top .left-table .item01 {display:flex; align-items:center; width:100%;}
.page_type-list.page_key-faq.design_version_19 .cont-table .table-frame.td ol li.faq-top .left-table .item02 {flex:.1; font-weight:700; font-size:1.1rem; color:#222;}
.page_type-list.page_key-faq.design_version_19 .cont-table .table-frame.td ol li.faq-top .left-table .item03 {flex:.8; font-size:1.1rem; color:#666;}

.page_type-list.page_key-faq.design_version_19 .cont-table .table-frame.td ol li.faq-bot .faq-a {display:flex; justify-content:flex-end; padding:30px 20px; background-color:#fafafa; border-bottom:1px solid #999;}
.page_type-list.page_key-faq.design_version_19 .cont-table .table-frame.td ol li.faq-bot .faq-a pre {flex:.9; font-size:1.1rem; line-height:1.4;}


@media screen and (max-width: 1024px) {
  .page_type-list.page_key-faq.design_version_19 {padding:0 10px;}

  .page_type-list.page_key-faq.design_version_19 .cont-table .table-frame.td ol li.faq-top .left-table .item01 {align-items:flex-start;}
  .page_type-list.page_key-faq.design_version_19 .cont-table .table-frame.td ol li.faq-top {align-items:flex-start; padding:20px 10px;}
  .page_type-list.page_key-faq.design_version_19 .cont-table .table-frame.td ol li.faq-top .left-table p {display:flex; flex-direction:column; align-items:flex-start;}
  .page_type-list.page_key-faq.design_version_19 .cont-table .table-frame.td ol li.faq-top .left-table p span.item02 {margin-bottom:10px; font-size:1rem; color:#111;}
  .page_type-list.page_key-faq.design_version_19 .cont-table .table-frame.td ol li.faq-top .left-table {flex:1;}
  .page_type-list.page_key-faq.design_version_19 .cont-table .table-frame.td ol li.faq-top .left-table p {max-width:100%;}
  .page_type-list.page_key-faq.design_version_19 .cont-table .table-frame.td ol li.faq-top .left-table p span.item03 {width:100%; color:#222; font-size:1.2rem; font-weight:600;}
  .page_type-list.page_key-faq.design_version_19 .cont-table .table-frame.td ol li.faq-bot .faq-a {display:block; padding:20px 10px;}
  
  .page_type-list.page_key-faq.design_version_19 .cont-top {margin:10px 0 0;}
  
  .page_type-list.page_key-faq.design_version_19 .cont-top .top-search .search-group .search-item .select-type .select-cont::-webkit-scrollbar {display:none;}

  .page_type-list.page_key-faq.design_version_19 .cont-top .top-search .search-group .search-item .select-type .select-cont {justify-content:flex-start; flex-wrap:inherit; white-space:nowrap; overflow-x:scroll;}
  .page_type-list.page_key-faq.design_version_19 .cont-top .top-search .search-group .search-item .select-type .select-cont div span {font-size:1rem;}

  .design-faq-version_1 .board-category {margin-bottom:10px !important; padding-bottom:15px; justify-content:flex-start; flex-wrap:inherit; white-space:nowrap; overflow-x:scroll;}
  .design-faq-version_1 .board-category .item-data {font-size:1rem;}
  .design-faq-version_1 .board-category .item-data.active:before {display:none;}
  
}







/* 데모사이트 선택 카드형 (23.03.20 by.Hyemi) */
/************************************************ page_key, design_vesion 바꿔야함!!!!!!!!! ************************************************/
.user_level-common.page_type-list.page_key-undefined.design_version_undefined {max-width:1600px; margin:50px auto;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined .cont-table {}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject {text-align:left; font-size:0;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject > .item-data {display:inline-block; width:calc(100% / 2 - 10px); margin-right:20px; margin-bottom:80px; text-align:center;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject > .item-data:nth-child(even) {margin-right:0;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .image-cont {position:relative; width:90%; margin:0 auto;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .image-cont .thumb-img {position:relative; display:flex; align-items:center; justify-content:center; margin:0 auto; width:100%; height:400px; border:1px solid #eee; border-radius:10px; box-shadow:2px 2px 14px #ddd; overflow:hidden;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .image-cont .thumb-img img {width:100%; height:100%;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .image-cont .thumb-badge {position:absolute; top:-9px; right:18px; width:200px;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .image-cont .thumb-badge img {width:100%;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .main-txt {display:flex; align-items:center; justify-content:center; margin:20px auto 10px; font-size:1.8rem; font-weight:700;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .main-txt:before {content:'📌'; font-size:1rem;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .data-keyword {width:90%; margin:0 auto 15px; font-weight:600;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .btn-cont {width:90%; margin:10px auto; padding:15px 0;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .btn-cont .side-menu-contact a.item-pop-btn {display:flex; align-items:center; justify-content:center; padding:15px 0; background-color:#333; border:1px solid #333; border-radius:8px; color:#fff; transition:.2s; margin-top:6px;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .btn-cont .side-menu-contact a.item-pop-btn:hover {background-color:#0861C5; border-color: #0861C5;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .btn-cont .side-menu-contact a.item-pop-btn i {font-size:1rem; padding-right:6px;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .btn-cont .side-menu-contact a.item-pop-btn p { font-weight:600; font-size:1.1rem;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .btn-cont .side-menu-link {font-size:0;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .btn-cont .side-menu-link a.item-link-btn {position:relative; width:49%; display:inline-flex; align-items:center; justify-content:center; padding:12px 28px; border:1px solid #333; color:#333; border-radius:8px; font-weight:600; text-align:center; overflow:hidden;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .btn-cont .side-menu-link a.item-link-btn:first-child {margin-right:6px;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .btn-cont .side-menu-link a.item-link-btn:before {content:''; display:inline-block; width:24px; height:24px; margin-right:5px; background-size:cover; background-repeat:no-repeat;}
/* .user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .btn-cont .side-menu-link a.item-link-btn:nth-child(1):before {background-image:url('/resources/image/icon/demo-admin_333.png');}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .btn-cont .side-menu-link a.item-link-btn:nth-child(2):before {background-image:url('/resources/image/icon/demo-user_333.png');} */
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .btn-cont .side-menu-link a.item-link-btn:nth-child(1):before {background-image:url('/resources/image/icon/admin_icon_2.png');}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .btn-cont .side-menu-link a.item-link-btn:nth-child(2):before {background-image:url('/resources/image/icon/user_icon_2.png');}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .btn-cont .side-menu-link a.item-link-btn:after {content:'체험하러 바로 이동!'; position:absolute; left:0; bottom:0; width:100%; height:0; background-color:#222; color:#fff; font-weight:600; display:flex; align-items:center; justify-content:center; border-radius:0 0 8px 8px; transition:.4s;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .btn-cont .side-menu-link a.item-link-btn:hover:after {bottom:0; height:100%;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .btn-cont .side-menu-link a.item-link-btn:nth-child(even) {margin-right:0;}


/* 준비중 버튼 스타일 적용 (23.04.13 by.Hyemi) */
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .btn-cont.demo-pre .side-menu-link {display:none;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .btn-cont.demo-pre .side-menu-contact a.item-pop-btn {background-color:#eee; color:#222; border-color:#ddd;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .btn-cont.demo-pre .side-menu-contact a.item-pop-btn:hover {background-color:#eee; color:#222; border-color:#ddd;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .btn-cont.demo-pre .side-menu-contact a.item-pop-btn i {display:none;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .btn-cont.demo-pre .side-menu-contact a.item-pop-btn p {font-size:0;}
.user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .btn-cont.demo-pre .side-menu-contact a.item-pop-btn p:before {content:'준비중입니다! 조금만 기다려주세요.'; font-size:1.1rem;}



@media screen and (max-width: 1024px) {
  .page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject > .item-data {width:100%;}
  .page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .thumb-img {height:250px;}

  /* 데모사이트 수정 (23.04.01 by.Hyemi) */
  .user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject > .item-data {width:100%;}
  .user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject {border-top:none;}
  .user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .image-cont .thumb-img {height:300px;}
  .user_level-common.page_type-list.page_key-undefined.design_version_undefined #list-getListDemoUserCompanyProject .item-data .btn-cont .side-menu-link a.item-link-btn {font-size:.9rem;}
}






/* 파트너사 faq (23.03.22 by.Hyemi) */
/********************************************************** page_key 바꿔야함!!!!! **********************************************************/
.page_type-list.page_key-undefined.design_version_19 {max-width:1600px; margin:80px auto 150px;}
.page_type-list.page_key-undefined.design_version_19 .cont-top {padding:10px 0;}
.page_type-list.page_key-undefined.design_version_19 .cont-top .top-search {padding: 10px 0; background-color: transparent; border: none; border-radius: 0;}
.page_type-list.page_key-undefined.design_version_19 .cont-top .top-search .search-group {width:100%; margin-top:0; }
.page_type-list.page_key-undefined.design_version_19 .cont-top .top-search .search-group .search-item {width:100%;}
.page_type-list.page_key-undefined.design_version_19 .cont-top .top-search .search-group .search-item .select-type {width:100%;}
.page_type-list.page_key-undefined.design_version_19 .cont-top .top-search .search-group .search-item .select-type .select-cont {width:100%; display:flex; align-items:center; justify-content:center;}
.page_type-list.page_key-undefined.design_version_19 .cont-top .top-search .search-group .search-item .select-type .select-cont div {margin-right:10px;}
.page_type-list.page_key-undefined.design_version_19 .cont-top .top-search .search-group .search-item .select-type .select-cont div span {font-size:1.2rem; color:#999; font-weight:600; cursor:pointer;}
.page_type-list.page_key-undefined.design_version_19 .cont-top .top-search .search-group .search-item .select-type .select-cont div span.active {position:relative; color:#0861C5;}
.page_type-list.page_key-undefined.design_version_19 .cont-top .top-search .search-group .search-item .select-type .select-cont div span.active:before {content:''; display:inline-block; width:5px; height:5px; position:absolute; top:-10px; left:50%; transform:translateX(-50%); background-color:#0861C5; border-radius:50%;}

.page_type-list.page_key-undefined.design_version_19 .cont-mid {}
.page_type-list.page_key-undefined.design_version_19 .cont-mid .table-top-left {display:none;}
.page_type-list.page_key-undefined.design_version_19 .cont-mid .table-top-right {display:none;}

.page_type-list.page_key-undefined.design_version_19 .cont-table .table-frame.th {display:none;}
.page_type-list.page_key-undefined.design_version_19 .cont-table .table-frame.td {border-top:1px solid #ddd;}
.page_type-list.page_key-undefined.design_version_19 .cont-table .table-frame.td ol {cursor:pointer;}
.page_type-list.page_key-undefined.design_version_19 .cont-table .table-frame.td ol li {border-bottom:1px solid #ddd;}
.page_type-list.page_key-undefined.design_version_19 .cont-table .table-frame.td ol li.faq-top {position:relative; padding:20px;}
.page_type-list.page_key-undefined.design_version_19 .cont-table .table-frame.td ol li.faq-top:hover {background-color:#fafafa;}
.page_type-list.page_key-undefined.design_version_19 .cont-table .table-frame.td ol li.faq-top .left-table p span.item03 {position:absolute; top:50%; right:45px; padding:6px 12px; border-radius:30px; background-color:#fafafa; border:1px solid #eee; font-size:.9rem; color:#666; transform:translateY(-50%); text-align:right;}
.page_type-list.page_key-undefined.design_version_19 .cont-table .table-frame.td ol li.faq-top .left-table p span.item03:before {content:'';}
.page_type-list.page_key-undefined.design_version_19 .cont-table .table-frame.td ol li.faq-top .left-table p span.item03:after {content:'';}
.page_type-list.page_key-undefined.design_version_19 .cont-table .table-frame.td ol li.faq-top .left-table p span.item02 {font-weight:600;}
.page_type-list.page_key-undefined.design_version_19 .cont-table .table-frame.td ol li.faq-top .left-table p span.item02:before {content:'Q.';}

.page_type-list.page_key-undefined.design_version_19 .cont-table .table-frame.td ol li.faq-bot .faq-a {padding:20px; background-color:#fafafa; border-bottom:1px solid #999;}
.page_type-list.page_key-undefined.design_version_19 .cont-table .table-frame.td ol li.faq-bot .faq-a pre {}
.page_type-list.page_key-undefined.design_version_19 .cont-table .table-frame.td ol li.faq-bot .faq-a pre:before {content:'A'; display:flex; align-items:center; justify-content:center; width:30px; height:30px; margin-bottom:20px; border-radius:50%; background-color:#0861C5; color:#fff; font-weight:600;}

/* 목록 우측 화살표 방향 변경 */
ol li.faq-top .right-table {transition:.2s;}
ol li.faq-top .right-table i {transition:.2s;}
ol li.faq-top .right-table i.active {transform:rotate(180deg);}
ol li.faq-top .right-table.active {transform:rotate(180deg);}

@media screen and (max-width: 1024px) {
  .page_type-list.page_key-undefined.design_version_19 {padding:0 10px;}
  .page_type-list.page_key-undefined.design_version_19 .cont-table .table-frame.td ol li.faq-top {align-items:flex-start; padding:20px 10px;}
  .page_type-list.page_key-undefined.design_version_19 .cont-table .table-frame.td ol li.faq-top .left-table p {display:flex; flex-direction:column-reverse; align-items:flex-start;}
  .page_type-list.page_key-undefined.design_version_19 .cont-table .table-frame.td ol li.faq-top .left-table p span.item03 {position:relative; transform:translateY(0); right:0; margin-bottom:10px;}
  .page_type-list.page_key-undefined.design_version_19 .cont-table .table-frame.td ol li.faq-top .left-table {flex:1;}
  .page_type-list.page_key-undefined.design_version_19 .cont-table .table-frame.td ol li.faq-top .left-table p {max-width:100%;}
  .page_type-list.page_key-undefined.design_version_19 .cont-table .table-frame.td ol li.faq-top .left-table p span.item02 {width:90%;}
  .page_type-list.page_key-undefined.design_version_19 .cont-table .table-frame.td ol li.faq-bot .faq-a {padding:20px 10px;}
  
  .page_type-list.page_key-undefined.design_version_19 .cont-top .top-search .search-group .search-item .select-type .select-cont {margin-bottom:10px !important; padding-bottom:15px; justify-content:flex-start; flex-wrap:inherit; white-space:nowrap; overflow-x:scroll;}
  
  .design-faq-version_1 .board-category {margin-bottom:10px !important; padding-bottom:15px; justify-content:flex-start; flex-wrap:inherit; white-space:nowrap; overflow-x:scroll;}
  .design-faq-version_1 .board-category .item-data {font-size:1rem;}
  .design-faq-version_1 .board-category .item-data.active:before {display:none;}
  
}



/* 관리자 리스트 스타일 옮겨오기 (23.03.22 by.Hyemi) */
/* 정렬 필터 */
/*#container-list*/ .sort-item .xi-align-justify, .sort-item .xi-sort-desc, .sort-item .xi-sort-asc{display:none;}    
/*#container-list*/ .sort-item.sort- .xi-align-justify{display:inline-block;}
/*#container-list*/ .sort-item.sort-desc .xi-sort-desc{display:inline-block;}
/*#container-list*/ .sort-item.sort-asc .xi-sort-asc{display:inline-block;}

/* 게시판 목록 - 테이블형 버전 1 (23.02.14)*/
.page_type-list.page_key-board.design_version_15 {max-width:1600px;}
/* .page_type-list.page_key-board.design_version_15.cont .cont-top {position:relative;}
.page_type-list.page_key-board.design_version_15.cont .top-search {position:absolute; right:0; width:40%; align-items:center; transform:translateY(-50%);}
.page_type-list.page_key-board.design_version_15.cont .top-search .search-title2 {width:15%;} */
.page_type-list.page_key-board.design_version_15 .mid-con {position:relative; padding-top:20px;}
.page_type-list.page_key-board.design_version_15 .table-top {position:absolute; bottom:102%; left:0;}
.page_type-list.page_key-board.design_version_15 .table-top .list-count {font-size:0; font-weight:600;}
.page_type-list.page_key-board.design_version_15 .table-top .list-count span {font-size:1rem; color:#0861C5;}
.page_type-list.page_key-board.design_version_15 .table-top .list-count span:before {content:'총'; padding-right:4px; color:#000;}
.page_type-list.page_key-board.design_version_15 .table-top .list-count span:after {content:'개의 게시물이 있습니다.'; color:#000;}
.page_type-list.page_key-board.design_version_15 .cont-table .table {margin-top:0; padding-top:20px;}
.page_type-list.page_key-board.design_version_15 .cont-table .table .table-frame.th .tr {background-color:transparent; border-bottom:1px solid #ccc;}
.page_type-list.page_key-board.design_version_15 .cont-table .table .table-frame.th .tr.temp-tr-head {display:none;}
.page_type-list.page_key-board.design_version_15 .cont-table .table .table-frame.th .tr .tr-item {color:#000;}
.page_type-list.page_key-board.design_version_15 .cont-table .table .table-frame.th .tr .tr-item.head-title {flex:2.3;}
.page_type-list.page_key-board.design_version_15 .cont-table .table .table-frame.th .tr .tr-item.head-insert_date {flex:.3;}
.page_type-list.page_key-board.design_version_15 .cont-table .table .table-frame.th .tr .tr-item.head-hit {flex:.2;}
.page_type-list.page_key-board.design_version_15 .cont-table .table .table-frame.th .tr .tr-item.common {display:none;}
.page_type-list.page_key-board.design_version_15 .cont-table .table .table-frame {border-top:1px solid #222;}
/* 23.02.20 */
.page_type-list.page_key-board.design_version_15 .create_view_type-board {display:flex; align-items:center; padding:15px 0; border-bottom:1px solid #ddd;}
.page_type-list.page_key-board.design_version_15 .create_view_type-board:hover {background-color:#fafafa;}
.page_type-list.page_key-board.design_version_15 .create_view_type-board span {font-weight:500; flex:1;}
.page_type-list.page_key-board.design_version_15 .create_view_type-board span.board-list-hit {display:inline-flex; align-items:center; justify-content:center;}
.page_type-list.page_key-board.design_version_15 .create_view_type-board span.board-list-hit:before {content:'조회 '; font-size:.9rem; padding-right:3px;}
.page_type-list.page_key-board.design_version_15 .create_view_type-board img.board-list-thumb {display:none;}
.page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-num {flex:.1;}
.page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-num .board-list-count {}
.page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-num .board-list-notice .notice-icon {font-size:0; }
.page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-num .board-list-notice .notice-icon:before {display:inline-block; content:'NOTICE'; font-size:.7rem; color:#fff; font-weight:600; background-color:#D30000; padding:6px 15px; border-radius:30px;}
.page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-info {flex:1; display:flex; align-items:center;}
.page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-tit {display:inline-flex; align-items:center; flex:2.3; text-align:left;}
.page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-tit .board-title-info {display:inline-block;}
.page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-tit .board-title-info .board-item-icon {margin-left:4px;}
.page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-tit .board-title-info .board-item-new {font-size:0;}
.page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-tit .board-title-info .board-item-new:before {content:'N'; display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50px; background-color:#FFB800; color:#fff; font-size:.7rem;}
.page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-tit .board-title-info .board-item-file {font-size:0;}
.page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-tit .board-title-info .board-item-file:before {content:''; display:inline-block; width:14px; height:14px; background-image:url('/resources/image/icon/file_icon.png'); background-size:cover; background-repeat:no-repeat;}
.page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-tit .board-title-info .board-item-image {font-size:0;}
.page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-tit .board-title-info .board-item-image:before {content:''; display:inline-block; width:14px; height:14px; background-image:url('/resources/image/icon/image_icon.png'); background-size:cover; background-repeat:no-repeat;}
.page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-tit .board-title-info .board-item-secret {font-size:0;}
.page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-tit .board-title-info .board-item-secret:before {content:''; display:inline-block; width:14px; height:14px; background-image:url('/resources/image/icon/lock_444.png'); background-size:cover; background-repeat:no-repeat;}
.page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-date {flex:.3;}
.page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-date .board-date-val {display:inline-block;}
.page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-date .board-date-year {margin-left:-3px;}
.page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-date .board-date-year:after {content:'.';}
.page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-date .board-date-month {margin-left:-3px;}
.page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-date .board-date-month:after {content:'.';}

.page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-hit {flex:.2;}
/* 검색필터 영역 (23.02.21 by.Hyemi) */
.page_type-list.page_key-board.design_version_15 .cont-top {margin:10px 0 0;}
.page_type-list.page_key-board.design_version_15 .top-search {display:flex; width:100%; justify-content:flex-end; background-color:transparent; border:none; align-items:center; border-radius:0;}
.page_type-list.page_key-board.design_version_15 .top-search .search-title2 {width:5%; text-align:right;}
.page_type-list.page_key-board.design_version_15 .top-search .search-title2 .title-txt {font-size:0;}
.page_type-list.page_key-board.design_version_15 .top-search .search-group {width:auto;}
.page_type-list.page_key-board.design_version_15 .top-search .search-group .search-item input[type='text'] {padding:10px 15px; border-radius:10px; border:1px solid #eee; box-shadow:3px 3px 14px rgba(221,221,221,.25);}
.page_type-list.page_key-board.design_version_15 .top-search .search-group .search-item button {background-color:#0861C5; padding:10px; border-radius:10px;}


@media screen and (max-width:1024px) {
  .page_type-list.page_key-board.design_version_15 .top-search {padding:40px 0 0;}
  .page_type-list.page_key-board.design_version_15 .top-search .search-title2 {display:none;}
  .page_type-list.page_key-board.design_version_15 .top-search .search-group {width:100%;}
  .page_type-list.page_key-board.design_version_15 .top-search .search-group .search-item {display:flex; margin:20px 0 0;}
  .page_type-list.page_key-board.design_version_15 .top-search .search-group .search-item input[type='text'] {height:auto;}
  
  .page_type-list.page_key-board.design_version_15 .table-top {top:-110px;}
  .page_type-list.page_key-board.design_version_15 .table-top .list-count span {margin:0;}
  .page_type-list.page_key-board.design_version_15 .cont-table .table .table-frame.td {border-top:0;}
  .page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-tit {display:flex; margin-bottom:6px;}
  .page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-tit p {font-weight:600; font-size:1.1rem;}
  .page_type-list.page_key-board.design_version_15 .create_view_type-board {display:block;}
  .page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-date {font-size:.9rem;}
  .page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-hit {font-size:.9rem;}
  .page_type-list.page_key-board.design_version_15 .mid-con {padding-top:15px;}

  .page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-info {display:block; text-align:left;}
  .page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-date .board-date-year {margin-left:0;}
  .page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-num {display:none;}
  .page_type-list.page_key-board.design_version_15 .create_view_type-board .board-list-date .board-date-val {font-size:.9rem; color:#666;}
  .page_type-list.page_key-board.design_version_15 .create_view_type-board span.board-list-hit {color:#666; margin-left:5px;}
}




/* 게시판 목록 - 테이블형 버전 2 (23.03.23)*/
.page_type-list.page_key-board.design_version_17 {}
/* .page_type-list.page_key-board.design_version_17.cont .cont-top {position:relative;}
.page_type-list.page_key-board.design_version_17.cont .top-search {position:absolute; right:0; width:40%; align-items:center; transform:translateY(-50%);} */
.page_type-list.page_key-board.design_version_17.cont .top-search .search-title2 {display:none;}
.page_type-list.page_key-board.design_version_17 .mid-con {position:relative; padding-top:20px;}
.page_type-list.page_key-board.design_version_17 .table-top {position:absolute; bottom:102%; left:0;}
.page_type-list.page_key-board.design_version_17 .table-top .list-count {font-size:0; font-weight:600;}
.page_type-list.page_key-board.design_version_17 .table-top .list-count span {font-size:1rem; color:#0861C5;}
.page_type-list.page_key-board.design_version_17 .table-top .list-count span:before {content:'총'; padding-right:4px; color:#000;}
.page_type-list.page_key-board.design_version_17 .table-top .list-count span:after {content:'건'; padding-left:4px; color:#000;}
.page_type-list.page_key-board.design_version_17 .cont-table .table {margin-top:0; padding-top:20px;}
.page_type-list.page_key-board.design_version_17 .cont-table .table .table-frame.th {display:none;}
/* .page_type-list.page_key-board.design_version_17 .cont-table .table .table-frame.th .tr {background-color:transparent; border-bottom:1px solid #ccc;}
.page_type-list.page_key-board.design_version_17 .cont-table .table .table-frame.th .tr .tr-item {color:#000;} */
/* 23.02.20 */
.page_type-list.page_key-board.design_version_17 .create_view_type-board {position:relative; display:flex; align-items:center; padding:25px 0; border-bottom:1px solid #ddd;}
.page_type-list.page_key-board.design_version_17 .create_view_type-board:after {content:''; position:absolute; top:50%; right:0; transform:translateY(-50%) rotate(90deg); display:block; width:30px; height:30px; background-image:url('/resources/image/icon/up-arrow_main.png'); background-size:cover; opacity:0; transition:.3s;}
.page_type-list.page_key-board.design_version_17 .create_view_type-board:hover {background-color:#F1F8FF; border-color:#0861C5;}
.page_type-list.page_key-board.design_version_17 .create_view_type-board:hover:after {opacity:1; right:20px;}
.page_type-list.page_key-board.design_version_17 .create_view_type-board span {font-weight:500;}
.page_type-list.page_key-board.design_version_17 .create_view_type-board img.board-list-thumb {display:none;}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-num {flex:.1;}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-num .board-list-count {font-weight:700;}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-num .board-list-notice .notice-icon {font-size:0; }
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-num .board-list-notice .notice-icon:before {display:inline-block; content:'NOTICE'; font-size:.7rem; color:#fff; font-weight:600; background-color:#D30000; padding:6px 15px; border-radius:30px;}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-info {flex:1; text-align:left;}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-tit {display:flex; align-items:center; text-align:left; margin-bottom:8px;}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-tit .board-item-tit {font-size:1.3rem;}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-tit .board-title-info {display:inline-block;}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-tit .board-title-info .board-item-icon {margin-left:4px;}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-tit .board-title-info .board-item-new {font-size:0;}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-tit .board-title-info .board-item-new:before {content:'N'; display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50px; background-color:#FFB800; color:#fff; font-size:.7rem;}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-tit .board-title-info .board-item-file {font-size:0;}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-tit .board-title-info .board-item-file:before {content:''; display:inline-block; width:14px; height:14px; background-image:url('/resources/image/icon/file_icon.png'); background-size:cover; background-repeat:no-repeat;}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-tit .board-title-info .board-item-image {font-size:0;}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-tit .board-title-info .board-item-image:before {content:''; display:inline-block; width:14px; height:14px; background-image:url('/resources/image/icon/image_icon.png'); background-size:cover; background-repeat:no-repeat;}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-tit .board-title-info .board-item-secret {font-size:0;}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-tit .board-title-info .board-item-secret:before {content:''; display:inline-block; width:14px; height:14px; background-image:url('/resources/image/icon/lock_444.png'); background-size:cover; background-repeat:no-repeat;}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-item-info {display:inline-flex; align-items:center; margin-right:6px; color:#555;}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-item-info:before {content:''; display:inline-block; width:14px; height:14px; background-size:cover; background-repeat:no-repeat; margin-right:3px;}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-date:before {background-image:url('/resources/image/icon/calendar_icon3_555.png');}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-hit:before {background-image:url('/resources/image/icon/hit_icon2_555.png');}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-reply:before {background-image:url('/resources/image/icon/comment_555.png');}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-like:before {background-image:url('/resources/image/icon/like_555.png');}

.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-date .board-date-val {display:inline-block;}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-date .board-date-year {}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-date .board-date-year:after {content:'.';}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-date .board-date-month {}
.page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-date .board-date-month:after {content:'.';}
/* 검색필터 영역 */
.page_type-list.page_key-board.design_version_17 .cont-top {margin:10px 0 0;}
.page_type-list.page_key-board.design_version_17 .top-search {display:flex; width:100%; justify-content:flex-end; background-color:transparent; border:none; align-items:center; border-radius:0;}
.page_type-list.page_key-board.design_version_17 .top-search .search-title2 {width:5%; text-align:right;}
.page_type-list.page_key-board.design_version_17 .top-search .search-title2 .title-txt {font-size:0;}
.page_type-list.page_key-board.design_version_17 .top-search .search-group {width:auto;}
.page_type-list.page_key-board.design_version_17 .top-search .search-group .search-item .search-item-tit {padding:10px 10px 11px; margin-right:4px; font-size:.9rem; border-bottom:1px solid #eee; color:#aaa; font-weight:500;}
.page_type-list.page_key-board.design_version_17 .top-search .search-group .search-item input[type='text'] {padding:10px 15px; border:none; border-bottom:1px solid #eee;}
.page_type-list.page_key-board.design_version_17 .top-search .search-group .search-item button {background-color:#222222; padding:10px; border-radius:10px;}


@media screen and (max-width:1024px) {
  .page_type-list.page_key-board.design_version_17 .top-search {padding:40px 0 0;}
  .page_type-list.page_key-board.design_version_17 .top-search .search-title2 {display:none;}
  .page_type-list.page_key-board.design_version_17 .top-search .search-group {width:100%;}
  .page_type-list.page_key-board.design_version_17 .top-search .search-group .search-item {display:flex; margin:10px 0 0;}
  .page_type-list.page_key-board.design_version_17 .top-search .search-group .search-item input[type='text'] {height:auto;}
  .page_type-list.page_key-board.design_version_17 .top-search .search-group .search-item .search-item-tit {margin-bottom:0;}
  
  .page_type-list.page_key-board.design_version_17 .table-top {position:relative;}
  .page_type-list.page_key-board.design_version_17 .table-top .list-count span {margin:0;}
  .page_type-list.page_key-board.design_version_17 .cont-table .table .table-frame.td {border-color:#666; margin-top:10px; display:block;}
  .page_type-list.page_key-board.design_version_17 .create_view_type-board {display:block; text-align:left;}
  .page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-num .board-list-count {font-size:600; margin-bottom:6px;}
  .page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-tit {margin-bottom:6px;}
  .page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-date {font-size:.9rem;}
  .page_type-list.page_key-board.design_version_17 .create_view_type-board .board-list-hit {font-size:.9rem;}
}




/* 게시판 목록 - 테이블형 버전 3 (23.03.23)*/
.page_type-list.page_key-board.design_version_18 {}
/* .page_type-list.page_key-board.design_version_18.cont .cont-top {position:relative;}
.page_type-list.page_key-board.design_version_18.cont .top-search {position:absolute; right:0; width:40%; align-items:center; transform:translateY(-50%);} */
.page_type-list.page_key-board.design_version_18.cont .top-search .search-title2 {display:none;}
.page_type-list.page_key-board.design_version_18 .mid-con {position:relative; padding-top:20px;}
.page_type-list.page_key-board.design_version_18 .table-top {position:absolute; bottom:102%; left:0;}
.page_type-list.page_key-board.design_version_18 .table-top .list-count {font-size:0; font-weight:600;}
.page_type-list.page_key-board.design_version_18 .table-top .list-count span {font-size:1rem; color:#0861C5;}
.page_type-list.page_key-board.design_version_18 .table-top .list-count span:before {content:'TOTAL'; font-weight:600; padding-right:4px; color:#000;}
.page_type-list.page_key-board.design_version_18 .cont-table .table {margin-top:0; padding-top:20px;}
.page_type-list.page_key-board.design_version_18 .cont-table .table .table-frame.th {display:none;}
/* .page_type-list.page_key-board.design_version_18 .cont-table .table .table-frame.th .tr {background-color:transparent; border-bottom:1px solid #ccc;}
.page_type-list.page_key-board.design_version_18 .cont-table .table .table-frame.th .tr .tr-item {color:#000;} */
/* 23.02.20 */
.page_type-list.page_key-board.design_version_18 .create_view_type-board {position:relative;display:block; padding:25px 0; border-bottom:1px solid #ddd; text-align:left;  transition:.3s;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board:after {content:''; position:absolute; top:50%; right:20px; transform:translateY(-50%); display:block; width:30px; height:30px; background-image:url('/resources/image/icon/next-thin.png'); background-size:cover;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board img.board-list-thumb {display:none;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-num {flex:.1;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-num .board-list-count {display:none;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-num .board-list-notice {display:inline-block; margin-bottom:5px;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-num .board-list-notice .notice-icon {font-size:0; }
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-num .board-list-notice .notice-icon:before {display:inline-block; content:'NOTICE'; font-size:.7rem; color:#fff; font-weight:600; background-color:#D30000; padding:6px 15px; border-radius:30px;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-info {flex:1; text-align:left;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-tit {display:flex; align-items:center; text-align:left; margin-bottom:8px;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-tit .board-item-tit {font-size:1.3rem; font-weight:600;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-tit .board-title-info {display:inline-block;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-tit .board-title-info .board-item-icon {margin-left:4px;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-tit .board-title-info .board-item-new {font-size:0;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-tit .board-title-info .board-item-new:before {content:'N'; display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50px; background-color:#FFB800; color:#fff; font-size:.7rem;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-tit .board-title-info .board-item-file {font-size:0;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-tit .board-title-info .board-item-file:before {content:''; display:inline-block; width:14px; height:14px; background-image:url('/resources/image/icon/file_icon.png'); background-size:cover; background-repeat:no-repeat;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-tit .board-title-info .board-item-image {font-size:0;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-tit .board-title-info .board-item-image:before {content:''; display:inline-block; width:14px; height:14px; background-image:url('/resources/image/icon/image_icon.png'); background-size:cover; background-repeat:no-repeat;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-tit .board-title-info .board-item-secret {font-size:0;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-tit .board-title-info .board-item-secret:before {content:''; display:inline-block; width:14px; height:14px; background-image:url('/resources/image/icon/lock_444.png'); background-size:cover; background-repeat:no-repeat;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-item-info {display:inline-flex; align-items:center; margin-right:6px; color:#555; font-size:.95rem;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-hit:before {content:'조회'; padding-right:4px;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-like:before {content:'좋아요'; padding-right:4px;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-reply:before {content:'댓글'; padding-right:4px;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-date .board-date-val {display:inline-block;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-date .board-date-year {}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-date .board-date-year:after {content:'.';}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-date .board-date-month {}
.page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-date .board-date-month:after {content:'.';}
/* 마우스오버 이벤트 */
.page_type-list.page_key-board.design_version_18 .create_view_type-board:hover {margin-left:20px; border-color:#0861C5;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board:hover:after {background-image:url('/resources/image/icon/next-thin_main.png');}
.page_type-list.page_key-board.design_version_18 .create_view_type-board:hover .board-item-tit {color:#0861C5;}
.page_type-list.page_key-board.design_version_18 .create_view_type-board:hover .board-item-info {color:#0861C5;}
/* 검색필터 영역 */
.page_type-list.page_key-board.design_version_18 .cont-top {margin:10px 0 0;}
.page_type-list.page_key-board.design_version_18 .top-search {display:flex; width:100%; justify-content:flex-end; background-color:transparent; border:none; align-items:center; border-radius:0;}
.page_type-list.page_key-board.design_version_18 .top-search .search-title2 {width:5%; text-align:right;}
.page_type-list.page_key-board.design_version_18 .top-search .search-title2 .title-txt {font-size:0;}
.page_type-list.page_key-board.design_version_18 .top-search .search-group {width:auto;}
.page_type-list.page_key-board.design_version_18 .top-search .search-group .search-item .search-item-tit {padding:10px 10px 11px; margin-right:4px; font-size:.9rem; background-color:#f8f8f8; border-radius:3px; font-weight:500;}
.page_type-list.page_key-board.design_version_18 .top-search .search-group .search-item input[type='text'] {padding:10px 15px; background-color:#f8f8f8; border:none; border-radius:3px;}
.page_type-list.page_key-board.design_version_18 .top-search .search-group .search-item button {background-color:#0861C5; padding:10px; border-radius:3px;}


@media screen and (max-width:1024px) {
  .page_type-list.page_key-board.design_version_18 .create_view_type-board:after {display:none;}
  .page_type-list.page_key-board.design_version_18 .top-search {padding:40px 0 0;}
  .page_type-list.page_key-board.design_version_18 .top-search .search-title2 {display:none;}
  .page_type-list.page_key-board.design_version_18 .top-search .search-group {width:100%;}
  .page_type-list.page_key-board.design_version_18 .top-search .search-group .search-item {display:flex; margin:10px 0 0;}
  .page_type-list.page_key-board.design_version_18 .top-search .search-group .search-item input[type='text'] {height:auto;}
  .page_type-list.page_key-board.design_version_18 .top-search .search-group .search-item .search-item-tit {margin-bottom:0;}
  
  .page_type-list.page_key-board.design_version_18 .table-top {position:relative;}
  .page_type-list.page_key-board.design_version_18 .table-top .list-count span {margin:0;}
  .page_type-list.page_key-board.design_version_18 .cont-table .table .table-frame.td {border-color:#666; margin-top:10px; display:block;}
  .page_type-list.page_key-board.design_version_18 .create_view_type-board {display:block; text-align:left;}
  .page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-num .board-list-count {font-size:600; margin-bottom:6px;}
  .page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-tit {margin-bottom:6px;}
  .page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-tit .board-item-tit {font-size:1.2rem;}
  .page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-date {font-size:.9rem;}
  .page_type-list.page_key-board.design_version_18 .create_view_type-board .board-list-hit {font-size:.9rem;}
}



/* 게시판 목록 - 테이블형 버전 4 (23.03.23)*/
.page_type-list.page_key-board.design_version_19 {}
/* .page_type-list.page_key-board.design_version_19.cont .cont-top {position:relative;}
.page_type-list.page_key-board.design_version_19.cont .top-search {position:absolute; right:0; width:40%; align-items:center; transform:translateY(-50%);} */
.page_type-list.page_key-board.design_version_19.cont .top-search .search-title2 {display:none;}
.page_type-list.page_key-board.design_version_19 .mid-con {position:relative; padding-top:20px;}
.page_type-list.page_key-board.design_version_19 .table-top {position:absolute; bottom:102%; left:0;}
.page_type-list.page_key-board.design_version_19 .table-top .list-count {font-size:0;}
.page_type-list.page_key-board.design_version_19 .table-top .list-count span {font-size:1rem; color:#0861C5; font-weight:500;}
.page_type-list.page_key-board.design_version_19 .table-top .list-count span:before {content:'총'; padding-right:4px; color:#000;}
.page_type-list.page_key-board.design_version_19 .table-top .list-count span:after {content:'개의 게시물이 있습니다.'; color:#000;}
.page_type-list.page_key-board.design_version_19 .cont-table .table {margin-top:0; padding-top:20px;}
.page_type-list.page_key-board.design_version_19 .cont-table .table .table-frame.th {display:none;}
/* .page_type-list.page_key-board.design_version_19 .cont-table .table .table-frame.th .tr {background-color:transparent; border-bottom:1px solid #ccc;}
.page_type-list.page_key-board.design_version_19 .cont-table .table .table-frame.th .tr .tr-item {color:#000;} */
/* 23.02.20 */
.page_type-list.page_key-board.design_version_19 .create_view_type-board {position:relative; display:flex; align-items:center; padding:35px 0; border-bottom:1px solid #ddd; transition:.3s;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board img.board-list-thumb {display:none;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-num {flex:.1;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-num .board-list-count {display:inline-block; padding:5px 20px; background-color:#ddd; border-radius:30px; font-size:.9rem; color:#666; font-weight:700; transition:.3s;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-num .board-list-notice {display:inline-block; margin-bottom:5px;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-num .board-list-notice .notice-icon {font-size:0; }
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-num .board-list-notice .notice-icon:before {display:inline-block; content:'NOTICE'; font-size:.7rem; color:#fff; font-weight:600; background-color:#D30000; padding:6px 15px; border-radius:30px;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-info {position:relative; flex:1; padding-left:100px; display:flex; align-items:center; justify-content:space-between;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-tit {display:flex; align-items:center; text-align:left;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-tit .board-item-tit {font-size:1.3rem;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-tit .board-title-info {display:inline-block;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-tit .board-title-info .board-item-icon {margin-left:4px;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-tit .board-title-info .board-item-new {font-size:0;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-tit .board-title-info .board-item-new:before {content:'N'; display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50px; background-color:#FFB800; color:#fff; font-size:.7rem;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-tit .board-title-info .board-item-file {font-size:0;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-tit .board-title-info .board-item-file:before {content:''; display:inline-block; width:14px; height:14px; background-image:url('/resources/image/icon/file_icon.png'); background-size:cover; background-repeat:no-repeat;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-tit .board-title-info .board-item-image {font-size:0;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-tit .board-title-info .board-item-image:before {content:''; display:inline-block; width:14px; height:14px; background-image:url('/resources/image/icon/image_icon.png'); background-size:cover; background-repeat:no-repeat;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-tit .board-title-info .board-item-secret {font-size:0;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-tit .board-title-info .board-item-secret:before {content:''; display:inline-block; width:14px; height:14px; background-image:url('/resources/image/icon/lock_444.png'); background-size:cover; background-repeat:no-repeat;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-item-info {display:inline-flex; align-items:center; margin-right:6px; color:#555; font-size:.95rem;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-item-info {display:inline-flex; align-items:center; margin-right:6px; color:#555;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-item-info:before {content:''; display:inline-block; width:12px; height:12px; background-size:cover; background-repeat:no-repeat; margin-right:6px;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-date:before {background-image:url('/resources/image/icon/calendar_icon3_555.png');}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-hit:before {background-image:url('/resources/image/icon/hit_icon2_555.png');}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-reply:before {background-image:url('/resources/image/icon/comment_555.png');}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-like:before {background-image:url('/resources/image/icon/like_555.png');}
/* 마우스오버 이벤트 */
.page_type-list.page_key-board.design_version_19 .create_view_type-board:hover {border-color:#0861C5;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board:hover .board-list-num .board-list-count {background-color:#0861C5; color:#fff;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board:hover:after {background-image:url('/resources/image/icon/next-thin_main.png');}
.page_type-list.page_key-board.design_version_19 .create_view_type-board:hover .board-item-tit {color:#0861C5;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board:hover .board-item-info {color:#0861C5;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board:hover .board-list-date:before {background-image:url('/resources/image/icon/calendar_icon3_main.png');}
.page_type-list.page_key-board.design_version_19 .create_view_type-board:hover .board-list-hit:before {background-image:url('/resources/image/icon/hit_icon2_main.png');}
.page_type-list.page_key-board.design_version_19 .create_view_type-board:hover .board-list-reply:before {background-image:url('/resources/image/icon/comment_main.png');}
.page_type-list.page_key-board.design_version_19 .create_view_type-board:hover .board-list-like:before {background-image:url('/resources/image/icon/like_main.png');}
/* 검색필터 영역 */
.page_type-list.page_key-board.design_version_19 .cont-top {margin:10px 0 0;}
.page_type-list.page_key-board.design_version_19 .top-search {display:flex; width:100%; justify-content:flex-end; background-color:transparent; border:none; align-items:center; border-radius:0;}
.page_type-list.page_key-board.design_version_19 .top-search .search-title2 {width:5%; text-align:right;}
.page_type-list.page_key-board.design_version_19 .top-search .search-title2 .title-txt {font-size:0;}
.page_type-list.page_key-board.design_version_19 .top-search .search-group {width:auto;}
.page_type-list.page_key-board.design_version_19 .top-search .search-group .search-item .search-item-tit {padding:10px 10px 11px; margin-right:4px; font-size:.9rem; background-color:#f8f8f8; border-radius:3px; font-weight:500;}
.page_type-list.page_key-board.design_version_19 .top-search .search-group .search-item input[type='text'] {padding:10px 15px; background-color:#f8f8f8; border:none; border-radius:3px;}
.page_type-list.page_key-board.design_version_19 .top-search .search-group .search-item button {background-color:#f8f8f8; padding:10px; border-radius:3px; margin-left:0;}
.page_type-list.page_key-board.design_version_19 .top-search .search-group .search-item button i {color:#000;}

/* 날짜 스타일 */

.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-date {position:absolute; top:50%; left:0; transform:translateY(-50%); display:inline-block; text-align:center; color:#222; margin-right:0;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-date:before {display:none;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-date .board-date-val {display:inline-block; font-weight:800; font-size:0;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-date .board-date-year {font-size:.9rem; display:block;}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-date .board-date-month {font-size:1.5rem; }
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-date .board-date-month:after {content:'.';}
.page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-date .board-date-day {font-size:1.5rem; margin-left:-3px;}


@media screen and (max-width:1024px) {
  .page_type-list.page_key-board.design_version_19 .top-search {padding:40px 0 0;}
  .page_type-list.page_key-board.design_version_19 .top-search .search-title2 {display:none;}
  .page_type-list.page_key-board.design_version_19 .top-search .search-group {width:100%;}
  .page_type-list.page_key-board.design_version_19 .top-search .search-group .search-item {display:flex; margin:10px 0 0;}
  .page_type-list.page_key-board.design_version_19 .top-search .search-group .search-item input[type='text'] {height:auto;}
  .page_type-list.page_key-board.design_version_19 .top-search .search-group .search-item .search-item-tit {margin-bottom:0;}
  
  .page_type-list.page_key-board.design_version_19 .table-top {position:relative;}
  .page_type-list.page_key-board.design_version_19 .table-top .list-count span {margin:0;}
  .page_type-list.page_key-board.design_version_19 .cont-table .table .table-frame.td {border-color:#666; margin-top:10px; display:block;}
  .page_type-list.page_key-board.design_version_19 .create_view_type-board {display:block;padding:24px 0;}
  .page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-num .board-list-count {display:none;}
  .page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-tit {margin-bottom:6px;}
  .page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-tit .board-item-tit {font-size:1.2rem;}
  .page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-date {font-size:.9rem;}
  .page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-hit {font-size:.9rem;}

  .page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-info {padding-left:75px; flex-direction:column; align-items:flex-start;}
  .page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-date {width:70px;}
  .page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-date .board-date-month {font-size:1.3rem;}
  .page_type-list.page_key-board.design_version_19 .create_view_type-board .board-list-date .board-date-day {font-size:1.3rem;}
}








/* 테이블 영역 (관리자페이지 CSS 가져온 것 - 23.03.23) */
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr.mob-item-data {display: none;}

.page_type-list.page_key-board.design_version_14 .cont-table .table {width:100%; border-bottom:0; margin-top:8px;}

.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame .tr {display:flex; align-items:center; justify-content:space-between;}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame .tr .tr-item {flex:1; display:flex; align-items:flex-start; justify-content:flex-start;  text-align : left; word-break:break-all; flex-direction:column;}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame .tr .tr-item button{margin:2px 0;}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame .tr .tr-item span {/* display:flex;  */align-items:center; width:auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame .tr .tr-item .item-delete {cursor:pointer; background-color:#aaa; color:#fff; padding:2px; font-size:.4rem;}

.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td#list-getListFaq .tr .tr-item:nth-child(2) {align-items:center;}

.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.th {}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.th .tr .tr-item {font-weight:500; font-weight:600; padding:15px;}
/* .page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.th .tr {border: 1px solid #d6d6d6; background:#f8f8f8; border-radius:5px;} */
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.th .tr {border-bottom:1px solid #ddd;}
/* .page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td {height:620px; overflow-y:scroll;} */
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr {border-bottom:1px solid #d6d6d6;}
/* .page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr:last-child {border-bottom:none;} */
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr:last-child {margin-bottom:20px;}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item.row-item {font-size:1rem;padding:15px; flex-direction:row;}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item.row-item img {width:15px; height:15px;}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item {font-size:1rem;padding:15px;}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item .cbi-func-btn {padding:2px 4px; font-size:.9rem; border:1px solid #333; color:#333; border-radius:3px;}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item .cbi-func-btn:hover {background-color:#333; color:#fff;}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item .cbi-func-btn:last-child {margin-bottom:0;}



/* 테이블 기능 영역 스타일 수정 (23.01.10) */
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item.func-btn-cont {position:relative;}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item.func-btn-cont i {cursor:pointer;}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item .func-btn-list {display:none; position:absolute; top:102%; right:10px; width:90px; background-color:#fff; border:1px solid #eee; border-radius:5px; z-index:10;}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item .func-btn-list.active {display:block;}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item .func-btn-list .cbi-func-btn {display:inline-flex; align-items:center; padding:6px; margin:0; border:none; border-radius:0; width:100%; max-width:100%; text-align:left;}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item .func-btn-list .cbi-func-btn.btn-delete {justify-content:flex-start;}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item .func-btn-list .cbi-func-btn:before {content:''; display:inline-block; margin-right:3px; width:12px; height:12px; background-size:contain; background-position: center; background-repeat: no-repeat;}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item .func-btn-list .cbi-func-btn.btn-detail:before {background-image:url('/resources/image/icon/detail_icon.png');}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item .func-btn-list .cbi-func-btn.btn-delete:before {background-image:url('/resources/image/icon/delete_icon_444.png');}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item .func-btn-list .cbi-func-btn.btn-upload:before {background-image:url('/resources/image/icon/edit_icon_444.png');}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item .func-btn-list .cbi-func-btn[data-method='clickWithdrawal']:before {background-image:url('/resources/image/icon/edit_icon_444.png');}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item .func-btn-list .cbi-func-btn:hover {background-color:#eee; color:#000;}

/* 목록 - 정렬 필터 세팅 (23.01.12) */
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame .tr .tr-item.fit-align {flex-direction:row; align-items:center;}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame .tr .tr-item.fit-align .align-btn {position:relative; margin:0 0 0 2px;}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame .tr .tr-item.fit-align .align-btn .sort-item {display:flex;}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame .tr .tr-item.fit-align .align-btn i {font-size:0; width:14px; height:14px; background-repeat:no-repeat; background-size:contain; background-position:center;}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame .tr .tr-item.fit-align .align-btn i:before {display:none;}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame .tr .tr-item.fit-align .align-btn i.xi-align-justify {background-image:url('/resources/image/icon/align_icon_666.png');}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame .tr .tr-item.fit-align .align-btn i.xi-sort-desc {background-image:url('/resources/image/icon/align_icon1_666.png');}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame .tr .tr-item.fit-align .align-btn i.xi-sort-asc {background-image:url('/resources/image/icon/align_icon2_666.png');}
/* .page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame .tr .tr-item.fit-align .tooltip-element {margin:0 0 0 2px;} */

/* 테이블 우측 버튼 추가 (23.02.03) */
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item.custom-btn button {min-width:0; padding:0; border:none; text-align:left;}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item .set-complete {font-weight:600; color:#0861C5;}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item .set-none {color:#bbb;}

.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item.custom-btn button.custom-set-icon {position:relative; font-size:0;}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item.custom-btn button.custom-set-icon:before {content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); display:block; width:20px; height:20px; background-size:cover; background-repeat: no-repeat; background-position: center; background-image:url('/resources/image/icon/min-Check_666.png');}
.page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item.custom-btn button.custom-set-icon:hover:before {background-image:url('/resources/image/icon/min-Check_On_main.png');}


@media screen and (max-width:768px) {
    .page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr.pc-item-data {display: none;}
    .page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr.mob-item-data {display: block;}

    .page_type-list.page_key-board.design_version_14 .cont-table .table {margin-top:0;}
    .page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.th {display: none;}
    .page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr {border-bottom:1px solid #C0C0C0 !important; padding:20px 0 15px; margin:0 20px;}
    .page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item {border:0 !important; width:100% !important; justify-content: flex-start; padding:0 0 5px 0;}
    .page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr:last-child {margin-bottom:0;}
    .page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame .tr .tr-item:nth-child(1) {color: #5E5E5E;}
    .page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame .tr .tr-item:nth-child(2) span {font-size:1.143rem;}
    .page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame .tr .tr-item:nth-child(2) span:first-child {font-weight:bold; padding-right: 16px;}
    .page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame .tr .tr-item span {width:auto;}
    .page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame .tr .tr-item span.active_start_place {width:100px;}
    .page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame .tr .tr-item .tri-data:before {top:12px !important; right: 7px !important;}
    .page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item:nth-child(3) {justify-content: space-between;}
    .page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item:nth-child(3) .active_date {color: #239609;}
    .page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame.td .tr .tr-item:nth-child(3) .active_date span {font-weight: 500;}
    .page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame .tr .tr-item:nth-child(2) p {font-size:14px;}
    .page_type-list.page_key-board.design_version_14 .cont-table .table .table-frame .tr .tr-item:nth-child(3) p.sy-status {font-size:16px; font-weight:500;}
}









/* 데모사이트 선택 목록 페이지 스타일 수정(23.04.01 by.Hyemi) */
.cont .top-search .search-group .search-item.list-type-item {display:block; padding:20px; margin:0;}
.cont .top-search .search-group .search-item.list-type-item .search-item-tit {width:auto; font-size:1.4rem; font-weight:700;}
.cont .top-search .search-group .search-item.list-type-item .val-list {margin-top:8px; font-size:0;}
.cont .top-search .search-group .search-item.list-type-item .val-list div {display:inline-block; padding:8px 14px; background-color:#fff; border:1px solid #eee; border-radius:5px; margin-right:4px; cursor:pointer;}
.cont .top-search .search-group .search-item.list-type-item .val-list div:last-child {margin-right:0;}
.cont .top-search .search-group .search-item.list-type-item .val-list div span {color:#666;}
.cont .top-search .search-group .search-item.list-type-item .val-list div.active {border-color:#222;}
.cont .top-search .search-group .search-item.list-type-item .val-list div.active span {color:#222; font-weight:700;}




/* 테이블형 type2 (23.04.04 by.Hyemi) */
.design-type-table.design-version_2 {max-width:1600px; margin:80px auto 120px;}
.design-type-table.design-version_2 .design-section-element {position:relative; margin:0;}
.design-type-table.design-version_2 .intro-content .more-btn a {font-weight:600; display:inline-flex; align-items:center; color:#999; transition:.3s;}
.design-type-table.design-version_2 .intro-content .more-btn a:after {content:'+'; display:inline-block; margin-left:5px; transform:rotate(-90deg); transition:.3s; font-size:1.1rem; color:#999;}
.design-type-table.design-version_2 .intro-content .more-btn:hover a {color:#000;}
.design-type-table.design-version_2 .intro-content .more-btn:hover a:after {transform:rotate(0); color:#000;}
.design-type-table.design-version_2 .canvas-content {border-top:2px solid #000;}
.design-type-table.design-version_2 .section-txt {border-bottom:1px solid #ddd; transition:.2s;}
.design-type-table.design-version_2 .section-txt .section-title {position:relative; text-align:left; padding:20px 10px;}
.design-type-table.design-version_2 .section-txt .section-title::after {content:''; position:absolute; top:50%; right:10px; transform:translateY(-50%); display:block; width:20px; height:20px; background-image:url('/resources/image/icon/next-thin.png'); background-size:cover; transition:.2s;}
.design-type-table.design-version_2 .section-txt .section-title label {display:none;}
.design-type-table.design-version_2 .section-txt .section-title span {font-size:1.2rem; font-weight:600; color:#444; transition:.2s;}
.design-type-table.design-version_2 .section-txt .section-contents {display:none;}
.design-type-table.design-version_2 .section-url {position:absolute; top:0; left:0; width:100%; height:100%;}
.design-type-table.design-version_2 .section-url label, .design-type-table.design-version_2 .section-url a {font-size:0;}
.design-type-table.design-version_2 .section-url a {position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%;}
.design-type-table.design-version_2 .section-image {display:none;}
.design-type-table.design-version_2 .design-section-element:hover .section-txt {border-color:#000;}
.design-type-table.design-version_2 .design-section-element:hover .section-txt .section-title::after {right:20px;}
.design-type-table.design-version_2 .design-section-element:hover .section-txt .section-title span {color:#000;}


@media screen and (max-width:1024px) {
  .design-type-table.design-version_2 {padding:0 10px;}
  .design-type-table.design-version_2 .intro-content .title-content span {font-size:1.6rem;}
  .design-type-table.design-version_2 .intro-content .title-content {flex-direction:column; align-items:flex-start;}
  .design-type-table.design-version_2 .section-txt .section-title span {font-size:1rem;}
  .design-type-table.design-version_2 .section-txt .section-title::after {width:14px; height:14px;}
}