@charset "euc-kr";
/************************************************
Version : 스카이72 1.0
Date : 2015-04-06 서은희 포토갤러리에서만 사용, style.css에는 넣지 않음!!!
*************************************************/
body {background:url(/kr/images_n/gallery/gallery_bg.jpg) repeat-x;}
#wrap {width:1200px; height:900px;}
#containerGallery {}
#naviGallery {margin-top:8px;}
#naviGallery > ul > li{display:block; float:left; border-bottom:1px solid #726758;}
#naviGallery > ul >  li.tit {width:444px; padding:10px 20px 14px;}

#tabGallery {overflow:hidden; margin:0 auto; margin-top:20px;width:1160px; }
#tabGallery > ul { }
#tabGallery > ul > li {float:left; background:#333333; width:16.6%}
#tabGallery > ul > li a {display:block; min-width:100px; padding:14px 0px 14px; border:1px solid #888; border-bottom:1px solid #fff;  text-align:center; font-weight:bold; font-size:14px; letter-spacing:-1px; color:#888;}
#tabGallery > ul > li.on a,
#tabGallery > ul > li a:hover{background:#333 ; color:#fff; border:1px solid #fff;  border-bottom:1px solid #303030; text-decoration:none}

#selectGallery {margin-top:20px; width:1180px; text-align:right; height:30px;}
#selectGallery select {border:1px solid #333; background:#666; font-family:"돋움", Dotum ; font-size:16px; font-weight:bold; color:#bfbfbf; lette-spacing:-1px;line-height:120%;height:30px; padding:4px 0 2px 10px;}

#contentsGallery {margin:0 auto; margin-top:20px; width:1200px; margin-left:-8px; }
#contentsGallery #carousel { border:1px solid #222; height:570px; position:relative; clear:both; overflow:hidden; }
#contentsGallery #carousel .beforeBtn a {position:absolute; z-index:100;top:220px; left:100px; opacity: 0.9;}
#contentsGallery #carousel .beforeBtn a:hover { opacity:0.5;}
#contentsGallery #carousel .nextBtn a {position:absolute; z-index:100;top:220px; left:1100px; opacity: 0.9;}
#contentsGallery #carousel .nextBtn a:hover { opacity:0.5;}
#contentsGallery #carousel .Rimg img { border:8px solid #fff; visibility:hidden; cursor:pointer}
#contentsGallery #carousel .Rimg img.carousel-center { cursor:default }
#contentsGallery #carousel .Rimg .centerImgCmt  {position:absolute;left:220px;top:520px; display:none; z-index:50; width:680px;  background:#000; opacity: 0.7; color:#f1d7b2; padding:8px; font-weight:bold;}
#contentsGallery #carousel .Rimg .centerImgDown {display:none;}
#contentsGallery #carousel .Rimg .centerImgDown a {position:absolute;left:874px;top:520px; z-index:50; width:100px;  background:#000; opacity: 0.7; color:#f1d7b2; padding:8px;}

#contentsGallery .bigImg {position:relative; z-index:2; text-align:center; width:1160px; height:560px;}
#contentsGallery .bigImg .beforeImg {position:absolute; z-index:10;top:120px; left:20px;border:8px solid #fff; opacity: 0.5;}
#contentsGallery .bigImg .beforeImg img {width:400px; height:265px;}
#contentsGallery .bigImg .centerImg {position:absolute; z-index:50;top:0px; left:170px;border:8px solid #fff; }
#contentsGallery .bigImg .nextImg {position:absolute; z-index:10;top:120px; left:720px;border:8px solid #fff; opacity: 0.5;}
#contentsGallery .bigImg .nextImg img {width:400px; height:265px;}

#contentsGallery .thumb {position:relative; z-index:2; width:1120px; height:96px;margin:0 auto; margin-top:6px; background:#1a1a1a; }
#contentsGallery .thumb .thumbListImg {position:absolute; z-index:100;top:2px; left:2x; padding-left:16px;}
#contentsGallery .thumb .thumbListImg > ul.thumimgs{ display:none; }
#contentsGallery .thumb .thumbListImg > ul > li {display:block; float:left; padding:8px 2px 6px; }
#contentsGallery .thumb .thumbListImg > ul > li img {width:80px; height:54px; border:1px solid #fff; opacity: 0.4; cursor:pointer;}
#contentsGallery .thumb .thumbListImg > ul > li.on img {opacity: 0.9;}
#contentsGallery .thumb .thumbListImg > ul > li:hover {opacity: 0.8;}
#contentsGallery .thumb .paging {position:absolute; z-index:100;top:54px; left:2px; width:960px; height:20px;  }
#contentsGallery .thumb .thumbBtn  {position:absolute; z-index:100;top:0px; left:976px;  }
#contentsGallery .copy {margin-top:10px; margin-left:24px;}

#callback-output { height:250px; overflow:scroll; }

#prev, #next {cursor:pointer}