@charset "UTF-8";
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* Author : 사하구청
/* Date : 2016-08-01 ~
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 메인 공통
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@charset "utf-8";

body { background:#606060 url(/photo/images/main/bg_main.jpg) center top no-repeat; } 
.main_contents { position: relative; }

/*----------상단배경 컨텐츠 영역----------*/
.top_contents { height: 645px; padding: 45px 0 0px 0; }
/*메인타이틀 영역*/
.main_title { text-align: center; }
/*최근업데이트 영역*/
.update { width: 200px; height: 40px; padding: 10px 0; float: left; font-weight: bold; font-size: 14px; }
.update span { padding-left: 22px; font-weight: normal; color: #777; background: url(/photo/images/main/icon_line.gif) 10px 50% no-repeat; }
/*sns 영역*/
.sns ul.sns_icon { width: 120px; float: right; }
.sns ul.sns_icon li { float: left; padding-left: 5px; }

/*메인 사진영역*/
.top_photo { position: relative; width: 1200px; overflow: hidden; }
.top_photo .main_photo { position: relative; width: 800px; height: 480px; float: left; }
.top_photo .main_photo h4 { position: absolute; top: 7px; left: 7px; z-index: 200; width: 50px; height: 24px; line-height: 24px; padding-left: 25px; background: #D53B2B url(/photo/images/main/icon_star.gif) 5px 45% no-repeat; font-size: 12px; color: #fff; }
.top_photo .main_photo .main_photo_list { position: absolute; }
.top_photo .main_photo .photo_text { position: absolute; z-index: 10; bottom: 0px; width: 800px; height: 133px; background: url(/photo/images/main/bg_photo_text.png) left top repeat-x; color: #fff; }
.top_photo .main_photo .photo_text a { color: #fff; }
.top_photo .main_photo .photo_text a:HOVER { text-decoration: none; }
.top_photo .main_photo .photo_text .title { padding: 18px 0 0px 45px; font-size: 21px; }
.top_photo .main_photo .photo_text .sub_text { padding: 0px 0 0px 45px; }
.top_photo .main_photo .photo_text .lc_area { padding: 0px 0 0px 65px; margin-top: 8px; background: url(/photo/images/main/icon_location.png) 45px 50% no-repeat; font-size: 13px; }
.top_photo .main_photo .photo_text .lc_area .date { padding-left: 22px; background: url(/photo/images/main/icon_line.gif) 10px 50% no-repeat; font-size: 12px; }
.top_photo .main_photo .ctr_btn { position: absolute; z-index: 100; bottom: 55px; right: 40px; }
.top_photo .main_photo .ctr_btn li { display: inline-block; float: left; padding: 0 5px; } 
.top_photo .right_photo { width: 400px; height: 480px; float: left; } 
.top_photo .right_photo .saha_news { position: relative; }
.top_photo .right_photo .saha_news h4 { position: absolute; top: 7px; left: 7px; z-index: 200; width: 50px; height: 24px; line-height: 24px; padding-left: 25px; background: #386BC7 url(/photo/images/main/icon_notice.gif) 5px 45% no-repeat; font-size: 12px; color: #fff; }
.top_photo .right_photo .saha_news .title { position: absolute; z-index: 10; bottom: 0; width: 100%; padding: 15px 0 15px 25px; font-size: 15px; color: #fff; background: url(/photo/images/main/bg_photo_text.png) left top repeat-x; }
.top_photo .right_photo .saha_view { position: relative; }
.top_photo .right_photo .saha_view h4 { position: absolute; top: 7px; left: 7px; z-index: 200; width: 50px; height: 24px; line-height: 24px; padding-left: 25px; background: #D3862C url(/photo/images/main/icon_img.gif) 5px 45% no-repeat; font-size: 12px; color: #fff; }
.top_photo .right_photo .saha_view .title { position: absolute; z-index: 10; bottom: 0; width: 100%; padding: 15px 0 15px 25px; font-size: 15px; color: #fff; background: url(/photo/images/main/bg_photo_text.png) left top repeat-x; }

/*사진 갤러리 영역*/
.gallery { position: relative; width: 1200px; height: auto; padding: 0px 0 80px 0; }
.gallery .category { margin-top: 30px; }
.gallery .category li { width: 128px; height: 40px; line-height: 40px; display: inline-block; margin-left: 1px; }
.gallery .category li:FIRST-CHILD { margin-left: 0px; }
.gallery .category li a { display: block; background: #E6E6E6; font-size: 14px; text-align: center; border-radius: 2px 2px 0px 0px; }
.gallery .category li a.active { background: #606060; color: #fff; font-size: 15px; }
.gallery .category li a:hover { text-decoration: none; background: #606060; color: #fff; }
.gallery .gallery_option { height: 40px; margin-top: 30px; text-align: right; }
.gallery .gallery_option label { padding-right: 20px; color: #fff; }
.gallery .gallery_list { position: relative; overflow: hidden; }
.gallery .gallery_list li { position: relative; float: left; width: 398px; height: 238px; overflow: hidden; border: 1px solid #ffffff; }
.gallery .gallery_list li a img { width: 400px; height: 240px; }
.gallery .gallery_list li .title { position: absolute; z-index: 500; bottom: 0; width: 100%; padding: 15px 0 15px 25px; font-size: 15px; color: #fff; background: url(/photo/images/main/bg_photo_text.png) left top repeat-x; }
.gallery .gallery_list li .date { display: none; }
.gallery .more { padding: 40px 0 20px; text-align: center; }

.gallery .main_link { position: absolute; top: 350px; right: 0; z-index: 1000; width: 398px; height: 479px; background: url(/photo/images/main/bg_main_link.jpg) left top; border-right: 1px solid white; border-left: 2px solid white;}
.gallery .main_link a { display: block; width: 400px; height: 480px; }
.gallery .main_link a:hover { text-decoration: none; }
.gallery .main_link p { text-align: right; padding-right: 30px; color: #fff; }
.gallery .main_link .title { padding: 38px 30px 15px 0; line-height: 45px; font-size: 36px; font-weight: bold; }
.gallery .main_link .more { padding-top: 22px; }

.bx-pager.bx-default-pager{display:none;}


.main_photo_list a img { width:800px; height:480px; }
.right_photo a img { width:400px; height:240px; }

#simplemodal-overlay {background-color:#000;}
#view {width:800px; height:500px; display:none; background:#435B88; }
#view #title p { display:inline; color:white; font-weight:bold; font-size:20px; padding-top:4px; padding-left:25px;}
#view #title a { float:right; color:white; font-size:15px; padding-top:4px; padding-right:20px; cursor:pointer; text-decoration:none; }

.customoverlay {box-shadow:0px 1px 2px #888; background:#fff; position:relative;left:25px;bottom:40px;border-radius:15px;border: 1px solid #c03f76;float:left;}
.customoverlay a {display:block;text-decoration:none;color:#c03f76;text-align:center;font-size:13px;font-weight:bold;overflow:hidden; }
.customoverlay .title {display:block;text-align:center;background:transparent;padding:4px 20px 3px;font-weight:bold;}