@charset "UTF-8";

/* board Css */

#boardwarp{position:relative;width:100%;float:left;font-size:1em;}
.displayNone{display:none;}
a.blank{background:url(/_Bbs/images/icon/ic_blank.gif) no-repeat right top;padding-right:17px;margin-right:3px;}

/* 페이징 */
.num_area{padding-top: 30px; text-align:center;clear:both;width:100%;}
.pg_lst{text-align:center;vertical-align:middle;}
.pg_lst li{display:inline-block;vertical-align:middle;width:50px;height:50px;border:1px solid #e2e2e2;line-height:50px}
.pg_lst li a{display:block;width:100%;height:100%}
.pg_lst li.active{background-color:#333;color:#fff;}
.pg_lst li.active a{color:#fff;}
.pg_lst li.prevblock a{background:url(../../assets/images/common/icon/ic_arr08.png);background-repeat:no-repeat;background-position:20px center;font-size:0;text-indent:-9999px;}
.pg_lst li.prevblock a:hover{background-position:-31px center}
.pg_lst li.nextblock a{background:url(../../assets/images/common/icon/ic_arr09.png);background-repeat:no-repeat;background-position:-30px center;font-size:0;text-indent:-9999px;}
.pg_lst li.nextblock a:hover{background-position:21px center;}
.pg_lst li a.disabled{pointer-events:none;background-color:#e6e6e6;background-repeat:no-repeat;font-size:0;text-indent:-9999px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";filter:alpha(opacity=95);-moz-opacity:0.95;-khtml-opacity:0.95;opacity:0.95;}


/*  sum */
.sumtxt{display:block;position:relative;border:5px solid #d0daeb;vertical-align:middle;padding:5px 5px 0 10px;height:23px;margin-bottom:10px}
.sumtxt:after{content:"";display:block;float:none;clear:both;}
.sumtxt h3{display:inline;float:left;padding:0}
.sumtxt ul{float:right;padding:0}
.sumtxt li{display:inline;float:left;background:url(/_Bbs/images/view_bar.gif) no-repeat left 50% ;overflow:hidden;padding: 0 5px 0 7px}
.sumtxt li.first{background:none ;padding: 0 10px 0 0}
.sumtxt li a{padding-left:23px;color:#556c9e !important;}
.sumtxt li a:hover,
.sumtxt li a:active,
.sumtxt li a:focus{color:#284890 !important;}
.sumtxt li.on{font-weight:bold;}
.sumtxt li.sum a{background:url(/_Bbs/images/sum_icon.gif) no-repeat 5px 50%;}
.sumtxt li.txt a{background:url(/_Bbs/images/txt_icon.gif) no-repeat 5px 50%;}

/* list   */
.boardInformation{position:relative;padding:0 0 0 0;width:100%;line-height:normal;}
.listPage{position:relative;float:left;width:auto;font-size:0.92em;margin:5px 0;_margin:0 0 5px 0;white-space:nowrap;}
.boardInformation *{margin:0;padding:0;font-weight:bold;}
.boardInformation:after{content:"";display:block;float:none;clear:both;}
.boardInformation ul{position:relative;overflow:hidden;}
.boardInformation li{list-style:none;position:relative;left:-1px;display:inline;padding-left:5px;background:url(/_Bbs/images/lineVr11.gif) no-repeat left center;}
.boardInformation em,
.boardInformation strong{color:#005bcb;}
.boardInformation strong{font:bold 0.92em;}
.boardInformation a{text-decoration:none;color:#333;}
.boardInformation a:hover,
.boardInformation a:active,
.boardInformation a:focus{text-decoration:underline;color:#000;}
.boardInformation .infoLeft{float:left;}
.boardInformation .infoRight{float:right;}
.boardInformation span{position:relative;list-style:inherit;}

/* list */
.boardListForm{margin:0;line-height:normal;float:left;width:100%;}
.boardListForm *{}
.boardListForm fieldset{border:0;position:relative;clear:both;overflow:hidden;}
.boardListForm fieldset:after{content:"";display:block;float:none;clear:both;}
.boardListForm legend{position:absolute;width:0;height:0;overflow:hidden;font:0/0 Sans-serif;visibility:hidden;}
.boardListForm td em,
.boardListForm td strong{font-size:0.92em;font-style:normal;color:#0b68af ;}
.boardListForm a{text-decoration:none;color:#333;}
.boardListForm a:hover,
.boardListForm a:active,
.boardListForm a:focus{text-decoration:none;color:#008eb2}
.boardList{clear:both}

/*글쓰기*/
.tb_write{border-top:2px solid #363636;border-bottom:1px solid #e0e0e0;}
.tb_write tbody th{padding-left:20px !important;width:15%;border-right:1px solid #e0e0e0;text-align:left !important;}
.tb_write tbody th.l-line{border-left:1px solid #e0e0e0;}
.tb_write tbody th .i-requ{color:#005bcb;font-weight:bold;font-size:1.2em;}
.tb_write tbody td{width:35%;padding:20px !important;}
.tb_write tbody td span.t-guide{display:inline-block;padding-top:10px;color:#888;font-size:.95em;letter-spacing:-0.01em !important;}
.tb_write tbody td .w-30{width:30% !important;}
.w-halfp th{width: 15% !important;}
.w-halfp td{width: 85% !important;}


/* faq  */
#faqList{border:none;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:none;width:100%;font-size:1em;}
#faqList dd{display:none;}
.qna{border:none;border-top:2px solid #666;border-bottom:1px solid #333;padding: 5px 0}
.qna dt{border-top:1px solid #ddd;padding: 10px 0 10px 30px;position:relative;display:block; background:url(/_Bbs/images/qnaBgQustion.gif) no-repeat left 50%;}
.qna dt.first{border-top:none;}
.qna dt b{display:block;}
.qna dt div.btSet{position:absolute;right:0;top:10px;}
.qna dd{border-top:1px solid #ddd;padding: 20px 20px 20px 70px;line-height:17px;background:#fbfbfb url(../images/qnaBgAnswer.gif) no-repeat;}

/* gallery */
.gallery_bbs{position:relative;float:left;border:none;border-top:2px solid #4f4f4f;border-bottom:2px solid #4f4f4f;border-right:none;width:100%;clear: both;}
.upimg{display:block;}
.upplayer{background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icPlayer.png', sizingMethod='crop');}
.font_verdana{font-size:10px;letter-spacing: 0;color:#9da0a2;}
.gallery_bbs .list{display:inline-block;margin-top:15px;margin-bottom:15px;width:100%;}
.gallery_bbs .list li{float:left;width:25%;}
.gallery_bbs .list li.first{}
.gallery_bbs .list li dl{position:relative;height:1%;margin:15px;border:1px solid #dbdbdb;}
.gallery_bbs .list li dl dt{position:relative;padding:0;height:220px;overflow:hidden;font-size:1em;color:#000;overflow:hidden;}
.gallery_bbs .list li dl dt input[type='checkbox']{position:absolute;left:8px;top:8px;cursor:pointer;z-index:1;}
.gallery_bbs .list li dl dt .thumb{display:table;width:100%;height:100%;background-color:#dbdbdb;text-align:center;border-bottom:1px solid #dbdbdb;}
.gallery_bbs .list li dl dt .thumb a{display:table-cell;vertical-align:middle; position: relative;}
.gallery_bbs .list li dl dt .thumb a:hover img,
.gallery_bbs .list li dl dt .thumb a:active img,
.gallery_bbs .list li dl dt .thumb a:focus img{-webkit-transform: scale( 1.1 );-moz-transform: scale( 1.1 );-o-transform: scale( 1.1 );-ms-transform: scale( 1.1 );transform: scale( 1.1 );}
.gallery_bbs .list li dl dd a:hover,
.gallery_bbs .list li dl dd a:active,
.gallery_bbs .list li dl dd a:focus{color:#005bcb;}
.gallery_bbs .list li dl dt .thumb a .ic_youtube{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .3) url(../images/icon/ic_youtube.png) no-repeat center;z-index:1}
.gallery_bbs .list li dl dt .thumb img{display:block;margin: 0 auto;width:100%;height:auto;border-radius:0;}
.gallery_bbs .list li dl dt .thumb img{-webkit-transition: all 0.4s, color 0.3s 0.3s;-moz-transition: all 0.4s, color 0.3s 0.3s;-o-transition: all 0.4s, color 0.3s 0.3s;-ms-transition: all 0.4s, color 0.3s 0.3s;transition: all 0.4s, color 0.3s 0.3s;}
.gallery_bbs .list li dl dd{position:relative;padding:5%;}
.gallery_bbs .list li dl dd .einfo{position:absolute;bottom:15px;right:15px;font-size:0.9em;color:#848484;}
.gallery_bbs .list li dl dd .data{font-size:0.9em;color:#9a9a9a;line-height:1.5; letter-spacing: 0.05em; font-weight: 300;}
.gallery_bbs .list li dl dd .data img{vertical-align:middle;}
.gallery_bbs .list li dl dd h3{font-weight:normal;color:#222;line-height:2;}
.gallery_bbs .list li dl dd a{display:inline-block;font-size:1.2em;width:100%;line-height:2;color:#353535;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.gallery_bbs .list li dl dd .cmt{font-size:10px;color:#e07b16;}
.gallery_bbs .list li dl dd .info{padding:0; font-size:0.92em; color: #9da0a2}
.gallery_bbs .list li dl dd .info li{margin:0;padding:0;width:auto;height:auto;float:none;margin-left:0px}
.gallery_bbs .list li dl dd .info li.no{float:left;padding:3px 3px 0 0;}

/* boardList */
.boardList{border:none;border-top:2px solid #272727;border-bottom:1px solid #e2e2e2; border-right:none;width:100%;}
.topline{border-top:2px solid #afbddb;}
.title a{font-size:1em;}
.boardList .inputCheck{width:13px;height:13px;}
.boardList .jumpTo{margin:-3px 0;}
.boardList .jumpTo *{vertical-align:middle;}
.boardList .jumpTo select{font-size:1em;margin-right:5px;}
.boardList .jumpTo button{border:0;padding:0;margin:0;width:22px;height:20px;text-align:center;background:url(../images/buttonBg2byte.gif) no-repeat;font-size:0.92em;letter-spacing:-1px;cursor:pointer;line-height:20px;}
.boardList tr.notice{background-color:#f8f9fa;}
.boardList tr.notice a{text-decoration:none;font-weight:bold }
.boardList tr.bg1{background-color:#fff;}
.boardList tr.bg2{background-color:#f7f7f7;}
.boardList tr.now{background-color:#edf1f7;}
.boardList tr img.board-re{margin-bottom:3px;}


/* .boardList th - modify */
.boardList th{border:0; padding:15px 7px;white-space:nowrap;text-align:center;color:#272727;font-weight:bold;line-height:normal;font-size:/*0.92em*/ 1em;border-bottom:1px solid #d7d7d7;}
.boardList th span.alignBtn{display: inline-block;cursor:pointer;padding-right:10px;background:url(/_Bbs/images/btn/bg_align_arrow.gif) no-repeat 100% 50%}
.boardList th span.now{background-image:url(/_Bbs/images/btn/bg_align_arrow_now.gif)}
.boardList th span.opp{background-image:url(/_Bbs/images/btn/bg_align_arrow_now.gif)}
.boardList tr{position:relative;border-bottom: 1px solid #d7d7d7; -webkit-transition: all 0.4s, color 0.3s 0.3s;-moz-transition: all 0.4s, color 0.3s 0.3s;-o-transition: all 0.4s, color 0.3s 0.3s;-ms-transition: all 0.4s, color 0.3s 0.3s;transition: all 0.4s, color 0.3s 0.3s;}
.boardList tr:hover,
.boardList tr:active,
.boardList tr:focus{background-color:#eee;}
.boardList tr.left th{text-align:left;}
.boardList td{border:0;padding:15px 7px;white-space:normal;text-align:center;line-height:normal;color:#9d9d9d}
.boardList td{color:#676767;vertical-align:middle;}
.boardList td a{color:#9d9d9d}
.boardList td img{vertical-align:baseline;}
.boardList td.num{font-size:0.92em;color:#9d9d9d}
.boardList td.num .label-notice{background-color:#437dea;border:1px solid #437dea;color:#333;font-weight:normal;font-size: 0.9em; color: #fff;}
.boardList td.sel{color:#9d9d9d }
.boardList td.hp,
.boardList td.area,
.boardList td.product{color:#9d9d9d;padding-left:7px;text-align:center}
.boardList td.area{white-space:normal;color:#676767;text-align:left}
.boardList td.product{color:#676767;text-align:left}
.boardList td.hp a{color:#676767;background:url(/_Bbs/images/icon/ic_blank.gif) no-repeat 0 0;padding-left:15px;text-align:left;display:block}
.boardList td.check{font-size:0.92em;color:#9d9d9d}
.boardList td.category{font-size:1em;color:#9d9d9d;letter-spacing:-1px;}
.boardList td.title{white-space:nowrap;text-align:left;font-size:1.1em;width:55%;}
.boardList td.title a{display: block;color:#666;-webkit-transition: all 0.4s, color 0.3s 0.3s;-moz-transition: all 0.4s, color 0.3s 0.3s;-o-transition: all 0.4s, color 0.3s 0.3s;-ms-transition: all 0.4s, color 0.3s 0.3s;transition: all 0.4s, color 0.3s 0.3s;}
.boardList td.title a:hover,
.boardList td.title a:active,
.boardList td.title a:focus{color:#005bcb;}
.boardList td.title .replyNum{font-size:0.92em;color:#ff6600;}
.boardList td.tel{color:#676767;white-space:nowrap;}
.boardList td.author{font-size:0.92em;color:#9d9d9d}
.boardList td.author a{color:#9d9d9d}
.boardList td.target{color:#9d9d9d}
.boardList td.vCount{font-size:0.92em;color:#9d9d9d;text-align:center;}
.boardList td.rCount{font-size:0.92em;color:#9d9d9d}
.boardList td.jCount{font-size:0.92em;color:#9d9d9d}
.boardList td.file{text-align:center;font-size:0.92em;text-align:center;}
.boardList td.date{color:#9d9d9d}
.boardList td.part{text-align:center;color:#e84e3b}
.boardList td.secret{text-align:center;padding-right:0px;color:#9d9d9d}
.boardList td.state{text-align:center;font-size:0.92em;font-weight:bold;letter-spacing:-1px;color:#9d9d9d}
.boardList a.hp{background:url(/_Bbs/images/icon/ic_blank.gif) no-repeat 0 0;padding-left:15px;display:block}





.komec ,
.asNet{font-family:Arial,Helvetica,AppleGotic,Verdana,Sans-serif,'돋움',Dotum,'굴림',Gulim;}
.asNet td{white-space:normal;}
.asNet td.title{white-space:normal;width:inherit}
.asNet td.call{white-space:nowrap;}
.boardList .noData td{text-align:center;color:#9d9d9d}
/* note */
.note td.title{font-weight:bold;}
.note td.op{font-weight:normal;}

.boardNavigation{clear:both;position:relative;padding:10px;height:1% ;}
/*html*.boardNavigation{*zoom:1;}*/
.boardNavigation:after{content:"";display:block;float:none;clear:both;}
.boardNavigation .pagination{clear:both;width:100%;padding:10px 0;}
.boardNavigation .buttonLeft{float:left;text-align:left;}
.boardNavigation .buttonRight{float:right;text-align:right;}

.boardSearchForm{margin:0;font-size:1em; line-height:normal;}
.boardSearchForm *{margin:0;padding:0;}
.boardSearchForm fieldset{position:relative;clear:both;text-align:center;}
.boardSearchForm fieldset.box{background:#f8f9fa;border:1px solid #eee;/*-moz-border-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;*/ padding:10px;}
.boardSearchForm fieldset:after{content:"";display:block;float:none;clear:both;}
.boardSearchForm fieldset *{vertical-align:middle;}
.boardSearchForm legend{position:absolute;width:0;height:0;overflow:hidden;font:0/0 Sans-serif;visibility:hidden;}
.boardSearchForm select{font-size:1em;height:20px;}
.boardSearchForm .inputText{border:1px solid #ccc;width:140px;height:15px;padding:4px 4px 2px 4px;font-size:1em;/*margin:1px 0;*/}

.boardSearchForm fieldset.boxfaq{background:#f2fbfd;border:none;border-top:1px solid #c9d8d9;border-bottom:1px solid #c9d8d9;padding:10px;text-align:left;margin-bottom:25px}
.boardSearchForm strong.faq{color:#506e7d;padding:0 10px;}

.boardAnswerHeader{font-weight:bold;font-size:12pt;width:100%;color:#fff;border-top:1px solid #666;border-bottom:1px solid #666;text-align:center;padding:10px 0 10px 0;background-color:#666;letter-spacing:7px;}
.boardAnswerBody{padding:10px;border-color:#e5e5e5;border-style:solid;border-width:0px 1px 1px 1px;}
.boardAnswerBody .boardReadBody{border:0;}

.boardRead{clear:both;display:block;position:relative; color:#555;}

.boardReadHeader{padding-bottom: 20px; border-top: 2px solid #333 !important; border-bottom: 1px dashed #ccc;}
.boardReadHeader:after{content:"";display:block;float:none;clear:both;}
.boardReadHeader *{margin:0;padding:0;}
.boardReadHeader h3.title{margin-top:20px;font-size:1.5em;color:#333;font-weight: 500; letter-spacing:-0.09em;line-height:1.3;}
.boardReadHeader h3.title strong{display: inline-block; padding-right: 10px; color: #205ec2}
.boardReadHeader .datainfo{padding-top: 5px; color: #555;}
.boardReadHeader .datainfo ul{position:relative;width:100%;display:block;}
.boardReadHeader .datainfo ul li strong{font-weight:300;}
.boardReadHeader .datainfo .data li{display:inline;}
.boardReadHeader .datainfo .data li{position: relative;padding-left: 10px;margin-left: 10px; letter-spacing: 0.009em; font-weight: 300}
.boardReadHeader .datainfo .data li:first-child{margin-left:0;padding-left:0;}
.boardReadHeader .datainfo .data li::before{content:'';display:block;position:absolute;left:0;top:6px;background-color:#ccc;width:1px;height:13px;}
.boardReadHeader .datainfo .data li:first-child::before{display:none;}

.boardReadHeader .datainfo ul.fileinfo{margin-top:1%;}
.boardReadHeader .datainfo ul.fileinfo li{float:left;margin:5px;}
.boardReadHeader .datainfo ul.fileinfo li a,
.boardReadHeader .datainfo ul.fileinfo li p{display:inline-block;padding:0 15px;line-height:3em;clear:both;border:1px solid #d6d6d6;font-weight:normal;font-size:0.92em;}
.boardReadHeader .datainfo ul.fileinfo li a img,
.boardReadHeader .datainfo ul.fileinfo li p img{vertical-align:middle;margin-right:10px;}
.boardReadHeader .datainfo ul.fileinfo li a em,
.boardReadHeader .datainfo ul.fileinfo li p em{margin-left:5px;color:#666}
.boardReadHeader .fileinfo a, .boardReadHeader .fileinfo p{text-decoration:none;color:#222;}
.boardReadHeader .fileinfo a:hover,
.boardReadHeader .fileinfo a:active,
.boardReadHeader .fileinfo a:focus{color:#e84e3b;background-color:#f7f7f7;}



.bview-area{padding: 40px 0; position: relative; overflow: hidden; border-top: 2px solid #333}
.bview-area .bview-head{padding-bottom: 20px}
.bview-area .bview-head p{font-size:1.5em;color:#333;font-weight: 500; letter-spacing:-0.09em;line-height:1.3;}
.bview-area .bview-head p span{display: inline-block; padding-right: 10px; color: #205ec2}

.bview-area .bview-head .bview-data{padding-top: 5px; color: #b1b3b4;}
.bview-area .bview-head .bview-data span b{letter-spacing: 0 !important}
.bview-area .bview-head .bview-data .bv-bar{position: relative;padding-left: 10px;margin-left: 10px;}
.bview-area .bview-head .bview-data .bv-bar::before{content:'';display:block;position:absolute;left:0;top:8px;background-color:#ccc;width:1px;height:13px;}

.bview-area .bview-cont{padding-bottom: 40px; position: relative}
.bview-area .bview-cont img{max-width: 100%; height: auto !important;}
.bview-area .bview-cont .bv-answer{padding: 40px 30px; margin-top: 40px; position: relative; border: 1px solid #2865c9}
.bview-area .bview-cont .bv-answer::before{display:inline-block;content: "A"; position: absolute; top: 40px; left: 40px; width:2em;height:2em;font-size:1.5em;vertical-align:middle; font-weight: bold; color:#fff;text-align:center;background-color:#2865c9;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.bview-area .bview-cont .bv-answer .answer-box{padding-left: 80px}
.bview-area .bview-cont .bv-answer .answer-box .an-title{font-size:1.5em;color:#2865c9;font-weight: 500; letter-spacing:-0.09em;line-height:1.3}
.bview-area .bview-cont .bv-answer .answer-box .an-data{padding-top: 5px; color: #b1b3b4}
.bview-area .bview-cont .bv-answer .answer-box .an-data span b{letter-spacing: 0 !important}
.bview-area .bview-cont .bv-answer .answer-box .an-cont{position: relative}
.bview-area .bview-foot{position:relative;margin-bottom:20px;border-top:1px solid #e0e0e0;border-bottom:2px solid #333}
.bview-area .bview-foot ul li{padding-left:50px;position:relative;line-height:60px;height:60px;overflow:hidden;border-top:1px solid #e0e0e0}
.bview-area .bview-foot ul li:first-child{border-top:none}
.bview-area .bview-foot ul li.bv-prev{background:url(../images/icon/ic_arr_prev.png) no-repeat 20px center}
.bview-area .bview-foot ul li.bv-next{background:url(../images/icon/ic_arr_next.png) no-repeat 20px center}
.bview-area .bview-foot ul li span{color:#333;font-size:0.95em}
.bview-area .bview-foot ul li a{display:inline-block;padding-left:20px;color:#888;}

.boardReadBody{clear:both;display:block;position:relative;padding:25px 10px;font-size:1em; line-height:2em;}
.boardReadBody .boardContents{overflow:hidden;}
.boardReadBody .boardContents img{max-width:1180px;}
.boardRead div.piczone,
.boardRead div.mvzone{margin-bottom:20px;text-align:center}
.boardRead div.piczone a img{max-width: 100% !important;}
.boardReadBody ul{display: block;clear: both;list-style: none;margin: 0;padding: 0 0 0.5em 0;text-align: left;}
.boardReadBody ul li{/*position: relative;*/ margin: 0;padding: 0 0 0 1.2em;background: url(/_Bbs/images/bullet_blue.gif) no-repeat 3px 5px !important;line-height:1.5em }

.boardReadBody dl{border-bottom:1px solid #ddd;padding:3px 0 5px 0;height:22px;}
.boardReadBody dt{padding-top:5px;font-weight:bold;}
.boardReadBody dd{/* _zoom:1;*/ padding-top:5px;}

/* 문의답변 추가 */
.boarReplyBody{clear:both;display:block;position:relative;margin-top:10px;background-color:#f6f7f8;border-top:1px solid #7c7c7c}
.boarReplyBody .replyTitle{font-weight:bold;padding:10px;background-color:#fff;text-align:center;color:#004ea3;border-bottom:1px solid #cccccc }
.boarReplyBody .replyTxt{line-height:1.7em;padding:15px 10px;}

/* Comment */
.boardCommentCount{display:inline-block;margin:20px 0;padding:15px 25px;line-height:20px;font-weight:bold;border:1px solid #d7d7d7;color:#666;}
.boardCommentCount i{display:inline-block;margin-right:11px;width:20px;height:20px;background:url(../images/ic_comment.png) no-repeat center;vertical-align: middle;}
.boardCommentCount span{color:#d62800;}
.commentIcon{padding-left:15px;color:#F60;font-size:0.92em;}
.commentIcon img{vertical-align:middle;}
.commentIcon strong{color:#9d9d9d;}
.boardComment{position:relative;margin-bottom:10px;padding:0;/* border-top:1px solid #eee; *zoom:1;*/height:1%;text-align:left;}
.boardComment .boardCommentList{position:relative;}
.boardComment .boardCommentList dl{position:relative;border-top:1px dashed #edebea;padding:10px 15px;/* *zoom:1;*/height:1%;}
.boardComment .boardCommentList dl:first-child{border:none;}
.boardComment .boardCommentList dt{color:#333;font-weight:bold;margin-bottom:5px;}
.boardComment .boardCommentList dt span.date{margin-left:10px;font-weight:normal;color:#959595;;font-size:0.92em;}
.boardComment .boardCommentList dd{color:#666;font-weight:normal;font-size:0.95em;}
.boardComment .boardCommentList dd.btn_box{position:absolute;right:15px;top:50%;margin-top:-23px;letter-spacing:-1px}
.boardComment .boardCommentList dl.commentReply{padding-left:35px;background:#f6f6f6 url(../images/comment_re.gif) no-repeat 20px 15px ;}
.boardComment #cmt_write{display:inline-block;position:relative;width:100%;background:#f8f6f5;padding:15px;text-align:left;border:1px solid #c9c9c9;}
.boardComment #cmt_write .cmt_writer {position:relative;margin-bottom:5px; }
.boardComment #cmt_write, .boardComment #cmt_write * {box-sizing: border-box;}
.boardComment #cmt_write .cmt_writer label{font-size:0.92em;color:#5f829d;font-weight:bold;background:url(/_Bbs/images/bullet_nemo.gif) no-repeat 0 3px;padding-left:10px;}
.boardComment #cmt_write .cmt_writer input{margin-right:10px;}
.boardComment #cmt_write .cmt_aread {position:relative;}
.boardComment #cmt_write .cmt_aread textarea{float:left;vertical-align:middle;width:100%;height:150px;padding:5px;border:1px solid #666;font-size:12px;resize: none;overflow:auto;}
.boardComment #cmt_write .cmt_aread input.btn{float:left;}

input.text,  input.password{Vertical-align:middle;border:1px solid #b1b1b1;height:14px; padding:1px;font-size:100%;line-height:110%;}/**/
/*input[type="text"]{border:1px solid #b1b1b1;height:14px; padding:2px;font-size:100%;line-height:110%;}
input[type="password"]{border:1px solid #CCC;height:14px; padding:2px;font-size:100%;line-height:110%;}*/


.boardReadFooter{position:relative;margin-bottom:20px;border-top:1px solid #e0e0e0;border-bottom:2px solid #333;}
.boardReadFooter a{display:inline-block;width:100%;line-height:60px;color:#666;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.boardReadFooter a:hover, .boardReadFooter a:active, .boardReadFooter a:focus{color:#000;text-decoration:underline }
.boardReadFooter a strong{color:#0b68af;}
.boardReadFooter dl{position:relative;line-height:60px;height:60px;overflow:hidden;border-top:1px solid #e0e0e0}
.boardReadFooter dl.bv-prev{background:url(../images/icon/ic_arr_prev.png) no-repeat 20px center}
.boardReadFooter dl.bv-next{background:url(../images/icon/ic_arr_next.png) no-repeat 20px center}
.boardReadFooter dl:first-child{border-top:none}
.boardReadFooter dt{padding-left:50px;padding-right:40px;display:block;float:left;width:auto;line-height:60px;color:#333;font-size:0.95em}
.boardReadFooter dd{display:block;color:#888;line-height: normal;height:60px;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.boardReadFooter dd img{vertical-align: middle;}

.boardRead .boardNavigation{border-top:0px solid #e5e5e5;}
.boardRead .borderNo{border-top:none;}

/* mv read*/
.mvRead{position:relative;background:url(/_Bbs/images/readVodBg.gif) no-repeat;padding:15px;width:650px;height:340px;}
.mvRead:after{content:"";display:block;float:none;clear:both;height:1%}
.mvRead .mvtitle{position:relative;width:640px;height:35px}
.mvRead .mvtitle h3.subject{display:inline;font-weight:bold;color:#0b4885;font-size:1.5em;line-height:150%;;margin-bottom:5px;}
.mvRead .mvtitle span{position:absolute;right:0;top:5px;display:block }

/* feedbackList */
.feedbackList{position:relative;overflow:hidden;font-size:1em; color:#666;}
.feedbackList *{margin:0;padding:0;}
.feedbackList .title{position:relative;font:bold 1.08em;color:#333;margin:10px 0 5px 0;}
.feedbackList .title strong{color:#ff6600;}
.feedbackList dl{position:relative;padding-top:10px;margin-bottom:10px;border-top:1px dashed #ddd;}
.feedbackList dl.first{border-top:none;margin-top:10px;}
.feedbackList dt{font:bold 1em, Sans-serif;margin-bottom:5px;color:#333;}
.feedbackList dd{line-height:1.5em;}
.feedbackList dd.trackbackTitle{font-weight:bold;}
.feedbackList dd.text{color:#555;}
.feedbackList dd.time{position:absolute;top:1em;right:0;font-size:0.92em;}
.feedbackList dd a.delete{font-weight:bold;color:#ff6600;}
.feedbackList a{text-decoration:none;}
.feedbackList a:hover,
.feedbackList a:active,
.feedbackList a:focus{text-decoration:underline;}

.comentbox{background:#f4f4f4;/* -moz-border-radius:10px;-webkit-border-radius:10px;*/ padding:10px 20px 15px 20px;margin-bottom:20px}
.replyForm{color:#666;}
.replyForm *{margin:0;padding:0;}
.replyForm fieldset{border:0;position:relative;}
.replyForm fieldset:after{content:"";display:block;float:none;clear:both;}
.replyForm legend{position:absolute;width:0;height:0;overflow:hidden;font:0/0 ;visibility:hidden;}
.replyForm .title{font:bold 1.5em;color:#000;margin-bottom:5px;}
.replyForm textarea{position:relative;float:left;width:570px;height:30px;border:1px solid #ccc;font-size:1em;overflow:auto;padding:10px;}
.replyForm a.comentBtn{margin-left:10px;float:left;}
.replyForm .inputText{border:1px solid #ccc;padding:2px 4px 4px 4px;width:190px;height:15px;vertical-align:middle;/*margin:-1px 0;*/}
.replyForm dl{margin-bottom:10px;}
.replyForm dt{width:80px;float:left;padding-top:6px;font-weight:bold;}
.replyForm dd{margin-bottom:5px;}

.boardWrite{}
.boardWrite select{}
.boardWrite li{list-style:none;}
.boardWrite fieldset{border:0;position:relative;}
.boardWrite legend{position:absolute;width:0;height:0;overflow:hidden;font:0;visibility:hidden;}
.boardWrite legend.legendTitle{position:static;width:inherit;height:inherit;overflow:inherit;font:15px;visibility:visible;}
.boardWrite div.Uptxt{clear:both;display:inline;float:right;width:auto;padding:5px 10px;text-align:right;}
.boardWrite dl:after{content:"";display:block;float:none;clear:both;}
.boardWrite dt{float:left;width:150px;margin-right:-150px;font-weight:normal;clear:left;padding:5px 0 5px 20px;background:url(/_Bbs/images/bullet_nemo.gif) no-repeat 10px center;color:#444}
.boardWrite dt.txt{background:url(/_Bbs/images/bullet_nemo.gif) no-repeat 10px 10px !important}
.boardWrite dd{margin-left:185px;padding:5px 0px 5px 2px;}
.boardWrite dl label{margin:0;font-weight:normal;}

.boardWrite .boardWriteHeader,
.boardWrite .boardWriteBody,
.boardWrite .boardWriteFooter{background:url(/_Bbs/images/boardWriteBg.gif) repeat-y 0 0;}

.boardWrite .boardWriteHeader .inputText{border:1px solid #ccc;padding:2px;overflow:hidden;}
.boardWrite .boardWriteHeader .long{width:96%;}
.boardWrite .boardWriteHeader .medium2{width:70%;}
.boardWrite .boardWriteHeader .short{width:30%;}
.boardWrite .boardWriteHeader{border-top:2px solid #4f4f4f;clear:both;}
.boardWrite .boardWriteHeader dl{border-bottom:1px solid #ddd;line-height:30px;}
.boardWrite .boardWriteHeader dt, .boardWrite .boardWriteHeader dd{line-height:30px;height:100%;}

.boardWrite .boardWriteBody{padding-bottom:5px;border-bottom:1px solid #ddd;}
.boardWrite .boardWriteBody dt{padding-top:5px;}
.boardWrite .boardWriteBody dd{/* _zoom:1;*/}
.boardWrite .boardWriteBody .styleText,
.boardWrite .boardWriteBody .plainText,
.boardWrite .boardWriteBody .htmlText{display:none;}
.boardWrite .boardWriteBody iframe,
.boardWrite .boardWriteBody textarea{width:99% !important;height:200px;margin-bottom:5px;overflow-y:scroll;padding:5px; line-height:18px; /* resize:none;*/ }

.boardWrite .boardWriteBody textarea{border:1px solid #ccc;border-color:#cbcbcb #e4e4e4 #e4e4e4 #cbcbcb;background:#f7f7f7;}
.boardWrite .boardWriteBody .plainText textarea{margin:1px 0;}
.boardWrite .boardWriteBody .active{display:block;}
.boardWrite .boardWriteBody ul{float:right;position:relative;right:2%;}
.boardWrite .boardWriteBody li{float:left;background:#eaeef3;border:1px solid #d2d9de;border-bottom:none;/* -moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-radius-topleft:5px;-webkit-border-radius-topright:5px;*/margin-left:2px;}
.boardWrite .boardWriteBody li a{display:block;float:left;font-size:0.92em;text-decoration:none;color:#647181;height:17px;padding:5px 10px 0 10px;letter-spacing:-1px;}
.boardWrite .boardWriteBody li.active a{font-weight:bold;color:#000;}
.boardWrite .boardWriteBody .endDl{border-top:1px solid #ddd;padding:3px 0 0 0;height:22px;}
.boardWrite .boardWriteBody .endDl p.img{float:left;padding-right:10px;border:0;}
.boardWrite .boardWriteBody .endDl p.txt{padding:10px 0}

.boardWrite .boardWriteFooter{padding:5px 0;margin-bottom:5px;border-bottom:1px solid #e4c8ab;background:url(/_Bbs/images/boardWriteBg.gif) repeat-y 0 0;}
.boardWrite .boardWriteFooter .inputFile{width:97%;border:1px solid #ccc;padding:2px 4px;}
.boardWrite .boardWriteFooter .inputText{width:75%;border:1px solid #ccc;padding:2px;}
.boardWrite .boardNavigation{padding:10px 0;clear:both;}

/* Table */
table.tabSty1{clear:both;width:100%;border:1px solid #ddd;font-size:1em;border-collapse:collapse;}
	.tabSty1 th{font-weight:normal;color:#333;letter-spacing: -.05em;text-align:left;background:#f4f4f4;padding:5px 5px;vertical-align:top;}
	.tabSty1 td{padding:5px 5px;}
	.tabSty1 tr{border-top:1px solid #ddd;}
	.tabSty1 tr.first{border-top:none;}
.boardWrite .boardWriteFooter{border-bottom:1px solid #ddd;/* background:url(/_Bbs/images/boardWriteBg.gif) repeat-y 0 0;*/}
.boardWrite .boardWriteFooter dl{border-bottom:1px solid #ddd;padding:3px 0; }
.boardWrite .boardWriteFooter dd{border-bottom:1px dashed #ccc;}
.boardWrite .boardWriteFooter dd:last-child{border:0;}
.boardWrite .boardWriteFooter dl.end{border-bottom:none;}
.boardWrite .boardWriteFooter .inputFile{margin-top:5px;width:97%;margin-bottom:5px;background: none repeat scroll 0 0 #F8F8F8;
    border-color: #CBCBCB #E4E4E4 #E4E4E4 #CBCBCB;
    border-style: solid;
    border-width: 1px;
    padding: 3px 4px;}
.boardWrite .boardWriteHeader .inputText{
		background: none repeat scroll 0 0 #F8F8F8;
    border-color: #CBCBCB #E4E4E4 #E4E4E4 #CBCBCB;
    border-style: solid;
    border-width: 1px;
    font-size: 0.92em;
    padding: 4px 4px 3px 4px;_padding: 4px 4px 0 4px;}

.boardWrite .boardNavigation{padding:10px 0;clear:both;text-align: center;}

.icNemo{padding-left:20px;background:url(/_Bbs/images/bullet_nemo.gif) no-repeat 10px 50%}
.required{font-weight:normal;color:#FF6600;}
input.pw{width:200px}

.noticeTxt{clear:both;position:relative;float:left;width:100%;margin-bottom:20px;border:1px solid #d8b5ad;-moz-border-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;background:#fff url(/_Bbs/images/icon/exclamation.gif)  no-repeat 10px 50%;padding:8px 0;}
.noticeTxt p{margin:0 20px 0 30px;color:#8b3232;}

.box_pw{position:relative;}
.box_pw div{margin-top:10px}
.box_pw fieldset{position:relative;background:#afbddb url(/_Bbs/images/pw_boxBg.gif) no-repeat 30px center;padding:15px 15px 15px 190px;}
.box_pw:after{content:"";display:block;float:none;clear:both;}
.box_pw dl{display:inline-block;width:100%;background:#FFF;padding:30px 5% 30px 5%;}
.box_pw dt{float:left;display:block;background:url(/_Bbs/images/pw_ic.gif) no-repeat left center;padding: 0 10px 0 10px;color:#3c5ea8;font-weight:bold;}
.box_pw dt label{margin:2px 0;}
.box_pw dd{float:left;display:block;}
.box_pw dd.form{width:20%;padding-right:5px;}
.box_pw dd input[type="password"]{width:100%;}

/* 비밀번호 입력 */
.pwWrite{border-top:2px solid #8a8a8a;border-bottom:2px solid #8a8a8a;padding:30px 0;background-color:#fafafa ;text-align:center;}
.pwWrite dt,
.pwWrite dd{display:inline;margin:0 5px;}

/* FAQ */
#protectList{border-top:2px solid #898989;border-bottom:2px solid #898989;position:relative;clear:both;font-size:1em}
#protectList dt.protectTitle{background-color:#fff;border-bottom:1px solid #e0e0e0;}
#protectList dt.protectTitle a{display:block;padding:20px 0 20px 35px;color:#777777}
#protectList dt.protectTitle a:hover,
#protectList dt.protectTitle a:active,
#protectList dt.protectTitle a:focus{color:#0b68af;}
#protectList dd.protectCon{background:#f5f5f5 url(/_Bbs/images/icon/icFaqRe.gif) no-repeat 70px center;padding:20px 20px 20px 100px;border-bottom:1px solid #e6e6e6;display:none;color:#333;}
#protectList dd.protectCon p,
#protectList dd.protectCon dl{padding:5px 0;}
#protectList dd.protectCon p, #protectList dd.protectCon dd{line-height:1.5;}
#protectList dt.protectTitle a, #protectList dd.protectCon{-webkit-transition:all 0.4s, color 0.3s 0.3s;-moz-transition:all 0.4s, color 0.3s 0.3s;-o-transition:all 0.4s, color 0.3s 0.3s;-ms-transition:all 0.4s, color 0.3s 0.3s;transition:all 0.4s, color 0.3s 0.3s;}

#protectList i{display:inline-block;margin-right:1em;width:40px;height:40px;line-height:40px;border:1px solid #262626;border-radius:50%;text-align:center;text-indent:-1px;font-size:18px;}
#protectList dd i{background-color:#1c92eb;border-color:#1c92eb;color:#fff;}

/* thumbnail 리스트페이지 내 최근 글 */
.thumbnail{position:relative;clear:both} /* img size 120*80 */
.thumbnail dt{margin-bottom:7px;font-weight:bold;font-size:1.25em;letter-spacing:-1px}
.thumbnail dt em{color:#e74371;padding-left:10px;font-size:0.83em; font-family:Verdana, Geneva, sans-serif}
.thumbnail dt a{color:#000;font-weight:bold;}
.thumbnail dd a{color:#767475;line-height:1.5}
.thumbnail dd.img{float:left;margin-right:20px;border:none;}
.thumbnail dd.img img{width:120px;height:80px;}
.thumbnail dt,
.thumbnail dd.content,
.thumbnail dd.data{float:right;width:510px}
.thumbnail dd.content{margin-bottom:5px}
.thumbnail dd.data li{float:left;margin-right:10px;padding:0 10px 0 0;font:0.92em, Geneva, sans-serif;background:url(/_Bbs/images/board_emLine.gif) no-repeat right 50%;color:#333333}
.thumbnail dd.data li strong{color:#e74371}
.thumbnail dd.data li.end{background:none}
.thumbnail dd.data em{color:#999;font-style:normal;font-size:11px;padding-right:5px;}

.postWarp{position:relative;margin:0 10px}
.postWarp .thumbnail dt,
.postWarp .thumbnail dd.content,
.postWarp .thumbnail dd.data{width:inherit;float:none}

.bloge .thumbnail dd.img img{width:120px;height:80px}
.cafe .thumbnail dd.img img{width:110px;height:65px}
.bloge .thumbnail,
.cafe .thumbnail,
.news .thumbnail{margin-bottom:20px;overflow:hidden;_height:1%;}
.bloge .lining,
.cafe .lining,
.news .lining{margin-top:0}
.news .thumbnail dt{float:left;width:100%;margin-bottom:10px}

/* Dictionary */
.lst_nav h2{display:inline-block;_float:left;_position:relative;height:23px;margin-right:-1px;padding:6px 11px 0;border-right:1px solid #cecece;border-left:1px solid #cecece;background:#fff;font-size:12px;color:#3c414e}
.lst_nav h3{font-size:12px;color:#3862ac}
.lst_nav .consonant{overflow:hidden;width:650px;height:29px;margin:0 0 0 0px;border-top:2px solid #4f4f4f;background:#f5f5f5 url(http://static.naver.com/terms/img/spr_bu.gif) 0 -548px repeat-x}
.lst_nav .consonant .first_ch{margin:0;background:none}
.lst_nav .consonant .first_ch h2{position:relative}
.lst_nav .consonant li{float:left;margin:0 1px 0 -1px;background:url(http://static.naver.com/terms/img/spr_bu.gif) 0 -588px no-repeat}
.lst_nav .consonant li a{display:inline-block;height:22px;padding:6px 11px 0 12px;font-size:12px;font-weight:bold;color:#666}
.lst_nav .consonant li.txt11 a{font-size:11px;}
.lst_nav .vowel{overflow:hidden;width:690px;margin:7px 0 0 50px;padding-bottom:6px;border-bottom:1px solid #ebebeb}
h3.vowel{padding:8px 3px 8px 14px;font-size:13px;font-weight:normal;letter-spacing:normal;border-bottom:1px solid #ebebeb}
h3.vowel strong{color:#0f87d4;font-weight:bold}
.lst{overflow:hidden;width:650px;margin:15px 0 10px 0;padding-bottom:20px;border-bottom:1px solid #ddd}
.lst li{float:left;width:300px;display:inline}
.lst li{margin:0 0 8px 15px;padding-left:10px;background:url(/images/common/bulletList1.gif) 0 5px no-repeat}
dl.dicView{overflow:hidden;width:650px;margin:15px 0 10px 0;padding-bottom:20px;border-bottom:1px solid #ddd}
dl.dicView dt{margin-bottom:20px;padding:0 15px 15px 15px;border-bottom:1px solid #ddd;font-size:15px;line-height:20px;color:#000;font-weight:bold}
dl.dicView dd{padding:0 15px 15px 15px;line-height:17px;}

/* privacy */
div.privacyZone{position:relative;overflow:scroll;overflow-x:hidden;height:150px;margin-bottom:10px;padding:15px 20px;border-bottom:2px solid #b5b3a3;border-top:2px solid #b5b3a3;}
div.privacyZone h4{margin-bottom:10px;font-weight:bold;color:#333;}
div.privacyZone h5{margin-bottom:10px;font-weight:bold;background-image:url('');}
div.privacyZone p{margin-bottom:10px;}
div.privacyZone ul{position:relative;margin-bottom:10px;}
div.privacyZone ul ul{margin-left:16px;	margin-bottom:0px;}
div.privacyZone_ck{margin-bottom:20px;text-align:center;font-size:12px}
div.privacyZone_ck *{vertical-align:middle;}


/* email */
.email{position:relative;background:url(/images/etc/emailBg.gif) no-repeat right bottom;}
.email h2{padding:12px 0 0 15px;margin-bottom:15px;}
.email strong{padding: 10px 0 0 0;display:block  }

/* agreement */
.agreement{overflow:scroll;overflow-x:hidden;height:400px;margin-bottom:25px;	padding:15px 20px;background-color:#fafafa;border:1px solid #eaeaea;}
.joinH{height:110px;}
.agreement h4{text-align:center;margin-bottom:10px;font-weight:bold;}
.agreement h5{margin-bottom:10px;font-weight:bold;}
.agreement p{margin-bottom:10px;}
.agreement ul{margin-bottom:10px;}
.agreement ul ul{margin-left:16px;margin-bottom:0px;}


/* Rss */
.infoRss{float:right;position:absolute;top:15px;right:8px;}
.infoRss img{height:23px;}

/*마이페이지 게시물검색 */
.t-type{margin-bottom: 0 !important}
.t-type .bdl{border-left: 1px solid #e8e8e8}
.t-type th{padding-left: 50px !important; width: 20%; border-right:1px solid #e8e8e8; text-align: left; font-weight: 500}
.t-type td{padding: 15px 20px !important; width:30%}
.t-type td .form-control{border: 1px solid #d5d5d5}
.t-type td .pad-1{padding-left: 0 !important}
.t-type td .pad-2{padding-left: 0 !important}
.t-type td .pad-3{padding-left: 0 !important; padding-top: 10px}
.t-type td .pad-4{padding-left: 0 !important; padding-right: 0 !important}
.t-type td .pad-5{padding-left: 0 !important; padding-top: 10px !important; padding-right: 0 !important}
.t-type td .canvas{margin-bottom: 10px; position: relative; overflow: hidden;}
.t-type td .canvasbox{width: 100%; height: 6em; border: 1px solid #d5d5d5}
.t-type td .daycheck1{float: left; width: 50%}
.t-type td .daycheck2{float: left; width: 45%}
.t-type td .daycheck3{padding-top: 10px; float: left; width: 5%}
.t-type td .daycheck1 .ks-day,
.t-type td .daycheck2 .ks-day{width:80%;height:50px;line-height:50px;vertical-align:middle; text-align: center; background-color:#f7f7f7; color:#222; border: 1px solid #d5d5d5;}
.t-type td .half{width: 38%;}

.btnset-midium{margin-top: 30px;text-align: center}
.btnset-midium button, .btnset-midium a{display:inline-block;padding:15px 45px;font-size:1.0em;text-align:center;-webkit-border-radius:3px;-moz-border-radius:3px; border-radius: 3px}
.btnset-midium button.btn-black, .btnset-midium a.btn-black{background-color:#005bcb;color:#fff;border:1px solid #005bcb}
.btnset-midium button:focus.btn-black,
.btnset-midium button:active.btn-black,
.btnset-midium button:hover.btn-black,
.btnset-midium a:focus.btn-black,
.btnset-midium a:active.btn-black,
.btnset-midium a:hover.btn-black{background-color:#014b99; border-color: #014b99}
.btnset-midium button.btn-sky, .btnset-midium a.btn-sky{background-color:#005bcb;color:#fff;border:1px solid #005bcb}
.btnset-midium button:focus.btn-sky,
.btnset-midium button:active.btn-sky,
.btnset-midium button:hover.btn-sky,
.btnset-midium a:focus.btn-sky,
.btnset-midium a:active.btn-sky,
.btnset-midium a:hover.btn-sky{background-color:#014b99; border-color: #014b99}

/*유튜브박스*/
.video-container{position: relative;height: 100%;overflow: hidden;}



/* 수정 */
.modi-area{position: relative; width: 100%; overflow: hidden;}
.modi-area ul{margin: 5px;}
.modi-area ul li {margin-top: 10px;}
.modi-area ul li:first-child{margin-top: 0;}
.modi-area ul li a{display:inline-block;padding:0 15px;line-height:3em;clear:both;border:1px solid #d6d6d6;font-weight:normal;font-size:0.92em;}
.modi-area ul li a img{vertical-align:middle;margin-right:10px;}
.modi-area ul li a em{margin-left:5px;color:#adadad}
.modi-area ul li .b_delete{display: inline-block; padding-left: 5px;}
.modi-area ul li .b_delete button{padding: 0 15px; background-color: #fff; border: 1px solid #333; color: #333; font-size: 0.92em; line-height:3em;}
.modi-area ul li .b_delete button:hover,
.modi-area ul li .b_delete button:active,
.modi-area ul li .b_delete button:focus{background-color: #333; color: #fff;}