@charset "utf-8";

/*리스트*/
.keyword {width: 100%;float: right;padding-bottom: 1px; margin-bottom: 10px}
.list .search input[type=text] {width: 55%; float: left;}
.list .search .blackBtn {width:13%; float:right;}
.list {}
.list th, .list td {padding: 12px 0;}
.list th:nth-child(1), .list td:nth-child(1) {width: 10%;}
.list th:nth-child(2), .list td:nth-child(2) {width: 50%;}
.list th:nth-child(3), .list td:nth-child(3) { width: 20%;}
.list th:nth-child(4), .list td:nth-child(4) {width: 20%;}

/*select*/
.select {width: 28%;}
html .select2-container {}

/*iframe*/
.header {margin-bottom: 20px}
.header h4 {font-size: 1.2em;}
.header .depth {font-size: 0.9em;color: #666;margin-top: 5px;}
.mypage .header {display: block}
.headTitle {display: none}
iframe {width: 100%; height: 1200px}
.search input[type="text"] {background: none}
.writeBtn, .admin {display: block}
.blackBtn {padding: 10px 20px 8px 20px; margin-top: 10px}
table th:nth-child(1), table td:nth-child(1) { width: 10%;}
table th:nth-child(2), table td:nth-child(2) {width:  60%;}
table th:nth-child(3), table td:nth-child(3) {width:  20%;}
table th:nth-child(4), table td:nth-child(4) {width:  10%; display: table-cell; text-align: center;}
/*라디오박스*/
[type="radio"]:checked,
[type="radio"]:not(:checked) {position: absolute; left: -9999px;}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666;}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff;}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {content: ''; width: 12px; height: 12px; background: #333; position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
[type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1);  transform: scale(1);}

.write {background: #f7f7f7; width: 100%; height: 100%; position: absolute}
.write .header {margin: 0 0 60px 0}
.write .top {margin-bottom: 15px}
.write .c80 input[type="text"] {width: 98%;}
.write .c20 {text-align: right; line-height: 33px}
.write .c20 p {display: inline-block; margin-left: 15px}
.write .btnList {
    text-align:  center;
    margin-top: 30px;
}
.write .btnList .btn {padding:  15px 0;width: 180px;display: inline-block;}
.write .btnList a {
    margin-right: 10px;
}
.write .btnList input[type="submit"] {
}

html .select2-container {width:24%;}

.write .title {
    width:55%;
}

.write .title input[type='text'] {
    width:100%;
    padding:6px 0;
    text-indent: 10px;
}

.write .select-box {
    margin-left:20px;
}

.write .select-box label {
    float:left;
    line-height:30px;
}

.write .select-box select {
    float:left;
    width:100px;
    height:30px;
    -webkit-appearance:none;
    font-size:14px;
    margin-left:10px;
    text-indent: 10px;
    background:#FFF;
}