@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css') ;


a { text-decoration: none; }

/* gallery */ 
.sort-lists { overflow: hidden; margin-top: 20px; margin-left: -14px; }
.sort-box { height: 298px; background-color: #f5f5f5; width: 232px; float: left; margin-left: 14px; margin-top: 20px; }
.sort-box .img-wrap { position: relative; width: 232px; height: 152px; overflow: hidden; }
.sort-box .img-wrap img { width: 100%; }
.sort-box .img-wrap .label { position: absolute; left: 0px; top: 0px; display: block; padding: 6px 0px; color: #fff; font-weight: bold; width: 75px; text-align: center; }
.sort-box .img-wrap .label.news { background-color: #ed6711; height: auto !important; }
.sort-box .img-wrap .label.notice { background-color: #006ab5; }
.sort-box .txt-box { height: 106px; position: relative; padding: 20px; color: #333333; line-height: 18px; font-family: '돋움', Dotum; }
.sort-box .txt-box span { font-weight: bold; }
.sort-box .txt-box p { margin-top: 30px; display: block; color: #333333; }
.sort-box.noimg .txt-box { height: 238px; padding-top: 40px; }
.sort-box.noimg .img-wrap { height: auto; overflow: visible; }
.sort-box .txt-box .date { position: absolute; left: 20px; bottom: 20px; color: #666666; font-weight: normal; }
 
 
 
 /* event */
.box_list_event {overflow:hidden; margin-top: 20px;}
.list_event {width:840px;}
.list_event > ul {z-index:0;margin:-15px 0px 0px -15px}
.list_event > ul > li{float:left;width:840px; height:130px; margin:15px 0px 0px 15px;z-index:0;background:#f4f4f4;}
.list_event > ul > li > a {float:left; position:relative;z-index:0; width:315px; height:130px;}
.list_event > ul > li > div {float:right; text-align:left; position:relative; padding:25px 22px; width:450px;}
.list_event > ul > li > div strong {display:block;font-size:16px;font-weight:bold;color:#000;}
.list_event > ul > li > div span.tit {height:28px;display:block;padding-bottom:10px;}
.list_event > ul > li > div span.tit a {overflow:hidden; display:block;margin-top:10px;color:#858585;}
.list_event > ul > li > div span.tit a:hover {color:#000;}
.list_event > ul > li > div span.term {display:block;font-size:11px;color:#9f9f9f;}
.list_event > ul > li > div span.tit_line {margin-top:10px;background:#e84d4e;}

.paging{overflow:hidden; width:100%; margin:40px 0 0 0; text-align:center;}
.paging ul{ overflow:hidden; display:table; display:inline-block; margin:0 auto; }
.paging ul li{ float:left; padding-right:5px; }

.paging ul li.num ul li a { border:1px solid #ddd; background:#fff; padding:6px 12px 6px 12px ; display:block }
.paging ul li.num ul li a:hover { background:#8d8e8f; color:#fff; font-weight:bold }
.paging ul li.num ul li a.on { background:#8d8e8f; color:#fff; font-weight:bold }


/* Border */
div#border {
	width: 100%; margin:0 auto; border-collapse: collapse;
}

/* 리스트 테이블 */
/*.listTable{BORDER-TOP: #1A90D8 2px solid; BORDER-bottom: #BABABA 1px solid;}
  .listTable th{BORDER-bottom: #A3A3A3 1px solid; padding-left:2px;padding-right:2px;background-color: #E4EAF8; height:20px;}
  .listTable td{BORDER-bottom: #E0E0E0 1px solid; padding-left:2px;padding-right:2px;background-color: #F7F7F7; height:20px;}*/
/* 리스트 테이블 */
.listTable{BORDER-TOP: #3f638f 2px solid; BORDER-bottom: #BABABA 1px solid; border-collapse: collapse;}
  .listTable th{BORDER-bottom: #A3A3A3 1px solid; padding-left:2;padding-right:2;background-color: #f3f3f3; height:20px;}
  .listTable td{BORDER-bottom: #E0E0E0 1px solid; padding-left:2;padding-right:2;background-color: #FFFFFF; height:20px;}
/* 리스트 타이틀 */
.listTitle{font-family:"돋움"; font-size:9pt; color:#000000 ;
        font-weight: bold ; vertical-align: middle}

/* 리스트 내용 */
.listCenter {font-size:9pt; color:#000000; font-family:"돋움, Arial"; height:24px; text-align:center; vertical-align:middle;}
.listLeft {font-size:9pt; color:#000000; font-family:"돋움, Arial"; height:24px; text-align:left; vertical-align:middle;}
.listRight {font-size:9pt; color:#000000; font-family:"돋움, Arial"; height:24px; text-align:right; vertical-align:middle;}

/* 일반 테이블 */
/*.generalTable{BORDER-TOP: #3f638f 1px solid;BORDER-bottom: #BABABA 1.5px solid;BORDER-left: #BABABA 1px solid;BORDER-right: #BABABA 1px solid;}
  .generalTable th{ padding-left:2px; padding-right:5px;background-color: #f3f3f3; Text-align: right; border-bottom:1px solid #E0E0E0; }
  .generalTable td{ padding-left:2px; padding-right:5px;background-color: #FFFFFF; }*/

/* 일반 테이블 */
.generalTable{width:100%; border-collapse: collapse; padding:0; margin:0;}
  .generalTable th{background:#f6f6f6; border-top:1px solid #f15a29; line-height:130%; padding:10px; font-size:13px; font-weight:bold; color:#2d2d2d; border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; text-align:center; }
  .generalTable tr{border-top:1px solid #f15a29; line-height:130%; padding:10px; border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; color:#717171;}

#bbs_cn {margin-left:3%; margin-right:1%;margin-bottom:5%;}

/* 검색 버튼*/
.button_orange { padding:5px 10px; background:#f25a29; color:#fff !important; font-weight:600; text-align:center; display:inline-block; line-height:150%;}
.button_orange a {color:#fff !important; display:inline-block;}
.button_orange a:hover { color:#FFF !important; display:inline-block;}

/* 등록,목록, 스크랩,삭제 버튼*/
.button_gray { padding:5px 10px; background:#626262; color:#fff !important; font-weight:600; text-align:center; display:inline-block; line-height:150%;}
.button_gray a {color:#fff !important; display:inline-block;}
.button_gray span a:hover { color:#FFF !important; display:inline-block;}


/* 강조 내용 */
.emphasisCenter {font-family:"돋움"; font-size:9pt; color:#2E4B90 ; font-weight: bold ; padding-right:3px; text-align: center ; vertical-align: middle}
.emphasisLeft {font-family:"돋움"; font-size:9pt; color:#2E4B90 ; font-weight: bold ; padding-right:3px; text-align: left ; vertical-align: middle}
.emphasisRight {font-family:"돋움"; font-size:9pt; color:#2E4B90 ; font-weight: bold ; padding-right:3px; text-align: right ; vertical-align: middle}

.box_list_event{
		width:30%;
		position:relative;
		float:left;
	}
	.list_event ul li{
		list-style:none;
	}
	.Mgallery {
		width: 31%;
                height:400px;
		/* margin: 0 2% 20px 2px; */
		float: left;
		margin-left: 2%;
		margin-bottom: 45px;
	}
	.Mgallery p{ 
                border: 1px solid #e5e5e5;
		margin-bottom:-20px;
	}

	.Mgallery a{
		width: 270px;
		height: 340px;
	}

	.Mgallery a:link{
		text-decoration: none;
		color: brown;
	}
	
	.Mgallery a img{
		width: 100%;
                height:340px;
	}

    .Mgallery ul {
	    border-left: 1px solid #e5e5e5;
	    border-right: 1px solid #e5e5e5;
	    border-bottom: 1px solid #e5e5e5;
	    padding: 12px;
		list-style:none;
	}
	.Mgallery li{	   
	    line-height: 1.5em;
	   
	}
	.Mgallery li.Mgallery_ttl {
	    font-size: 1.2em;
	    color: #23232f;
	    line-height: 190%;
	    font-weight: 600;
	    letter-spacing: -1px;
		list-style:none;
	}
	@media screen and (max-width:767px){
	/*	.Mgallery {
		width: 80%;
		margin-left: 10%;
		
	}*/
	/*     .Mgallery a img{
		width: 100%;
		height:auto;
	}*/
               .Mgallery li{
               font-size: 0.6em;
               }
	}