@charset "utf-8";

/* 폰트 선언 */
@font-face {
    font-family: 'Galmuri14';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2506-1@1.0/Galmuri14.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

/* 전체 폰트 적용 */
* { font-family: 'Galmuri14', serif; }

/** Notice Box **/
.board-notice   { width: 264px; padding: 10px; margin: 0 auto; text-align: center; box-sizing: border-box; }

#page_board_content { padding: 0 10px; margin: 0 auto; }

.qna-box        { overflow: hidden; }

/* 둥글기 10px, 테두리X, 그림자X 적용 */
.ui-option                  { clear: both; padding-bottom: 10px;  font-weight: 800; letter-spacing: 1px; color: #333; }
.ui-write-box               { margin: 0 auto; width: 100%; overflow: hidden; }
.ui-write-box textarea      { width: 100%; height: 100px; padding: 10px; box-sizing: border-box; border: none; border-radius: 10px; background-color: #FFFFFF; outline: none; font-size: 14px; line-height: 1.4em; }
.ui-control                 { padding: 10px 0 0; overflow: hidden; text-align: right; }

/* 포인트 컬러 적용 버튼 */
.ui-control button, .ui-submit, .ui-qna-list .ui-qna-list-password button { 
    background-color: #7495d8 !important; color: #fff; border: none !important; border-radius: 10px !important; box-shadow: none !important; 
}

.ui-write-area.top          { margin-bottom: 20px; }

.ui-qna-list                    { position: relative; clear: both;  } 
.ui-qna-list li                 { position: relative; padding: 15px 0; }
.ui-qna-list li p               { clear: both; line-height: 1.5em; overflow: hidden; }
.ui-qna-list li p i             { position: relative; font-style: normal; padding-right: 10px; margin-right: 5px; }
.ui-qna-list li p em             { font-style: normal; margin-right: 20px; font-weight: bold; }
.ui-qna-list li p strong a       { display: inline-block; font-size:9px; padding: 2px 5px; font-weight: normal; }
.ui-qna-list li p span.date      { float: right; opacity: .5;}

/* 말풍선 둥글기 10px 및 테두리 제거 */
.ui-qna-list li .qna-content            { line-height: 1.8em; margin-right: 80px; border-radius: 10px 10px 10px 0; border: none; background-color: #FFFFFF; font-size: 14px; line-height: 1.4em;}
.ui-qna-list li .qna-comment-content    { line-height: 1.8em; border-radius: 10px 10px 0 10px; margin-bottom: 15px; border: none; background-color: #eef2fb; font-size: 14px; line-height: 1.4em;}

.ui-qna-list li ul              { margin-left: 80px; padding-top: 15px; }

.ui-qna-list li ul li                   { padding: 0; }
.ui-qna-list li ul li p                 { padding-top: 10px; position: absolute; margin-left: -45px; margin-top: -50px; }
.ui-qna-list li ul li strong            { float: right; }

.ui-qna-list .ui-qna-list-password label        { padding-right: 10px; }
.ui-qna-list .ui-qna-list-password label.blur   { text-shadow: none; }
.ui-qna-list .ui-qna-list-password input        { position: relative; z-index: 1; border: none; border-radius: 10px; background-color: #FFFFFF; }
.ui-qna-list .ui-qna-list-password button       { 
    height: 28px; line-height: 28px; padding: 0 25px;
    margin-left: -5px; border-left-width: 0;
}

@media all and (max-width: 370px) {
    .ui-qna-list .ui-qna-list-password      { position: relative; padding-right: 90px; }
    .ui-qna-list .ui-qna-list-password .ui-submit   { position: absolute; top: 0; right: 0; width: 90px; }
    .ui-qna-list .ui-qna-list-password input        { width: 100%; }
}

.ui-qna-list li div.ui-write-area                   { padding: 0; margin-left: 80px; background: transparent; background: none; margin-bottom: 10px; border: none; }
.ui-qna-list li div.ui-write-area button            { white-space:nowrap; height: 28px; line-height: 28px; padding: 0 25px; margin-top: 10px; }
.ui-qna-list li div.ui-write-area textarea          {
    width: 100%;
    height: 100px;
    padding: 10px;
    box-sizing: border-box;
    border: none;
    border-radius: 10px;
    background-color: #FFFFFF;
    word-break: break-all;
    font-size: 14px;
    line-height: 1.4em;
}
.ui-qna-list .no-data           { text-align: center; line-height: 100px; padding-bottom: 50px; }

.search-box         { clear: both; float: right; margin-bottom: 10px; }


@media all and (max-width: 535px) {
    .ui-control button  { display: block; clear: both; width: 100%; margin-top: 10px; }
}
@media all and (max-width: 435px) {
    .ui-control input[type="text"],
    .ui-control input[type="password"]  { display: block; clear: both; width: 100%; margin-top: 10px; border: none; border-radius: 10px; background-color: #fff; padding: 10px; }
    .ui-qna-list    { padding: 10px 0; }
}

@media all and (max-width: 380px) {
    .ui-qna-list .ui-qna-list-password label    { display: none; }
}