.sun	{color:#EF593A;}
.sat	{color:#1875D1;}
.indent-mo		{padding:0;}
.list_nodata	{text-align:center;padding:40px 0;border:1px dashed #eee;margin-bottom:20px;}
.icoimg-lock{display:inline-block;width:20px;height:20px;margin-right:10px;background:url(../img/icon_lock.png) no-repeat 0 0;vertical-align:middle}
.ico-notice	{position:relative;display:inline-block;background:#CC9900;color:#fff;position:relative;line-height:23px;padding:0 6px;font-size:.725rem;font-weight:500;vertical-align:middle}
.table tr.tr-off td,
.table tr.tr-off th				{background:#f6f6f6;color:#999 !important}
.table tr.tr-danger td,
.table tr.tr-danger th			{background:#FDF0F2;}
.table tr.tr-caution td,
.table tr.tr-caution th			{background:#FEFCEF;}
.table tr.tr-success td,
.table tr.tr-success th			{background:#F2F5FB;}
.table tr.tr-off th .subject,
.table tr.tr-off th .subject a	{color:#999 !important}
.table tr.tr-notice .subject	{font-weight:700 !important}

.board-control:before,
.board-control:after{content:"";display:block;float:none;clear:both;}

.board-info			{margin:1.5rem 0;}

.board-info:before,
.board-info:after	{content:"";clear:both;display:block;float:none;}
.board-search		{position:relative;padding:30px;background:#F4F4F4;}
/* .board-search i		{position:absolute;right:0;top:0;line-height:30px;width:30px;text-align:center;padding:0;margin:0;font-size:14px;} */


.board-control	{position:relative;margin:2rem 0;}
.board-btn		{text-align:right;margin:0;}
.board-paging	{font-size:.75rem}
.board-paging a	{display:inline-block;width:40px;height:40px;line-height:38px;border:1px solid #dee2e6;background:#fff;text-align:center;vertical-align:top;}
.board-paging a:hover	{background:#f5f5f5;}
.board-paging a.active{border-color:#294896;background:#294896;color:#fff;font-weight:900}
.board-paging a.prev:before,
.board-paging a.next:after	{content:"";font-family:FontAwesome;font-weight:900;}
.board-paging a.prev:before	{content:"\f053"}
.board-paging a.next:after	{content:"\f054"}
.board-paging-go		{display:inline-block;margin-left:1rem}
.board-paging-go input	{float:left;width:40px;height:40px;border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;}
.board-paging-go button	{float:left;display:block;vertical-align:top;width:40px;height:40px;line-height:40px;border:1px solid #dee2e6;border-left:none;color:#999;background:#F4F4F4;border-top-right-radius:2px;border-bottom-right-radius:2px;}
.board-paging-go input:focus	{width:160px;}
.board-paging-go input::placeholder{display:none;}
.board-paging-go input:focus::placeholder{display:block;}
.board-paging-go.focused button	{border-color:#5A5AD2}

.board-list					{border-top:none}
.board-list thead tr		{border-bottom:none}
.board-list	thead th		{background:#294896;color:#fff;}
.board-list	tbody tr:hover			{background:#F6F9FE;}
.board-list	tbody tr:hover .subject	{color:#294896;}
.board-list th,
.board-list td			{padding:.875rem 0.5rem}
.board-list .clip-list	{display:block;}
.board-list	.attach		{position:relative;right:auto;}
.board-list	label		{vertical-align:middle;padding:0;margin:0;}
.board-list	.btn-ico	{display:inline-block;width:30px;height:30px;border-radius:50%;background:#294896;text-align:center;line-height:30px;color:#fff;font-size:12px;vertical-align:middle;margin-top:-5px;}
.board-list	.new		{display:inline-block;width:25px;height:13px;margin-left:10px;font-size:0;text-indent:-200%;background:url(../img/ico_new.gif) no-repeat 0 0;vertical-align:middle;}

.board-video		{}
.board-video:after	{content:"";display:block;float:none;clear:both;}
.board-video .subject	{position:relative;}
.board-video .subject:before	{content:"\f144";font-family:FontAwesome;font-weight:900;position:absolute;left:0;top:0.05rem;}
.board-video .view	{float:left;width:calc(100% - 400px);}
.board-video .list	{float:left;width:400px;}
.board-video .video	{position:relative;overflow:hidden;width:100%;height:540px;background:#f4f4f4;margin:0 0 20px 0;}
.board-video .video video	{min-width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.board-video .view .subject	{float:left;width:calc(100% - 100px);font-size:22px;color:#21488D;font-weight:500;line-height:1.3;padding-left:30px;}
.board-video .view .date	{float:right;width:100px;font-size:13px;color:#999;text-align:right;margin-top:5px;}
.board-video .view .desc	{margin:20px 0 0 0;padding:20px 0 0 0;border-top:1px solid #dedede;}
.board-video .list		{padding-left:40px;}
.board-video .list ul	{height:540px;border-bottom:1px solid #dedede;}
.board-video .list li	{margin:0 0 20px 0;}
.board-video .list a	{display:block;}
.board-video .list a:after	{content:"";display:block;float:none;clear:both;}
.board-video .list .thumb	{float:left;width:130px;height:85px;position:relative;overflow:hidden;margin-right:20px;}
.board-video .list .thumb img	{min-width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.board-video .list .subject	{float:left;width:calc(100% - 150px);font-size:15px;padding-left:25px;line-height:1.4;height:85px;overflow:hidden;color:#999;}
.board-video .list .subject:before	{color:#e1e1e1;}
.board-video .list .on .thumb:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #21488D;z-index:1;}
.board-video .list .on .subject,
.board-video .list .on .subject:before	{color:#21488D;}
.board-video .list .control	{margin:20px 0 0 0;text-align:right;}
.board-video .list .control a	{display:inline-block;border:1px solid #dedede;border-radius:3px;width:35px;height:35px;line-height:33px;color:#21488D;text-align:center;font-size:12px;}
.board-video .list .control a:hover	{background:#f4f4f4;}
@media only screen and (max-width:1240px){
	.board-video .view,
	.board-video .list	{float:none;width:100%;}
	.board-video .list	{padding:0;}
	.board-video .list ul	{height:auto;padding:20px 0;margin:0 -10px;}
	.board-video .list ul:after	{content:"";display:block;float:none;clear:both;}
	.board-video .list li	{float:left;width:20%;padding:0 10px;margin:0;}
	.board-video .list .thumb,
	.board-video .list .subject	{float:none;width:100%;}
	.board-video .list .subject	{height:42px;margin-top:10px;}
}
@media only screen and (max-width:1017px){
	.board-video .video	{height:380px;}
}
@media only screen and (max-width:778px){
	.board-video .video	{height:300px;}
	.board-video .list ul	{}
	.board-video .list li	{width:33.3333%;margin:20px 0 0 0;}
	.board-video .list .thumb	{height:110px;}
}
@media only screen and (max-width:576px){
	.board-video .list li	{width:50%;}
}

.clip		{position:relative;font-size:0.725rem;}
.clip i		{font-size:1rem;}
.clip .num	{display:inline-block;border-radius:2px;background:#B8BFC7;color:#fff;width:1.25rem;height:1.25rem;line-height:1.25rem;vertical-align:top;text-align:center;margin-left:5px;}
.clip-list		{position:absolute;z-index:99999;left:0;top:30px;width:auto;padding:3rem 1rem 0.75rem 1rem;background:#fff;border-radius:0.375rem;box-shadow:5px 5px 20px rgba(0,0,0,0.2);overflow:hidden;text-align:left;min-width:300px;}
.clip-list:before{content:"파일다운로드";position:absolute;left:0;top:0;padding:0 20px;width:100%;height:40px;line-height:40px;display:block;background:#b8bfc7;color:#fff;text-align:left;font-size:0.875rem;}
.clip-list li		{position:relative;padding-right:6rem;margin:0.5rem 0;white-space:nowrap;}
.clip-list .txt		{width:10rem;overflow:hidden;text-overflow:ellipsis;}
.clip-list .graph,
.clip-list li > a		{width:5rem;height:1.25rem;line-height:1.25rem;color:#fff;font-size:0.5rem;position:absolute;right:0;top:-2px;background:#768395;border-radius:1rem;overflow:hidden;}
.clip-list .graph .bar	{display:block;position:absolute;left:0;top:0;height:100%;border-radius:1rem;background:#5A5AD2;text-align:right;padding-right:0.5rem}
.clip-list li > a			{display:block;text-align:center;}
.clip-list li > a:hover		{background:#0D0B5D;}

.attach-preview		{margin:1rem 0;text-align:center;}
.attach-preview iframe{width:100%;}
.attach-link		{background:#f6f6f6;padding:1rem;border-radius:.2rem;font-size:.725rem;color:#999}
.attach-link:before	{content:"\f0c1";font-family:FontAwesome;}


.dropzone{position:relative;display:flex;flex-direction:column}
.dz-message{z-index:999;padding:5rem 1rem;cursor:pointer;transition:all .15s ease;text-align:center;color:#8898aa;border:1px dashed #dee2e6;border-radius:.375rem;background-color:#fff;order:-1}
.dz-message:hover{color:#525f7f;border-color:#8898aa}
.dz-drag-hover .dz-message{color:#5e72e4;border-color:#5e72e4}
.dropzone-multiple .dz-message{padding-top:2rem;padding-bottom:2rem}
.dropzone-single.dz-max-files-reached .dz-message{opacity:0;color:#fff;background-color:rgba(0,0,0,.9)}
.dropzone-single.dz-max-files-reached .dz-message:hover{opacity:1}
.dz-preview-single{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.375rem}
.dz-preview-cover{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.375rem}
.dz-preview-img{width:100%;height:100%;border-radius:.375rem;-o-object-fit:cover;object-fit:cover}
.dz-preview-multiple .list-group-item:last-child{padding-bottom:0;border-bottom:0}[data-dz-size] strong{font-weight:400}
.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#2dce89}
.custom-file-input.is-valid~.custom-file-label::before,.was-validated .custom-file-input:valid~.custom-file-label::before{border-color:inherit}
.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}
.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{box-shadow:0 0 0 0 rgba(45,206,137,.25)}

.invalid-feedback{display:block;background:#FF6666;color:#fff;font-size:85%;width:100%;padding:.725rem;margin-top:.25rem;border-radius:.25rem;}
.invalid-tooltip{font-size:.875rem;line-height:1;position:absolute;z-index:5;top:100%;display:none;max-width:100%;margin-top:.1rem;padding:.5rem;color:#fff;border-radius:.2rem;background-color:rgba(251,99,64,.8)}
.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid{border-color:#ff6666}
.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus{border-color:#ff6666}
.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}
.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#ff6666}
.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}
.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#ff6666}
.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#fec9bd;background-color:#fec9bd}
.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}
.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#fec9bd;background-color:#fc8c72}
.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #f8f9fe,0 0 0 0 rgba(251,99,64,.25)}
.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#ff6666}
.custom-file-input.is-invalid~.custom-file-label::before,.was-validated .custom-file-input:invalid~.custom-file-label::before{border-color:inherit}
.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}
.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{box-shadow:0 0 0 0 rgba(251,99,64,.25)}

.sg-file-attach	{}
.sg-file-attach .btn-add	{float:right;}
.sg-file-attach li 		{position:relative}
.sg-file-attach li a	{position:absolute;right:0;top:0;line-height:38px;display:block;width:40px;text-align:center;font-size:0.725rem}


.board-view			{font-size:1rem;}
.board-view	img		{max-width:100% !important}
.board-view .subject{font-size:1.5rem;color:#333;}
.board-view .clip	{background:#f6f6f6;padding:10px;margin-top:10px;}
.board-view-title	{padding:0 0 20px 0;border-bottom:2px solid #768395;line-height:1.2}
.board-view-title .date	{font-size:14px;color:#999;margin:0 0 10px 0;}
.board-view-desc	{padding:10px 0 0 0;font-size:0.875rem;}
.board-view-desc .vd-tit{display:inline-block;min-width:60px;color:#999;}
.board-view-cont	{padding:20px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.board-view-cont table	{width:100%;}
.attach-preview iframe{width:auto;}

.board-reply				{margin:20px;}
.board-reply .list			{background:#f6f6f6;padding:20px;font-size:0.725rem;color:#999;text-align:justify}
.board-reply .list li		{width:100%;display:table;border-top:1px solid #eaeaea;padding:10px 0;}
.board-reply .list li:first-child{border:none;padding-top:0;}
.board-reply .list li:after	{content:"";clear:both;display:block;float:none;}
.board-reply .write			{padding:20px;border:1px solid #eaeaea;margin-top:10px;}
.board-reply .thumb			{display:block;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#fff}
.board-reply .thumb-area	{display:table-cell;float:left;width:40px;padding-right:10px;}
.board-reply .desc			{display:table-cell;float:right;width:calc(100% - 50px);vertical-align:top;}
.board-reply .name			{font-size:0.875rem;color:#555;}
.board-reply .date			{display:inline-block;margin-left:10px;font-size:0.5rem;color:#999;}
.board-reply .control		{background:#f6f6f6;padding:0 20px 20px 20px;}
.board-reply .control a		{width:40px;height:40px;}
.board-reply .control a:not(.btn-main){background:#fff;border-color:#fff;color:#768395}

.board-write						{background:#f6f6f6;padding:2rem;border-radius:0.375rem;}
.board-write .form-control-label	{width:160px;padding-left:15px;padding-right:15px;}
.board-write .form-control-body		{width:calc(100% - 160px);padding-left:15px;padding-right:15px;}
.board-write .form-control-body th,
.board-write .form-control-body td	{padding:0.25rem 0}
.board-write .form-group:last-child	{margin-bottom:0}


@media (max-width:1200px){ /*960*/
	.board-write .col-xl-3, .board-write .col-md-4{width:100% !important;}
	.board-write .form-control-label,
	.board-write .form-control-body		{width:100%;padding-left:15px;padding-right:15px;}
}
.board-link		{}
.board-link	li	{animation:fadeInUp 0.2s ease-out}
.board-link	a	{display:flex;flex-wrap:wrap;border:1px solid #ccc;margin-bottom:0.5rem;border-radius:0.25rem;padding:1rem;}
.board-link	li .tit, 
.board-link	li .url	{max-width:50%;flex:0 0 50%}
.board-link	li .url	{text-align:right;color:#768395}
.board-link	li .url	span	{display:none;}
.board-link	li i	{margin-right:0.5rem}

.board-namecard	li		{padding:20px 0;border-bottom:1px solid #ccc}
.board-namecard	li:after{content:"";clear:both;float:none;display:block;}
.board-namecard	.thumb	{float:left;width:140px;height:140px;}
.board-namecard	.cont	{float:right;width:calc(100% - 140px - 20px);margin-left:20px;}
.board-namecard	.subject{font-size:1.25rem;color:#333}
.board-namecard	.txt	{display:block;font-size:.875rem;margin:0.5rem 0}
.board-namecard	.tagsgroup		{float:right;width:calc(100% - 140px - 20px);margin-left:20px;}
.board-namecard	.tagsgroup		{width:100%;position:relative;overflow:hidden;z-index:999999;margin-top:0.5rem}



.badge-sns			{display:inline-block;margin-right:5px;width:50px;height:50px;line-height:50px;background:#fff;border-radius:50%;text-align:center!important;}
.badge-sns:before	{content:"";font-family:FontAwesome;font-size:1rem}
.bg-facebook		{background-color:#4867AA !important}
.bg-twitter			{background-color:#2EA7C0 !important}
.bg-blog			{background-color:#3EB834 !important}
.ico-instagram:before{content:"\f16d";font-weight:400}
.ico-facebook:before{content:"\f39e";color:#4867AA}
.ico-twitter:before	{content:"\f099";color:#2EA7C0}
.ico-blog:before	{content:"b";color:#3EB834;font-weight:600;font-family:Roboto}

.ico-file,
.ico-file-multi	{display:inline-block;width:20px;height:20px;}
.ico-file		{background:url(../img/ico_file.png) no-repeat 50% 50%}
.ico-file-multi	{background:url(../img/ico_file_multi.png) no-repeat 50% 50%}

.prevnext-control		{position:absolute;left:0;top:50%;width:100%;font-size:1.5rem;}
.prevnext-control a		{display:block;color:#5A5AD2}
.prevnext-control a.prev{float:left;}
.prevnext-control a.next{float:right}

/* gallery type */
.board-gallery		{border-bottom:1px solid #ccc;font-size:.875rem;}
.board-gallery ul	{margin-left:-15px;margin-right:-15px;}
.board-gallery li	{padding-left:15px;padding-right:15px;float:left;margin-bottom:2rem}
.board-gallery .thumb	{position:relative;overflow:hidden;background-color:#fff;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
.board-gallery li		{position:relative;overflow:hidden;margin-bottom:1rem}
.board-gallery .badge	{margin:0;padding:0;}


.board-gallery.type1 li			{width:25%;}
.board-gallery.type1 .subject	{height:3rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;}
.board-gallery.type1 .date		{margin:0.725rem 0 0.5rem 0;font-size:.725rem;color:#999}
.board-gallery.type1 .thumb		{height:260px;}
.board-gallery.type1 .thumb img	{min-width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.board-gallery.type1 .thumb:before		{content:"";opacity:0;transition:all 0.2s;z-index:1;}
.board-gallery.type1 .thumb:after		{content:"\f00e";font-family:FontAwesome;font-weight:900;font-size:2rem;color:#fff;transform:rotate(-90deg);position:absolute;left:0;top:0;width:100%;height:100%;vertical-align:middle;text-align:center;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;opacity:0;transition:all 0.2s;z-index:2;}
.board-gallery.type1 a:hover .thumb		{border:none;}
.board-gallery.type1 a:hover .thumb:before{content:"";opacity:1;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(13,11,93,0.8)}
.board-gallery.type1 a:hover .thumb:after{transform:rotate(0deg);opacity:1;}

@media (max-width:1200px){/*960*/
	/* .board-gallery.type1 .thumb		{height:160px;} */
}
.board-gallery.type2 li		{width:33.3333%;}
.board-gallery.type2 .thumb	{height:320px;}

.board-gallery.type3		{position:relative}
.board-gallery.type3 li{width:33.3333%;color:#fff}
.board-gallery.type3 .thumb	{height:320px;}	
.board-gallery.type3 .txtbg				{transform:translateY(10%);opacity:0;transition:all 0.2s;position:absolute;left:0;bottom:0;height:50%;margin:0 15px;background:rgba(80,80,210,.8);padding:20px;}
.board-gallery.type3 li:hover .txtbg	{transform:translateY(0);opacity:1;}
.board-gallery.type3 .badge		{position:absolute;left:20px;top:-25px;}
.board-gallery.type3 .subject	{margin:25px 0 10px;}
.board-gallery.type3 a{font-size:0.65rem;color:#fff}
.board-gallery.type3 .control	{display:none;}


.board-gallery.type2 .badge			{z-index:2;text-align:left;font-size:.725rem}
.board-gallery.type2 .badge .date	{display:block;font-size:0.5rem;color:rgba(255,255,255,.8);margin-top:.25rem}
.board-gallery.type2 .thumb			{height:280px;padding:20px;color:#fff;}
.board-gallery.type2 .text .subject	{margin-top:20px;}
.board-gallery.type2 .img .subject	{position:absolute;left:0;bottom:20px;width:100%;padding:20px;height:6rem;line-height:1.5rem;overflow:hidden;text-overflow:ellipsis;}
.board-gallery.type2 .img .txtbg	{position:absolute;left:0;bottom:0;width:100%;height:50%;background-image: -webkit-gradient(linear, left top, left bottom, to(rgba(0,0,0,0.75)),from(rgba(0,0,0,0)));}
.board-gallery.type2 .img .badge-sns	{background:rgba(0,0,0,0.1);}
.board-gallery.type2 .img .badge-sns:before	{color:#fff !important}


.board-focus		{border-top:2px solid #294896;}
.board-focus li		{padding:30px 0;border-top:1px dashed #ccc;}
.board-focus li:first-child	{border-top:none;}
.board-focus li:last-child	{border-bottom:1px solid #294896;}
.board-focus li:after	{content:"";display:block;float:none;clear:both;}
.board-focus li .img	{position:relative;float:right;width:300px;height:180px;overflow:hidden;}
.board-focus li .img img	{min-width:100%;/* height:100%; */object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.board-focus li .txt	{}
.board-focus li .img + .txt	{float:left;width:calc(100% - 330px);}
.board-focus .date		{font-size:13px;font-family:TitilliumR;color:#999;}
.board-focus .subject	{font-size:24px;line-height:1.3;height:30px;overflow:hidden;margin:15px 0;letter-spacing:-0.5px;}
.board-focus .subject a	{color:#333;}
.board-focus .desc		{height:50px;overflow:hidden;}
.board-focus .writer	{font-size:14px;margin:20px 0 0 0;transition:all 0.2s ease-out;}
.board-focus .writer:before	{content:"\f007";font-family:FontAwesome;font-weight:900;margin-right:10px;}
.board-focus li:hover .subject a,
.board-focus li:hover .writer	{color:#294896;}


/* attach */
.file-upload {position: relative;overflow: hidden;display: inline-block;vertical-align:middle;background:#B8BFC7;border-color:#B8BFC7;}
.file-upload:before{content:"\f0c6";font-family:fontAwesome;}
.file-upload input.upload {position: absolute;top: 0;right: 0;margin: 0;padding: 0;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}
#fileuploadurl{display: inline-block;border:none;vertical-align:middle;background:none;box-shadow: none;padding-left: 0;padding-right: 0;width:300px;font-size:.725rem}

.attachbox				{position:relative;}
.attachbox .preview		{position:absolute;margin-right:20px;background:#fff;border:1px solid #ddd;width:120px;height:120px;line-height:120px;text-align:center;overflow:hidden;}
.attachbox .filebox		{position:relative;margin:0 0 5px 0;border:2px dotted #ddd;text-align:center;}
.attachbox .filebox select	{position:relative;width:100%;min-height:100px;border:none;outline:none;background:#fff;}
.attachbox .filebox:before	{content:"파일을 드래그하여 업로드";position:absolute;width:100%;left:0;top:50%;margin-top:-10px;text-align:center;z-index:9}
.attachbox .filebox.on:before{display:none}
.attachbox	.cont,
.attachbox	.attach_cont	{margin-left:140px;font-size:11px;}
.attachbox	.list li		{display:block;position:relative;padding:4px 0;border-bottom:1px solid #eaeaea}
.attachbox	.list li:hover	{background:#efefef}
.attachbox	.list .fa		{position:absolute;right:0;top:8px;color:#999}
.attachbox	.graph			{width:100%;height:10px;background:#fff;border:1px solid #3E78C1;vertical-align:top;}
.attachbox	.graph .bar		{display:inline-block;background:#3E78C1;height:8px;vertical-align:top}
.attachbox	.graph .num		{display:inline-block;float:right;font-size:10px;font-family:verdana;line-height:100%;}
.fileinput-button		{position:relative;overflow:hidden;}
.fileinput-button .btn-d{position:relative;z-index:8;}
.fileinput-button input {position:absolute;z-index:9;top:0;left:0;margin:0;opacity:0;-ms-filter: 'alpha(opacity=0)';height:100%;width:100%;cursor:pointer !important;background:red !important;}
/* Fixes for IE < 8 */
@media screen\9 {
.fileinput-button input {filter: alpha(opacity=0); font-size: 100%; height: 100%;}
}