@charset "utf-8";

.modal_write_wrap {background-color: rgba(0, 0, 0, 0.5); width: 100%; font-family: 'Pretendard'; position: fixed; top: 0; left: 0; height: 100vh; z-index: 999;}

.modal_write_box {background-color: #f5f5f5; width: 960px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 50px;}

/* --- 모달 제목 --- */
.re_write_wrap { margin-bottom: 20px}
.re_write_wrap h2 {margin-bottom: 20px; font-size: 24px; color: #333;}

ul.write_box li {padding-bottom: 15px; vertical-align: middle;}
ul.write_box li.write_topbox {display: flex; gap: 60px; align-items: center;}
.write_model {display: flex; align-items: center;}
.write_model span {padding-right: 10px; font-size: 18px;}
.write_model select {padding: 5px 30px 5px 10px; outline: none; font-size: 16px; background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/DXCAR/165686252969645.png) no-repeat 97% 55% #fff; background-size: 15px; cursor: pointer;}

.write_score {display: flex; gap: 10px;}
.write_score span {font-size: 18px;}
.write_score ul {display: flex; gap: 5px; align-items: center;}
.write_score ul li {padding: 0;}

/* 별점 */
.write_score ul .star {width: 25px; height: 25px; background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/DXCAR/165680631113615.png) no-repeat; background-size: cover; cursor: pointer;}
/* 별점 눌렀을때 */
.write_score ul .star.point {background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/DXCAR/165567565980089.png) no-repeat; background-size: cover;}


li.write_title {display: flex; flex-direction: column; gap: 10px;}
li.write_title span {font-size: 18px;}
li.write_title input {width: 100%; background-color: #fff;}

li.write_con {display: flex; flex-direction: column; gap: 10px;}
li.write_con span {font-size: 18px;}
li.write_con textarea {width: 100%; overflow-y: scroll;}

li.write_submit {text-align: right;}
li.write_submit input {padding: 10px 20px; cursor: pointer; background-color: #999; color: white;}

li.write_photo .write_head {display: flex; gap: 10px;}
li.write_photo span {font-size: 18px;}
li.write_photo span.title_sub {font-size: 14px; color: #767676; padding-left: 5px;}
li.write_photo .write_head input[type="submit"] {padding: 5px 10px; font-size: 14px; cursor: pointer;}
li.write_photo ul {display: flex; gap: 10px; padding-bottom: 8px;}
li.write_photo ul:nth-of-type(1) {padding-top: 10px;}
li.write_photo ul li {padding: 0;}
li.write_photo ul li:nth-of-type(1) {width: 100%;}
li.write_photo ul input[type="file"] {font-size: 14px; width: 100%;}
li.write_photo ul input[type="submit"] {padding: 5px 10px; font-size: 14px; cursor: pointer;}


/* --- 모달 닫기 버튼 --- */
.btn_close {position: absolute; right: 0; top: 0; cursor: pointer; padding-right: 16px;}
/* .btn_close i {font-size: 36px; color: #373737;} */


/* ----1024px---- */
@media screen and (max-width: 1024px) {
    .modal_write_box {width: 90%; padding: 20px;}
}

/* ----800px---- */
@media screen and (max-width: 800px) {
    /* .modal_write_box {width: 90%; padding: 20px;} */
    .re_write_wrap h2 {font-size: 20px;}
    .re_write_wrap span {font-size: 16px;}
    li.write_title span {font-size: 16px;}
    li.write_con span {font-size: 16px;}
    li.write_photo span {font-size: 16px;}
    li.write_submit input {font-size: 14px;}
    .write_score ul .star {width: 20px; height: 20px;}
}

/* ----480px---- */
@media screen and (max-width: 480px) {
    li.write_photo .write_head {justify-content: space-between;}
    li.write_photo span.title_sub {display: block;}
    .modal_write_box {padding: 10px 0 0 0;}
    ul.write_box li:last-child {padding-bottom: 0;}
}