@charset "utf-8";

/* ellipsis 커스텀 정의 */
.content .table_list tbody tr td.ellipsis_140 {
	width: 140px;
}
.content .table_list tbody tr td.ellipsis_200 {
	width: 200px;
}
.content .table_list tbody tr td.ellipsis_210 {
	width: 210px;
}
.content .table_list tbody tr td.ellipsis_220 {
	width: 220px;
}
.content .table_list tbody tr td.ellipsis_230 {
	width: 230px;
}
.content .table_list tbody tr td.ellipsis_240 {
	width: 240px;
}
.content .table_list tbody tr td.ellipsis_250 {
	width: 250px;
}
.content .table_list tbody tr td.ellipsis_260 {
	width: 260px;
}
.content .table_list tbody tr td.ellipsis_270 {
	width: 270px;
}
.content .table_list tbody tr td.ellipsis_280 {
	width: 280px;
}
.content .table_list tbody tr td.ellipsis_290 {
	width: 290px;
}
.content .table_list tbody tr td.ellipsis_300 {
	width: 300px;
}
.content .table_list tbody tr td.ellipsis_310 {
	width: 310px;
}
.content .table_list tbody tr td.ellipsis_320 {
	width: 320px;
}
.content .table_list tbody tr td.ellipsis_350 {
	width: 350px;
}
.content .table_list tbody tr td.ellipsis_460 {
	width: 460px;
}
.content .table_list tbody tr td.ellipsis_510 {
	width: 510px;
}

.text-left{
	text-align: left !important;
}

.text-center{
	text-align: center;
}

.text-right{
	text-align: right !important;
}

.con_search input.con_input_03 {
	width: 625px;
	height: 30px;
	border:1px solid #cfcfcf;
	padding-left: 10px;
	box-sizing: border-box;
}

.con_search input.con_input_04 {
	width: 345px;
	height: 30px;
	border:1px solid #cfcfcf;
	padding-left: 10px;
	box-sizing: border-box;
}

.content .table_write tr td.editTd {
	padding: 3px !important;
}

#smart_editor2_content{
	border: 1px solid #b5b5b5;
    width: 715px !important;
}

.file > span{
	cursor: pointer;
}

a.btn_b_l {
	width: 130px;
	height: 30px;
	text-align:center;
	line-height: 30px;
	color: #fff;
}

a.btn_b_2 {
	width: 170px;
	height: 30px;
	text-align:center;
	line-height: 30px;
	color: #fff;
}

a.btn_s_s_1 {
	width: 54px;
	height: 25px;
	text-align: center;
	font-size: 12px;
	line-height: 25px;
	color: #fff;
}
.content .table_write tr td .title_dv{
	padding: 10px 0 5px 0;
	text-align:center;
}

.preview_card li {
	display: inline-block;
	float: left;
	width: 133.5px;
	height: auto;
	margin-right: 10px;
	margin-top: 10px;
	font-size:13px ; text-align: center;
}
.preview_card li:last-child {
	margin-right: 0;
}
.preview_card li > img {
	width: 100%;
	height: 120px;
}

.pop_content_text{
    width: 100%;
    min-height: 320px;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 0px;
    background: #f1f1f1;
    text-align: left;
    box-sizing: border-box;
}

.popup_right_sns{
	text-align: right; 
    padding: 5px;
}

.pop_kogl_txt{
   display: inline-block;
    padding-left: 5px;
    font-size: 11px;
    color: #777;
	padding-top:5px;
}

.file_name_ellipsis_115{
	width: 115px;
    float: left;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-sortable-placeholder {
  border: 1px dashed #e7eaec !important;
  visibility: visible !important;
  background: #f5f5f5;
}
.ibox.ui-sortable-placeholder {
  margin: 0 0 23px !important;
}
.table_text{
	line-height:1.5;
}
.table_text ol {
	display: block;
    list-style-type: decimal;
    /*-webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px*/
}

.table_text ol li {
	display: list-item;
    /*text-align: -webkit-match-parent;*/
    list-style: inherit;
    font-size: initial;	
}

.table_text ul, menu, dir {
    display: block;
    list-style-type: disc;
    /*-webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;*/
}

.table_text ul li {
	list-style: inherit;
}

/*.table_text a:-webkit-any-link {*/
.table_text a {
    /*color: -webkit-link;*/
    cursor: auto;
    text-decoration: underline;
}

.table_text td table{
	/*-webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;*/
    display: table;
    border-collapse: separate;
}

.table_text td table tobdy{
	display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

.table_text td table tbody tr{
	display: table-row;
    vertical-align: inherit;
    border-color: inherit;
    height: initial !important;
}

.table_text td table tbody tr td{
	padding: initial !important;
}
.content .table_list tbody tr td a.btn_gray {
	color:#fff;
}
.content .table_list tbody tr td a.btn_gray:hover {
	color:#fff;
	font-weight:normal;
}
.btn_comment{
	width: 30px;
	height: 20px;
	margin:2px 1px;
	font-size: 12pX;
	line-height: 20px;
	font-weight: normal;
	float:right;
	text-align: center;
}

.btn_comment:hover{ 
	font-weight: normal;
	text-align: center;
}
.comment_del{
	color:gray;
}
.comment_del:hover{
	color:gray;
}
.comment_upt{
	color:gray;
}
.comment_upt:hover{
	color:gray;
}
.comment_upt_can{
	color:#3b70c9;
	width:50px;
}
.comment_upt_can:hover{
	color:#3b70c9;
	width:50px;
}
.comment_rep{
	color:gray;
}
.comment_rep:hover{
	color:gray;
}
.comment_rep_can{
	color:#3b70c9;
	width:50px;
}
.comment_rep_can:hover{
	color:#3b70c9;
	width:50px;
}


.comment_box_mod{
    width: 551px;
	height: 48px;
    margin-right: 3px;
}

.comment_division{ 
	margin: 0 1px !important;
	color: gray !important;
	font-size: 12px !important;
	font-weight: normal !important;
}
.comment_reply_img{
	vertical-align: top;
    padding: 5px 5px 0px 5px;
}
.comment_reply_box_add{
	margin: 2px 0px;
    width: 551px;
	height: 48px;
}
.comment_reply_box{
	margin: 2px 0px;
    width: 551px;
	height: 48px;
	float: left;
    margin-right: 3px;
}

input[type=checkbox], input[type=radio] { border:none !important; padding-left:0px !important; }


.layer {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
}
.bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .3;
	/*filter: alpha(opacity = 50);	*/
}
.layer_area {
	position: absolute;
	left: 50%;
	background: #fff;
	border: 0px solid #ddd;
	background: #fff;
	margin-top: 30px;
}

.location li a{
	cursor:default;
}

#c1{
	margin-right : 2px;
}
#c2{
	margin-right : 2px;
}
#c3{
	margin-right : 2px;
}
#c4{
	margin-right : 2px;
}
#c5{
	margin-right : 2px;
}

.keyindicator_layer table{
	border-collapse:separate;
}
.jssorb031 {position:absolute;}
.jssorb031 .i {position:absolute;cursor:pointer;}
.jssorb031 .i .b {fill:#000;fill-opacity:0.5;stroke:#fff;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.3;}
.jssorb031 .i:hover .b {fill:#fff;fill-opacity:.7;stroke:#000;stroke-opacity:.5;}
.jssorb031 .iav .b {fill:#fff;stroke:#000;fill-opacity:1;}
.jssorb031 .i.idn {opacity:.3;}

.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:white;stroke:#fff;stroke-width:360;stroke-miterlimit:10;opacity:.4;}
.jssora051:hover {opacity:.4;}
.jssora051.jssora051dn {opacity:.3;}
.jssora051.jssora051ds {opacity:.2;pointer-events:none;}

.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}