@charset "utf-8";

#container{width:980px;min-width:980px;margin:0 auto;margin-top:10px;}

#header{width:100%;}
#header div{float:left;}
#header div:after{clear:both;content:""}
#header div.logoArea{width:30%;}
#header div.subjectArea{width:65%;font-weight:bold;font-size:18px;text-align:center;}
#header div.subjectArea span{font-size:30px;margin-top:10px;display:inline-block;width:93%;height:88px;}
#header div.subjectArea span textarea{width:100%;height:88px;resize:none;outline:none;padding-left:1px;text-align:center;overflow:hidden}

#contents{width:99%;margin-top:10px;border:1px solid #000;padding:3px;}

h3{background-color:#939393;padding-left:10px !important;height:20px;line-height:20px;color:#fff;border-left:2px solid #000;border-right:2px solid #000;}
.infoArea:first-child {border-top:2px solid #000;}
h3.subject{background-color:#939393;padding-left:10px !important;height:20px;line-height:20px;color:#fff;border-left:none;border-right:none;text-align:left;}
#contents .infoArea .article .infoTb{border:2px solid #000;width:100%;box-sizing: border-box;}
#contents .infoArea .article .infoTb .tbody .tr{display:flex;}
#contents .infoArea .article .infoTb .tbody .tr .td{display:flex; border:1px solid #939393;padding:2px;border-top:none;border-left:none;flex: 0 0 32.85%; height:22px;}
#contents .infoArea .article .infoTb .tbody .tr .td:nth-child(3n){border-right:none;}
#contents .infoArea .article .infoTb .tbody .tr .td .td_contents{width:49%;padding:0 2px 0 2px;}
#contents .infoArea .article .infoTb .tbody .tr .td .td_contents{border-right:1px solid #939393;}
#contents .infoArea .article .infoTb .tbody .tr .td .td_contents:last-child{border-right:none;position:relative;}
#contents .infoArea .article .infoTb .tbody .tr .td .td_contents button{padding:1px; width:30px;position:absolute;}
#contents .infoArea .article .infoTb .tbody .tr .td input[type='text']{width:40%;padding:1px;height:16px;}
#contents .infoArea .article .infoTb .tbody .tr .td input[type='text'].bigInput{width:85%;padding:1px;height:16px;}
#contents .infoArea .article .infoTb .tbody .tr .td select{width:68%;height:20px;}
#contents .infoArea .article .infoTb .tbody .tr .td textarea{width:99%;padding: 2px 3px 0 3px;resize:vertical;outline:none;}

.dragging { opacity: 0.5; background: #fff; }
.drag-over-preview2 {
	border-top: 2px solid red !important; /* 다른 스타일에 덮어씌워지지 않게 !important 사용 */
}

.drag-over-preview {
	border-top: 2px solid dodgerblue !important; /* 다른 스타일에 덮어씌워지지 않게 !important 사용 */
}

#footer{width:100%;margin:20px 0 100px 0;text-align:center;font-weight:bold;line-height:20px;font-size:18px;}
.selType p{font-size:16px;font-weight:bold;}
.target{width:51px;position:absolute;top:1;right:0;}
.asan{display:none;}
.clearBtn{position:absolute;top:0px;right:0px;z-index:9999;background-color:#939393;border:1px solid #000;padding:3px;color:#fff;cursor:pointer;}
.print_on{display:none;}
th{font-weight:normal;}
textarea{font-weight:bold;}
input{font-weight:bold;}

.finding{letter-spacing:-1px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.finding{letter-spacing:0px;}
}

#drop-zone {
    width: 312px;
    height: 82px;
    border: 2px dashed #ccc;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #777;
    cursor: pointer;
	box-sizing: border-box;
    /* transition: background-color 0.2s, border-color 0.2s; */
}

#drop-zone img{
    width: 312px;
    height: 82px;
}

/* ★ 드래그 중일 때 스타일 */
#drop-zone.drag-over {
    border-color: #333;
    background-color: #f0f0f0;
}