/* list */
#zi-t1-list {position:relative; clear:both;}
#zi-t1-list .list-area {margin-bottom:30px;}
#zi-t1-list ul.list-t1 li {font-size:0; text-align:center;}
#zi-t1-list ul.list-t1 li span {display:inline-block; font-size:14px; color:#999;}
#zi-t1-list ul.list-t1 li span:nth-child(1) {width:5%;}
#zi-t1-list ul.list-t1 li span:nth-child(2) {width:85%;}
#zi-t1-list ul.list-t1 li span:nth-child(3) {width:10%;}
#zi-t1-list ul.list-t1 li.head {background-color:#333; color:#fff; border-radius:5px; padding:10px 0;}
#zi-t1-list ul.list-t1 li.head span {padding:0 10px; border-right:#999 solid 1px;}
#zi-t1-list ul.list-t1 li.head span:last-child {border-right:none;}
#zi-t1-list ul.list-t1 li.list {border-bottom:#dfdfdf solid 1px;}
#zi-t1-list ul.list-t1 li.list span {padding:10px;}
#zi-t1-list ul.list-t1 li.list span:nth-child(2) {text-align:left; color:#333;}
#zi-t1-list ul.list-t1 li.list span:nth-child(4) {color:#333;}
#zi-t1-list ul.list-t1 li.list span * {vertical-align:middle;}
#zi-t1-list ul.list-t1 li.list.notice span:nth-child(1) {color:#ff0000;}
#zi-t1-list ul.list-t1 li.list.active {background-color:#dfdfdf;}
#zi-t1-list ul.list-t1 li.list [class*="zicon-"] {font-size:18px; color:#ff0000;}
#zi-t1-list ul.list-t1 li.no-data {padding:120px 0; font-size:20px;}
#zi-t1-list .paging-area {margin-bottom:30px; text-align:center; font-size:14px;}
#zi-t1-list .search-area {margin-bottom:100px; text-align:center; font-size:14px;}
#zi-t1-list .search-t1 {background-color:#fff; border:#dfdfdf solid 1px; border-radius:100px; display:inline-block; overflow:hidden; position:relative;}
#zi-t1-list .search-t1 input {padding:10px 44px 10px 20px; border:none; vertical-align:top; font-size:14px; outline:none;}
#zi-t1-list .search-t1 button {position:absolute; top:0; right:10px; height:100%; padding:0 10px; font-size:14px; background-color:transparent;}
#zi-t1-list .search-t1 button:hover {color:#62bdba;}

/* view */
#zi-t1-view .cnt-area, #zi-t1-view .btn-area {margin-bottom:100px;}
#zi-t1-view .subject-t1 {font-size:30px; text-align:center;}
#zi-t1-view .line {display:block; background-color:#ff9900; width:150px; height:1px; margin:20px auto;}
#zi-t1-view .info-t1 {text-align:center; color:#999; margin-bottom:30px;}
#zi-t1-view .info-t1 span {margin-right:10px;}
#zi-t1-view .info-t1 span:last-child {margin-right:auto;}
#zi-t1-view .info-t1 span>b {margin-left:5px;}
#zi-t1-view .youtube-play {width:100%; padding-bottom:56%; margin:0 auto; margin-bottom:100px; position:relative;}
#zi-t1-view .youtube-play>iframe {position:absolute; top:0; left:0;}

/* write */
#zi-t1-write [class*="data-box-"] {border-radius:5px; font-size:0; margin-bottom:10px; position:relative; text-align:left;}
#zi-t1-write [class*="data-box-"]>div {display:inline-block; font-size:14px; vertical-align:top; border:#dfdfdf solid 1px;}
#zi-t1-write [class*="data-box-"]>div>.zicon-question2 {font-size:20px; color:#90756a; cursor:pointer; vertical-align:middle;}
#zi-t1-write [class*="data-box-"] .ti {font-size:12px; vertical-align:middle; color:#90756a;}
#zi-t1-write [class*="data-box-"] .ti>[class^="zicon-"] {font-size:14px; vertical-align:middle;}
#zi-t1-write [class*="data-box-"]>.t1 {width:16%; height:100%; min-height:44px; background-color:#dfdfdf; padding:10px;}
#zi-t1-write [class*="data-box-"]>.t2 {width:84%; min-height:44px; padding-left:10px; background-color:#fff;}
#zi-t1-write [class*="data-box-"]>.t2>input, #zi-t1-write [class*="data-box-"]>.t2>select {font-size:15px; border:none; border-bottom:#80756a solid 2px; padding:10px; height:100%; outline:none;}
#zi-t1-write [class*="data-box-"]>.t2>input:focus, #zi-t1-write [class*="data-box-"]>.t2>select:focus {border-bottom:#ffcc04 solid 2px;}
#zi-t1-write .data-box-edit>div {display:block;}
#zi-t1-write .data-box-edit>.icon-box {background-color:#dfdfdf;}
#zi-t1-write .data-box-edit>.icon-box>a {display:inline-block; padding:5px;}
#zi-t1-write .data-box-edit>.edit-box {border:none;}
#zi-t1-write .after-area {text-align:center; margin-bottom:30px;}
#zi-t1-write .btn-area {margin-bottom:100px;}
#zi-t1-write .btn-area input, #zi-t1-write .btn-area label {display:inline-block; vertical-align:bottom;}
#zi-t1-write .btn-area input[type="radio"] {margin:0;}
/* category : start */
.category-box {text-align:center; margin-bottom:30px;}
.category-box>[class*="btn-cat"] {display:inline-block; border:#dfdfdf solid 1px; border-radius:3px; overflow:hidden; padding-top:1px;}
.category-box>[class*="btn-cat"]>a {display:inline-block; padding:10px 20px; background-color:#f6f7f9; position:relative;}
.category-box>[class*="btn-cat"]>a:hover, .category-box>.btn-cat-selected>a {background-color:#dfdfdf; color:#ff9900;}
.category-box>[class*="btn-cat"]>a>[class*="zicon-"] {display:none; color:#999; position:absolute; top:50%; left:10px; transform:translateY(-50%); font-size:16px;}
.category-box>.btn-cat-selected>a {padding-left:30px;}
.category-box>.btn-cat-selected>a>[class*="zicon-"] {display:inline-block;}
/* category : end */
/* common */
.state-s1 {display:inline-block; padding:3px 5px; line-height:100%; font-size:11px; border-radius:3px; color:#fff; margin-right:5px;}
.state-s1.t1 {background-color:#62bdba;}
.state-s1.t2 {background-color:#529E9C;}
.state-s1.t3 {background-color:#999;}
[class*="bc-"] {font-size:11px !important; color:#fff; padding:3px 5px 2px; vertical-align:middle; display:inline-block; border-radius:3px; margin-right:10px;}
.bc-red {background-color:#ff0000; color:#fff;}
.bc-grey {background-color:#666666;}
.bc-blue {background-color:#0013FF;}
.bc-brown {background-color:#5E2B00;}
.input-s1 {width:80%;}
.btn-group input {outline:none; border:0;}
.btn-group input[type="button"], .btn-group input[type="submit"] {cursor:pointer;}
.btn-group [class*="btn-c"] {display:inline-block; border-radius:3px; overflow:hidden;}
.btn-group .btn-cgray {background-color:#333; color:#fff;}
.btn-group .btn-cgray:hover {background-color:#999;}
.btn-group .btn-cblue {background-color:#0099ff; color:#fff;}
.btn-group .btn-cblue:hover {background-color:#0066ff;}
.btn-group .btn-admin {position:fixed; bottom:50px; right:50px; font-size:30px; z-index:1; border-radius:100%; padding:20px; background-color:#333; color:#fff;}
.btn-group .btn-admin:hover {background-color:#62bdba;}
.btn-group.s1, .btn-group.s2 {text-align:center;}
.btn-group.s1 [class*="btn-c"] a {display:inline-block; padding:7px 20px; color:#fff;}
.btn-group.s1 [class*="btn-c"] a:hover {color:#333;}
.btn-group.s2 [class*="btn-"] {font-size:16px; padding:10px 20px; border-radius:5px; color:#fff; outline:none; border-style:none; cursor:pointer; margin:5px;}
.btn-group.s2 .btn-cancel {background-color:#666;}
.btn-group.s2 .btn-ok {background-color:#ffcc04;}