@charset "utf-8";

.sub_title{background:url(../image/sub/title_bg.jpg) no-repeat 30% 0;}
.sub_title h1{display:block;padding:56px 0 36px 0;width:1200px;margin:0 auto;font-size:40px;font-weight:800;color:#111;letter-spacing:-0.5px;background:url(../image/sub/title_underline.jpg) no-repeat 0 bottom;}

/*리스트*/
#container{min-height:650px;}

.pic_list .page_info{font-size:17px;color:#444;padding-bottom:20px;}
.pic_list .page_info strong{color:#dd3f20;}
.pic_list .page_info span{font-weight:600;color:#2d4ca6;}

.pic_list{width:1200px;margin:0 auto;margin-top:28px;}
.pic_list > ul{overflow:hidden;}
.pic_list > ul li{width:283px;height:265px;background:#fff;margin-right:20px;margin-bottom:20px;border:1px solid #d8d8d8;padding-bottom:22px;float:left;position:relative;}
.pic_list > ul li:nth-child(4n){margin-right:0;}
.pic_list > ul li > div{height:200px;overflow:hidden;background:#eee;}
.pic_list > ul li > div img{min-width:100%;height:100%;}
.pic_list > ul li strong{}
.pic_list > ul li strong a{font-size:18px;color:#303030;letter-spacing:-0.3px;font-weight:600;display:inline-block;margin:22px 0 0 14px;width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pic_list > ul li strong a:hover{border:1px solid #555;position:absolute;top:194px;left:0;z-index:9999;background:#fff;padding:4px 6px 3px 6px;width:240px;height:auto;overflow:visible;white-space:inherit;}
.pic_list > ul li span{position:absolute;top:250px;left:0;font-size:14px;color:#808080;display:inline-block;margin:0 0 0 14px;}
.pic_list .page{padding:20px 0 80px 0;}
.pic_list .page ul{overflow:hidden;font-size:0;text-align:center;}
.pic_list .page ul li{display:inline-block;vertical-align:top;}
.pic_list .page ul li a{font-size:17px;display:block;width:40px;height:40px;color:#444;line-height:40px;}
.pic_list .page ul li a:hover{color:#000;text-decoration:underline;font-weight:600;}
.pic_list .page ul li a.sel{color:#000;text-decoration:underline;font-weight:600;}
.pic_list .page ul li.btn a{text-indent:-99999px;}
.pic_list .page ul li.btn.start a{background:url(../image/inc/page_arr.png) no-repeat 0 0;}
.pic_list .page ul li.btn.prev a{background:url(../image/inc/page_arr.png) no-repeat -40px 0;}
.pic_list .page ul li.btn.next a{background:url(../image/inc/page_arr.png) no-repeat -80px 0;}
.pic_list .page ul li.btn.end a{background:url(../image/inc/page_arr.png) no-repeat -120px 0;}

.pic_list > ul li.none{width:100%;height:auto;float:inherit;text-align:center;padding:28px;}

/*뷰페이지*/
/*
.view_wrap{position:relative; width:1200px;margin:0 auto;padding:20px 0 100px 0;}

.view_wrap .viewImg { position:relative; width:100%; height:580px; }
.view_wrap .viewImg .slider { width:100%; height:533px; background:#000; text-align:center; }
.view_wrap .viewImg .slider a.pic_down { position:absolute; top:0; right:0; width:134px;height:36px;line-height:36px;background:rgba(149,114,23,0.8);font-weight:600;letter-spacing:-0.5px;font-size:14px;color:#fff;transition:0.25s; }
.view_wrap .viewImg .list { float:left; }
.view_wrap .viewImg .list .bar { position:absolute; bottom:0; width:100%; height:60px; line-height:60px;background:rgba(0,0,0,0.8); color:#fff; }

.view_wrap .slick-prev,
.view_wrap .slick-next { position:absolute; top:40%; width:67px; height:67px; line-height:67px; border:none; font-size:0; cursor:pointer; display:block; z-index:1003; }

.view_wrap .slick-next { right:0; background:url(../image/sub/view_arr_next.png) no-repeat 0 0; }
.view_wrap .slick-prev { left:0; background:url(../image/sub/view_arr_prev.png) no-repeat 0 0; }

.view_wrap .thumbs { width:100%; height:100px; overflow:hidden; }
.view_wrap .thumbs .slick-list { padding:0 !important; }
.view_wrap .thumbs .slick-list .slick-track { width:100% !important; transform:inherit !important; }
.view_wrap .thumbs .slick-list .slick-track .slick-slide { float:left; width:calc(12.5% - 10px) !important; margin:0 11.4px 10px 0; }
.view_wrap .thumbs .slick-list .slick-track .slick-slide a { display:block; }
.view_wrap .thumbs .slick-list .slick-track .slick-slide a img { width:100%; }

.view_wrap .thumbs .slick-list .slick-track .slick-slide:nth-child(8n) { margin:0 0 10px 0; }
*/


/* 포토게시판 보기 */
.contentPhoto { width:1200px; margin:0 auto;}
.photo_view { width:100%; margin-bottom:20px;  }
.photo_view .photoTop { position:relative; width:100%; height:60px; line-height:60px; padding:0 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f9f9f9; margin-bottom:20px; }
.photo_view .photoTop h1 { float:left; width:calc(100% - 110px); color:#000; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:130%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }
.photo_view .photoTop p { float:right; width:110px; color:#666; text-align:right; font-size:110%; }

.photo_view .photo_area { position:relative; width:100%; padding:30px; box-sizing:border-box; background:#f1f1f1; text-align:center; margin-bottom:30px;  }

.photo_view .photo_area .slider-for { width:100%; display:block; margin-bottom:50px; }
.photo_view .photo_area .slider-for .slick-slide { float:left; display:block; }
.photo_view .photo_area .slider-for .slick-slide a { width:100%; height:100%; display:block; }
.photo_view .photo_area .slider-for .slick-slide img { width:100%; }

.photo_view .photo_area .slider-for .slick-slide a.fileDown:link,
.photo_view .photo_area .slider-for .slick-slide a.fileDown:visited { position:absolute; left:calc(50% - 50px); bottom:100px; width:auto; height:26px; line-height:26px; padding:0 10px; border-radius:3px; background:#1757b7; color:#ccc; font-size:90%; display:block; z-index:1000000000; }
.photo_view .photo_area .slider-for .slick-slide a.fileDown:active,
.photo_view .photo_area .slider-for .slick-slide a.fileDown:focus,
.photo_view .photo_area .slider-for .slick-slide a.fileDown:hover { color:#fff; }

.photo_view .photo_area .slider-for .slick-slide .bar { position: absolute; bottom: 0; width: 100%; height: 80px; line-height: 80px; background:rgba(0,0,0,0.5); color: #fff; }

.photo_view .pic_txt{border-top:1px dashed #ddd;margin-top:14px;margin-bottom:14px;padding-top:18px;padding-bottom:55px;border-bottom:2px solid #555;}
.photo_view .pic_txt p{line-height:140%;}

.photo_view .photo_area .slider-nav { width:calc(100% - 70px); margin:0 auto; }
.photo_view .photo_area .slider-nav .slick-slide { float:left; }
.photo_view .photo_area .slider-nav .slick-slide img { width:100px !important; height:67px !important; cursor:pointer; }
.photo_view .photo_area .slider-nav .slick-track { float:left; }
.photo_view .photo_area .slider-nav .slick-list { z-index:99;}

			/* 이전 다음 */
.photo_view .photo_area .slick-prev, 
.photo_view .photo_area .slick-next { position:absolute; top:50%; display:block; width:15px; height:26px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; background:transparent; }

.photo_view .photo_area .slick-prev { left:-50px; background:url(/images/common/calendar_btn_prev.gif) no-repeat; }
.photo_view .photo_area .slick-next { right:-50px; background:url(/images/common/calendar_btn_next.gif) no-repeat; }


			/* Dots 메인 서브  */
.photo_view .slick-dotted.slick-slider {  }
.photo_view .slick-dots { position:absolute; bottom:80px; width:100%; color:#113d8e; font-weight:bold; font-size:110%; text-align:center; display:block; border:none; z-index:1000; }
.photo_view .slick-dots li { position: relative; width: 20px; height:20px; display:inline-block; margin:0 3px; padding:0; cursor: pointer; border:none; }
.photo_view .slick-dots li button { font-size:0; line-height:0; display:block; width:20px; height:20px; padding:5px; cursor:pointer; color:transparent; border:0; outline:none; background:transparent; }
.photo_view .slick-dots li button:hover,
.photo_view .slick-dots li button:focus {  outline: none; }
.photo_view .slick-dots li button:hover:before,
.photo_view .slick-dots li button:focus:before { opacity: 1;}
.photo_view .slick-dots li button:before {  position: absolute; top: 0; left: 0;  width: 20px; height: 20px; font-family: 'arial'; font-size:30px; line-height: 20px;  content: '●'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.photo_view .slick-dots li.slick-active button:before { opacity: .75; color: black; }

.photo_view .photoContent { width:100%; padding:15px 15px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; line-height:1.5; }
.photo_view .photoContent li { width:100%; padding:10px 0 10px 0; border-bottom:1px solid #eee; line-height:1.3; overflow:hidden; display:block; }
.photo_view .photoContent li strong { float:left; width:120px; padding-left:17px; background:url(/images/common/blt_h5.gif) no-repeat 0 10px; color:#333; }
.photo_view .photoContent li span { float:left; width:calc(100% - 120px); }
.photo_view .photoContent li:last-child { border:none; }
.photo_view .photoContent li .subject { color:#113d8e; font-weight:bold; }


@media (max-width:768px){
	.photo_view .photoTop { height:auto; line-height:1.3; padding:15px 20px 15px 20px; }
	.photo_view .photoTop h1 { float:none; width:100%; overflow:visible; text-overflow:clip; white-space:normal; margin-bottom:7px; }
	.photo_view .photoTop p { float:none; width:100%; text-align:left; }


	.photo_view .photo_area { padding:15px; }

	.photo_view .photo_area .slider-nav .slick-slide img { width:80px !important; height:54px !important; }
	
	.photo_view .photo_area .slick-prev { left:-35px; }
	.photo_view .photo_area .slick-next { right:-35px; }

	.photo_view .slick-dots { bottom:67px; }

	.photo_view .photoContent li strong { width:90px; }
	.photo_view .photoContent li span { width:calc(100% - 90px); }
}







/*
.pic_down{display:block;position:absolute;bottom:16px;right:333px;color:#fff !important;border:1px solid rgba(255,255,255,0.5);border-radius:3px;width:154px;height:36px;text-align:center;line-height:35px;letter-spacing:-0.3px;transition:0.3s;}
.pic_down:hover{background:#bd911f;border:1px solid #bd911f;}
*/
.sns{width:280px;text-align:right;padding-top:24px;position:absolute;bottom:160px;right:50px; z-index:10001;}
.sns ul{overflow:hidden;}
.sns ul li{display:inline-block;vertical-align:top;padding-left:2px;}
.sns ul li a{display:block;font-size:0;width:40px;height:40px;}
.sns ul li:nth-child(1) a{background:url(../image/sub/sns_icon.png) no-repeat 0 0;}
.sns ul li:nth-child(2) a{background:url(../image/sub/sns_icon.png) no-repeat -40px 0;}
.sns ul li:nth-child(3) a{background:url(../image/sub/sns_icon.png) no-repeat -80px 0;}
.sns ul li:nth-child(4) a{background:url(../image/sub/sns_icon.png) no-repeat -120px 0;}
.sns ul li:nth-child(5) a{background:url(../image/sub/sns_icon.png) no-repeat -160px 0;}
.sns ul li:nth-child(6) a{background:url(../image/sub/sns_icon.png) no-repeat -200px 0;}



.view_wrap #view_thumbs{overflow:hidden;margin-top:18px;}
.view_wrap #view_thumbs a{display:block;float:left;width:12%;height:96px;overflow:hidden;margin-right:0.5%;margin-bottom:0.5%;opacity:0.5;}
.view_wrap #view_thumbs a.active{opacity:1;}
.view_wrap #view_thumbs a img{width:100%;height:96px;}

.view_wrap .pic_txt{border-top:1px dashed #ddd;margin-top:14px;margin-bottom:14px;padding-top:18px;padding-bottom:55px;border-bottom:2px solid #555;}
.view_wrap .pic_txt p{line-height:140%;}

.view_wrap .btn_go_list{text-align:center;padding-top:50px;}
.view_wrap .btn_go_list a{display:inline-block;border-radius:3px;color:#fff;font-size:16px;letter-spacing:-0.3px;background:#bd911f;padding:10px 14px;}



/*검색결과*/
.search{background:#fff;width:1200px;margin:0 auto;margin-top:40px;border:1px solid #d2d2d2;box-shadow:0px 3px 0px 0px rgba(0, 0, 0, 0.04);overflow:hidden;position:relative;}
.search .num{display:block;width:168px;float:left;border-right:1px solid #e9e9e9;height:86px;line-height:86px;font-size:17px;color:#222;text-align:center;}
.search .num > span{font-size:20px;color:#dd3f20;font-weight:600;letter-spacing:-1px;}
.search fieldset > div{float:left;margin-left:60px;height:86px;line-height:86px;}
.search fieldset > div label{color:#111;font-size:17px;font-weight:600;background:url(../image/main/arr_dotted.jpg) no-repeat 0 5px;padding-left:14px;margin-right:18px;}
.search fieldset > div select{border:1px solid #e1e1e1;padding:8px 10px;min-width:100px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../image/inc/select_arr.png) no-repeat 88% 50%;}
.search fieldset > div input[type=text]{border:1px solid #e1e1e1;padding:8px 10px;width:200px;vertical-align:middle;}
.search fieldset > div input[type=submit]{background:#3c56a0;color:#fff;border-radius:3px;border:0;height:36px;padding:0 14px;cursor:pointer;vertical-align:middle;}
.search .moreview{position:absolute;top:22px;right:30px;border:1px solid #a7a7a7;border-radius:3px;background:#fff url(../image/main/icon_view.jpg) no-repeat 80% 50%;letter-spacing:-0.4px;box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.08);height:38px;line-height:38px;}
.search .moreview a{color:#0e0e0e;display:block;padding:0 40px 0 20px;}