#zilist .list-area {margin-bottom:100px;}
#zilist ul.list {font-size:0;}
#zilist ul.list li.data {width:23%; margin:1%; margin-bottom:3%; display:inline-block; vertical-align:top; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
#zilist ul.list li.no-data {padding:120px 0; font-size:20px; text-align:center;}
#zilist ul.list li:hover .subject {color:#ffc700;}
#zilist ul.list li [class*="pic"] {width:100%; padding-bottom:100%; background-color:#fff; z-index:1; background-repeat:no-repeat; background-size:contain; background-position:center; position:relative; border:#fff solid 5px;}
#zilist ul.list li .pic-no>.ticket {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); text-align:center; width:90%; padding:10px 5px; background-color:#acdbe6; min-height:70px;}
#zilist ul.list li .pic-no>.ticket>.t1 {font-size:35px; font-weight:bold; letter-spacing:-2px; color:#fff;}
#zilist ul.list li .pic-no>.ticket>.t2 {letter-spacing:-1px;}
#zilist ul.list li .text {word-break:keep-all;}
#zilist ul.list li .cat {display:inline-block; background-color:#acdbe6; color:#333; padding:3px 20px; font-size:12px; border-radius:0 0 5px 5px; position:absolute; top:-5px; left:50%; transform:translateX(-50%);}
#zilist ul.list li .subject {font-size:22px; text-align:center; font-weight:bold; padding:10px 0; letter-spacing:-1px; line-height:100%; min-height:64px;}
#zilist ul.list li .info {font-size:14px;}
#zilist ul.list li [class*="price"] {font-size:26px; font-weight:bold; letter-spacing:-2px; text-align:right;}
#zilist ul.list li [class*="price"]::before {font-weight:normal; font-size:14px; color:#999; margin-right:10px; text-decoration:none !important;}
#zilist ul.list li [class*="price"]::after {content:"원"; font-weight:normal; font-size:14px;}
#zilist ul.list li .price-t1 {color:#afd5e2;}
#zilist ul.list li .price-t1::before {content:"소비자가격";}
#zilist ul.list li .price-t2 {color:#0a3e7c; text-decoration:underline;}
#zilist ul.list li .price-t2::before {content:"매입가격";}
#zilist ul.list li .price-t2p::after {content:"% 매입가능";}
#zilist ul.list li .price-t3 {color:#7c0a0a; text-decoration:underline;}
#zilist ul.list li .price-t3::before {content:"판매가격";}
#zilist ul.list li .no-sale {text-align:right; color:#571656; padding:11px 0;}
#zilist .paging-area {margin-bottom:30px; text-align:center; font-size:14px;}
#zilist .search-area {margin-bottom:100px; text-align:center; font-size:14px;}
#zilist .search-t1 {background-color:#fff; border:#dfdfdf solid 1px; border-radius:100px; display:inline-block; overflow:hidden; position:relative;}
#zilist .search-t1 input {padding:10px 44px 10px 20px; border:none; vertical-align:top; font-size:14px; outline:none;}
#zilist .search-t1 button {position:absolute; top:0; right:10px; height:100%; padding:0 10px; font-size:14px; background-color:transparent;}
#zilist .search-t1 button:hover {color:#62bdba;}
#ziview .cnt-area, #ziview .tag-area, #ziview .btn-area {margin-bottom:100px; font-size:0;}
#ziview .cnt-area {padding-right:236px; position:relative;}
#ziview .slider-area {height:705px; margin-bottom:50px; position:relative;}
#ziview .slider-area .pic {background-position:center; background-repeat:no-repeat; background-size:contain;}
#ziview .slider-area .thumb {width:90%; padding:90px 10px; background-color:#acdbe6; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
#ziview .slider-area .thumb>.t1 {font-size:70px; color:#fff; font-weight:bold;}
#ziview .slider-area .thumb>.t1::after {content:"원"; font-weight:normal; font-size:40px;}
#ziview .slider-area .thumb>.t2 {font-size:20px; color:#555;}
#ziview .subject-t1 {font-size:30px; text-align:center; font-weight:bold;}
#ziview .subject-t2 {font-size:20px; text-align:center;}
#ziview .tabBox {border-bottom:#dfdfdf solid 1px; margin-bottom:20px; font-size:0; height:47px;}
#ziview .tabBox .tab {display:inline-block; border:#dfdfdf solid 1px; background-color:#dfdfdf; font-size:16px; padding:10px 20px; vertical-align:bottom; border-radius:10px 10px 0 0;}
#ziview .tabBox .tab:hover {cursor:pointer;}
#ziview .tabBox .tab.on {background-color:#fff; border-bottom:#fff solid 2px;}
#ziview .content {margin-bottom:100px; font-size:14px;}
#ziview .infoBox {font-size:14px; margin-bottom:100px;}
#ziview .menuS1 {position:absolute; top:0; right:0; width:216px; height:100%;}
#ziview .menuS1 .dataBox {position:sticky; top:50px; background-color:#fff;}
#ziview .menuS1 .inc {border:#dfdfdf solid 1px; margin-bottom:5px; border-radius:5px;}
#ziview .menuS1 .inc .t1 {background-color:#f6f7f9; text-align:center; font-size:12px; padding:5px; color:#999;}
#ziview .menuS1 .inc .t2 {font-size:16px; text-align:center; word-break:keep-all; padding:5px;}
#ziview .menuS1 .inc [class*="btn"] a {padding:10px; font-size:16px; text-align:center; display:block; #22d5ed}
#ziview .menuS1 .inc .color {text-align:center; padding:5px;}
#ziview .menuS1 .inc .color li {font-size:14px; display:inline-block; border:#dfdfdf solid 1px; padding:10px 15px; border-radius:5px; margin:5px;}
#ziview .menuS1 .inc .size {text-align:center; padding:5px;}
#ziview .menuS1 .inc .size li {font-size:14px; display:inline-block; border:#dfdfdf solid 1px;  padding:5px; border-radius:5px;}
#ziview .menuS1 .inc .linkBox {padding:10px;}
#ziview .menuS1 .inc .linkBox li {border:#dfdfdf solid 1px; margin-bottom:5px; border-radius:5px; overflow:hidden;}
#ziview .menuS1 .inc .linkBox li:nth-child(1) {border-top:#dd1a00 solid 2px;}
#ziview .menuS1 .inc .linkBox li:nth-child(2) {border-top:#15a104 solid 2px;}
#ziview .menuS1 .inc .linkBox li:nth-child(3) {border-top:#ff6300 solid 2px;}
#ziview .menuS1 .inc .linkBox a {display:block; font-size:16px; padding:5px 10px; text-align:center; color:#fff; background-color:rgba(0,0,0,.3); font-weight:bold; letter-spacing:-1px;}
#ziview .menuS1 .inc .linkBox a:hover {background-color:rgba(0,0,0,.7);}
#ziview .menuS1 .inc .t2 {font-size:12px; text-transform:uppercase;}
#ziview .menuS1 .inc .t2 {font-size:20px; font-weight:bold; color:#555; letter-spacing:-1px;}
#ziview .menuS1 .inc [class*="price"] {font-size:30px; font-weight:bold; letter-spacing:-2px;}
#ziview .menuS1 .inc [class*="price"]::after {content:"원"; font-weight:normal; font-size:16px; margin-left:5px;}
#ziview .menuS1 .inc .price-t1 {color:#0a3e7c;}
#ziview .menuS1 .inc .price-t1p::after {content:"%";}
#ziview .menuS1 .inc .price-t2 {color:#7c0a0a;}
#ziview .menuS1 .inc .price-t2p::after {content:"%";}
#ziview .line {display:block; background-color:#ff9900; width:150px; height:1px; margin:20px auto;}
#ziview .info-t1 {text-align:center; color:#999; margin-bottom:30px;}
#ziview .info-t1 span {margin-right:10px;}
#ziview .info-t1 span:last-child {margin-right:auto;}
#ziview .info-t1 span>b {margin-left:5px;}
#ziview .youtube-play {width:100%; padding-bottom:56.3%; margin:0 auto; margin-bottom:100px; position:relative;}
#ziview .youtube-play>iframe {position:absolute; top:0; left:0;}
#ziview .tag-area {text-align:center; font-size:14px;}
#ziview .tag-area .title .text {font-size:22px; color:#999;}
#ziview .tag-area .tag {display:inline-block; padding:5px 10px; background-color:#dfdfdf; color:#62bdba; border-radius:100px;}
#ziview .tag-area .tag:hover {background-color:#62bdba; color:#fff;}
#ziview ul.list {font-size:0;}
#ziview ul.list li.data {width:18%; margin:1%; display:inline-block; vertical-align:top; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
#ziview ul.list li.no-data {padding:120px 0; font-size:20px; text-align:center;}
#ziview ul.list li:hover .subject {color:#ffc700;}
#ziview ul.list li .pic {width:100%; padding-bottom:100%; background-color:#fff; z-index:1; background-position:center; background-repeat:no-repeat; background-size:contain;}
#ziview ul.list li .text {word-break:keep-all;}
#ziview ul.list li .cat {display:inline-block; background-color:#fff; color:#333; padding:3px 20px 3px 10px; font-size:12px; border-radius:0 10px 0 0; box-shadow:#000 1px 1px 1px;}
#ziview ul.list li .subject {font-size:16px; font-weight:bold; padding:10px 0; letter-spacing:-1px; line-height:100%; min-height:68px;}
#ziview ul.list li .info {font-size:14px; text-align:right;}
#ziview ul.list li .price {font-size:20px; font-weight:bold;}
#ziview ul.list li .price .won {font-size:14px; margin-left:3px; color:#555;}
#ziview ul.list li.active {display:none;}
#ziwrite .data-box {border-radius:5px; font-size:0; margin-bottom:10px; position:relative;}
#ziwrite .data-box .cm {font-size:14px; display:inline-block; vertical-align:top; border:#dfdfdf solid 1px;}
#ziwrite .data-box .cm>.input-s1, #ziwrite .data-box .cm>.select-s1 {font-size:15px; border:none; border-bottom:#80756a solid 2px; padding:10px; outline:none;}
#ziwrite .data-box .cm>.input-s1:focus, #ziwrite .data-box .cm>.select-s1:focus {border-bottom:#ffcc04 solid 2px;}
#ziwrite .data-box .cm .input-s1 {width:70%;}
#ziwrite .data-box .cm>.input-s2, #ziwrite .data-box .cm>.select-s2 {font-size:15px; border:none; border-bottom:#80756a solid 2px; padding:10px; outline:none; text-align:right;}
#ziwrite .data-box .cm>.input-s2:focus, #ziwrite .data-box .cm>.select-s2:focus {border-bottom:#ffcc04 solid 2px;}
#ziwrite .data-box .t1 {width:15%; background-color:#dfdfdf; padding:10px;}
#ziwrite .data-box .t2 {width:85%; padding:5px 10px;}
#ziwrite .data-box.edit {border:none;}
#ziwrite .data-box.edit .edit-icon {font-size:14px; background-color:#dfdfdf;}
#ziwrite .data-box.edit .edit-icon a {display:inline-block; padding:10px;}
#ziwrite .data-box.edit .edit-icon a:hover {background-color:#333; color:#fff;}

/* 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 : start */
[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;}
.bc-grey {background-color:#666666;}
.bc-blue {background-color:#0013FF;}
.bc-brown {background-color:#5E2B00;}
.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; font-size:14px;}
.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.admin {position:fixed; bottom:0; left:0; width:100%; text-align:center; margin-bottom:auto !important; background-color:rgba(255,255,255,0.5); z-index:20;}
.btn-group.s1, .btn-group.s2 {text-align:center;}
.btn-group.s1 [class*="btn-c"] {margin:5px;}
.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;}
/* common : end */
/* swiper : start */
.swiper-container {width:100%; margin-left:auto; margin-right:auto;}
.swiper-slide {background-size:cover; background-position: center;}
.view-gallery-top {width:100%; height:80%;}
.view-gallery-top .swiper-slide:last-child {display:none;}
.view-gallery-thumbs {height:20%; box-sizing:border-box; padding:10px 0;}
.view-gallery-thumbs .swiper-slide {width:25%; height:100%; opacity:0.4; cursor:pointer;}
.view-gallery-thumbs .swiper-slide-thumb-active, .view-gallery-thumbs .swiper-slide-active {opacity:1;}
/* swiper : end */

/* @kiyframes : start */
@-webkit-keyframes gt1 {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes gt1 {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes gt1 {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes gt1 {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-webkit-keyframes ot1 {
    0%{opacity:0}
    50%{opacity:1}
    100%{opacity:0}
}
@-moz-keyframes ot1 {
    0%{opacity:0}
    50%{opacity:1}
    100%{opacity:0}
}
@-o-keyframes ot1 {
    0%{opacity:0}
    50%{opacity:1}
    100%{opacity:0}
}
@keyframes ot1 {
    0%{opacity:0}
    50%{opacity:1}
    100%{opacity:0}
}
/* @kiyframes : end */
/* @media : start */
@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {

}
@media screen and (max-width:768px) {
    #zilist .list-area {padding:10px;}
    #zilist ul.list li.data {width:31.333333%; margin:1%}
    #zilist ul.list li .text .info {padding-right:20%;}
}
@media screen and (max-width:425px) {
    .category-box>[class*="btn-cat"]>a {padding:5px 10px;}
    .category-box>.btn-cat-selected>a {padding-left:30px;}
    #zilist ul.list li.data {width:48%; margin:1%}
    #zilist ul.list li .text {padding:15px;}
    #zilist ul.list li .text .subject {font-size:20px;}
    #ziview .cnt-area {padding-right:0;}
    #ziview .slider-area {height:320px;}
    #ziview .menuS1 {position:relative; padding:10px; width:100%; margin-bottom:50px;}
}
/* @media : end */