@charset 'utf-8';

/*'Noto Sans KR  =  100 : Noto Sans KR Thin, 300 : Noto Sans KR Light, 400 : Noto Sans KR Regular ,500 : Noto Sans KR Medium ,700 : Noto Sans KR Bold,900 :Noto Sans KR Black   */
@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/NanumBarunGothicUltraLight.eot');
  src: local('NanumBarunGothicUltraLight'),
       url('../fonts/NanumBarunGothicUltraLight.eot?#iefix') format('embedded-opentype'),
       url('../fonts/NanumBarunGothicUltraLight.woff2') format('woff2'),
       url('../fonts/NanumBarunGothicUltraLight.woff') format('woff'),
       url('../fonts/NanumBarunGothicUltraLight.ttf') format('truetype');
}

@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/NanumBarunGothicLight.eot');
  src: local('NanumBarunGothicLight'),
       url('../fonts/NanumBarunGothicLight.eot?#iefix') format('embedded-opentype'),
       url('../fonts/NanumBarunGothicLight.woff2') format('woff2'),
       url('../fonts/NanumBarunGothicLight.woff') format('woff'),
       url('../fonts/NanumBarunGothicLight.ttf') format('truetype');
}

@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/NanumBarunGothic.eot');
  src: local('NanumBarunGothic'),
       url('../fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/NanumBarunGothic.woff2') format('woff2'),
       url('../fonts/NanumBarunGothic.woff') format('woff'),
       url('../fonts/NanumBarunGothic.ttf') format('truetype');
}

@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/NanumBarunGothicBold.eot');
  src: local('NanumBarunGothicBold'),
       url('../fonts/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/NanumBarunGothicBold.woff2') format('woff2'),
       url('../fonts/NanumBarunGothicBold.woff') format('woff'),
       url('../fonts/NanumBarunGothicBold.ttf') format('truetype');
}

@font-face {
	font-family:'NotoSansKR Thin';
	src:url('../fonts/NotoSansKr/NotoSansKR-thin.eot');
	src:url('../fonts/NotoSansKr/NotoSansKR-thin.eot?#iefix') format('embedded-opentype'),
	url('../fonts/NotoSansKr/NotoSansKR-thin.woff2') format('woff2'),
	url('../fonts/NotoSansKr/NotoSansKR-thin.woff') format('woff'),
	url('../fonts/NotoSansKr/NotoSansKR-thin.ttf') format('truetype'),
	url('../fonts/NotoSansKr/NotoSansKR-thin.svg#notokr-thin') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'NotoSansKR Regular';
	src:url('../fonts/NotoSansKr/NotoSansKR-regular.eot');
	src:url('../fonts/NotoSansKr/NotoSansKR-regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/NotoSansKr/NotoSansKR-regular.woff2') format('woff2'),
	url('../fonts/NotoSansKr/NotoSansKR-regular.woff') format('woff'),
	url('../fonts/NotoSansKr/NotoSansKR-regular.ttf') format('truetype'),
	url('../fonts/NotoSansKr/NotoSansKR-regular.svg#notokr-regular') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'NotoSansKR Medium';
	src:url('../fonts/NotoSansKr/NotoSansKR-medium.eot');
	src:url('../fonts/NotoSansKr/NotoSansKR-medium.eot?#iefix') format('embedded-opentype'),
	url('../fonts/NotoSansKr/NotoSansKR-medium.woff2') format('woff2'),
	url('../fonts/NotoSansKr/NotoSansKR-medium.woff') format('woff'),
	url('../fonts/NotoSansKr/NotoSansKR-medium.ttf') format('truetype'),
	url('../fonts/NotoSansKr/NotoSansKR-medium.svg#notokr-medium') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'NotoSansKR Light';
	src:url('../fonts/NotoSansKr/NotoSansKR-light.eot');
	src:url('../fonts/NotoSansKr/NotoSansKR-light.eot?#iefix') format('embedded-opentype'),
	url('../fonts/NotoSansKr/NotoSansKR-light.woff2') format('woff2'),
	url('../fonts/NotoSansKr/NotoSansKR-light.woff') format('woff'),
	url('../fonts/NotoSansKr/NotoSansKR-light.ttf') format('truetype'),
	url('../fonts/NotoSansKr/NotoSansKR-light.svg#notokr-light') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'NotoSansKR DemiLight';
	src:url('../fonts/NotoSansKr/NotoSansKR-demilight.eot');
	src:url('../fonts/NotoSansKr/NotoSansKR-demilight.eot?#iefix') format('embedded-opentype'),
	url('../fonts/NotoSansKr/NotoSansKR-demilight.woff2') format('woff2'),
	url('../fonts/NotoSansKr/NotoSansKR-demilight.woff') format('woff'),
	url('../fonts/NotoSansKr/NotoSansKR-demilight.ttf') format('truetype'),
	url('../fonts/NotoSansKr/NotoSansKR-demilight.svg#notokr-demilight') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'NotoSansKR Bold';
	src:url('../fonts/NotoSansKr/NotoSansKR-bold.eot');
	src:url('../fonts/NotoSansKr/NotoSansKR-bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/NotoSansKr/NotoSansKR-bold.woff2') format('woff2'),
	url('../fonts/NotoSansKr/NotoSansKR-bold.woff') format('woff'),
	url('../fonts/NotoSansKr/NotoSansKR-bold.ttf') format('truetype'),
	url('../fonts/NotoSansKr/NotoSansKR-bold.svg#notokr-bold') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'NotoSansKR Black';
	src:url('../fonts/NotoSansKr/NotoSansKR-black.eot');
	src:url('../fonts/NotoSansKr/NotoSansKR-black.eot?#iefix') format('embedded-opentype'),
	url('../fonts/NotoSansKr/NotoSansKR-black.woff2') format('woff2'),
	url('../fonts/NotoSansKr/NotoSansKR-black.woff') format('woff'),
	url('../fonts/NotoSansKr/NotoSansKR-black.ttf') format('truetype'),
	url('../fonts/NotoSansKr/NotoSansKR-black.svg#notokr-black') format('svg');
	font-weight:normal;
	font-style:normal;
}


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0; padding:0;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, ol, dl { list-style:none; }
img, video { max-width:100%; border:0; vertical-align:middle; }
fieldset, iframe { border:0;}
li img, dd img { vertical-align:top;}
table { border-collapse:collapse; border-spacing:0; }
input, select { vertical-align:middle; }
label { cursor:pointer; }
.hidden {display:none;}
.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;}


hr { display:none;}
#skip, .skip { font-size:0; width:0; height:0; line-height:0; position:absolute; left:-1000;}


html { position: relative; min-height: 100%; }
body { font-family:'NanumBarunGothic'; font-size:16px;min-width: 320px;letter-spacing:0.5px;}
a:link, a:visited, a:active {font-family:'NanumBarunGothic';color:#000;text-decoration:none;}

.hidden {position:absolute;left:-9999px;font-size:1px;line-height:0;text-indent:-9999px;}

/* 수료증BG */
.cert-bg{background:url(../images/common/bg_cert_kicece.png);background-size:780px 1100px; }


/*이미지에 자동 라인추가*/
.imgBorder {padding:4px;border:1px solid #DDD;}
/* ime-mode */
.imeOff {ime-mode:disabled;}

/* 글자자름 (inline-block, block 형태로 가로폭 반드시 지정해 줘야함)*/
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;   }
.wordkeep {white-space:normal;word-break:keep-all;   }


/* 타이틀 */
.contTitle {font-size:18px;font-weight:bold; padding:15px 0 10px 0; float:left;}
.contMsg {font-weight:bold;  padding:15px 0 10px 25px; float:left;}
.contTitlePup {font-size:16px;font-weight:bold;  padding:15px 0 10px 25px; float:left;}
.pageInfo { padding:15px 0 10px 5px; float:left;}
.smallSearch { float:right;margin-bottom:2px;}
.reportPic  {width:100%;}



/*플로팅*/
.c_both {clear:both;}
.fr {float:right;}
.fl {float:left;}
.tc {text-align:center;}
.cr {clear:both;}
.aftercr:after {clear:both;content:"";display:block;}
.textB  {font-weight:bold;}

/* align - 20121119 수정 */
.mt10 {margin-top:10px;}
.mt30 {margin-top:30px !important;}
.mb10 {margin-bottom:10px;}
.ml10 {margin-left:10px !important;}

.left ,.l {text-align:left !important;}
.right,.r {text-align:right !important;}
.center, .c {text-align:center !important;}
.vtop,.vtop  * {vertical-align:text-top !important;}
.vcen,.vcen  * {vertical-align:middle !important;}
.vfoot,.vfoot  * {vertical-align:text-bottom !important;}
.vtop2 {vertical-align:top !important;}
.vcen2 {vertical-align:middle !important;}
.vfoot2 {vertical-align:bottom !important;}

/* 들여쓰기 */
.indent {margin-left:23px;}
ul.indent {margin-left:16px;}
.li-indent {margin-left:10px;}


#viewer li.line {height:100px;}
#viewer .view {float:left; padding: 10px 0 ; font-weight:normal;}
#viewer .view li {float:left; padding:0 10px 0 0; }

#fileList {font-size:8pt;}
/* 2018btn  ----------------------------------------------------------------------*/ 
.paginate { width:100%;margin:20px auto 10px; clear:both}
.paginate a,.paginate strong {
	/* display:inline-block;*/
	position:relative;_width /**/:17px;margin-right:4px; padding:8px 10px 4px ;border:1px solid #ccc;color:#000;font-family:'NanumBarunGothic','바른고딕', Dotum,'돋움',;
	font-weight:normal;line-height:normal;text-decoration:none; background:#f7f8fa;font-size:10pt;}
.paginate strong { background:#fff;color:#f60; font-weight:bold; background:#fff !important}
 
.paginate a:hover {border:1px solid #ccc;color:#333;font-weight:bold; background:#fff!important}
 
 /* 컨텐츠 타이틀*/
.c-tit01 {clear:both;font-size:23px;color:#333;padding:0;line-height:1;margin:0 0 20px 0;font-family:"NanumBarunGothic",'NanumGothic','맑은 고딕'; text-align:left; font-weight:600}
.c-tit02 {clear:both;font-size:19px;font-weight:normal;color:#333;padding:0;background:url(/_Img/Content/blt02.png) no-repeat 0 4px;line-height:1.4;margin:0 0 15px 0;font-family:"NanumBarunGothic",'NanumGothic','맑은 고딕';text-align:left;font-weight:600}
.c-tit03 {clear:both;font-size:17px;font-weight:normal;color:#d91d34;padding:0 0 0 23px;background:url(/_Img/Content/blt03.png) no-repeat 10px 8px;line-height:1;margin-bottom:10px;text-align:left;}
.c-tit01:before {content:"";display:block;width:16px;height:3px;background:#c51230;margin-bottom:13px;}

 
 
 /* 일반 게시판 테이블 tBoard-밑으로 떨어지는 반응형*/
.tBoard {width:100%;border-bottom:2px solid #ccc;border-top:3px solid #4b4b4b; margin-bottom:20px;}
.tBoard th {padding:4px 10px;height:27px;color:#333;border-bottom:1px solid #777; 
	/*background:url(../images/common/bg_tableTh.png) 0 0 repeat-x;*/ 
	text-align:center; font-weight:bold}
.tBoard th span {font-weight:normal}
.tBoard td {padding:8px 4px;border-bottom:1px solid #ddd;text-align:center;}
.tBoard td.first { background:url(../images/common/bullet_snb.png) repeat-x  0 -323px}
.tBoard td.taL { text-align:left}
.tBoard td.textLeft{text-align:left;}
.tBoard td.Teambg{background:#c5ebfe;}
.tBoard tr { background:#fff;  }
.tBoard tr:nth-child(odd) {background:#fefefe;}
.tBoard td.noData {height:100px; line-height:150px;color:#999;} 
.tBoard .taL { text-align:left}
.tBoard span { margin:0}
.tBoard tr:hover td, .tBoard .on-over td {background-color:#f5f5f5;} /*배경색*/
.tBoard tr:hover td , .tBoard tr:hover td  {font-weight:bold;} /*일반 텍스트 스타일 */

.tBoard td.chk{width:60px;font-size: 0.90em;}
.tBoard td.num{width:60px;font-size: 0.90em;}
.tBoard td.tit{text-align:left;padding-left:10px;padding-right:5px;}
.tBoard td.file{width:80px;text-align:center;}
.tBoard td.nm{width:100px;font-size: 0.95em;}
.tBoard td.date{width:100px;font-size: 0.85em;}
.tBoard td.date2{width:160px;font-size: 0.85em;}
.tBoard td.hit{width:60px;font-size: 0.90em;}


.rBoard {width:100%;border-bottom:2px solid #ccc;border-top:3px solid #4b4b4b; margin-bottom:30px;}
.rBoard th {padding:4px 10px;height:27px;color:#333;border-bottom:1px solid #999; 
	/*background:url(../images/common/bg_tableTh.png) 0 0 repeat-x;*/ 
	text-align:center; font-weight:bold}
.rBoard th span {font-weight:normal}
.rBoard td {padding:8px 4px;border-bottom:1px solid #ddd;text-align:center;}
.rBoard td.first { background:url(../images/common/bullet_snb.png) repeat-x  0 -323px}
.rBoard td.taL { text-align:left}
.rBoard td.textLeft{text-align:left;}
.rBoard tr { background:#fff;  }
.rBoard tr:nth-child(odd) {background:#fefefe;}

/* 게시판 내용없음*/
.rBoard td.noData {height:100px; line-height:150px;color:#999;} 
.rBoard .taL { text-align:left}
.rBoard span { margin:0}

.rBoard tr:hover td, .rBoard .on-over td {background-color:#f5f5f5;} /*배경색*/
.rBoard tr:hover td , .rBoard tr:hover td  {font-weight:bold;} /*일반 텍스트 스타일 */

.rBoard td.chk{width:60px;font-size: 0.90rem;}
.rBoard td.num{width:60px;font-size: 0.90rem;}
.rBoard td.tit{text-align:left;padding-left:10px;padding-right:5px;}
.rBoard td.file{width:80px;text-align:center;}
.rBoard td.nm{width:100px;font-size: 0.95rem;}
.rBoard td.date{width:100px;font-size: 0.8rem;}
.rBoard td.date2{width:160px;font-size: 0.8rem;}
.rBoard td.hit{width:60px;font-size: 0.80rem;}

.rBoard td.w760{width:100px;font-size:0.80rem;}
.rBoard td.wAll{font-size: 1rem;}
.rBoard td.wAllT{text-align:left;padding-left:10px;padding-right:5px;}



/* 일반 게시판 테이블 tBoard_Write
----------------------------------------------------------------------*/
.editorText { padding:20px 15px 50px 15px; line-height:180%;}
.tBoard_write {width:100%; border-bottom:2px solid #ccc;border-top:3px solid #4b4b4b; position:relative;}
.tBoard_write th {padding:4px 10px;height:28px;color:#333;border-bottom:1px solid #999; background:url(../images/common/bg_tableTh.png) 0 0 repeat-x; text-align:center}
.tBoard_write th span {font-weight:normal}
.tBoard_write td {padding:3px 20px 3px 10px;border-bottom:1px solid #ddd;text-align:left;height:30px;}
.tBoard_write td.first {border-top:1px solid #ddd}
.tBoard_write tr { background:#fff}

.tBoard_write .limit { text-align:right; color:#666;}
.tBoard_write .limit span { font-weight:bold; color:#ff8800}

.tBoard_write td.tit { width:120px; font-weight:bold; color:#000; background:#f4f4f4}
.tBoard_write td.titLayer { width:50px; font-weight:bold; color:#000; background:#f4f4f4}

.tBoard_write td.titView { text-align:center; font-size:1em; font-weight:bold;padding:10px;}
.tBoard_write td.bodyText { padding:20px 15px 50px 15px; line-height:180%;}
 
.tBoard_write .viewApp { width:300px;background:#f4f4f4; padding:10px; font-weight:bold;  display:inline-block;}
.tBoard_write .viewApp span {  color:#ff8800}
 
.tBoard_write .thum { border:1px solid #ccc; width:50px; height:50px; display:inline-block; vertical-align:middle}
.tBoard_write .text { width:700px; min-height:250px; margin:0 auto; padding:10px 50px; font-weight:bold; text-align:center; }
.tBoard_write div.name { float:left}
.tBoard_write div.date { float:right}

.tBoard_write .sign { width:700px;height:150px;border:2px solid #ccc; margin:0 auto 50px;}
.tBoard_write .sign .date { text-align:center; font-weight:normal;}

.tBoard_write td.btn { width:60px; font-weight:bold; background:#f4f4f4;text-align:center;}
.tBoard_write .cCont { width:95%; height:45px; margin-right:5px;margin-left:5px; }
.tBoard_write2 {width:100%; border-bottom:2px solid #ccc;border-top:3px solid #4b4b4b; position:relative;font-size:10pt;}
.tBoard_write2 th {padding:2px 5px;height:24px;color:#333;border-bottom:1px solid #999; background:url(../images/common/bg_tableTh.png) 0 0 repeat-x; text-align:center}
.tBoard_write2 th span {font-weight:normal}
.tBoard_write2 td {padding:3px 10px 3px 10px;border-bottom:1px solid #ddd;text-align:left;height:24px;}
.tBoard_write2 td.first {border-top:1px solid #ddd}
.tBoard_write2 tr { background:#fff}

.tBoard_write2 .limit { text-align:right; color:#666;}
.tBoard_write2 .limit span { font-weight:bold; color:#ff8800}

.tBoard_write2 td.tit { min-width:100px; font-weight:bold; color:#000; background:#f4f4f4}
.tBoard_write2 td.titLayer { width:50px; font-weight:bold; color:#000; background:#f4f4f4}

.tBoard_write2 td.titView { text-align:center; font-weight:bold;padding:10px;}
.tBoard_write2 td.bodyText { padding:20px 15px 50px 15px; line-height:180%;}
 
.tBoard_write2 .viewApp { width:300px;background:#f4f4f4; padding:10px; font-weight:bold;  display:inline-block;}
.tBoard_write2 .viewApp span {  color:#ff8800}
 
.tBoard_write2 .thum { border:1px solid #ccc; width:50px; height:50px; display:inline-block; vertical-align:middle}
.tBoard_write2 .text { width:700px; min-height:250px; margin:0 auto; padding:10px 50px; font-weight:bold; text-align:center; }
.tBoard_write2 div.name { float:left}
.tBoard_write2 div.date { float:right}

.tBoard_write2 .sign { width:700px;height:150px;border:2px solid #ccc; margin:0 auto 50px;}
.tBoard_write2 .sign .date { text-align:center; font-weight:normal;}

.tBoard_write2 td.btn { width:60px; font-weight:bold; background:#f4f4f4;text-align:center;}
.tBoard_write2 .cCont { width:95%; height:45px; margin-right:5px;margin-left:5px; }


/* 일반 게시판 DIV tBoard_view
----------------------------------------------------------------------*/
.tBoard_view {width:100%; border-bottom:2px solid #ccc;border-top:3px solid #4b4b4b; position:relative;}

/* 일반 게시판 comment Insert 20180309
----------------------------------------------------------------------*/
.comment_write {width:100%;position:relative;}
.comment_write td {padding:5px;text-align:center;background:#f4f4f4;text-align:left;}
.comment_write .cCont { width:95%; height:40px; margin-right:5px;margin-left:5px;padding:1px; }

/* comment */
.comment {margin-top:20px;margin-bottom:10px; padding:5px 15px 5px 15px; background-color:#f4f4f4; color:#4c4c4c;font-size:10pt;}
.comment .write {margin-top:10px; padding:10px 0 10px 0; border-top:1px solid #dbdbdb;}
.comment .write strong.fl {margin-top:15px; margin-right:5px; float:left;}
.comment .write p input {vertical-align:top;}
.comment .write p textarea {width:80%; height:50px; margin-right:5px; border:1px solid #e1e1e1; float:left;}


.comment .view {margin-top:10px; list-style:none; line-height:25px}
.comment .view li {padding-right:15px; padding-left:15px; border-top:1px solid #dbdbdb; list-style:none;}

.comment .view li strong.name {margin-top:10px; margin-bottom:10px;}
.comment .view strong span.date {margin-left:10px; color:#8c8c8c; font-weight:normal;}

.comment .view div .insertarea {height:70px;}
.comment .view div img.fl {margin-top:15px; margin-right:5px; float:left;}
.comment .view div textarea {width:70%; height:50px; margin-right:5px;margin-left:5px; border:1px solid #e1e1e1; float:left;}

.comment .view li p {margin-bottom:10px;}
.comment .view li img {margin-left:10px;}

.reject { width:650px;margin:50px auto 0 auto; padding:30px;background:#fcfcfc; border:2px solid #fb0;}
.reject span { margin-right:25px;}


/* 공지사항 더보기 20190613 
----------------------------------------------------------------------*/
#addNotice {width:100%;}
	
#addText {width:100%;text-align:center;color:cdcdcd;font-size:1rem;}

/* 팝업관련 20190401 
----------------------------------------------------------------------*/
#popWrap { background:#fff;}
#popWrap #popHeader { background:#f16664; height:50px; border-bottom:5px #fff solid;}
#popWrap #popHeader .popTitle { color:#fff; font-size:16px; padding:17px 0 0 20px; font-weight:500}
#popWrap #popHeader .close { position:absolute; top:8px; right:15px;}
#popWrap .popContainer { position:relative; min-height:200px; overflow:auto; padding:10px 15px}
#popWrap .popContainer .txt { width:90%; margin:20px auto}
#popWrap .popContainer .titPop { font-size:16px; font-weight:bold;margin-bottom:10px;}



/* 썸네일 이미지가 있는 목록 20190509 
----------------------------------------------------------------------*/
.img-render { position:relative;overflow:hidden;margin-bottom:20px;font-family:'NanumBarunGothic';max-width: 1200px;}
.img-render li { float:left;width:24%;margin:2px 2px 40px 2px;}
.img-box { position:relative;overflow:hidden;vertical-algin:middle;display:inline-block;width:98%;
 /*border:1px solid #888;*/
 }
.img-pic { margin:0;padding:0;border:0;width:100%;height:100%;} 

.img-pic img  {width:100%;height:100%;}
.img-pic img:hover  {-webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}

.img-time { margin:0;padding:2px 4px 0;height:14px;line-height:14px;vertical-algin:top;display:inline-block;
			font-size:12px;border-radius: 3px;
			background: #000;
		    color: #fff !important;
		    border: 1px solid;
		    border-color: #000;
		    border-radius: 3px;
		    position:absolute;right:4px;bottom:4px;
 }

.img-title {  margin-top:1px;margin-left:5px;margin-right:5px;
	 white-space: normal; 
    line-height: 20px; 
    -webkit-line-clamp: 1; 
    height: 20px;  
    text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical;
    font-size:1rem;font-weight:700;
    overflow: hidden;
    text-overflow: ellipsis;    
 }
 
 .img-cont { margin-top:1px;margin-left:5px;margin-right:5px;
	 white-space: normal; 
    line-height: 18px; 
    -webkit-line-clamp: 1; 
    height: 18px;  
    text-align: right; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical;
    font-size:13px;font-weight:400;color:#787878;
    overflow: hidden;
    text-overflow: ellipsis;    
 }
 
 .img-cont a{ color:#787878;}
 
 .img-date {  margin-top:5px;margin-left:10px;margin-right:10px;
	 white-space: normal; 
    line-height: 14px; 
    -webkit-line-clamp: 1; 
    height: 14px;  
    text-align: center; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical;
    color:#666;font-size:11px;font-weight:450;
    overflow: hidden;
    text-overflow: ellipsis;
 }
.img-info {  margin-top:5px;margin-left:10px;margin-right:10px;
	 white-space: normal; 
    line-height: 14px; 
    -webkit-line-clamp: 2; 
    height: 28px;  
    text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical;
    color:#999;font-size:12px;font-weight:400;
    overflow: hidden;
    text-overflow: ellipsis;
    
 }
 
 
 
 
/* 메인 레이어팝업 */
.layerPopupWrap {
	z-index:2000;overflow:hidden;background:#fff;padding:15px;
	border:1px solid #343434;border-radius:5px;
	position:relative;
	box-shadow: 3px 6px 8px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 3px 6px 8px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 3px 6px 8px rgba(0, 0, 0, 0.80);
}

.layerPopupCont {background-color:#fff; line-height:1.5em;}


.layerPopupBottom {padding:14px 0 0 0; text-align:left;font-size:11px;color:#787878;}
.layerPopupBottom span, .layerPopupBottom a {display:inline-block; line-height:15px;margin-top:8px;}
.layerPopupBottom .chkCookie {padding-right:14px; background:url('../images/common/layerpopupChk.png') right 2px no-repeat;}
.layerPopupBottom .layerClose {float:right;padding:4px 25px; background:url('../images/common/layerpopupClose.png') right 2px no-repeat; margin-left:6px;}
 
 
 

@media all and (min-width:901px) and (max-width:1100px)  {	
	.img-render li { float:left;width:32%;}
} 
@media all and (min-width:601px) and (max-width:900px)  {	
	.img-render li { float:left;width:49%;}	
}
@media all and (max-width:600px) {
	.img-render li { float:left;width:100%;}	
}