@charset "utf-8"; lite-iframe {background-color: #1f1e1e;position: relative;display: block;contain: content;background-position: center center;background-size: cover;cursor: pointer;border-radius: 4px;} lite-iframe::before {content: "";display: block;position: absolute;top: 0;background-image: url("data:image/gif;base64,R0lGODlhAQABAIABAEdJRgAAACwAAAAAAQABAAACAkQBAA==");background-position: top;background-repeat: repeat-x;height: 60px;padding-bottom: 50px;width: 100%;transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);} lite-iframe::after {content: "";display: block;padding-bottom: calc(100% / (16 / 9));} lite-iframe .root {color: #a2a2a2;font-size: 14px;line-height: 1.5;position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;display: flex;align-items: center;justify-content: center;} lite-iframe iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;} lite-iframe > .lty-playbtn {width: 68px;height: 48px;position: absolute;transform: translate3d(-50%, -50%, 0);top: 50%;left: 50%;z-index: 1;background-image: url('data:image/svg+xml;utf8,');filter: grayscale(100%);transition: filter 0.1s cubic-bezier(0, 0, 0.2, 1);} lite-iframe:hover > .lty-playbtn {filter: none;} lite-iframe.lyt-activated {cursor: unset;} lite-iframe.lyt-activated > .lty-playbtn,lite-iframe.lyt-activated::before {opacity: 0;pointer-events: none;} /*글쓰기*/ #bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 0 0} #bo_w .bo_v_option li label {vertical-align:baseline} #bo_w .write_div {margin:10px 0;position:relative} #bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:""} #bo_w .wr_content.smarteditor2 iframe {background:#fff} #bo_w .bo_w_tit {position:relative} #bo_w .bo_w_tit .frm_input {padding-right:120px} #bo_w .bo_w_tit #btn_autosave {position:absolute;top:5px;right:5px;line-height:30px;height:30px} #bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2} #bo_w .bo_w_link .frm_input {padding-left:50px} #bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2} #bo_w .bo_w_flie .frm_file {padding-left:50px;margin-top:3px} #bo_w .bo_w_flie .file_wr {position:relative;border:1px solid #484863;background:#2a2e3f;color:#c0c2c7;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0} #bo_w .bo_w_flie .frm_input {margin:10px 0 0} #bo_w .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d} #bo_w .bo_w_select select {border:1px solid #d0d3db;width:100%;height:40px;border-radius:3px} #bo_w .btn_submit {padding:0 20px;font-size:1.167em} #bo_w .btn_cancel {border-radius:3px;font-size:1.167em} /* 게시판 쓰기 */ #char_count_desc {display:block;margin:0 0 5px;padding:0} #char_count_wrap {margin:5px 0 0;text-align:right} #char_count {font-weight:bold} #autosave_wrapper {position:relative} #autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff; -webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)} #autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent} #autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent} html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */ #autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden} #autosave_pop div {text-align:center;margin:0 !important} #autosave_pop button {margin:0;padding:0;border:0} #autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8} #autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1} #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;font-size:0.92em;font-style:italic;color:#999} .autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em} .autosave_close:hover {background:#f3f3f3;color:#3597d9} .autosave_content {display:none} .autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px} .wr_link {padding-left:35px !important;}