/* CSS Document */
@import url(/home/board/skin/skin.css); 
@import url('https://fonts.googleapis.com/css2?family=Dongle:wght@300;400;700&display=swap');

.board > ol,.board > ul,.board > li {
	list-style:inherit !important
}

div.replyStart {display:none}
input { border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.iphone {-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}

div.admin-top {width:100%; margin:15px auto 0}
div.admin-top .boxs {position:relative; padding-top:15px;}
/*div.admin-top .boxs ul li >p {display:inline-block; margin:10px 5px 0 15px; padding-left:10px; font-size:13px; background:url('/board/images/bble_01.gif') no-repeat left center}*/
div.admin-top .boxs span.radio_all {margin:0 15px 0 0; padding:0; background:none}

div.admin-top .boxs .search {display:block; position:relative; width:100%; height:50px; padding:0}
div.admin-top .boxs .search span {display:inline-block; float:left; height:50px;}
div.admin-top .boxs .search span.select {position:absolute; left:0; top:0; width:100px; border:1px solid #ddd; border-right:0; z-index: 4}
div.admin-top .boxs .search span.select select {display:block; width:100px;/*height:40px;*/line-height:48px; padding:0 15px; border:0; background:#fff url('/board/images/select-icons')no-repeat right -156px; font-size:.95em; color:#555;}
div.admin-top .boxs .search span.select select option {width:100%; font-size:.8em;}
div.admin-top .boxs .search span.write {width:100%; border:1px solid #ddd;}
div.admin-top .boxs .search span.write input {display:block; width:100%;line-height:48px; padding:0 90px 0 110px; border:0; font-size:.95em;}
div.admin-top .boxs .search > input {position:absolute; top:0; right:0; width:50px; height:50px; padding:0; background:#555 url('/board/images/common.png') no-repeat -25px 10px; text-indent:-9999px;}
div.admin-top .boxs .check {display:block; position:relative; width:100%; padding:0 10px; margin-top:20px; min-height:40px; line-height:38px; border-bottom:1px solid #ddd;}
div.admin-top .boxs .check label {position:relative; padding-left:25px; font-size:.85em;}
div.admin-top .boxs .check label:nth-child(3) {padding-left:0}
div.admin-top .boxs .check label > input {position:absolute; left:5px; top:5px;}
div.admin-top .boxs .check > input {position:absolute; right:0; top:0;margin-top:5px;}
div.admin-top .boxs .check > label > select {width:100px; height:30px; padding:0 10px; margin-left:5px; border:1px solid #ddd; background: #fff}
div.admin-top .boxs .check > label:nth-child(3) > select {margin-left:0;}
div.admin-top .boxs .check .check_select {padding-left:10px;}
div.admin-top .boxs .post {display:none;position:relative;width:100%;height:40px;margin-top:15px;padding:0 15px;}
div.admin-top .check_ob {position:relative; left:0; top:0; width:100%; height:30px;}
div.admin-top input[type="radio"] {position:relative; top:3px; margin-right:5px;}
div.admin-top input[type="button"] {position:relative; border:0; text-indent:-9999px; cursor:pointer}
div.admin-top input[value="�꾩껜�좏깮"] {position:relative; top:3px; margin-right:5px;}
div.admin-top input[value="怨듭��ㅼ젙"] {position:relative; top:0; margin-right:5px;}
div.admin-top input[value="鍮꾨�湲��ㅼ젙"] {position:relative; top:0; margin-right:5px;}
div.admin-top input[value="異붽�"] {width:20px; height:23px; margin-top:3px; background:url('/board/images/common.png') no-repeat 0 0;}
div.admin-top input[value="寃���"] {width:30px; height:30px; background:url('/board/images/common.png') no-repeat -25px 0;}
div.admin-top input[value="��젣"] {width:30px; height:30px; margin-right:10px; background:url('/board/images/common.png') no-repeat -35px -40px;}
div.admin-top input[value="�듦�"] {width:60px; height:30px; margin-right:10px; background:url('/board/images/common.png') no-repeat -110px -40px;}
div.admin-top input[value="�섏젙"] {width:30px; height:30px; margin-right:10px; background:url('/board/images/common.png') no-repeat 0 -40px;}
div.admin-top input[value="紐⑸줉"] {width:30px; height:30px; margin-right:10px; background:url('/board/images/common.png') no-repeat -70px -40px;}
div.admin-top .set_input {display:block; width:100%; height:45px; line-height:45px; padding:0 15px; /*margin-bottom:-1px;*/ margin-right:15px; border-bottom:1px solid #ddd; color:#333; font-size:.84em;}
.board_check {display:block;width:100%;background:#eee;padding:8px 0; text-align: center}

div.admin-top .secret_confirm {position:relative; padding:30px 20px; border:10px solid #f7f7f7; text-align: center}
div.admin-top .secret_confirm > div {display:block; width:96%; margin:20px auto 0; padding:20px; background:#f7f7f7;}
div.admin-top .secret_confirm > div p {position:relative; width:100%; margin:0 auto}
div.admin-top .secret_confirm > div p input[type="password"]{width:100%; height:40px; border:1px solid #ddd;}
div.admin-top .secret_confirm > div p input[type="submit"] {position:absolute; top:0; right:0; height:40px; padding:0 10px; background:#333; color:#fff; border:1px solid #333;}


/* admin total */

/* admin list skin*/
div.admin-list {position:relative; width:100%; margin:0 auto; font-family:'�뗭�', dotum; }
div.admin-list .row {margin:0;}
	
/* skin1 */
div.admin-list .skin1 {position:relative;width:100%;font-size:.8em;border-top:1px solid #333;}
div.admin-list .skin1 > ul > li, div.admin-list .skin1 > ul > div > li {position:relative; width:100%; height:auto; border-bottom:1px solid #ddd; padding:0; overflow:hidden}
div.admin-list .skin1 > ul > li:hover, div.admin-list .skin1 > ul > div > li:hover {box-shadow: 1px 1px 5px rgba(0,0,0,.2)}
div.admin-list .skin1 > ul > div li:nth-child(1) {border-top:1px solid #ddd; margin-top:-1px;}
div.admin-list .skin1 ul li a {display:block; height:22px; line-height:23px; outline:none; text-decoration:none; color:#333; width:80%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
div.admin-list .skin1 ul.left_area {position:absolute; left:15px; top:0; bottom:0; padding:0; z-index:3}
div.admin-list .skin1 ul.left_area li {position:relative; width:30px; height:50px; line-height:54px; color:#333; zoom:1}
div.admin-list .skin1 ul.right_area {position:absolute; right:-10px; top:15px; bottom:0; height:20px;line-height:20px; padding:0; z-index:3}
div.admin-list .skin1 ul.right_area li {float:right;margin-right:18px; font-size:1em; color:#888; }
div.admin-list .skin1 ul.right_area img {vertical-align:middle}
div.admin-list .skin1 div.title {position:relative; width:auto; padding:10px 10px 10px 35px; overflow:hidden;font-size:1.1em; line-height:1.4em; cursor:pointer}
div.admin-list .skin1 div.title span.name {display:block; width:120px; height:30px; line-height:30px; font-size:.9em; color:#777;}
div.admin-list .skin1 div.title a > span {display:inline-block; margin-right:15px; padding-right:0; font-size:12px; color:#555;} /*background:url('/board/images/list_line_bg') no-repeat right top;*/
div.admin-list .skin1 div.title a > img, div.admin-list .skin1 div.title a > span img {margin-left:1px; margin-top:-2px; vertical-align:middle}
div.admin-list .skin1 div.title a > img:first-child {margin-left:6px;}
div.admin-list .skin1 div.title a .number {display:inline-block; margin-right:5px;}


/* skin3 */
div.admin-list .skin3 {}
div.admin-list .skin3 > ul > li {position:relative; padding:0; margin:2% 1%;}
div.admin-list .skin3 > ul > li > div {position:relative; border:1px solid #ddd;}
div.admin-list .skin3 .img { width:100%; height:120px;}
div.admin-list .skin3 .check, div.admin-list .skin5 .check {position:absolute; left:10px; top:10px;}
div.admin-list .skin3 .check input, div.admin-list .skin5 .check input {width:20px; height:20px; outline:none; border:1px solid #ddd; }
div.admin-list .skin3 .title {position:relative; width:100%; padding:20px 10px 10px; margin-bottom:5px;}
div.admin-list .skin3 .title a {display:block; margin:0; padding:0; color:#333; font-size:.85em; font-weight:600; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
div.admin-list .skin3 .title a img {position:absolute; top:4px; right:4px;}
div.admin-list .skin3 .title .bInfo {display:block; margin-top:10px; font-size:.8em; color:#777;}
div.admin-list .skin3 .title .bInfo li {float:left;}
div.admin-list .skin3 .title .bInfo li.bView {padding-left:20px; background:url('/board/images/view')no-repeat; background-size:contain; float:right}

div.admin-list .skin3 > ul > li > div {margin:0 0 -1px -1px;}
div.admin-list .skin3 .bImg {width:100%; height:145px; background:#e7e7e7;}


/* skin5 */
div.admin-list .skin5 {position:relative; width:100%; }
div.admin-list .skin5 .row {margin-left:-10px; margin-right:-10px;}
div.admin-list .skin5 > ul > li {display:block; position:relative; height:auto; margin-bottom:15px; text-align:center}
div.admin-list .skin5 > ul > li > div {position:relative; border:1px solid #eee; padding:10px}
div.admin-list .skin5 .img  {width:100%; height:70px}
div.admin-list .skin5 .title {display:block; width:100%; height:auto; overflow:hidden; padding:0; margin:10px 0 0; text-align:center; font-size:.8em; line-height:1.2em;}
div.admin-list .skin5 ul li.add {display:block; width:100%; height:100px; border:1px dashed #999;}
div.admin-list .skin5 ul li.add a {display:block; width:100%; height:100px; color:#333;background:url('/board/images/add_B') no-repeat center; text-indent: -9999px}


/* skin9 
div.admin-list .skin9 {}
div.admin-list .skin9 > ul > li {position:relative; padding:0; margin:-1px 0 0 -1px;}
div.admin-list .skin9 > ul > li > div {position:relative; border:1px solid #ddd;}
div.admin-list .skin9 .img { width:100%; height:120px;}
div.admin-list .skin9 .check {position:absolute; left:10px; top:10px;}
div.admin-list .skin9 .check input, div.admin-list .skin5 .check input {width:20px; height:20px; outline:none; border:1px solid #ddd; }
div.admin-list .skin9 .title {position:relative; width:100%; padding:20px 15px 10px;margin-bottom:5px;}
div.admin-list .skin9 .title a {display:block; margin:0; padding:0; background:url('../images/list_line_bg.gif') no-repeat right top; color:#333; font-size:1em; font-weight:600; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
div.admin-list .skin9 .title a img {margin-top:5px;}
div.admin-list .skin9 .title .bInfo {display:block; margin-top:10px; font-size:.85em; color:#777;}
div.admin-list .skin9 .title .bInfo li {float:left;}
div.admin-list .skin9 .title .bInfo li.bView {float:right}
div.admin-list .skin9 .add {display:block; width:100%; height:100px;border:1px dashed #999;}
div.admin-list .skin9 .add a {display:block; width:100%; height:100px; color:#333;background:url('/board/images/add_B.png') no-repeat center}*/

div.admin-list .skin9 {position:relative; width:100%;}

#autoView .add > a {}

div.admin-list .skin9 .row {margin-left:-10px; margin-right:-10px;}
div.admin-list .skin9 > ul > li {display:block; position:relative; height:auto; margin-bottom:15px; text-align:center}
div.admin-list .skin9 > ul > li > div {position:relative;}
div.admin-list .skin9 .check {position:absolute; left:10px; top:10px;}
div.admin-list .skin9 .check input {width:20px; height:20px; outline:none; border:1px solid #ddd; }
div.admin-list .skin9 .img  {height:auto}
div.admin-list .skin9 .img img {width:100%;}
div.admin-list .skin9 .title {display:block; width:100%; height:40px; overflow:hidden; padding:0; margin:10px 0; text-align:center; font-size:.8em;}
div.admin-list .skin9 .title a {color:#777;}
div.admin-list .skin9 ul li.add {display:block; width:100%; height:100px;border:1px dashed #999;}
div.admin-list .skin9 ul li.add a {display:block; width:100%; height:100px; color:#333;background:url('/board/images/add_B') no-repeat center; text-indent: -99999px;}


/* admin total */
.share_box {width:100%; border:1px solid #ddd; border-radius:6px; padding:0; margin-bottom:30px}
.share_box h5 {display:block; padding:15px; border-bottom:1px solid #eee; font-size:1.05em; color:#333; font-weight:600}
.share_box .add_view {width:100%; height:40px; line-height:40px; background:#f7f7f7; border-radius:0 0 6px 6px}
.share_box .add_view a {display:block; width:100%; height:40px; font-size:1em; color:#999; text-align:center}


table.tb_01 {width:100%; border-left:1px solid #dadada; border-top:1px solid #dadada;}
table.tb_01 th {height:40px; text-align:center; border-right:1px solid #dadada; border-bottom:1px solid #dadada; font-size:.9em;}
table.tb_01 td {height:32px; padding:0 10px; text-align:left; border-right:1px solid #dadada; border-bottom:1px solid #dadada; font-size:.8em; color:#777;}

table.tb_03 {width:100%; border-left:1px solid #dadada; border-top:1px solid #dadada;}
table.tb_03 th {height:43px; background:#31af8d; color:#fff;}
table.tb_03 td {height:43px; text-align:left; padding-left:5%;}
table.tb_03 th, table.tb_03 td {border-right:1px solid #dadada; border-bottom:1px solid #dadada;}

table.tb_04 {width:100%; border:1px solid #dadada;}
table.tb_04 td.title {height:45px; text-align:center}
table.tb_04 td.title input {width:100%; border:0; font-size:16px; padding:12px 0; font-weight:600}
table.tb_04 td.title input:hover {background:#f7f7f7;}
table.tb_04 th, table.tb_04 td {height:38px; border-top:1px solid #dadada;}
table.tb_04 th {background:#f7f4e9; color:#555;}
table.tb_04 td {text-align:left; padding:0 15px; color:#999; font-size:11px;}
table.tb_04 td.text_area {min-height:300px; padding:30px 15px; font-size:12px; color:#555;}
.qna_area p {margin-bottom:10px; padding-bottom:20px; font-size:14px;}

td input[type="button"] {border:0; text-indent:-9999px; margin:0 3px; cursor:pointer}
td input[value="�섏젙"] {width:41px; height:21px; background:url('/board/images/table_btn_bg') no-repeat 0 0}
td input[value="��젣"] {width:41px; height:21px; background:url('/board/images/table_btn_bg') no-repeat -41px 0}
td input[value="�듦�"] {width:41px; height:21px; background:url('/board/images/table_btn_bg') no-repeat -82px 0}
td input[value="誘몃━蹂닿린"] {width:12px; height:12px; line-height: 12px; background:url('/board/images/preview_I') no-repeat 0 0}

select {
-webkit-appearance: none;  /* �ㅼ씠�곕툕 �명삎 媛먯텛湲� */
-moz-appearance: none;
appearance: none;}
select::-ms-expand {display: none;}



/* view */
.admin-view {position:relative; width:100%; margin-top:10px;}
.admin-view > ul {border-top:1px solid #ddd;}
.admin-view > ul li {display:block;}
.admin-view > ul li.title {padding:15px 0; font-size:1.4em;line-height:1.3em;font-weight:500; color:#333;}
.admin-view > ul li.title .totalscore_icon {display:inline-block; width:20px; height:20px; background:url('/board/images/totalscore_icon')no-repeat; background-size:contain; margin-left:1px;}
.admin-view > ul li.info {padding:10px 0; border-top:1px dashed #ddd; border-bottom:1px solid #ddd;}
.admin-view > ul li.info span {display:block; margin:0; font-size:.9em; color:#777; line-height:1.5em;}
.admin-view > ul li.text {width:100%; height:100%; padding:25px 0;font-size:1em;line-height:1.3em;color:#555;}
.admin-view > ul li.text img {display:block; width:100%;}

/* write */
.secret_box {width:100%; font-size:.9em; color:#555;}
.secret_box label {display:block; margin-bottom:10px;}
.secret_box label span {display:inline-block; width:130px; padding-left:15px; padding-right:15px; background:url('/board/images/bble_02')no-repeat left 5px;}
.secret_box label input {width:110px; height:30px; line-height:30px; padding:0 8px; border:1px solid #ddd;}
.secret_box label input[name="guestName"] {width:130px;}
.secret_box label input:focus {outline:2px solid #31af8d;}

.auto_block {display:block; height:30px; line-height:30px; padding:0 0 0 15px; color:#333; background:url('/board/images/bble_02')no-repeat left 18px;}
/*.auto_block {display:block; float:right; height:30px; line-height:30px; padding:0 0 0 15px; color:#333; border-radius:15px; background:url('/board/images/bble_02.gif')no-repeat left center;}*/
.auto_block > span {display:inline-block; width:100px; height:28px; margin-left:20px; text-align:center; background:#eee; border:1px solid #eee; border-radius:15px; color:#692c86; font-weight:bold;}

.auto_block .auto_block_box {display: flex; justify-content: space-between; margin-bottom: 5px; padding-top: 10px;}
.auto_block .auto_block_box > span {display:inline-block; height:28px; line-height: 28px; padding: 1px 15px; margin-left:20px; text-align:center; background:#eee; border:1px solid #eee; border-radius:15px; color:#692c86; font-weight:bold;}
.auto_block .auto_block_box > span > span img {transform: translateY(7px); margin-top: 0!important; vertical-align:top;}

.auto_block > span > span {display:inline-block;}
.auto_block > span > span img {margin-top:9px}
.auto_block > input {border:2px solid #999;width:90px;height:28px;line-height:28px; padding-left:15px;margin-left:-10px;background:#fff;}

/* 媛ㅻ윭由ъ슜 湲��곌린 */
.upload {position:fixed; left:50%; top:50%; margin:0; width:90%; height:auto; padding-bottom:30px; background-color: rgb(235, 235, 235); transform:translate(-50%,-50%);z-index: 10; border-radius:5px}
.upload .upload_title{position:relative; width:100%; background:#2d2e3b; text-align:center; height:40px; line-height:40px; margin-bottom:25px;color:#fff; font-size:.95em; border-radius:3px 3px 0 0}
.upload .upload_box{position:relative;text-align:center;margin:0 0 15px; padding:0 15px;}
.upload_name {position:relative; width:100%; margin:0 auto 8px; font-size:.9em; color:#333; text-align:left;}
.upload_input[type="text"]{position:relative; width:100%; margin:0; padding:10px 15px; font-size:.9em; text-align:left; border:1px solid #ddd;}
.upload_input[type="file"]{position:relative; width:100%; margin:0; padding:5px; border:1px solid #fff; background: #fff; color:#333; font-size:.9em;}
.upload_input[type="button"]{position:absolute; left:0; bottom:-30px; width:100%; height:40px; margin:0; background:#07ae85; text-align: center; color:#fff; line-height:40px; border:0; cursor:pointer; font-size:.95em; border-radius:0 0 10px 10px;}
textarea.upload_input {width:100%; padding:10px; text-align:left;}

div.window_send {display:none; position:fixed; left:50%; top:50%; width:90%; max-width:500px; height:auto; transform:translate(-50%,-50%); background:#fff; z-index:7; border-radius: 15px;}
div.window_send table {width:100%;}
div.window_send table > thead {width:100%;background:#f7f7f7;}
div.window_send table > thead th {width:50%; height:46px; line-height:46px; font-size:1em; text-align:center; font-weight:400}

.check_write > textarea {width:100%; height:40px; line-height:40px; font-size:1em; border:0; padding:0 15px; outline: none;}
.check_write > div {position:relative; display:block; width:100%;}
.check_write > div a {display:block; height:40px; line-height:40px; padding:0 15px; font-size:1em; color:#fff; background:#333; text-align:center;}

.post_box > li {position: relative; width: 100%; height: auto; /*padding:15px 0;*/}
.post_box .post {padding-left:90px}
.post_box .writer {position:absolute; top:17px; left:20px; width:150px; text-align:left; font-size:.8em; color:#777}
.post_box .writer a {width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.post_box .date {position:absolute; top:17px; right:20px; width:150px; text-align:right; font-size:.8em; color:#777}

div.send_user span {display:block; border:1px solid #ddd; font-size:.8em; color:#999;}

/* write */
/* li.wvCon .wrIcon {overflow:auto;} */
li.wvCon .wrIcon > div {width:100%;}

/* 蹂꾩젏 怨듯넻�쇰줈 �ъ슜�섎뒗遺�遺� */
.check_box .star {position:relative; font-family:'Dongle'; color:#ddd;}
.check_box .star input {width:100%; height:100%; position:absolute; left:0; top:0px; opacity:0;cursor:pointer;}
.check_box .star span {width:0; position:absolute; left:0; color:red; overflow:hidden; pointer-events:none; word-wrap:normal; word-break:normal;}
/* �볤� */
.comment_box {position:relative; width:100%; margin-top:50px;}
.comment_box .comment_count {display:inline-block; height:20px; line-height:20px; padding:0 0 0 22px; font-size:.95em; background:url('/board/images/comment')no-repeat 0 3px;}
.comment_box .comment_count strong {color:#044fcc;}
.comment_box .comment_count .check_box {display:inline-block; margin-left:10px;}
.comment_box .comment_count .check_box .star {font-size:1.8em; line-height:25px;}
.comment_box .comment_count .check_box .scorenumber {display:inline-block; margin-left:5px;}
.comment_box .comment_count .scoretext {font-family:'Dongle'; font-size:1.7em; letter-spacing:-1px; display:inline-block; margin-left:10px; color:#ddd;}
.comment_box .comment_open_btn {position:absolute; top:-10px; right:0; color:#333; display:inline-block; padding:10px 0 0 20px; border:none; background:url('/board/images/comment')no-repeat 0 -14px; font-size:.95em; font-weight:300; cursor:pointer}
.comment_box .write {position:relative; top:-1px; width:100%; padding:20px 15px; margin:10px 0 20px; border:1px solid #f9f9f9; background:#f9f9f9;}
.comment_box .write .check_box {display:flex; justify-content:flex-start; padding:10px 0;}
.comment_box .write .check_box .check {position: relative; text-align: center; height: 26px; line-height: 25px; padding: 0 15px 0 25px; border: 1px solid #2b56e4; background: #fff; border-radius: 18px; color: #555; font-size: .85em; transition: all .2s; cursor: pointer;}
.comment_box .write .check_box .check .check_icon {position: absolute; top: 50%; left: 7px; transform: translateY(-50%); width: 13px; height: 13px; background: url('/board/images/icon_check') no-repeat; background-size: cover; background-color: #2b56e4; border-radius: 50%;}
.comment_box .write .check_box .star {font-size:2.1em; margin-left:7px; line-height:32px;} /* .star 蹂꾩젏 �댁슜 異붽� 20221201 */
.comment_box .write > div textarea {width:100%; min-height:80px; padding:10px; font-size:.85em; color:#555; border:1px solid #ddd;}
.comment_box .write > div textarea:focus {outline:none}
.comment_box .write > div > div {position:relative; display:flex; width:100%; padding-top:10px;}
.comment_box .write > div > div input {height:30px; font-size:.75em; border:none; cursor:pointer;}
.comment_box .write > div > div input[type="file"] {color:#333;}
.comment_box .write > div > div .right_btbox {position:absolute; bottom:0; right:0; display:flex;}
.comment_box .write > div > div input[type="button"] {margin-left:8px; padding:0 10px; border:1px solid #cbcbcb; color:#333; border-radius:0;}
.comment_box .write > div > div input[value="蹂대궡湲�"] {margin-left:8px; background:#5180f4; border:none; color:#fff; border-radius:0;} /*0103源��ㅼ쁺*/
.comment_list {margin-top:10px; border-top:1px solid #333;}
.comment_list li {position:relative; border-bottom:1px solid #ddd; padding:20px 10px;}
.comment_list li > p > a {display:inline-block; padding:0; font-size:.9em; color:#333;}
.comment_list li > span {display:block; margin:15px 0 0 40px; font-size:.9em; color:#434343;}
.comment_list li > p span.delete_btn {float:right; margin-left:10px;}
.comment_list li > p span.delete_btn a {border-left:1px solid #ddd; padding:0 10px; font-size:.8em; color:#777;}
.comment_list li > p.profile img {width:30px; height:30px; margin-right:10px; border-radius:50%; border:1px solid #a9a9a9;}
.comment_list li > p.file {position:relative; top:0; max-width:80%; margin-top:8px;}
.comment_list li > p.file img {width:100%;}
.comment_list li > .check_box {position:absolute; top:32px; left:48px;}
.comment_list li > .check_box .star {font-size:1.3em;}
/* .comment_list li > .coment_totalscore {position:absolute; top:38px; left:47px;}
.comment_list li > .coment_totalscore p {display:inline-block; width:14px; height:14px; background:url('/board/images/totalscore_icon.png')no-repeat; background-size:contain; margin-left:1px;} */

.reply .upload {position:relative; width:100%;}
.reply .upload > input[type="file"] {width:100%; background:none; border:none; margin-top:0; color:#555; padding:0;}
.reply .reply_write {position:relative;padding:10px 16px 8px;width:100%;min-height:160px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.reply .reply_write > div .send input {margin-bottom:5px; padding:5px; background:#fff; color:#555; font-size:1em; border:1px solid #ddd; border-radius:0;}
.reply .reply_write > div > input[value="蹂대궡湲�"] {position:absolute;bottom:10px;right:10px;width:60px;height:30px; border-radius:0;}
.reply .reply_write > div textarea { width:100%;border:1px solid #ddd; padding:10px;}
.reply .reply_write > div textarea:focus {outline:none;}

@media screen and (min-width: 640px) {	
	.comment_list li > p.file {position:absolute; top:20px; right:80px; width:100px; height:60px; margin-top:0; overflow:hidden}
	.comment_box .write > div > div input[type="button"] {padding:0 10px;}

	.auto_block {display: flex; gap: 20px;}
	.auto_block .auto_block_box {width: 60%;}
	.list .skin7 .form .group > div:first-child {margin-bottom: 50px;}
	.list .skin7 .form .group > div > div input.text {width: 40%; transform: translateY(4px);}

	
}

@media screen and (min-width: 960px) {	
	
	.comment_list li {padding:30px 10px;}
	.comment_list li > .check_box {position:absolute; top:43px;}
	.comment_list li > p > a {font-size:.95em;}
	.comment_list li > span {font-size:1em;}
	.comment_box .write > div > div input {font-size:.85em;}

	div.admin-top .secret_confirm > div {width:400px; margin:20px auto 0; padding:30px 0; background:#f7f7f7;}
	div.admin-top .secret_confirm > div p {width:360px;}
	
	/* 媛ㅻ윭由ъ슜 湲��곌린 */
	.upload {width:500px;}
}

@media screen and (min-width:992px){
	div.admin-list .skin3 > ul > li {margin:1% .5%}
}

@media screen and (min-width: 1280px) {
	div.admin-top {width:100%; margin:0 auto}
	div.admin-top .boxs .check label > input {top:5px;}
	div.admin-top .check_ob {padding:5px 0}
	
	div.admin-list {width:100%;}
	div.admin-list .row {margin-left:-8px; margin-right:-8px;}
	
	div.admin-list .skin1 > ul > li {height:50px;line-height:50px;}
	div.admin-list .skin1 > ul > li:hover {box-shadow: 1px 1px 5px rgba(0,0,0,.2)}
	div.admin-list .skin1 ul li a {display:inline; height:auto;}
	div.admin-list .skin1 ul li ul.left_area {left:20px; height:50px;line-height:50px;}
	div.admin-list .skin1 ul li ul.left_area li {position:relative; float:left;color:#333; zoom:1}
	div.admin-list .skin1 ul li ul.right_area {position:absolute; right:0; top:0; bottom:0; height:50px;line-height:50px;}
	div.admin-list .skin1 ul li div.title {padding:0 0 0 50px;font-size:1em;}
	div.admin-list .skin1 ul li div.title span.name {display:inline-block; width:80px; height:50px; line-height:50px;}
	div.admin-list .skin1 ul li div.title a > span {display:inline-block; height:50px; line-height:50px; margin-right:15px; padding-right:10px;}	
	div.admin-list .skin1 ul li div.title a .number img {vertical-align: middle}
	
	div.admin-list .skin3 .bImg {height:200px;}
	
	div.admin-list .skin5 .row {margin-left:-15px; margin-right:-15px;}
	div.admin-list .skin5 ul li {display:inline-block; float:left; left:0; top:0; height:auto; padding:0 15px; margin:30px 0;}
	div.admin-list .skin5 ul li > div {height:auto; max-height:150px}
	div.admin-list .skin5 ul li.add {height:160px}
	div.admin-list .skin5 ul li.add a {display:block;height:160px; background:url('/board/images/add_B') no-repeat center}
	div.admin-list .skin5 ul li p.title {font-size:.85em;}
	div.admin-list .skin5 ul li span.date {font-size:.9em;}	
	div.admin-list .skin5 .img  {width:100%; height:150px}

	div.admin-list .skin9 .row {margin-left:-15px; margin-right:-15px;}
	div.admin-list .skin9 ul li {display:inline-block; float:left; left:0; top:0; height:auto; padding:0 15px; margin:30px 0;}
	div.admin-list .skin9 ul li.add {height:160px}
	div.admin-list .skin9 ul li.add a {display:block; height:160px; text-indent:-9999px; background:url('/board/images/add_B') no-repeat center}
	div.admin-list .skin9 ul li p.title {font-size:.85em;}
	div.admin-list .skin9 ul li span.date {font-size:.9em;}
	div.admin-list .skin9 .img {height:150px}
	div.admin-list .skin9 .img img {width:100%; height:100%}
	
	div.table_grid {font-size:.9em;}
	div.table_grid .tb_02 {width:100%;}
	
	/* view */
	.admin-view ul li.title {padding:15px 0; font-size:1.7em ;}
	.admin-view ul li.info {padding:10px 0;}
	.admin-view ul li.info span {display:inline-block; margin-right:18px; font-size:1em;}
	.admin-view ul li.text {min-height:500px;}
	.admin-view ul li.text img {width:100%;}/*2023.05.12 源��ㅼ쁺*/

	/* write */
	li.wvCon .wrIcon {width:94%; margin:0 auto;}
	.secret_box label {display:inline-block; margin-right:20px; margin-bottom:0}
	.secret_box label span {width:auto;}
	
	.auto_block {margin:15px 0;}
  .check_write > div {position:absolute; top:0; right:0; display:inline-block; width:120px;}
	
	/* �볤� */
	.comment_box .write > div > div {width:100%; margin:0; padding:10px 0 0;}
	.comment_box .write > div > div input {display:inline-block;}
	.comment_box .write > div > div input[type="button"] {float:right; margin-left:8px;}
	.comment_list li > span {color:#434343;}
	
	div.admin-top .boxs .search {padding:0}
	div.admin-top .boxs .search span.select {left:0;}
	div.admin-top .boxs .search > input {right:0;}	
	div.admin-top .boxs .check {padding:0;}
	
}

/*.content h3 >span {padding:0 0 0 15px; color:green;}
.content div.preview {position:relative; width:100%; height:auto; margin:0 0 30px; padding:0;}*/

/*div.g_list {position:relative; width:100%; font-family:'�뗭�', dotum; font-size:11px; }
div.g_list ol:after {content:""; display:block; clear:both}
div.g_list ol li {display:inline-block; position:relative; float:left; left:0; top:0; width:170px; height:auto; min-height:160px; margin-right:15px; margin-bottom:15px; text-align:center}
div.g_list ol li >div {position:relative; width:100%; height:110px; background:#333; z-index:7}
div.g_list ol li >div img {width:100%;}
div.g_list ol li p.title {display:block; width:100%; height:30px; padding:10px 0 0; text-align:center;}
div.g_list ol li span.date {display:block; width:100%; height:20px; padding:0; text-align:center; color:#999;}
div.g_list ol li >input {position:absolute; left:8px; top:8px; z-index:9}
div.g_list ol li.add {border:1px dashed #d4d4d4;}
div.g_list ol li.add a {display:block; width:100%; height:auto; min-height:160px; background:url('/board/images/add_B.png') no-repeat center}

.view_area {position:relative; width:100%; border-top:2px solid #555; font-family:'�뗭�', dotum; font-size:12px}
.view_area >ul >li {border-bottom:1px solid #ddd;}
*/


/*li.wvTitle.write {padding:0;}
li.wvTitle .subject { display:inline-block; width:89%; }
li.wvTitle >input,li.wvTitle .subject >input {width:100%; padding:15px 18px; border:0; background:none; font-size:14px;  color:#333;}
li.wvTitle >input:focus {outline:2px solid #31af8d;}*/
li.wvCon {width:100%; border-left:1px solid #ddd; border-right:1px solid #ddd}

li.wvCon > div textarea {width:100%; height:100%; min-height:300px; padding:15px; border:none;}
li.wvCon > div iframe {width:100%; height:100%; min-height:300px; padding:15px; border:none;}
li.wvCon > div iframe.img_inner {width:100%}
/*div.wvCon.reply textarea {min-height:80px; color:#999}*/

/*.replyStart {position:relative; width:100%; line-height:35px; background:url('../images/reply_icon.png') no-repeat left center; padding-left:23px; font-weight:600;border-bottom:1px solid #ddd;}*/
/*.wvReply .reply >input {margin-bottom:5px; padding:5px; border:0; background:#31af8d; color:#fff; font-size:11px;}

.wvReply textarea { width:100%;border:1px solid #ddd; }*/

.guest_ip {font-size:12px;border-bottom:1px solid #ddd}
.guest_ip p {display:inline-block;width:120px;padding: 15px 18px;border-right: 1px solid #ddd;font-weight: 300;}
.guest_ip input {height:50px;padding: 15px 18px;border:0;}
.guest_ip:last-child {border-bottom:none}
.guest_auto {font-size:12px;}
.guest_auto:after {content:'';display:block;clear: both}
.guest_auto p {display:inline-block;width:120px;padding: 15px 18px;border-right: 1px solid #ddd;font-weight: 300;}
.guest_auto span, .guest_auto input {padding: 15px 18px;}

.send_btn {position:relative; top:15px; text-align:right; right: 5px;}
.send_btn input {padding:5px 15px; font-size:.9em; border:1px solid #ddd;}

.pageNum {margin:4% auto; text-align:center}
.pageNum a {display:inline-block; width:30px; height:30px; line-height:30px; color:#555; border:1px solid #d4d4d4; font-size:1.1em; text-align:center; margin:0 2px;}
.pageNum a:hover , .pageNum a.on {background:#fff; color:#333;}
.pageNum a.prev , .pageNum a.next, .pageNum a.list {width:50px;}

.tb_list {display: none;}

.leftButton{position:fixed;left:50%;top:50%;width:42px;height:42px;margin-left:-35%;background:url('/board/images/gallery_arrow_btn')no-repeat;background-size:cover;z-index:990;}
.leftButton:hover{background:url('/board/images/gallery_arrow_btn_over')no-repeat;cursor:pointer}
.rightButton{position:fixed;right:50%;top:50%;width:42px;height:42px;margin-right:-35%;background:url('/board/images/gallery_arrow_btn')no-repeat;
	transform:rotateZ(180deg);
	-ms-transform:rotateZ(180deg);
	-webkit-transform:rotateZ(180deg);
	-moz-transform:rotateZ(180deg);
	z-index:990;border:0;}
.rightButton:hover{background:url('/board/images/gallery_arrow_btn_over')no-repeat;cursor:pointer;
	transform:rotateZ(180deg);
	-ms-transform:rotateZ(180deg);
	-webkit-transform:rotateZ(180deg);
	-moz-transform:rotateZ(180deg);
}

.data_area {display:block;position:relative;width:100%;margin-top:50px;}/* 異붽� 2020.12.28 */
.upfile_none {display:none;}

.leftButton{position:fixed;left:50%;top:50%;width:42px;height:42px;margin-left:-38%;background:url('/board/images/gallery_arrow_btn')no-repeat;background-size:cover;z-index:15;}
.leftButton:hover{background:url('/board/images/gallery_arrow_btn_over')no-repeat;cursor:pointer}
.rightButton{position:fixed;right:50%;top:50%;width:42px;height:42px;margin-right:-38%;background:url('/board/images/gallery_arrow_btn')no-repeat;
	transform:rotateZ(180deg);
	-ms-transform:rotateZ(180deg);
	-webkit-transform:rotateZ(180deg);
	-moz-transform:rotateZ(180deg);
	z-index:15;border:0;}
.rightButton:hover{background:url('/board/images/gallery_arrow_btn_over')no-repeat;cursor:pointer;
	transform:rotateZ(180deg);
	-ms-transform:rotateZ(180deg);
	-webkit-transform:rotateZ(180deg);
	-moz-transform:rotateZ(180deg);}

.increase_height{display:block; position:relative; left:0; bottom:0; width:100%; height:35px; line-height:35px; background:#f9f9f9; border:0; text-align: center; font-size:13px; color:#a9a9a9; cursor:row-resize}	

/* 湲��곌린 */ /*.cm_write = home > board�곸뿭/2022.12.23異붽� */
.cm_write div.admin-top {margin:0 auto;}	
.cm_write .title_box {border-top:none; background:#fff;}	
.cm_write .write_top {position:fixed; top:0; width:100%; background:#fff; z-index:5;}
.cm_write .write_menu {position:relative; width:100%; height:50px; border-bottom:1px solid #ddd;}
.cm_write .write_menu .back_button {position:absolute; top:50%; left:4%; transform:translateY(-50%);}
.cm_write .write_menu .back_button a {display:none; background: url('/home/images/mypage/icon_menubar') no-repeat -1px -199px; width: 9px; height: 15px;}
.cm_write .write_menu .send_button {position:absolute; top:0; right:0;}
.cm_write .write_menu .send_button input {width:80px; height:49px; background:#f9f9f9; color:#333; border:none;}
.cm_write .write_menu .send_button input.save {background:#3968ff; color:#fff; margin-left:-4px;}
.cm_write .toolbar {position:relative; height:50px;}

/* tool �щ씪�대뱶 */
.toolbar .toolbar-item {display: flex; flex-wrap: nowrap; overflow-x: auto;}
.toolbar .toolbar-item::-webkit-scrollbar {display: none;}
.toolbar .toolbar-item .item_ {flex: 0 0 35px; white-space: nowrap;}

.cm_write .wrap {width:90%; margin:0 auto; padding-bottom:50px; padding-top:100px;}
.cm_write .notice_padding {padding-top:120px;}
.cm_write .write-top ul {width:100%; border-bottom:1px solid #ddd;}
.cm_write .write-top ul li {display:flex; position:absolute; top:0; left:25px;}
.cm_write .write-top ul li label {width:90px; margin:0; border-top:none; padding:0; font-size:.8em; border-bottom:none;}
.cm_write .write-top ul li label input[value="怨듭��ㅼ젙"] {top:1px; margin-right:5px; width:10px;}
.cm_write .write-top ul li label input[value="鍮꾨�湲��ㅼ젙"] {top:1px; margin-right:5px; width:10px;}

.cm_write .write_edit {position:absolute; bottom:10%; left:0; cursor:pointer;}
.cm_write .write_edit > p {font-size:.8em; padding:5px 10px; border-radius:20px; background:#e5e5e5; border:1px solid #ddd; color:#565656;}
.cm_write .write_edit .edit_info {display:none; position:absolute; bottom:0; left:105%;}
.cm_write .write_edit .edit_info >div {display:flex;}
.cm_write .write_edit .edit_info p {width:45px; height:27px; line-height:27px; font-size:.75em; margin-left:5px; background:#f9f9f9; border: 1px solid #ddd; color:#333; border-radius:20px; text-align:center;}
.cm_write .write_edit .edit_info .edit_cancel {background:#ffe6e6; border: 1px solid #ff8f8f; color:#333;}
.cm_write .write_edit .edit_info p:hover {background:#ececec;}
.cm_write .write_edit .edit_info .edit_cancel:hover {background:#f8cbcb;}

.write .title_box {display:flex; width:100%; align-items:center; padding:15px 0; border-bottom:1px solid #ddd; border-top:1px solid #fff;}	
.write .title_box .title {width:80%; padding-left:15px;}
.write .title_box .subject > input {width:100%; font-size:1.1em; height:auto; border:0;}
.write .home_title_box .subject > input {background:#fff;}
.write .title_box .headWrite {display:inline-block; min-width:115px; width:10%; border:1px solid #ddd; background:#fff; color:#333;}
.write .title_box .headWrite select {width:100%; padding:8px 11px; font-size:.8em; color:#333; border:0; background:url('/mss1Admin/images/select-icons')no-repeat right -165px;}
.write .title_box .headWriteRead { text-align:left; font-weight:bold; padding:15px;}

.write .skin1 .content_box {position:relative;width:100%;padding:0; border:0;}
.write .skin1 .content_box > div textarea {width:100%; height:100%; min-height:400px; padding:15px; border:none;}
.write .skin1 .content_box > div iframe {width:100%; height:100%; min-height:400px; padding:15px; border:none;}
.write .skin1 .content_box > div iframe img {width:100%}
.write .skin1 .content_box > div .wrSelect {background:#f7f7f7; padding:5px 16px; border:1px solid #ddd; border-top:none;}

.toolbar {background:#fff; border-bottom:1px solid #ddd;}
.toolbar-item {width:100%; padding-left:15px;}
.toolbar-item > button {float:left; width:34px; height:49px; background:none; text-indent:-9999px; cursor:pointer; margin-right:5px; border:0; outline-style:none; position:relative;}
/* .toolbar-item > button:nth-child(4) {margin-right:3px;}
.toolbar-item > button:nth-child(8) {margin-right:5px;}
.toolbar-item > button:nth-child(12) {margin-right:5px;}
.toolbar-item > button:nth-child(1) { background:#fff url(/board/images/wrIcon_bg002.jpg) no-repeat 0 center;width:60px; }
.toolbar-item > button:nth-child(2) { background:#fff url(/board/images/wrIcon_bg002.jpg) no-repeat -60px center;width:50px; }
.toolbar-item > button:nth-child(3) { background:#ffff url(/board/images/wrIcon_bg002.jpg) no-repeat -120px center;}
.toolbar-item > button:nth-child(4) { background:#fff url(/board/images/wrIcon_bg002.jpg) no-repeat -150px center; }
.toolbar-item > button:nth-child(5) { background:#fff url(/board/images/wrIcon_bg002.jpg) no-repeat -180px center; }
.toolbar-item > button:nth-child(6) { background:#fff url(/board/images/wrIcon_bg002.jpg) no-repeat -210px center; }
.toolbar-item > button:nth-child(7) { background:#fff url(/board/images/wrIcon_bg002.jpg) no-repeat -240px center; }
.toolbar-item > button:nth-child(8) { background:#fff url(/board/images/wrIcon_bg002.jpg) no-repeat -270px center; }
.toolbar-item > button:nth-child(9) { background:#fff url(/board/images/wrIcon_bg002.jpg) no-repeat -300px center; }
.toolbar-item > button:nth-child(10) { background:#fff url(/board/images/wrIcon_bg002.jpg) no-repeat -330px center; }
.toolbar-item > button:nth-child(11) { background:#fff url(/board/images/wrIcon_bg002.jpg) no-repeat -360px center; }
.toolbar-item > button:nth-child(12) { background:#fff url(/board/images/wrIcon_bg002.jpg) no-repeat -390px center; }
.toolbar-item > button:nth-child(13) { background:#fff url(/board/images/wrIcon_bg002.jpg) no-repeat -420px center; }
.toolbar-item > button:nth-child(14) { background:#fff url(/board/images/wrIcon_bg002.jpg) no-repeat -450px center; }
.toolbar-item > button:nth-child(15) { background:#fff url(/board/images/wrIcon_bg002.jpg) no-repeat -480px center; }
.toolbar-item > button:nth-child(16) { background:#fff url(/board/images/wrIcon_bg002.jpg) no-repeat -510px center; } */

.toolbar-item > button:nth-child(1) { background:url('/board/images/toolbar_icon') no-repeat -20px 0;}
.toolbar-item > button:nth-child(2) { background:url('/board/images/toolbar_icon') no-repeat -76px 0;}
.toolbar-item > button:nth-child(3) { background:url('/board/images/toolbar_icon') no-repeat -674px 0;}
.toolbar-item > button:nth-child(4) { background:url('/board/images/toolbar_icon') no-repeat -553px 0;}
.toolbar-item > button:nth-child(5) { background:url('/board/images/toolbar_icon') no-repeat -494px 0;}
.toolbar-item > button:nth-child(6) { background:url('/board/images/toolbar_icon') no-repeat -614px 0;}
.toolbar-item > button:nth-child(7) { background:url('/board/images/toolbar_icon') no-repeat -138px 0;}
.toolbar-item > button:nth-child(8) { background:url('/board/images/toolbar_icon') no-repeat -196px 0;}
.toolbar-item > button:nth-child(9) { background:url('/board/images/toolbar_icon') no-repeat -256px 0;}
.toolbar-item > button:nth-child(10) { background:url('/board/images/toolbar_icon') no-repeat -315px 0;}
.toolbar-item > button:nth-child(11) { background:url('/board/images/toolbar_icon') no-repeat -735px 0;}
.toolbar-item > button:nth-child(12) { background:url('/board/images/toolbar_icon') no-repeat -800px 0;}
.toolbar-item > button:nth-child(13) { background:url('/board/images/toolbar_icon') no-repeat -1035px 0;}
.toolbar-item > button:nth-child(14) { background:url('/board/images/toolbar_icon') no-repeat -1095px 0;}
.toolbar-item > button:nth-child(15) { background:url('/board/images/toolbar_icon') no-repeat -915px 0;}
/* .toolbar-item > button:nth-child(16) { background:url('/board/images/toolbar_icon') no-repeat -975px 0;}
.toolbar-item > button:nth-child(17) { background:url('/board/images/toolbar_icon') no-repeat -1155px 0;}
.toolbar-item > button:nth-child(18) { background:url('/board/images/toolbar_icon') no-repeat -1215px 0;}
.toolbar-item > button:nth-child(19) { background:url('/board/images/toolbar_icon') no-repeat -855px 0;} */
.toolbar-item > button:nth-child(16) { background:url('/board/images/toolbar_icon') no-repeat -376px 0;}
.toolbar-item > button:nth-child(17) { background:url('/board/images/toolbar_icon') no-repeat -435px 0;}
.toolbar-item > button:nth-child(18) { background:url('/board/images/toolbar_icon') no-repeat -1275px 0;}

.toolbar-item > .hover:nth-child(1) { background:url('/board/images/toolbar_icon_hover') no-repeat -20px 0;}
.toolbar-item > .hover:nth-child(2) { background:url('/board/images/toolbar_icon_hover') no-repeat -76px 0;}
.toolbar-item > .hover:nth-child(3) { background:url('/board/images/toolbar_icon_hover') no-repeat -674px 0;}
.toolbar-item > .hover:nth-child(4) { background:url('/board/images/toolbar_icon_hover') no-repeat -553px 0;}
.toolbar-item > .hover:nth-child(5) { background:url('/board/images/toolbar_icon_hover') no-repeat -494px 0;}
.toolbar-item > .hover:nth-child(6) { background:url('/board/images/toolbar_icon_hover') no-repeat -614px 0;}
.toolbar-item > .hover:nth-child(7) { background:url('/board/images/toolbar_icon_hover') no-repeat -138px 0;}
.toolbar-item > .hover:nth-child(8) { background:url('/board/images/toolbar_icon_hover') no-repeat -196px 0;}
.toolbar-item > .hover:nth-child(9) { background:url('/board/images/toolbar_icon_hover') no-repeat -256px 0;}
.toolbar-item > .hover:nth-child(10) { background:url('/board/images/toolbar_icon_hover') no-repeat -315px 0;}
.toolbar-item > .hover:nth-child(11) { background:url('/board/images/toolbar_icon_hover') no-repeat -735px 0;}
.toolbar-item > .hover:nth-child(12) { background:url('/board/images/toolbar_icon_hover') no-repeat -800px 0;}
.toolbar-item > .hover:nth-child(13) { background:url('/board/images/toolbar_icon_hover') no-repeat -1035px 0;}
.toolbar-item > .hover:nth-child(14) { background:url('/board/images/toolbar_icon_hover') no-repeat -1095px 0;}
.toolbar-item > .hover:nth-child(15) { background:url('/board/images/toolbar_icon_hover') no-repeat -915px 0;}
.toolbar-item > .hover:nth-child(16) { background:url('/board/images/toolbar_icon_hover') no-repeat -975px 0;}
.toolbar-item > .hover:nth-child(17) { background:url('/board/images/toolbar_icon_hover') no-repeat -1155px 0;}
.toolbar-item > .hover:nth-child(18) { background:url('/board/images/toolbar_icon_hover') no-repeat -1215px 0;}
.toolbar-item > .hover:nth-child(19) { background:url('/board/images/toolbar_icon_hover') no-repeat -855px 0;}
.toolbar-item > .hover:nth-child(20) { background:url('/board/images/toolbar_icon_hover') no-repeat -376px 0;}
.toolbar-item > .hover:nth-child(21) { background:url('/board/images/toolbar_icon_hover') no-repeat -435px 0;}
.toolbar-item > .hover:nth-child(22) { background:url('/board/images/toolbar_icon_hover') no-repeat -1275px 0;}

.hiddenSelect {position:absolute;top:40px; left:0; width:auto;height:0;z-index:3;}
.hiddenSelect ul {border:1px solid #ddd;padding:10px;background:#fff;}
.hiddenSelect ul li {float:inherit; display:block; margin-right:0;}
.hiddenSelect ul li input[type="button"] { text-align:left;width:100%;min-width:100px;min-height:30px;padding:0 10px;border:0;cursor:pointer; background:#fff;}
.hiddenSelect ul li input[type="button"]:hover { background:#666; }
.hiddenSelect label { display:block;background:url('/board/images/color');width:129px;height:57px;padding:5px; }
.hiddenSelect label input[type="button"] { float:left;background:none;width:11px;height:11px;text-indent:-9999px;margin-right:1px;border:0;outline-style:none;cursor:pointer; }
.hiddenSelect label input:nth-child(n+10) { margin-top:1px; }
.hiddenSelect label input:nth-child(10n) { margin-right:0; }
.hiddenSelect:nth-child(2) {left:60px;}
.hiddenSelect:nth-child(3) {left:110px;}
.hiddenSelect:nth-child(4) {left:140px;}

.img_load {position:fixed; left:0; top:30%; width:90%; margin-left:5%; z-index:7}
.img_load > div {position:relative;}
.img_load > div > div {background:#fff}

.data_area > div {position:relative;width:100%;}
.data_area > div .file_box {display:block; position:relative; width:100%; height:auto; margin-top:35px; border-top:1px solid #555;}/* 異붽� 2020.12.28 */

.file_load {padding:10px 0;}
.file_load p.file {display:block; position:relative; left:0; top:0; width:auto; height:35px; line-height:35px; padding:0 12px; background:#f9f9f9; text-align:left; color:#333; font-size:.9em;}
.file_load a.btn_deleat, span[title="��젣"] {width:30px; background:rgba(255,255,255,.7) url('/board/images/send_ob_del')no-repeat center !important; text-indent:-9999px;}
.file_upload_btn {position:absolute; top:10px; right:0; height:35px; text-align:left; font-size:.85em; background:#3968ff;}
.file_upload_btn .btn_upload {display:block; width:auto; height:35px; line-height:35px; padding:0 12px; font-size:.85em; color:#fff;} /*background:url(/board/images/file_add_white.png)no-repeat right center;*/
.file_view{position:relative; height:auto;}
.file_upload_name{position:relative;}
.file_list {position:relative;width:100%; margin:10px auto; padding:3px 15px; line-height:25px; border-radius:15px; border:1px solid #d7d7d7; font-size:.8em;}/* 異붽� 2020.12.28 */
.file_list a {position:absolute; right:5px; margin-left:10px; color:#ccc; cursor:pointer}/* 異붽� 2020.12.28 */
.image_list,.image_list_new {width: 72px; height: 72px; position:relative;display:inline-table;margin:3px; }/* 異붽� 2021.07.23 (湲��곌린 �대�吏� �쎌엯遺�遺�) */
.image_list img,.image_list_new img {width:72px;height:72px; }/* 異붽� 2021.07.23 (湲��곌린 �대�吏� �쎌엯遺�遺�) */
.flie_caution{position:relative; margin:15px 0 0; padding:10px 10px; border-bottom:1px solid #ddd; font-size:.78em; color:#999;}

.image_list::after {content: '�대�吏� 異붽�'; display: none; align-items: center; justify-content: center; font-size: .8em; clear: both; width: 100%; height: 100%; background: rgba(0,0,0,.7); color: #fff; position: absolute; top: 0; left: 0;}

/* �대�吏� �몃쾭 �� */
.image_list:hover::after {cursor: pointer; display: flex;}

/* 硫붿씪諛쒖넚���μ쑀臾� */
.send_area {position:relative; width:100%; margin:50px auto; font-size:1.2em;}
.send_area input {float:right; min-height:35px; line-height:35px; width:20%; font-size:16px; margin-left:5px; border:none; background:#31af8d; color:#fff; border-radius:0;}
.send_area input[value="����"] { padding:0 20px; background:#3968ff; color:#fff; cursor:pointer; border-radius:0;}
.send_area input[value="痍⑥냼"] {padding:0 20px; background:#f9f9f9; color:#333; border:1px solid #ddd; cursor:pointer; border-radius:0;}
.send_area input[value="硫붿씪 蹂대궡怨� ����"] {width:37%; border-radius:0;}

@media screen and (min-width: 680px) {

	.cm_write .wrap {}
}

@media screen and (min-width: 960px) {	
	
	.cm_write {}
	.cm_write .write_menu .send_button input {width:130px;}
	.write .title_box {padding:18px 0;}	
	.write .title_box .title {margin-top:0; padding-left:35px;}
	.write .title_box .subject > input {font-size:1.6em;}
	.write .title_box .headWrite {min-width:150px;}
	.write .title_box .headWrite select {padding:15px 18px; background:url('/mss1Admin/images/select-icons')no-repeat right -157px}
	.write .title_box .headWriteRead { text-align:left; font-weight:bold; padding:15px;}
	
	.write .skin1 .content_box > div textarea {min-height:650px;}
	.write .skin1 .content_box > div iframe {min-height:650px;}
	
	.img_load {left:50%; top:50%; width:460px; margin-left:0; transform: translate(-50%, -50%);}
	.img_load > div > div {height:350px}
	
}


@media screen and (min-width: 1280px) {	

	.toolbar-item {padding-left:4%;}

	.cm_write {width:100%; background:#f9f9f9;}
	.cm_write .wrap {width:1200px; margin:0 auto; background:#fff;}
	.cm_write .increase_height {width:94%; margin:0 auto;}
	.cm_write .write_edit {left:3%;}
	.cm_write .write_edit > p {padding:7px 15px;}
	.cm_write .write_edit .edit_info p {width:60px; height:33px; line-height:33px; margin-left:8px;}
	.cm_write .write-top ul li {width:20%; position: absolute; top: 0; left: 32px;}
	.cm_write .write-top ul li label {width:110px; height:50px; line-height:50px;}
	.data_area {display:flex; justify-content:center;}
	.upfile_none {display:none;}
	.data_area > div {width:46%;margin-right:2%}
	.data_area > div:nth-child(2) {margin-right:0;}

	.write .title_box {width:94%; margin:0 auto;}
	.write .skin1 .content_box > div iframe {padding:25px;}
}

div.adding {display:block;width:100%;height:46px;margin-bottom:10px;}
div.adding span.name {float:left;display:block;width:10%;height:46px;line-height:46px;font-size:14px;padding:0 20px;}
div.adding span.input {float:left;display:block;width:90%;height:46px;line-height:46px;}
div.adding span.input input[type="checkbox"] {width:20px;height:20px;margin-top:13px;}
div.adding span.input input[type="text"],div.adding span.input input[type="datetime-local"] {width:40%;border:1px solid #ddd;height:46px;line-height:46px;font-size:14px;padding-left:25px;}

/*湲��곌린 �� �곸슜�� 20220620*/
#writeBody img { max-width:100%; }

/* toast �ㅼ젙 */
.toast_style {display:block; position:fixed; bottom:-100px; width:100%; height:auto; padding:15px 0; background:rgba(0,0,0,.7); z-index: 11}
.toast_a, .toast_p {display:block; height:30px; padding:0 25px; text-align: center; font-size:.9em; line-height:30px; color:#fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.toast_inner {display:flex; justify-content:center; flex-wrap:nowrap; width:auto;}
.toast_inner .toast_button {width:80px; height:30px; margin:0 5px; line-height:28px; text-align:center; border:1px solid #FFC726; border-radius:15px; font-size:.8em; color:#FFC726}