/* BSKR clist */
#bskr-clist {background: rgb(250, 250, 250);border:#d5d5d5 solid 1px;padding:10px;}
#bskr-clist .nodata {color:#888888;font-weight:bold;padding:15px 0 15px 0;}
#bskr-clist .imgpos1 {position:relative;top:1px;}
#bskr-clist .imgpos2 {position:relative;top:2px;}
#bskr-clist .imgpos3 {position:relative;top:3px;}

#bskr-clist .citem {border-top:#d5d5d5 solid 1px;}
#bskr-clist .citem.first {border-top:0;}
#bskr-clist .citem .sbj {padding:10px 0 10px 0;line-height:24px;vertical-align:middle;}
#bskr-clist .citem.first .sbj {padding-top:0;}
#bskr-clist .citem .sbj .info {padding-top:5px;color: #888888;}
#bskr-clist .citem .sbj .info .name {font-weight:bold;}
#bskr-clist .citem .sbj .info .rdate {color: #555;}
#bskr-clist .citem .sbj .info .rdate2 {color: #F07090;}
#bskr-clist .citem .sbj .control {padding-top:5px;color:#3EA9CD;}
#bskr-clist .citem .sbj .control a {color:#3EA9CD;}
#bskr-clist .citem .sbj .control a:hover {color:#005580;text-decoration:underline;}
#bskr-clist .citem .content {
min-height: 20px;
margin: 5px 0 20px 0;
line-height: 1.5;
text-align: justify;
word-break: break-all;
word-break: break-word;
overflow:auto;
}
#bskr-clist .citem .content .ctitle {font-weight:bold;margin-bottom:10px;}
#bskr-clist .citem .content .ctitle .oline {color:#FC6138;font-size:90%;}
#bskr-clist .citem .content .ctitle span {
font-family: dotum;
color: #c0c0c0;
padding: 0 2px 0 0;
}
#bskr-clist .citem .hidden-content {margin:0 0 20px 0;color:#F07090;}
#bskr-clist .citem .content  img {max-width:100%;height:auto;}
#bskr-clist .citem .content  .attach {padding:20px 0 0 0;text-align:left;line-height:150%;vertical-align:middle;}
#bskr-clist .citem .content  .attach ul {padding:0;margin:0;}
#bskr-clist .citem .content  .attach li {list-style-type:none;background:url('../../../../../_core/image/_public/ico_file.gif') left no-repeat;padding:0 0 0 15px;}
#bskr-clist .citem .content  .attach li a {font-family:dotum;color:#666;}
#bskr-clist .citem .content  .attach li a:hover {text-decoration:underline;}
#bskr-clist .citem .content  .attach li .size {font-size:11px;font-family:arial;color:#999;}
#bskr-clist .citem .content  .attach li .down {font-size:11px;font-family:arial;color:#333;}

#bskr-clist .citem .oline-write {
margin: 10px 0 0 30px;
padding-top: 10px;
border-top: #DEDFDE dashed 1px;
}
#bskr-clist .citem .oline-write .box {
margin-bottom: 10px;
border: #DEDFDE solid 1px;
background:#fff;
padding:5px;
}
#bskr-clist .citem .oline-write .box textarea {
display: block;
width: 100%;
height: 42px;
padding:0;
border: 0 none;
resize: vertical;
}
#bskr-clist .citem .oline-write .box textarea:focus {
outline:0;
outline:none;
-moz-appearance:none;
}
#bskr-clist .citem .oline-write .control {line-height: 32px;vertical-align: middle;}
#bskr-clist .citem .oline-write .control.bottom {margin-bottom:5px;}
#bskr-clist .citem .oline-write .control .checkbox {color:#888;}
#bskr-clist .citem .oline-write .control .checkbox input[type="checkbox"] {position:relative;top:1px;}
#bskr-clist .oitem {
position: relative;
margin: 10px 0 10px 30px;
padding-top: 10px;
word-break: break-all;
word-break: break-word;
border-top: 1px dashed #DEDFDE;
}
#bskr-clist .oitem .reply {
position: absolute;
top: 5px;
left: -20px;
padding: 5px;
background: url("./image/ico_re2.png") no-repeat scroll 0 1.2em transparent;
}
#bskr-clist .oitem .sbj {padding:0 0 10px 0;}

.cmtinfo {color:#999999;padding:10px 0;}
.cmtinfo a {color:#999999;}
.cmtinfo a:hover {color:#666;}
.page {
padding: 20px 0 ;
text-align: center;
}
.btn-cmt {
color: #ffffff;
background-color: #3EA9CD;
border-color:#279ac1;;
}
.btn-cmt:hover, .btn-cmt:focus, .btn-cmt:active, .btn-cmt.active {
color: #ffffff;
background-color: #279ac1;
border-color: #128bb4;
}

/* BSKR write */
.wrbox {padding:25px 0 0 0;}
.mdbox {padding:0;}
#bskr-cwrite {}
#bskr-cwrite .box {padding: 25px 10px;border:#dfdfdf solid 1px;background:rgb(250, 250, 250);}
#bskr-cwrite .box .tt {font-weight:bold;position:relative;}
#bskr-cwrite .box .tt span {font-weight:normal;font-size:12px;font-family:dotum;color:#888;padding:0 0 0 5px;}
#bskr-cwrite .box .tt .login {position:absolute;}
#bskr-cwrite .box .tt .login img {position:relative;top:-5px;}
#bskr-cwrite .box .tt .iconbox {float:right;padding:0 0 7px 0;}
#bskr-cwrite .box .tt .iconbox a {padding:0 3px 0 3px;font-size:12px;font-family:dotum;color:#333;}
#bskr-cwrite .box .tt .iconbox a:hover {color:#7899C7;}
#bskr-cwrite .box .tt .iconbox a img {position:relative;top:2px;left:-2px;}
#bskr-cwrite .box .inputbox {padding:8px 0 0 0;}
#bskr-cwrite .box .inputbox div {padding:5px 0 0 0;}
#bskr-cwrite .box .inputbox div span {font-family:dotum;color:#c0c0c0;padding:0 2px 0 0;}
#bskr-cwrite .box .inputbox .input1 {border:#dfdfdf solid 1px;padding:2px 3px 2px 3px;height:22px;width:115px;}
#bskr-cwrite .box .inputbox .input2 {border:#dfdfdf solid 1px;padding:2px 3px 2px 3px;height:22px;width:86%;}
#bskr-cwrite .box .editbox {padding:5px 0 0 0;}
#bskr-cwrite .box .bottom {line-height:32px;vertical-align:middle;}
#bskr-cwrite .box .bottom .l {float:left;font-family:dotum;color:#888;}
#bskr-cwrite .box .bottom .l .checkbox input[type="checkbox"] {position:relative;top:1px;}
#bskr-cwrite .box .bottom .r {float:right;}

/* view */
#pwbox {display:none;position:absolute;z-index:10000;}
#chkbox {border:#dfdfdf solid 1px;width:350px;padding:20px 10px 20px 10px;margin:0;background:url('../../../../../_core/image/_public/bg_list_tt.jpg') #ffffff repeat-x top;}
#chkbox .msg {}
#chkbox .msg h3 {margin:0;padding:0 0 9px 0;font-size:14px;font-weight:bold;font-family:"malgun gothic","dotum";border-bottom:#dfdfdf dashed 1px;}
#chkbox .msg h3 img {position:relative;top:3px;}
#chkbox .msg div {padding:10px 0 0 22px;color:#999;}
#chkbox .ibox {padding:30px 0 10px 22px;}
#chkbox .input {width:150px;height:25px;}
#chkbox .btnblue {width:80px;}

/* common attrs */
.pos-5 {position:relative;top:-5px !important;}
.pos-4 {position:relative;top:-4px !important;}
.pos-3 {position:relative;top:-3px !important;}
.pos-2 {position:relative;top:-2px !important;}
.pos-1 {position:relative;top:-1px !important;}
.pos1 {position:relative;top:1px !important;}
.pos2 {position:relative;top:2px !important;}
.pos3 {position:relative;top:3px !important;}
.pos4 {position:relative;top:4px !important;}
.pos5 {position:relative;top:5px !important;}

.check-label {font-weight:normal;margin-bottom:0;color:#666666;}
.check-label input[type="checkbox"] {vertical-align:middle;position:relative !important;top:-3px !important;}
.radio-label {font-weight:normal;margin-bottom:0;color:#666666;}
.radio-label input[type="radio"] {vertical-align:middle;position:relative !important;top:-3px !important;}