﻿/*분류별 보기*/
.partview {
	border-bottom:2px dashed #92d66b;
	margin-bottom:10px;
}
.partview h4 {
	/* background-size:30px auto;
	background-position:5px 0px;
	background-repeat:no-repeat; */
	height:40px;
	min-width:180px;
	font:16px/32px 'NanumSquare','돋움';
	padding-left:25px;
	/* padding-left:55px; */
	padding-bottom:20px;
	float:left;
}
.partview h4:after{
	content:url(../images/icon_arw_r.png);
	padding-left:20px;
}
.partview h4#part2{background-size:35px auto;}
.partview .sublist1 {
	float:left;
	max-width:1045px;
	min-width:800px;
}
.partview .sublist1.sub2 {
	background-color:#f1f1f1;
	display:block;
}
.partview .sublist1 li {
	float:left;
	font:bold 14px/20px 'NanumSquare','돋움';
}
.partview .sublist1 li:after{
	content:"/";
}
.partview .sublist1 li a {
	display:inline-block;
	padding:5px 10px;
}
.partview .sublist1 li a.focus {
	border-bottom:#666 2px solid;
	color:#444;
}

/* 게시글 제목줄 */
h3{
	padding:20px;
	background: url(../images/dot_subtitle.png) no-repeat left 18px;
	color:#404040;
	font:bold 20px/20px 'NanumSquare','돋움';
	letter-spacing:-1px;
}
.subdate{
	margin-bottom:20px;
	font:13px/24px 'NanumSquare','돋움';
}
.subdate li{
	margin-left:20px;
	padding-left:15px;
	background: url(../images/dot_mm.gif) no-repeat left center;
	line-height:18px;
	color:#404040;
	float:left;
	width:auto;
	min-width:400px;
}

/* 사진소개 - 썸네일보기 */
.phinfo {
	position:relative;
	width:445px;
	float:left;
	margin-right:20px;
}
.phinfo dl{
	border:1px solid #ccc; 
	height:360px;
	font:14px/24px 'NanumSquare','돋움';
	letter-spacing:-1px;
	padding:20px 25px;
	background-color:#fff;
	overflow:auto;
}
.phinfo dt{
	display:inline-block;
	width:75px;
	background: url(../images/dot_mm.gif) no-repeat left center;
	float:left;
	text-align:right;
	padding-right:15px;
}
.phinfo dd{
	display:block;
	padding-left:90px;
}

.focimg {
	display:inline-block;
	width:772px;
	height:auto;
}

.thumbt {
	position:absolute;
	top:462px;
	left:0px;
	width:100%;
	height:auto;
}

.mi {
	display:block;
	position:absolute;
	width:18px;
	height:18px;

}
.mi.ar {
	background: url(../images/ico-02.png) no-repeat right center;
	top:10px;
	right:0px;
}
.mi.ab {
	background: url(../images/ico-03.png) no-repeat left bottom;
	top:40px;
	left:20px;
}

.phtcheck{
	position:absolute;
	top:20px;
	left:20px;
	width:20px;
	height:20px;
}
.phtcheck.big {
	top:auto;
	bottom:20px;
}

.thumb li{

}
.thumb img{
	width:100%;
	height:auto;
}

#poplayer {
    width: 1080px;
    height: 800px;
    position: fixed; /* absolute -> fixed로 변경 */
    top: 50%;        /* 화면 정중앙 기준 세로 위치 */
    left: 50%;       /* 화면 정중앙 기준 가로 위치 */
    transform: translate(-50%, -50%); /* 정확히 가운데로 이동 */
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 70px 100px;
}
#poplayer .popimg {
	max-height:700px;
	max-width:1080px;
}
.arw {
	display:block;
	position:absolute;
	z-index:9991;
	width:53px;
	height:90px;
	font-size:0px;
	background: url(../images/arw_bigwhite.png) no-repeat left bottom;
	top:365px;
}
.arw.l {
	background-position:0px 0px;
	left:20px;
}
.arw.r {
	background-position:-52px 0px;
	right:20px;
}
.closeX {
	position:absolute;
	z-index:9991;
	top:20px;
	right:20px;
}
.relnum {color:#fff; text-align:left; margin:10px 0px;}


/* 분류별보기 리스트 */
.partlistview {
	border-right: 3px solid #eee;
	display:block;	
}
.partlistview > li{
	box-sizing:border-box; /*css3-ie8이상에서 적용*/
	width:16.66%;
	height:550px;
	padding:5px 20px 20px;
	float:left;
}

.partlistview .part1,.partlistview .part5{border-left:3px solid #d8ebcf;}
.partlistview .part2,.partlistview .part6{border-left:3px solid #ccecfe}
.partlistview .part3{border-left:3px solid #f0e2bf}
.partlistview .part4{border-left:3px solid  #f3d5c0}


.partlistview .part {
	display:block;
	background-size:30px auto;
	background-position:0px 0px;
	background-repeat:no-repeat;
	height:36px;
	width:100%;
	font:bold 16px/36px 'NanumSquare','돋움';
	padding:10px 0px 36px;
}
.partlistview #part2{background-size:35px auto;}

.partlistview .sublist2 li{
	float:none;
	width:100%;
}
.partlistview .sublist2 li:before{
	content:".";
	font:bold 16px/16px 'NanumSquare','돋움';
	margin-right:7px;
}
.partlistview .sublist2 li a{
	font:16px/36px 'NanumSquare','돋움';
}


/*게시글보기*/
.doc{
	border:1px solid #e2e2e2; 
	padding:20px 20px 0;
}
.vimg{
	position:relative; 
	vertical-align: top;
}
.vimg img{
	max-width:100%;
}
.sum{
	padding: 10px 0;
	text-align: center;
	font-weight:bold;
}

/*공공누리 스타일*/
.kogl {
	border: 1px solid #e2e2e2;
	padding: 20px;
	margin-top: 20px;
	line-height:32px;
}



/* 검색 */
.search{
	background:#5C9CCC;
	width:100%;
	border:10px solid #5C9CCC;
}
.search th, .search td{
	height:26px;
}
.search th{
	color:#fff;
	width:80px;
	text-align:right;
	padding-right:0.5em;
}

/* div팝업 */
.notice {
	position: absolute;
	background: #fff;
	border: 1px solid #000;
	padding: 1em;
}

/*사진정보*/
.photoinfo{
	background-color:#000;
	color:#fff;
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}
.photoinfo h5{
	font-size:13px;
	padding:0;
	border-bottom:1px solid #444;
}
.photoinfo dl{
	padding: 1em;
	width:100%;

}
.photoinfo dt{
	text-align:right;
	width:60px;
	float:left;
	padding-right:5px;
}
.photoinfo dd{
	/*width:288px;*/
}

.vimginfo {
	top:0px;
	bottom:0px; 
	left:0px; 
	width:220px;
	z-index: 99999;
}
.btn-close {
	padding: 2px;
	line-height: 0px;
	border: 1px solid #ccc;
	margin: 5px;
	border-radius: 3px;
}

/* SNS */
.snstmg{
	 margin-top: -24px;
	 margin-right:60px;
}
.sns{
	float:right;
}
.sns li{
	float:left;
	margin-right:3px;
}
.sns li a{
	display: block;
	vertical-align:middle;
	width:20px;
	height:20px;
	font-size:0px;
	text-indent:-99999px;
	background-image:url(../images/sns_logo.gif);
	background-repeat: no-repeat;
}
.twt{background-position:0px center;}
.fb{background-position:-20px center;}
.naver{background-position:-40px center;}
.google{background-position:-60px center;}
.msn{background-position:-80px center;}

.sns_hide {
	background-color: #fff;
	padding: 5px;
	border: 1px solid #000;
	right: 60px;
	bottom: 5px;
	display: none;
}


/*태그*/
.tag{
	background: url(../images/price-tag.png) no-repeat 0px 5px;
	padding:5px 46px;
	height:32px;
	font:13px/32px sans-serif;
}

/*버튼*/
.btn{
	display:inline-block;
	background:#005199;
	padding:2px 16px;
	color:#fff;
	height:30px;
	line-height:30px;
	border-radius:3px;
	margin-top:1px;
}
a.btn:hover, a.btn:focus{
	background-color:#0077b8;
	color:#fff;
}
.mbtn{
	display:inline-block;
	background:#005199;
	padding:2px 16px;
	color:#fff;
	height:24px;
	line-height:24px;
	border-radius:3px;
	margin-top:1px;
}
a.mbtn:hover, a.mbtn:focus{
	background-color:#0077b8;
	color:#fff;
}
.ico{
	display:inline-block;
	vertical-align:middle;
	width:30px;
	height:30px;
	margin:0 10px 4px 0;
	background:url(../images/icon2.png) no-repeat left center;
}
.note{background-position:0px center;}
.down{background-position:-30px center;}
.left{background-position:-60px center;}
.right{background-position:-90px center;}
.info{background-position:-120px center;}
.list{background-position:-150px center;}
.unchecked{background-position:-180px center;}
.checked{background-position:-210px center;}

.blackbtn{
	background-color:#444; 
	color:#fff; 
	border:1px solid #000;
}
.whitebt {
	background:#fff;
	color:#444;
	border:1px solid #ccc;
}
a.btn.whitebt:hover, a.btn.whitebt:focus{
	background-color:#efefef;
	color:#444;
}
.whitebt .ico {background-image:url(../images/iconset2.png);}

.blogview{background-position:0px center;}
.slideview{background-position:-30px center;}
.thumbnailview{background-position:-60px center;}


/* 상세검색 */
.sch_info {border:1px solid #6cb741; padding:16px 20px; font:13px/22px 'NanumSquare','돋움';}
.sch_info dt {color:#37820C; font:bold 16px/44px sans-serif; float:left;}
.sch_info dd {margin-left:110px;}

.sch_tbl {
	font:13px/20px 'NanumSquare','돋움'; 
	margin:30px 0px;   
	border-collapse: separate; 
	border-spacing: 20px; 
	border:1px solid #ccc; 
	width:100%;
}
.sch_tbl tr	{padding:5px 0px;}
.sch_tbl th {
	width:120px; 
	text-align:right; 
	background:#d8ebcf url(../images/dot_mm.gif) no-repeat 10px center; 
	padding-right:20px;
}
.sch_tbl td {}
.sch_tbl td select,.sch_tbl td input {
	box-sizing:border-box; 
	font:14px/28px sans-serif; 
	height:28px; 
	color:#444; 
	padding:3px; 
	margin:2px;
}



/* 페이징 */
.paging {
	display:block;
	margin:30px auto 0px;
	text-align:center;
}
.paging a{
	display:inline-block;
	padding:10px 55px;
	margin:0px 10px;
	font-weight:bold;
	border-radius:20px;
	background-color:#c8ebb5;
}
.paging a:hover{
	text-decoration:none;
	background-color:#b1dc9a;
	color:#444;
}
.paging a.disable{
	background-color:#ebebeb;
}
.current {font-weight:bold;}
.current input {width:40px; border:1px solid #ccc; text-align:right;}


/*공지사항 리스트*/
.nt_list {
	margin-top:5px;
	border-bottom:2px solid #E2E2E2;
}
.nt_list li{
	text-align:center;
	line-height:30px;
	border-bottom:1px dashed #e2e2e2;
	/*clear:both;*/
}
.nt_list li.thead:first-child{
	cursor:default;
	height:26px;
	line-height:26px;
	border-style:solid;
	border-color:#ccc;
	border-width:2px 0 1px;
	color:#333;
	font-weight:bold;

	background-color:#F8F8FF;/* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
}
.nt_list li:hover{
	background-color:#efefef;
}
.nt_list .no{
	display:inline-block;
	width:6%;
}
.nt_list p{
	display:inline-block;
	text-align:left;
	width:78%;
}
.nt_list .date{
	display:inline-block;
	width:13%;
}


/*개인정보보호방침*/
.privacy{
	padding:0em 0em;
}

.privacy h5{
	font:bold 16px/3em "굴림", gulim;
	color:#2E6E9E;
	margin-top:1em;
}
.privacy h6{
	font:bold 13px/2em "굴림", gulim;
	color:#1B75BC;
	margin-top:1em;
}
.privacy p{
	font:12px/1.6em gulim;
	padding-left:2em;
}
.privacy strong{
	font:bold 13px/1.6em gulim;
	color:#CA5000;
	display:block;
	padding-bottom:1.2em;
}
p.outf{
	padding-left:0px;
}
.privacy dl{
	padding:5px 1.8em;
}
.privacy dl dt, .privacy dl dd{
	font:12px/1.2em gulim;
	display:inline;
	margin-right:0.2em;
}
.privacy dl dt {
	background:url('../images/dot_mm.gif') no-repeat left center;
	padding-left:1em;
}

.privacy ol{
	padding:1.2em 3.8em;
	list-style:decimal;
	font:12px/1.6em gulim;
}
.privacy ol li{
	padding-bottom:0.5em;
}
.privacy ul{
	padding:1em 2em;
	font:12px/1.6em gulim;
}



/*공지사항 내용 보기*/
.sv_ttl{
	font:bold 16px/2em 'NanumSquare','돋움';
	border:1px solid #e2e2e2;
	color:#333;
	text-align: center;
	margin-bottom:10px;
	background-color:#F8F8FF;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
}
