@charset "utf-8";
/**
 * @File Name : main.css
 * @Description : Layout[main] | Contents[main]
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2018.10.15 | 문영신 | 최초 등록
 * 2018.10.19 | 문영신 | 요구반영. 결함개선. 고도화.
 * 2019.07.26 | 박성빈 | 메인 오늘의 추천 사진 좌측정렬
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2018.08.29
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* ◇◆ Layout[main] ◇◆◇◆◇◆◇◆◇◆ */


/* 배치.메인 20181018 */
#wrap{}
	#wrap>.container{
		width:auto; /* ☆ */
		max-width:none;
		margin:auto;
	}
	#body{
		z-index:0; /* ☆ */
		position:relative;
		min-height:0; /* ☆ 배치 후 최종화면 확인! */
		margin:auto;
		padding:0;
		color:#555;
		line-height:1.375;
	}
		#body [class*='mainbody']{position:relative;}
			#body .mainbody1{
				margin-top:-110px;
			}
			#body .mainbody2{
				/* height:0; */
			}
			#body .mainbody3{}
			#body .mainbody4{
				background:#f4f4f4;
			}
			#body .mainbody5{}
			#body .mainbody6{
				background:url(../../img/main/bg6.jpg) no-repeat center center;
				background-size:cover;
			}
				#body .container{
					padding:0; /* ((( all.css 에서 .container 는 margin 값으로 좌우여백 만드므로.. */
				}
					#body .mainbody1>.container{
						max-width:none; /* ☆ */
						margin:auto;
					}
					#body .mainbody2>.container{}
					#body .mainbody3>.container{padding:30px 0;}
					#body .mainbody4>.container{padding:30px 0;}
					#body .mainbody5>.container{}
					#body .mainbody6>.container{padding:40px 0 30px;}
						/* #body [class*='mainwrap']{} */
						#body .mainbody6>.container:before{ /* 수직바 */
							content:'';display:block;
							position:absolute;left:50%;top:0;
							width:0;height:28px;
							margin:0 -1px;
							border-left:2px solid #fff;
						}

#wing{}


html.IE8 #body .mainbody6{background-position:left top;}


/* #body */


/* ☆감춤 20181016 */
/* none ★☆ToEdit) 나중에 작업할거 ☆  */


/* ☆공용 20181016 */
/* none */
.init img{max-width:100%;} /* ☆ */


/* 비쥬얼.PR로테이터. 20181016 [JS] jQmPR1(); */
#vpr1{display:block;position:relative;margin:auto;}
#vpr1 .wrap1{}
#vpr1 .mView{
	z-index:0; /* ☆ */
	position:relative;
	height:300px; /* 정보 안잘리게 >=768*(750/1920) */
	overflow:hidden;
}
#vpr1 .mCont{position:relative;width:100%;height:100%;}
#vpr1 .mContC{display:block;position:absolute;left:0;top:0;width:100%;height:100%;
	background:#fff;
}
#vpr1 .mContC:first-child{z-index:1;}
#vpr1 .mContC.on{display:block;}
#vpr1 .mContC .c,
#vpr1 .mContC .a1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
#vpr1 .mContC a[href]{text-decoration:none;cursor:pointer;}
#vpr1 .mContC .f1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
#vpr1 .mContC .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;
	margin:0 -1000px;
}
#vpr1 .mContC .f1p1 img{display:block;width:auto;height:100%;margin:auto;}
#vpr1 .mContC .f1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
#vpr1 .mContC .t1{display:block;
	position:absolute;left:20px;right:20px;bottom:14px;
	max-width:1200px;
	margin:auto;
	color:#fff;
	font-size:16px;
	text-align:right;
}
#vpr1 .mContC .t1t1{display:inline-block;
	vertical-align:middle;
}
#vpr1 .mContC .t1ic1{display:inline-block;
	width:22px;height:22px;
	margin:0;
	background:url(../../img/main/ic44a1c0mapmarker1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
	text-indent:-9999px;
	overflow:hidden;
}


/* 비주얼Z축위(건수와검색) 20181016 */
#info1search1{display:block;position:relative;margin:auto;}
#info1search1 .wrap1{}
/* info1 */
#info1search1 .info1{
	position:relative;
	box-sizing:border-box; /* ☆ */
	padding:30px 20px 0;
	background:#000;
	background-color:rgba(0,0,0, .55);
	color:#fff;
	text-align:center;
}
#info1search1 .h1{
	font-weight:400;
	font-size:32px;
	letter-spacing:-.0625em;
}
#info1search1 .h1t1{
	font-weight:600;
}
#info1search1 .t1{display:block;}
#info1search1 .t1ic1{display:inline-block;
	width:60px;height:60px;
	margin:auto;
	background:url(../../img/main/ic120a1c1photo1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#info1search1 .t1t1{display:inline-block;
	font-size:45px;
	vertical-align:middle;
}
#info1search1 .t1t2{display:inline-block;
	margin:20px 0 0 4px;
	font-size:14px;
	vertical-align:middle;
}
/* search1 */
#info1search1 .search1{
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:auto;
	padding:15px 20px 30px;
	border-radius:0;
	background:#000;
	background-color:rgba(0,0,0, .55);
	color:#fff;
	text-align:center;
}
#info1search1 .column{display:block;
	vertical-align:middle;
}
#info1search1 .w2{
	margin:-6px 0;
}
#info1search1 .sep{
	color:#fff;
	font-size:20px;
	vertical-align:middle;
}
#info1search1 select{
	border:1px solid #fff;
	border-color:rgba(255,255,255, .35);
	background:transparent;
	color:#fff;
}
#info1search1 option{
	border:0;
	background:#fff;
	color:#000;
}
#info1search1 input[type='text']{
	width:190px;
	height:40px;
	border:0;
	background:#fff;
	background-color:rgba(255,255,255, .2);
	color:#fff;
	font-size:14px;
}
#info1search1 .submit{
	position:relative;
	width:44px;
	height:40px;
	margin:0 0 0 -4px;
	border:0;
	background:#000;
	background-color:rgba(0,0,0, .55);
}
#info1search1 .submit .ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:23px;height:23px;
	margin:-11.5px;
	background:url(../../img/main/ic46a1c0search1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
	text-indent:-9999px;
	overflow:hidden;
}


/* 새로운 사진 20181016 */
#new1photo1{display:block;position:relative;margin:auto;}
#new1photo1 .wrap1{}
#new1photo1 .h1{
	margin:0 0 14px;
	color:#222;
	/* font-weight:400; */
	font-size:22px;
}
#new1photo1 .even-grid{}
#new1photo1 .column{}
#new1photo1 .a1{display:block;}
#new1photo1 .f1{display:block;
	position:relative;
	margin:auto;
	padding:0 0 60.392%; /* (154/255) */
	background:#eee;
	text-align:center;
	overflow:hidden;
}
#new1photo1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
#new1photo1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
#new1photo1 .tg1{display:block;
	position:relative;
	margin:14px 0;
	padding:0 60px 0 0;
	overflow:hidden;
}
#new1photo1 .t1{display:block;
	height:1.375em;
	color:#333;
	font-size:16px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
#new1photo1 .g1{
	position:absolute;right:0;top:0;
	float:right;
	width:60px;
	height:22px;
	background:#da257a;
	color:#fff;
	font-weight:400;
	font-size:14px;
	line-height:22px;
	text-align:center;
	overflow:hidden;
}


/* 인기검색 사진 20181016 */
#hot1photo1{display:block;
	position:relative;
	margin-bottom:30px;
}
#hot1photo1 .wrap1{
	padding:24px 30px 0;
	background:#1f47a3;
}
#hot1photo1 .wrap1:before{ /* 수직바 */
	content:'';display:block;
	position:absolute;left:0;top:0;
	width:0;height:20px;
	margin:0 30px;
	border-left:2px solid #fff;
}
#hot1photo1 .h1{
	margin:0 0 14px;
	color:#fff;
	/* font-weight:400; */
	font-size:22px;
}
#hot1photo1 .even-grid{}
#hot1photo1 .column{}
#hot1photo1 .a1{display:block;}
#hot1photo1 .f1{display:block;
	position:relative;
	margin:auto;
	padding:0 0 58.633%; /* (163/278) */
	background:#eee;
	text-align:center;
	overflow:hidden;
}
#hot1photo1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
#hot1photo1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
#hot1photo1 .tg1{display:block;
	position:relative;
	margin:11px 0 17px;
	overflow:hidden;
}
#hot1photo1 .t1{
	float:left;
	color:#fff;
	font-size:14px;
}
#hot1photo1 .t2{
	float:right;
	color:#fff;
	font-weight:400;
	font-size:12px;
}
#hot1photo1 .t1t1,
#hot1photo1 .t2t1{
	vertical-align:middle;
}
#hot1photo1 .tg1 .ic1{display:inline-block;
	width:20px;height:20px;
	margin:0;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
 #hot1photo1 .tg1 .ic1.clock{
	background:url(../../img/main/ic40a1c0clock1.png) no-repeat center center;
}
 #hot1photo1 .tg1 .ic1.eye{
	background:url(../../img/main/ic40a1c0eye1.png) no-repeat center center;
}


/* 주제별 사진 20181029 */
#theme1photo1{display:block;position:relative;margin:auto;}
#theme1photo1 .wrap1{}
#theme1photo1 .hg1{}
#theme1photo1 .h1{
	float:left;
	margin:0 0 14px;
	color:#222;
	/* font-weight:400; */
	font-size:22px;
}
/* 제어 */
#theme1photo1 .mControl{
	float:right;
	z-index:10;
	position:relative;
	margin:-5px 0 10px;
	font-size:0;
	text-align:center;
}
#theme1photo1 .mControl .m{
	float:left;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:40px;height:40px;
	margin:0;padding:0;border-radius:0;border:0;
	background:url(../../img/main/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
	opacity:.42;
}
#theme1photo1 .mControl .m:before{content:'';display:block;
	position:absolute;left:0;top:50%;
	width:0;height:18px;
	margin:-9px -1px;
	border-left:1px solid #ccc;
}
#theme1photo1 .mControl .m:first-child:before{display:none;}
#theme1photo1 .mControl .m .ic1{float:left;
	position:absolute;left:50%;top:50%;
	width:24px;height:24px;
	margin:-12px;
	background:url() no-repeat center center;
	background-size:contain;
	overflow:hidden;
}
#theme1photo1 .mControl .prev .ic1{background-image:url(../../img/main/ic24a1c1left1.png);}
#theme1photo1 .mControl .next .ic1{background-image:url(../../img/main/ic24a1c1right1.png);}
/* ☆ */
#theme1photo1 .mView{
	clear:both;
	position:relative;
	height:424px; /* (54-1)*8 */
	border-top:1px solid #ccc;
	overflow:hidden;
}
#theme1photo1 .mCont{position:absolute;left:0;top:0;
	box-sizing:border-box; /* ☆ */
	width:100%;
	padding:0 0 0 1px;
	font-size:0;
	overflow:hidden;
	transition:.2s ease-out;
}
#theme1photo1 .mContC{display:inline-block;
	width:50%;
	height:53px;
	vertical-align:top;
}
#theme1photo1 .a1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	height:54px;
	margin:-1px 0 0 -1px;
	padding:15px 50px 15px 15px;
	border:1px solid #ccc;
	background:#fff;
	overflow:hidden;
}
#theme1photo1 .t1{display:inline-block;
	color:#444;
	font-size:16px;
	vertical-align:middle;
}
#theme1photo1 .ic1{display:inline-block;
	position:absolute;right:0;top:50%;
	width:25px;height:25px;
	margin:-13.5px 10px;
	background:url(../../img/main/ic25a1c1right1.png) no-repeat center center;
	vertical-align:middle;
}
#theme1photo1 .a1:hover .ic1,
#theme1photo1 .a1:focus .ic1{
	background-image:url(../../img/main/ic25a1c2right1.png);
}


/* 시대별 사진 20181017 [JS] jQmPrevNext3(); */
#age1photo1{display:block;position:relative;
	margin:0 auto 30px;
}
#age1photo1 .wrap1{}
#age1photo1 .hg1{}
#age1photo1 .h1{
	float:left;
	margin:0 0 14px;
	color:#222;
	/* font-weight:400; */
	font-size:22px;
}
/* 메뉴 */
#age1photo1 .menu{
	float:right;
	z-index:10;
	position:relative;
	height:auto; /* ☆ */
	margin:-5px 0 10px;
	font-size:0;
	text-align:center;
}
#age1photo1 .menu .m{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border:0;
	background:url(../../img/main/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
#age1photo1 .menu .m>.ic1{float:left;position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url() no-repeat center center;
	background-size:contain;
	overflow:hidden;
}
/* 제어 */
#age1photo1 .mControl{display:inline-block;
	vertical-align:middle;
}
#age1photo1 .mControl .m{float:left;
	width:40px;height:40px;
	opacity:.42;
}
#age1photo1 .mControl .m:before{content:'';display:block;
	position:absolute;left:0;top:50%;
	width:0;height:18px;
	margin:-9px -1px;
	border-left:1px solid #ccc;
}
#age1photo1 .mControl .m:first-child:before{display:none;}
#age1photo1 .mControl .m .ic1{width:24px;height:24px;margin:-12px;}
#age1photo1 .mControl .prev .ic1{background-image:url(../../img/main/ic24a1c1left1.png);}
#age1photo1 .mControl .next .ic1{background-image:url(../../img/main/ic24a1c1right1.png);}
/* 제어숨김 */
#age1photo1[data-total-page='NaN'] .menu,
#age1photo1[data-total-page='0'] .menu,
#age1photo1[data-total-page='1'] .menu{display:none;}
/* 내용뷰 */
#age1photo1 .mView{
	z-index:0;
	position:relative;
	/* width:228px; */
	height:188px;
	margin:auto;
	overflow:hidden;
}
#age1photo1 .mCont{
	list-style:none;margin:0;padding:0;
	position:absolute;left:0;top:0;
	width:30000px;
	height:100%;
	transition:.6s; /* ☆ */
}
/* [IE11] 초점 아이템 페이지로 이동 시 시간차 있으면 접근성 결함 해결 */
#age1photo1 .mView.mj-keyboard-in .mCont{ /* [JS] */
	transition:0s; /* ★ */
}
#age1photo1 .mContC{display:block;
	float:left;
	position:relative;left:0;top:0;
	width:228px; /* ☆ */
	height:188px;
	margin:0;
}
#age1photo1 .mContC:last-child{ /* 우끝단 맞춤 */
	margin:0;
}
#age1photo1 .mContC.on{display:block;}
#age1photo1 .mContC .w1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
#age1photo1 .mContC .a1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;
	background:#f4f4f4;
	overflow:hidden;
}
#age1photo1 .mContC .f1{display:block;
	position:relative;
	width:205px;
	height:124px;
	overflow:hidden;
}
#age1photo1 .mContC .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;overflow:hidden;}
#age1photo1 .mContC .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:0 auto;}
#age1photo1 .mContC .f1 .ic1{display:inline-block;
	visibility:hidden;opacity:0;
	position:absolute;left:50%;top:50%;
	width:41px;height:41px;
	margin:-20.5px;
	background:url(../../img/main/ic41a1c1plus1.png) no-repeat center center;
}
#age1photo1 .mContC .tg1{display:block;}
#age1photo1 .mContC .t1{display:block;
	margin:16px 0 12px;
	color:#444;
	font-size:16px;
}
#age1photo1 .mContC .deco1{display:block;
	position:relative;
	height:0;
	border-top:1px solid #ccc;
}
#age1photo1 .mContC .e1{display:inline-block;
	position:absolute;left:0;top:50%;
	box-sizing:border-box; /* ☆ */
	width:7px;
	height:21px;
	margin:-11px 0;
	border-radius:9999px;
}
#age1photo1 .mContC .e1:before{content:'';
	display:inline-block;
	position:absolute;left:50%;top:50%;
	width:7px;height:7px;
	margin:-3.5px;
	border-radius:9999px;
	background:#888;
}
/* 흑백[Edge13+] */
#age1photo1 .mContC .f1 img{
  -ms-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
/* 초점 */
#age1photo1 .mContC .a1:focus{border:1px dotted #000;}
#age1photo1 .mContC .a1:focus .f1{margin:-1px;}
#age1photo1 .mContC .a1:hover .f1 .ic1,
#age1photo1 .mContC .a1:focus .f1 .ic1{
	visibility:visible;opacity:1;
}
#age1photo1 .mContC .a1:hover .t1,
#age1photo1 .mContC .a1:focus .t1{
	color:#1f47a3;
	font-weight:600;
}
#age1photo1 .mContC .a1:hover .deco1,
#age1photo1 .mContC .a1:focus .deco1{
	border-top:2px solid #1f47a3;
}
#age1photo1 .mContC .a1:hover .e1,
#age1photo1 .mContC .a1:focus .e1{
	width:21px;
	border:2px solid #1f47a3;
	background:#f4f4f4;
}
#age1photo1 .mContC .a1:hover .e1:before,
#age1photo1 .mContC .a1:focus .e1:before{
	background:#1f47a3;
}
#age1photo1 .mContC .a1:hover .f1 img,
#age1photo1 .mContC .a1:focus .f1 img{
  -ms-filter: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  filter: none;
}


/* 추천키워드 20181029 */
#recommend1keyword1{display:block;position:relative;margin:auto;}
#recommend1keyword1 .wrap1{}
#recommend1keyword1 .h1{
	float:left;
	margin:0 0 14px;
	color:#1f47a3;
	/* font-weight:400; */
	font-size:22px;
}
/* 제어 */
#recommend1keyword1 .mControl{
	float:right;
	z-index:10;
	position:relative;
	margin:-5px 0 10px;
	font-size:0;
	text-align:center;
}
#recommend1keyword1 .mControl .m{
	float:left;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:40px;height:40px;
	margin:0;padding:0;border-radius:0;border:0;
	background:url(../../img/main/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
	/* opacity:.42; */
}
#recommend1keyword1 .mControl .m:before{content:'';display:block;
	position:absolute;left:0;top:50%;
	width:0;height:18px;
	margin:-9px -1px;
	border-left:1px solid #6a8bd7;
}
#recommend1keyword1 .mControl .m:first-child:before{display:none;}
#recommend1keyword1 .mControl .m .ic1{float:left;
	position:absolute;left:50%;top:50%;
	width:24px;height:24px;
	margin:-12px;
	background:url() no-repeat center center;
	background-size:contain;
	overflow:hidden;
}
#recommend1keyword1 .mControl .prev .ic1{background-image:url(../../img/main/ic24a1c3left1.png);}
#recommend1keyword1 .mControl .next .ic1{background-image:url(../../img/main/ic24a1c3right1.png);}
/* ☆ */
#recommend1keyword1 .mView{
	clear:both;
	position:relative;
	height:176px; /* (34+5*2)*4 */
	overflow:hidden;
}
#recommend1keyword1 .mCont{position:absolute;left:0;top:0;
	box-sizing:border-box; /* ☆ */
	width:100%;
	margin:-5px -3px;
	font-size:0;
	overflow:hidden;
	transition:.2s ease-out;
}
#recommend1keyword1 .mContC{display:inline-block;
	margin:5px 3px;
	vertical-align:top;
}
#recommend1keyword1 .a1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	height:34px;
	padding:7px 14px;
	border-radius:9999px;
	border:1px solid #2c53af;
	background:#fff;
}
#recommend1keyword1 .t1{display:inline-block;
	color:#2c53af;
	font-size:14px;
	line-height:20px;
	vertical-align:middle;
}

/* 읍면별 사진 20181018 */
#region1photo1{display:block;
	z-index:10;
	position:relative;
	/* margin:auto; ☆ .width1expand1 마진값 적용 */
	border-radius:0;
	background:#000;
	background-color:rgba(0,0,0, .65);
	color:#fff;
	text-align:center;
}
#region1photo1 .wrap1{
	padding:18px 0;
}
#region1photo1 .wrap2{
	overflow:hidden;
}
#region1photo1 .hg1{display:block;
	margin:0 0 14px;
}
#region1photo1 .hg1 .ic1{display:inline-block;
	width:50px;height:50px;
	margin:0;
	background:url(../../img/main/ic100a1c1camera1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#region1photo1 .h1{display:inline-block;
	color:#fff;
	/* font-weight:400; */
	font-size:22px;
	vertical-align:middle;
}
/* ☆ */
#region1photo1 .lst1{display:block;
	margin:-5px -3px;
	font-size:0;
	overflow:hidden;
}
#region1photo1 li{display:inline-block;
	margin:5px 3px;
	vertical-align:top;
}
#region1photo1 .a1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	height:34px;
	padding:6px 15px;
	border:1px solid #fff;
	border-color:rgba(255,255,255, .2);
	border-radius:9999px;
}
#region1photo1 .a1:hover,
#region1photo1 .a1:focus{
	border-color:rgba(255,255,255, .4);
}
#region1photo1 .on .a1{
	border-color:transparent;
	background:#da257a;
}
#region1photo1 .t1{display:inline-block;
	color:#fff;
	font-size:16px;
	line-height:20px;
	vertical-align:middle;
}
/* ☆ */
#region1photo1 .tg1{display:inline-block;
	margin:20px 0 0;
	padding:5px 10px;
	background:#fff;
	background-color:rgba(255,255,255, .75);
	text-align:left;
	overflow:hidden;
}
#region1photo1 .tg1 .ic1{float:left;
	width:20px;height:20px;
	margin:0 4px 0 0;
	background:url(../../img/main/ic40a2c1focus1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#region1photo1 .tg1 .t1{display:block;
	color:#333;
	font-size:13px;
	overflow:hidden;
}


/* 포토맵 20181018 ((( lib2.css .photo1map1 */
#photo1map1{
	clear:both;
}


/* 읍면별 사진 레이어창 20181018 */
#region1photo1layer1{display:block;position:relative;
	margin:-10px auto 20px;
}
#region1photo1layer1 .wrap1{
	overflow:hidden;
}
#region1photo1layer1 .w1c1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	padding:16px 20px;
	background:#232638;
	background-color:rgba(35,38,56, .9);
}
#region1photo1layer1 .w1c2{display:block;
	box-sizing:border-box; /* ☆ */
	background:#fff;
	background-color:rgba(255,255,255, .9);
	overflow:hidden;
}
#region1photo1layer1 .hg1{display:inline-block;
	vertical-align:middle;
}
#region1photo1layer1 .h1{display:inline-block;
	color:#fff;
	font-weight:400;
	font-size:22px;
	vertical-align:middle;
}
#region1photo1layer1 .hg1 .ic1{display:inline-block;
	width:24px;height:24px;
	margin:0;
	background:url(../../img/main/ic48a1c0mapmarker1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#region1photo1layer1 .tg1{display:inline-block;
	margin:0 0 0 14px;
	padding:0 0 0 14px;
	border-left:1px solid #5b5d68;
	color:#fff;
	vertical-align:middle;
}
#region1photo1layer1 .tg1 .t1{
	color:#fff;
	font-size:16px;
}
#region1photo1layer1 .more{display:inline-block;
	position:absolute;right:20px;top:50%;
	width:20px;height:20px;
	margin:-10px 0;
	background:url(../../img/main/ic24a1c2plus1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
	text-indent:-9999px;
	overflow:hidden;
}
/* 사진 */
#region1photo1layer1 .even-grid{}
#region1photo1layer1 .column{}
#region1photo1layer1 .lst1 .a1{display:block;}
#region1photo1layer1 .lst1 .a1:focus{
	outline:1px dotted #000;
}
#region1photo1layer1 .lst1 .f1{display:block;
	position:relative;
	margin:auto;
	padding:0 0 60.488%; /* (124/205) */
	background:#eee;
	text-align:center;
	overflow:hidden;
}
#region1photo1layer1 .lst1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
#region1photo1layer1 .lst1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
/* 키워드 */
#region1photo1layer1 .lst2{
	position:relative;
	margin:1% 0 2%;
	font-size:0;
	overflow:hidden;
}
#region1photo1layer1 .lst2 li{display:inline-block;
	margin:5px 6px 5px 0;
	vertical-align:top;
}
#region1photo1layer1 .lst2 .a1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	height:26px;
	padding:2px 10px;
	border-radius:9999px;
	border:1px solid #999;
	background:#fff;
}
#region1photo1layer1 .lst2 .t1{display:inline-block;
	color:#777;
	font-size:13px;
	line-height:20px;
	vertical-align:middle;
}
/* 닫기 */
#region1photo1layer1 .b1.close{display:none; /* ☆ */
	position:absolute;right:0;top:0;
	width:50px;height:50px;
	background:url(../../img/main/ic50a1c1x1.png) no-repeat center center;
	text-indent:-9999px;
	overflow:hidden;
}


/* 1년전 사진 20181018 */
#year1ago1photo1{display:block;position:relative;margin:auto;}
#year1ago1photo1 .wrap1{
	color:#fff;
	text-align:center;
}
#year1ago1photo1 .hg1{}
#year1ago1photo1 .h1{
	margin:0 0 14px;
	font-weight:400;
	font-size:30px;
}
#year1ago1photo1 .hg1 .t1{
	font-size:18px;
}
#year1ago1photo1 .hg2{display:table;
	z-index:10;
	position:relative;
	width:83px;
	height:83px;
	margin:0 0 -53px -20px;
	border-radius:9999px;
	background:#fc6631;
	overflow:hidden;
}
#year1ago1photo1 .hg2c{display:table-cell;
	vertical-align:middle;
}
#year1ago1photo1 .hg2 .t1{display:block;
	font-size:12px;
}
#year1ago1photo1 .hg2 .t2{display:block;
	font-size:24px;
}
/* ☆ */
#year1ago1photo1 .grid1{}
#year1ago1photo1 .grid2{}
#year1ago1photo1 .even-grid{}
#year1ago1photo1 .column{text-align:left;}
#year1ago1photo1 .a1{display:block;}
#year1ago1photo1 .a1:focus{
	outline:1px dotted #fff;
}
#year1ago1photo1 .f1{display:block;
	position:relative;
	margin:auto;
	padding:0 0 60.488%; /* (124/205) */
	background:#eee;
	text-align:center;
	overflow:hidden;
}
#year1ago1photo1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
#year1ago1photo1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
#year1ago1photo1 .tg1{display:block;
	position:relative;
	margin:14px 0;
	padding:0 60px 0 0;
	overflow:hidden;
}


/* ◇◆ StyleName. YYYYMMDD. @Who	 ◇◆ */


/* ☆작업확인용 */
/*
	#body [class*='mainbody2']>.container>[id]:nth-child(1){display:none;}
 */

/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */
@media all and (min-width:360px){/* ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:360px) */
/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */
@media all and (min-width:480px){/* ◇◆◇◆◇◆◇◆◇◆ */


#theme1photo1 li{
	width:33.333%;
}


} /* /(min-width:480px) */
@media all and (min-width:640px){/* ◇◆◇◆◇◆◇◆◇◆ */


#theme1photo1 li{
	width:25%;
}

#year1ago1photo1 .grid1>.column:first-child{
	padding-right:20px;
}
#year1ago1photo1 .grid2{
	margin-top:0;
	margin-bottom:0;
}
#year1ago1photo1 .grid2>.column{
	padding-top:0;
	padding-bottom:10px;
}


} /* /(min-width:640px) */
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */


#body .mainbody1{}
#body .mainbody2{
	height:0;
	margin-top:-390px; /* (110-500) */
	margin-bottom:390px;
}
#body .mainbody3{}
#body .mainbody4{}
#body .mainbody5{}
#body .mainbody6{}
	#body .mainbody1>.container{}
	#body .mainbody2>.container{}
	#body .mainbody3>.container{padding:30px 0;}
	#body .mainbody4>.container{padding:40px 0;}
	#body .mainbody5>.container{}
	#body .mainbody6>.container{padding:40px 0 30px;}


#vpr1 .mView{
	height:500px; /* 정보 안잘리게 >=1260*(750/1920) */
}

#info1search1 .info1{
	margin:0 auto 30px;
	background:transparent;
}
#info1search1 .h1{
	font-weight:400;
	font-size:65px;
}
#info1search1 .search1{
	width:530px;
	padding:15px 35px;
}
#info1search1 .w1,
#info1search1 .w2,
#info1search1 .w3{
	display:inline-block;
}


} /* /(min-width:768px) */
@media all and (min-width:800px){/* large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:800px) */
@media all and (min-width:1000px){/* large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1000px) */
@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */


#body .mainbody1{}
#body .mainbody2{
	height:0;
	margin-top:-600px; /* (화면확인) */
	margin-bottom:600px;
}
#body .mainbody3{}
#body .mainbody4{}
#body .mainbody5{}
#body .mainbody6{}
	#body .mainbody1>.container{
		width:auto;
		max-width:none;
		margin:auto;
	}
	#body .mainbody2>.container{}
	#body .mainbody3>.container{padding:24px 0 30px;}
	#body .mainbody4>.container{padding:30px 0;}
	#body .mainbody5>.container{}
	#body .mainbody6>.container{padding:40px 0 30px;}


#vpr1 .mView{
	z-index:-1; /* ☆ 쌓임맥락 -1 하면 모바일은 이러면 터치 안되니 여기서 값준다. */
	height:750px;
}


#info1search1 .info1{
	width:896px;
	height:422px;
	margin:0 auto 60px;
	background:transparent;
}
#info1search1 .h1{
	margin:35px 0 180px;
	font-weight:400;
	font-size:65px;
}
#info1search1 .search1{
	width:896px;
	padding:9px 35px;
	border-radius:9999px;
}
#info1search1 .w1,
#info1search1 .w2,
#info1search1 .w3,
#info1search1 .w4{
	display:inline-block;
}
#info1search1 .w2{
	margin:0 20px;
}
#info1search1 .w4{
	margin:0 0 0 20px;
}
#info1search1 select{
	border:0;
}
/* 장식 */
#info1search1 .deco1 [class]{
	display:block;
	position:absolute;
	width:20px;
	height:22px;
	border:2px solid #fff;
}
#info1search1 .deco1 .lt{
	left:0;top:0;
	border-width:2px 0 0 2px;
}
#info1search1 .deco1 .rt{
	right:0;top:0;
	border-width:2px 2px 0 0;
}
#info1search1 .deco1 .rb{
	right:0;bottom:0;
	border-width:0 2px 2px 0;
}
#info1search1 .deco1 .lb{
	left:0;bottom:0;
	border-width:0 0 2px 2px;
}
#info1search1  .deco2{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:48px;height:48px;
	margin:-24px;
	background:url(../../img/main/ic48a2c1plus1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
	text-indent:-9999px;
	overflow:hidden;
}


#new1photo1{
	float:left;
	width:535px;
	margin:0 25px 0 0;
}
#new1photo1 .even-grid{
	margin-bottom:0;
}
#new1photo1 .column{
	width:50%;
	padding-top:0;
	padding-bottom:8px;
}

#hot1photo1{
	float:left;
	width:338px;
	margin:-24px 0;
}
#hot1photo1 .wrap1{
	padding:24px 30px 0;
}
#hot1photo1 .even-grid{
	margin-bottom:0;
	padding-bottom:1px;
}
#hot1photo1 .column{
	width:100%;
	padding-top:0;
	padding-bottom:0;
}

#theme1photo1{
	float:right;
	width:277px;
	margin:0;
}
#theme1photo1 li{
	width:50%;
}

#age1photo1{
	float:left;
	width:898px;
	margin:0;
}

#recommend1keyword1{
	float:right;
	width:277px;
	margin:0;
}

#region1photo1{
	height:114px;
	margin-bottom:-114px;
	text-align:left;
}
#region1photo1 .hg1{
	float:left;
	width:220px;
	margin:-8px 0;
}
#region1photo1 .lst1{
	width:980px;
}
#region1photo1 .a1{
	border-color:transparent;
}
#region1photo1 .tg1{
	position:absolute;right:0;bottom:0;
	margin:-40px 0;
}


#photo1map1{
	height:700px;
}

#region1photo1layer1{
	margin:-210px auto 10px;
}
#region1photo1layer1 .w1c1{
	float:left;
	width:220px;
	height:200px;
}
#region1photo1layer1 .w1c2{
	height:200px;
	padding:20px 70px 0 30px;
	background:#fff;
	background-color:rgba(255,255,255, .9);
}
#region1photo1layer1 .hg1{
	margin-top:16px;
}
#region1photo1layer1 .tg1{
	display:block;
	margin:14px 0 0 0;
	padding:14px 0 0 0;
	border:0;
	border-top:1px solid #5b5d68;
	text-align:right;
}
#region1photo1layer1 .more{
	position:absolute;right:20px;top:auto;bottom:20px;
	margin:0;
}
#region1photo1layer1 .even-grid{
	margin-top:0;
	margin-bottom:0;
}
#region1photo1layer1 .column{
	padding-top:0;
	padding-bottom:0;
}
#region1photo1layer1 .lst2{
	margin-right:-10px;
	margin-bottom:0;
	white-space:nowrap;
}
#region1photo1layer1 .lst2:after{content:'…';display:block;
	position:absolute;right:0;
	top:0;
	width:20px;
	height:36px;
	overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255, 0) 0, #fff 100%);
}
#region1photo1layer1 .b1.close{
	display:inline-block;
}


#year1ago1photo1 .grid1>.column:first-child{
	padding-right:45px;
}
#year1ago1photo1 .grid2{
	margin:0 -20px;
}
#year1ago1photo1 .grid2>.column{
	padding:0 20px 25px;
}


/* ◇◆ Only Desktop ◇◆ */


/* ☆ 재정의
 * [~IE8] 미디어쿼리를 JS 로 작동하는거의 결함 방지하려면.. 동일한 미디어쿼리 안에서 재정의하세요.
 */


} /* /(min-width:1260px) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */


/* @-webkit-keyframes kfx1{} [CSS3]invalid)
 * [IE10+]
 */
@keyframes kfx1move1vertic1{
	0%{margin-bottom:40px;}
	50%{margin-bottom:60px;}
	100%{margin-bottom:40px;}
}
@keyframes kfx1move1vertic2{
	0%{transform: translateY(0);}
	50%{transform: translateY(2px);}
	100%{transform: translateY(0);}
}
@keyframes kfx1opacity1{
	0%{opacity:0;}
	100%{opacity:1;}
}