@charset "utf-8";

/* Write */
.write-wrap h2 { padding:0px; margin:0px; font-size:14px; font-weight:bold; }
.write-wrap label { font-weight:bold; margin-top:4px; }
.write-wrap .control-label { padding-top:0px; }
.write-wrap .write-content { height: 300px; }
.write-wrap .write-file { border:0;box-shadow:none; }
.write-wrap .write-btn { margin:15px 0px 25px; text-align:center; }
.write-wrap .delete-file { margin:0px; padding:0px 10px; font-weight:normal; }
.write-wrap .delete-file label { font-weight: normal; }
.write-wrap .sp-label { font-weight:normal; margin-right:10px; }
.write-wrap .sp-label input[type="checkbox"], .write-wrap .sp-label input[type="radio"] { margin-top:0px; }

#autosave_pop div { text-align:right; }
#autosave_pop button { margin:0; margin-left:10px; padding:0; border:0; background:transparent; color:#888; }
#autosave_pop ul { margin:0; padding:0; padding-left:15px; list-style:disc; }
#autosave_pop li { padding:2px 5px;  }
#autosave_pop li:after { display:block; visibility:hidden; clear:both; content:""; }
#autosave_pop a { display:block; float:left; }
#autosave_pop span { display:block;; float:right; }

#variableFiles { width:100%; margin:0; border:0; }
#variableFiles td { padding:0px 0px 7px; border:0; }
#variableFiles input[type=file] { box-shadow : none; border: 1px solid #ccc !important; outline:none; }
#variableFiles .form-group { margin-left:0; margin-right:0; margin-bottom:7px; }
#variableFiles .checkbox-inline { padding-top:0px; font-weight:normal; }


/* 참가신청서 스타일 */
@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.write-v1 {
    --max-width:991px;
    font-size: min(calc(10 / 450 * 100vw),10px);
    overflow: hidden;
}
.write-v1 input { width: 100%; }
.write-v1 { padding-bottom: 40px; }
.write-v1 .title1 { 
    text-align: center; font-size: 3.5em; 
    color: var(--basic-border-color); padding: 0.5em 0;
    line-height: 1.4; font-weight: bold !important;
    display: flex; align-items: center; justify-content: center;
    gap:0.5em; background: #f4f4f4;
    max-width: var(--max-width); margin: 0 auto;
    margin-bottom: 1.5em;
}
.write-v1 .title1 img {
    width: 2em;
}
.write-v1 .requireV1 { position: relative; }
.write-v1 .requireV1:after {  
    content: '*'; position: absolute; right: 0; top: 0; color: #ff0000;
    font-size: 14px; transform: translate(120%,-30%);
}
.write-v1 .tableBox {
    --bg-color:#eee;
    --border-color:#a0a0a0;
    border: 1px solid var(--border-color); font-size: 1.8em;
    border-bottom: none;
    max-width: var(--max-width); margin: 0 auto;
}
.write-v1 .tableBox .title {
    font-weight: bold; font-size: 1.2em; text-align: center;
    background: var(--bg-color); padding: 0.8em 0.5em;
    border-bottom: 1px solid var(--border-color);
}
.write-v1 .tableBox .box-v1 { width: 100%; }
.write-v1 .tableBox .box-v1 .fileWrap {
    display: flex;
}
.write-v1 .tableBox .box-v1 .fileWrap :is(.th-v1,.td-v1) {
    border-bottom: 1px solid var(--border-color);
    padding: 0.8em;
}
.write-v1 .tableBox .box-v1 .fileWrap .th-v1 { 
    display: flex; justify-content: center; align-items: center; 
}
.write-v1 .tableBox .box-v1 .fileWrap .th-v1 label {
    font-weight: 500 !important;
}
.write-v1 .tableBox .box-v1 .fileWrap .td-v1 { 
    flex:1; line-height: 1.4;
}
.write-v1 .tableBox .box-v1 .fileWrap .td-v1.on input {
    margin-bottom: 10px;
}
.write-v1 .tableBox .box-v1 .fileWrap .tdText {
    font-size: 0.9em; line-height: 1.4;
}
.write-v1 .tableBox .box-v1 .fileWrap .th-v1 {
    border-right: 1px solid var(--border-color);  
}
.write-v1 .tableBox .box-v1 .fileWrap .th-v1 {
    background: var(--bg-color); padding-right: 1.5em; padding-left: 1.5em;
    width: 30%; text-align: center; font-weight: bold;
    
}
.write-v1 .tableBox .box-v1 .fileWrap .th-v1 > p {
    max-width: 150px; margin: 0 auto;
    display: flex; justify-content: space-between;
}
.write-v1 .tableBox .box-v1 .fileWrap .guide_text {
    font-size: 0.9em; color: #777; padding: 0.5em 0 0;
    line-height: 1.8;
}

/* 기존의 라디오 버튼을 숨깁니다. */
.radio_wrap input {
    display: none;
}

/* 라디오 버튼 대신 보여줄 라벨의 스타일을 정의합니다. */
.radio_wrap {
    display: flex;
}
.radio_wrap label {
    flex:1;
    padding: 10px;
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    display: inline-block;
    cursor: pointer;
    width: 10em; text-align: center;
    font-weight: 500;
}

/* 선택된 라디오 버튼에 대한 라벨의 스타일을 정의합니다. */
.radio_wrap input:checked + label {
    background-color: var(--main-color); color: #fff;
}

.checkbox_wrap { 
    display: grid; grid-template-columns: repeat(2,1fr); 
    gap:1em;
}
.checkbox_wrap label {
    flex:auto; width: 100%; margin: 0;
    display: flex; align-items: center;
    justify-content: center;
}

.write-v1 #wr_content { 
    height: 80px !important; 
    /* margin-top: 2em; */
    font-size: inherit !important; padding: 1em !important;
	resize: none;
}

.write-v1 .list-v1 > li {
    position: relative; padding-left: 0.7em;
    line-height: 1.8;
}
.write-v1 .list-v1 > li:not(:last-child) {
    margin-bottom: 0.2em;
}
.write-v1 .list-v1 > li::before {
    content: '-'; position: absolute; left: 0; top: 0;
}

.write-v1 .agreeType1 {
    display: flex; justify-content: flex-end;
    align-items: center;
    gap:0.3em; font-size: 1.8em;
    max-width: var(--max-width); margin: 0 auto;
    padding: 0.7em 0 3em;
    font-weight: 500;
}
.write-v1 .agreeType1 input { width: 0.9em; transform: translateY(0.1em); }

.write-v1 .text-v1 {
    font-size: 2em; max-width: var(--max-width); margin: 0 auto;
    line-height: 1.5; padding-bottom: 3em;
    font-weight: bold;
}
.write-v1 .text-v2 {
    font-size: 2.5em; text-align: center;
    line-height: 1.6; font-weight: 800;
    font-family: 'NotoSerifKR';
}

.write-v1 .tableBox.table1 {
    margin-bottom: 4em;
}

.write-v1 .radio_label {display: inline-flex; align-items: center; gap: 5px; margin-right: 10px; color: #333;}
.write-v1 .radio_label input {width: auto;}


.write-v1 .tableBox.table2 {
    margin-bottom: 2em;
}

.write-v1 .box-rule {
    max-width: var(--max-width); margin: 0 auto;
    font-size: 1.6em; padding-bottom: 2em;
}
.write-v1 .box-rule .title {
    font-size: 1.2em; padding-bottom: 0.8em;
}
.write-v1 .box-rule .title > .icon { font-size: 0.8em; }
.write-v1 .box-rule .item { padding-left: 1em; }
.write-v1 .box-rule .item:not(.last) { padding-bottom: 1.3em; }
.write-v1 .box-rule .item .title2 { 
    font-weight: 500; line-height: 1.4; margin-bottom: 0.3em;
}
.write-v1 .box-rule .item .text { 
    line-height: 1.6; position: relative; padding-left: 0.7em;
}
.write-v1 .box-rule .item .text:before {
    content: '-'; position: absolute; left: 0; top: 0;
}
.write-v1 .box-rule .item .text br { display: none; }



.write-v1 .tableBox.table3 {
    margin-bottom: 3em;
}





@media (max-width:991px) {
    .write-v1 .title1 { 
        display: grid; background:transparent;
        justify-items: center;
    }
    .write-v1 .title1 img { display: none; }
}
@media (max-width:768px) {
    .write-v1 .title1 { font-size: 3em; }
    .write-v1 .tableBox .title {
        background: #ddd;
    }
    .write-v1 .tableBox .box-v1 .fileWrap {
        flex-wrap: wrap;
    }
    .write-v1 .tableBox .box-v1 .fileWrap .th-v1 {
        width: 100%; border-right: none; background: #f4f4f4;
    }
    .write-v1 .tableBox .box-v1 .fileWrap .td-v1 {
        flex:auto; width: 100%;
    }
}