@charset "utf-8";


@font-face {
    font-family: 'Noto Sans Medium';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(font/NotoSansKR-Medium.eot),
    url(font/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
    url(font/NotoSansKR-Medium.woff) format('woff'),
    url(font/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Regular';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-DemiLight'),
    url(font/NotoSansKR-Regular-Hestia.eot),
    url(font/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(font/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(font/NotoSansKR-Regular-Hestia.otf) format('opentype');
}


* { font-family: 'Noto Sans Regular', sans-serif;  box-sizing: border-box;letter-spacing: -0.5px} 



/* CSS Document */

html ,
body { margin:0 ; padding:0; font-size: 14px; line-height: 1.2em; color:#444;  background:#fff;min-width: 1300px ; height: 100% }


table { border-collapse:collapse; border-spacing:0px; }

img { border:none; vertical-align: middle ; }

form,  p, div, th, td, table, address  { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; color:#444;}

select {  font-size: 1em; padding:2px 0 2px 5px; vertical-align: middle ; }

input, textarea ,select{  border:1px solid #D7D7D7 ;  padding:3px 5px ; margin: 0;  vertical-align: middle ; }
.readonly {background:#f7f7f7 ;color:#777;}

input.image { border:0px; vertical-align: middle ;	 margin-top:1px 0 0 0 ; padding: 0; }

ul, li, ol, dl, dt, dd { margin: 0px; padding: 0px; list-style: none; }

a { text-decoration:none ; color:#444; }

a:hover { text-decoration:underline ; color:#444; }


/* top */
#admin_top {padding:0 20px; }

#top_logo {  width:154px ; float:left ; } 

#top_menu { width:511px ; text-align:right ;   float:right ; }

#top_menu li {padding-right:10px;padding-top:5px;color:#444}
#top_menu .line { border-right:1px solid #C7C7C7; padding-top:15px; } 
#top_menu  a {  text-decoration:none ; color:#ccc; }
#top_menu  a:hover {color:#000}



/* content */


#admin_content { clear:both ;   background:url(../images/left_bg.gif) repeat-y #a4db00 }
#admin_content:after {clear:both;content:"";display:block}

#admin_menu {clear:both;background:#222; }
	#admin_menu ul * {color:#eee; font-weight:bold}
		#admin_menu ul:after {clear:both;content:"";display:block}
		#admin_menu ul li {width:20%;float:left;text-align:center;padding:15px 0 ;position: relative;}
		#admin_menu ul li.on {background: #444}
		#admin_menu ul li.on  a {color:#fff}

		#admin_menu ul li>div {display:none;position: absolute;width: 100%;top:100%; font-weight: normal;line-height: 150%;padding:10px 0 ;background: #222;z-index: 10;font-size: 0.9em;font-weight:normal !important}
		#admin_menu ul li>div p {padding:5px 0}
#menuarea {  height: 555px ; width:134px ; float:left ; padding:20px 10px ; position:absolute; } 
	#menuarea a {  text-decoration:none ;  color:#000 ; }
	#menuarea a.on {  text-decoration:underline ;  font-weight:bold ; color:#000 ; }
	#menuarea a:hover {  text-decoration:underline ; }
	#menuarea li {  background:url(../images/arrow.gif)  no-repeat 0 2px;	 padding-left:10px ;font-size:13px; margin-bottom:20px ; }
 
	#menuarea ul.s1 {  padding-top:7px ; }
	#menuarea li.s1 {   background:none; padding:3px 0 0 0; font-weight:normal ; margin-bottom:0px ; }

#contents { padding: 10px  50px 50px 200px ; } 
#contents.regPop { float: none;margin:0 auto ;border:1px solid #888;padding:50px;width: 800px;background: #fff;position: relative;}
#contents.regPop aside.x {position: absolute;top:0;right:0;cursor: pointer;}

.contents_top {  padding:0 ; color:#484848 ; text-align:right ;  font-size:0.90em ; line-height: 1.5em ; } 
.contents_info {margin-left:300px;padding:0 0 5px 0 }
h2 { font-weight:bold ;color:#222;padding-bottom:10px; line-height: 1.5em ; }

#contents table { width:100% ; }
textarea ,select.wide , input.wide {width:90% ;font-size: 1em}
select.short ,input.short {width:30%}
select.half ,input.half {width:50%}
select.long ,input.long {width:80%}
select.tel ,input.tel {width:150px}

table.main_slide {margin-bottom:20px}
	#contents .table_list { border-bottom:2px solid #DCDCDC ; padding-bottom:6px; }
	.table_v , .table_w { border-bottom:2px solid #DCDCDC ; padding-bottom:2px; border-top:2px solid #DCDCDC ; padding-top:2px; }
	.table_v:after ,  .table_w:after {clear:both;content:"";display:block}
	
	#contents th { background-color:#DCDCDC ; color:#222 ; font-weight:bold ; padding: 10px 0 ; }

	#contents .table_v th { border-top:1px solid #f4f4f4 ; }
	#contents .table_v .line0 {   border:0px ; }

	#contents td.line1 {  padding:12px 0 4px 10px ;	 border:0px ; } 

	#contents .table_w .line0 {   border:0px ; }
	#contents .table_w th { border-top:1px solid #f4f4f4 ; padding: 10px 0 ; width:200px}
	#contents .table_w td , #contents .table_v td { border-top:1px solid #f4f4f4 ; padding: 10px  ; }
	#contents td {  padding:7px 0px ;	word-break:break-all ;line-height:140%; border-top:1px solid #f4f4f4 ; }
	#contents td img {margin:5px 0}
	#contents td.c {text-align:center}
	#contents .table_w td p {margin-bottom:5px}
	#contents .table_w td span {font-size: 0.9em ; color:#666;}

	#contents .table_list td {  text-align:center; }
	#contents .table_list .l { text-align:left ; color:#444;padding-left:10px;}
	
	div#editorWrite { height: 1px ;overflow: hidden;}

	.vtop {width:100%;overflow:auto}
	.vtop td {vertical-align:top}

td span.files {display: inline-block;float:left;width: 20%;text-align:center;}
td span.files img {max-width: 90%; height:100px;}

	.file_name {padding-top:5px}
	tr.list>td {border-right:1px solid #ddd}
	tr.list>td.s1 {padding:10px !important}
	tr.list>td.s2 {padding:10px  !important;border-right:0  !important}
td.live {background:#ffcaca}

.table_list  tr:hover td {background: #ebf6fc !important}
tr.trbg td , tr.trbg td a {background:#f2f2f2 ;color:#777;text-decoration: line-through}
tr.trbg0 td {background:#f2f2f2 ; } 
tr.trbg1 td , tr.trbg1 td a {text-decoration: line-through}

.Layer-input {width:600px;padding:20px;top:200px;left:30%;border:2px solid #444;box-shadow:0 5px 5px #000;position:absolute;z-index:60;background:#fff;display:none}
	.Layer-input p.tit {border-bottom:1px solid #444;padding:10px 0; font-weight:bold;color:#000}
	.Layer-input p.tit span.x {floaT:right;cursor:pointer}
	.Layer-input p.tit span.x:hover {color:red}

.file_list p {display:none}
.file_list p.v {display:block}
.buttons { text-align:right ; padding-top:10px ; }

p.l_news {text-align:left;width:300px;border-bottom:1px solid #ccc;padding:5px 0;clear:both;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;} 

a.updown { }
a.updown:hover {color:red}
	.table_list a.updown {font-size:12px;color:#000}
.cl {display: block;clear: both;padding:5px 0;}
p.btns {padding:10px 0;clear:both;}
p.btns:after {clear:both;content:"";display:block}
.btn  {display:inline-block;padding:6px 20px;color:#fff;vertical-align: middle;}
.btn:hover {color:#fff;} 
p.btns .btn {padding:10px 20px;}
.st1 {background:#e03334; font-weight:bold;} 
.st2 {background:#222; font-weight:bold;}
.st3 { background:#888;  } 
.e {background:#444}
.cfff {background:#fff}
.f-big {font-size: 16px}
.f-n {font-size: 14px}
.f-sm {font-size: 12px}
.f-ss {font-size: 11px}
.c0 {color:#000;}

span.inline {display:inline-block;margin-right:50px;color:#222}
img.thum_plus {cursor: pointer} 

.fl  {float:left}
.fr  {float:right}
.upload_submit {display:none;background:#222;padding:6px;color:#fff;font-weight:bold;cursor:pointer}

.pagelist { text-align:center ;  color:#ADADAD ; word-spacing:5px; }
	.pagelist a { font-size:0.90em ;  color:#ADADAD ; font-family:  Verdana,  sans-serif; }
	.pagelist a:hover { text-decoration:underline ; }
	.pagelist .on { font-weight:bold ; color:#535353 ; font-size:1em ; }


.b_search { margin-bottom:10px }
.b_search:after {clear:both;content:"";display:block}
	.b_search span{ float:right } 
.BtnC {text-align:center;margin:20px 0}

#copyright { margin-left: 184px ; clear:both ; border-top:1px solid #D8D8D8 ; } 
a.del:hover {background-color:#e03334}
.org {color:#ff6000 !important}
.ta_r {text-align:right}
.td_info {float:right;width:170px;} 
.mgL50 {margin-left:50px}
.mgT10 {margin-top:10px;}

img.img_b {border:1px solid #ccc}

.opacity { position:absolute;z-index:50;background:#000;top:0;left:0;width:100%;height:100%; filter:alpha(opacity=80);opacity: 0.8;display:none  } 


.grid-item img {width:100%}
.grid-item span {display:block; } 
.grid-sizer, .grid-item {position:relative;width:10%}
.grid-item {float:left;overflow:hidden}
.grid-item--width2 {width:20%}
.grid:after {content: '';display: block;clear: both}