/* 문의내역 상세 */
.qna-post {width: 100%; padding: 80px 0;}
.qna-post .qna-wrap {margin: 0 auto; width: calc(100% - 320px); max-width: 1600px; min-width: 280px;}

.qna-post .user-post .qna-post-tit {display: flex; flex-direction: column; margin-bottom: 20px;}
.qna-post .user-post .qna-post-tit-top {border-bottom: 1px solid #e1e1e1; padding-bottom: 12px;}
.qna-post .qna-post-tit-top, .qna-post-tit-bt {display: flex; width: 100%; align-items: center; justify-content: space-between;}
.qna-post .qna-post-tit-top h3 {font-size: 24px; margin-bottom: 0;}
.qna-post .user-post .qna-post-tit-top .qna-status::before { content: "미답변"; display: inline-block; color: #666; font-weight: 500;}
.qna-post .user-post .qna-post-tit-top .qna-status.status-ok::before { content: "답변완료"; color: #8380f8;}
.qna-post .user-post .qna-post-tit-bt {padding-top: 10px; font-size: 15px;}
.qna-post .qna-post-date {color: #666; font-weight: 300;}

.qna-post .qna-post-det {display: inline-block; width: 100%; margin: 20px 0 30px 0;}
.qna-post .qna-post-file {width: 100%; display: flex; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 16px 0; font-weight: 500;}
.qna-post .qna-post-file span {margin-right: 50px;}
.qna-post .qna-post-file-box {display: flex; flex-direction: column;}
.qna-post .qna-post-file-box a {color: #666; font-weight: 300;}
.qna-post .qna-post-file-box a:hover {color: #8380f8;}

.qna-post .qna-wrap .cs-post {margin-top: 80px; padding: 50px 54px 42px;}
.qna-post .cs-post .qna-post-tit-top h3 {font-size: 22px;}
.qna-post .qna-post-box.cs-post {background-color: #f8f8f8;}
.qna-post .qna-post-box.cs-post .qna-post-det {margin: 30px 0 0 0;}

.qna-post .qna-btn-post-list {display: flex; justify-content: center; width: 100%; margin-top: 40px;}
.qna-post .qna-btn {display: block; background-color: #000; border: none; white-space: nowrap;}
.qna-post .qna-btn a {display: inline-block; padding: 10px 60px; color: #fff;}
.qna-post .qna-btn-no {display: flex;}
/*.qna-post .cs-post+.qna-btn-post-list .qna-btn-no {display: none;}*/
.qna-post .qna-btn-no button {background-color: #666; margin-left: 8px;}
.qna-post .qna-btn-no button a {padding: 10px 30px;}
.qna-post .qna-btn-no .qna-list-del-btn {background-color: #e1e1e1;}

/* 문의하기 */
.qna-write .qna-write {width: 100%; padding: 80px 0; min-width: 280px;}
.qna-write .qna-wrap {margin: 100px auto; width: 100%; max-width: 640px; padding: 0 20px;}

.qna-write .qna-tit {display: inline-block; height: 78px; width: 100%; text-align: right;}
.qna-write .qna-tit > h3 {margin-bottom: 0; line-height: 78px; text-align: center;}
.qna-write .qna-tit > span {position: relative; color: #666; }
.qna-write .tit-required::before {content: ""; position: absolute; width: 7px; height: 18px; border-radius: 10px; display: inline-block; background: url(../images/required.png) no-repeat;  background-size: contain; top: 2px; left: -10px;}

.qna-write .qna-write-wrap {margin-top: 60px;}
.qna-write .qna-write-wrap .form {margin-bottom: 20px;}
.qna-write .qna-write-wrap .form .sub_title {font-size: 16px; font-weight: bold; padding-bottom: 6px;}
.qna-write .qna-write-wrap .form .input_qna {width: 100%; border: 1px solid #e1e1e1; border-radius: 5px; padding: 10px 0.8em;}
.qna-write .qna-write-wrap .form textarea {height: 230px; resize: none;}

.qna-write .qna-write-wrap .form .file-flex{display: flex; justify-content: space-between; align-items: center;}
.qna-write .qna-write-wrap .form .file-flex label .btn-upload{background-color: #666; font-size: 15px; color: white; padding: 0.5em 1.2em; white-space: nowrap;}
.qna-write .qna-write-wrap .form .file-flex #originName{font-size: 15px; font-weight: 400;}
.qna-write .qna-write-wrap .form .file-flex .file_explanation{font-size: 14px; font-weight: 300; color: #666666; text-align: end;}

.qna-write .qna-bt {width: 100%; margin-top: 40px;}
.qna-write .qna-ok-btn {display: block; margin: 0 auto; background-color: #000; border: none; white-space: nowrap;}
.qna-write .qna-ok-btn a {display: inline-block; padding: 10px 60px; color: #fff;}

/* 공지사항 */
.wrap .notice_wrap{max-width: 1600px; margin: 100px auto;}
.notice_wrap .title{font-size: 36px; font-weight: 700;padding-bottom: 1em; text-align: center;}
.notice_wrap .notice_contents .notice_search{ background-color: #f8f8f8; display: flex; justify-content: center; padding: 40px 20px; align-items: center; margin-bottom: 5rem;}
.notice_wrap .notice_contents .notice_select{ width: 140px; height: 35px; border: 1px solid #e1e1e1; color: black; padding-left: 10px; font-size: 15px; margin-right: 10px;}
.notice_wrap .notice_contents .notice_btn{ width: 100px; height: 35px; background-color: #000; outline: none; border: none; color: white; padding: 0 10px; font-size: 15px; border-radius: 2px; margin-left: 10px;}
input[id="noticeSearch"]{width: 350px; height: 35px; border: 1px solid #e1e1e1; color: black; padding-left: 10px; font-size: 15px;}
.notice_wrap .notice_contents .notice_list{width: 100%; font-size: 16px; font-weight: 500; background-color: #f8f8f8;}
.notice_wrap .notice_contents .notice_inner{display: flex; justify-content: space-between; align-items: center;  padding: 20px; border-bottom: 1px solid #e1e1e1;}
.notice_wrap .notice_contents .notice_inner .notice_item1{display: flex; align-items: center;}
.notice_wrap .notice_contents .notice_inner .notice_num{ margin-right: 20px; width: 50px; text-align: center; font-weight: 500; font-family: "GmarketSansMedium"; padding-top: 5px;}
.notice_wrap .notice_contents .notice_inner .notice_item2{display: flex; align-items: center;}
.notice_date{position: relative; margin-right: 70px; font-weight: 400;}
.notice_view{position: relative; font-weight: 400;}
.notice_date::before{content: ""; background-image: url(../images/notice_date.svg); display: inline-block; background-size: 20px 20px; width: 20px; height: 20px; position: absolute; left: -25px; top: 3px;}
.notice_view::before{content: ""; background-image: url(../images/notice_view.svg); display: inline-block; background-size: 20px 20px; width: 20px; height: 20px; position: absolute; left: -25px; top: 3px;}
.notice-list-total{color: #666666; margin-bottom: 8px;}
.notice_total{color: #8380f8; font-weight: bold;}

/* 공지사항 상세 */

.wrap .notice_detail_wrap{max-width: 1080px; margin: 100px auto;}
.notice_detail_wrap .title{font-size: 36px; font-weight: 700;padding-bottom: 1em;}
.notice_detail_wrap .detail_contents{ font-size: 18px; line-height: 2; padding: 40px 0; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.notice_detail_wrap .before_list::before{content: ""; background-image: url(../images/before.svg); display: inline-block; background-size: 33px 20px; width: 33px; height: 17px; background-repeat: no-repeat; margin-right: 10px;}
.notice_detail_wrap .next_notice{display: flex; font-size: 18px; margin: 2rem 0;}
@media screen and (max-width:1600px){
  .wrap .notice_wrap{margin: 100px 30px;}
}

@media screen and (max-width: 1080px) {
  .my_qna .qna-wrap {width: calc(100% - 160px);}
  .my_qna .qna-list-total, .qna-list-box, .bt-q-box {font-size: 14px;}
  .my_qna .qna-list-box colgroup > col:first-child {width: 50px;}
  .my_qna .qna-list-box colgroup > col:nth-child(3) {width: 120px;}
  .my_qna .qna-list-box colgroup > col:nth-last-child(-n+2) {width: 80px;}

  .qna-post .qna-wrap {width: calc(100% - 160px);}
  .qna-post .user-post .qna-post-tit-top {padding-bottom: 10px;}
  .qna-post .user-post .qna-post-tit-bt {padding-top: 8px; font-size: 14px;}
  .qna-post .qna-wrap .cs-post {padding: 40px 36px 32px;}

  .wrap .notice_detail_wrap{ margin: 100px 30px;}
}

@media screen and (max-width:768px){
  .wrap .notice_wrap{margin: 40px 20px;}
  .notice_wrap .title{font-size: 24px;}
  .notice_wrap .notice_contents .notice_search{flex-wrap: wrap; margin-bottom: 3rem;}
  .notice_wrap .notice_contents .notice_select{width: 100%; margin-bottom: 10px; margin-right: 0;}
  input[id="noticeSearch"]{width: 100%; margin-bottom: 10px;}
  .notice_wrap .notice_contents .notice_btn{ width: 100%; margin-left: 0;}
  .notice_wrap .notice_contents .notice_inner .notice_num{width: 40px; margin-right: 5px; font-size: 15px; font-weight: 500;}
  .notice_wrap .notice_contents .notice_list{font-size: 14px;}
  .notice_wrap .notice_contents .notice_list_default{font-size: 14px;}
  .notice_wrap .notice_contents .notice_date{margin-right: 40px;}
  .notice_wrap .notice_contents .notice_date::before{ background-size: 16px 16px; width: 16px; height: 16px; position: absolute; left: -25px; top: 3px;}
  .notice_wrap .notice_contents .notice_view::before{ background-size: 16px 16px; width: 16px; height: 16px; position: absolute; left: -25px; top: 3px;}

  .wrap .notice_detail_wrap{margin: 40px 20px;}
  .notice_detail_wrap .title{font-size: 24px;}
  .notice_detail_wrap .detail_contents{font-size: 16px;}
  .notice_detail_wrap .next_notice{font-size: 16px;}
}

@media screen and (max-width: 700px) {
  .my_qna .qna-wrap {width: 100%}
  .my_qna .qna-write-btn a {padding: 8px 34px;}
  .my_qna .qna-list-box .mobile-info {display: block;}
  .my_qna .qna-list-box .item-info {padding-left: 12px;}

  .my_qna .qna-list-box colgroup > :first-child,
  .my_qna .qna-list-box colgroup > col:nth-child(n+3):nth-child(-n+4),
  .my_qna .qna-list-box thead th:first-child,
  .my_qna .qna-list-box tbody td:first-child,
  .my_qna .qna-list-box thead th:nth-child(n+3):nth-child(-n+4),
  .my_qna .qna-list-box tbody td:nth-child(n+3):nth-child(-n+4) {display: none;}
  .my_qna .qna-list-box tfoot td {font-size: 16px;}

  .qna-post .qna-wrap {width: calc(100% - 40px);}

  .qna-post .qna-post-tit-top > h3, .cs-post .qna-post-tit-top h3 {font-size: 20px;}
  .qna-post .qna-post-det {font-size: 15px;}
  .qna-post .qna-post-file {justify-content: space-between; padding: 12px 0; font-size: 15px;}
  .qna-post .qna-post-file-box {font-size: 14px;}
  .qna-post .qna-wrap .cs-post {margin-top: 60px; padding: 36px 24px 24px;}

  .qna-post .qna-btn-post-list a span {font-size: 15px;}
  .qna-post .qna-list-go-btn a {padding: 8px 34px;}
  .qna-post .qna-btn-no button a {padding: 8px 20px;}

  .qna-write .qna-wrap{margin: 60px auto;}
  .qna-write .qna-tit {height: 50px; text-align: center;}
  .qna-write .qna-tit > h3 {line-height: 50px; font-size: 20px;}
  .qna-write .qna-tit > span {font-size: 14px;}
  .qna-write .qna-write-wrap {margin-top: 30px;}
  .qna-write .qna-write-wrap .form .input_qna {font-size: 14px;}
  .qna-write .qna-write-wrap .form .file-flex {flex-direction: column; align-items: flex-start;}
  .qna-write .qna-write-wrap .form .file-flex .file_explanation {margin-top: 8px; text-align: left; font-size: 12px;}
  .qna-write .qna-ok-btn a {padding: 8px 34px;}
}
@media screen and (max-width: 540px) {
  .my_qna .qna-tit {height: 60px;}
  .my_qna .faq-tit > h3 {line-height: 60px; font-size: 20px;}
    
  .qna-post .user-post .qna-post-tit-top {padding-bottom: 8px;}
  .qna-post .user-post .qna-post-tit-bt {padding-top: 6px;}

  .qna-post .qna-btn-post-list {flex-direction: column;}
  .qna-post .qna-list-go-btn a {width: 100%;}
  .qna-post .qna-btn-no {margin-top: 8px;}
  .qna-post .qna-btn-no button {width: calc( 50% - 4px );}
  .qna-post .qna-btn-no button a {width: 100%;}
  .qna-post .qna-btn-no button:first-child {margin-left: 0px;}

  .notice_wrap .title{font-size: 20px;}
  .notice_wrap .notice_contents .notice_inner{flex-direction: column; align-items: flex-start; padding: 15px;}
  .notice_wrap .notice_contents .notice_date{margin-top: 5px; color: #666666; font-weight: 400;}
  .notice_wrap .notice_contents .notice_date::before{display: none;}
  .notice_wrap .notice_contents .notice_view{display: none;}

  .notice_detail_wrap .title{font-size: 20px;}
}