/* download */

@import url("pds.css");

/* utils */
#gal_ready {width:0px; height:0px; overflow:hidden; position:absolute; top:-2000px; left:0; }
#gal_progress {position:absolute; top:200px; left:245px; padding:15px; width:300px; color:#fff; text-align:center; z-index:1000; display:none;}

/* wrap_gallery */
#wrap_gallery {position:relative; width:659px; overflow:hidden; margin:0 auto; background:#f5f5f5;}

/* sImage display */
#gal_display{position:relative; overflow:hidden; z-index:2; width:550px; /*height:361px;*/ height:348px; margin:14px 0 10px 16px; text-align:left;}
#gal_display img {position:absolute;left:0; /*width:550px; height:361px;*/ text-align:left; /*border:1px solid #d3d3d3;*/}
#gal_display:hover{cursor:hand; cursor:pointer;}
#showimg {position:absolute;left:0 !important;}

/* Image thumbnail list 2 */
#gal_thumblist {position:absolute; overflow:hidden; display:none; width:762px; height:553px; top:255px; margin:0 auto;}
#gal_thumblist_close {position:absolute; cursor:pointer; top:12px;left:716px; z-index:11; }
#wrap_gal_thumbArea {position:absolute; z-index:5; top:0; left:0; width:762px; height:553px; background:#000; }
#gal_thumbArea {position:absolute; width:690px; }
#gal_thumbArea ul {padding:0; list-style-type:none; }
#gal_thumbArea ul li {padding:0; float:left; font-size:0; width:131px; height:98px;}
#gal_thumbArea ul li.on img {border:2px solid #fff; }
#gal_thumbArea ul li img {width:112px; height:72px; border:2px solid #666;}
#gal_thumbArea_stage {position:relative; top:43px; left:32px; width:664px; height:468px; overflow:hidden; z-index:10; }

/* Scroll */
#wrap_scroll_handle {position:absolute; top:43px; left:723px; z-index:1000; width:15px; height:468px; background:#1f1f1f; }
#scroll_handle {width:15px; height:135px; cursor:pointer; background:url(http://static.plaync.co.rk/aion_v2/pds/gallery/scroll_btn.gif) no-repeat; }

/* 이미지 위치 정보 */
#gal_pos {position:absolute; z-index:4; top:350px; left:530px; color:#fff; font-family:tahoma; font-size:11px; padding:2px 0; width:45px; height:14px; text-align:center; background:url("http://static.plaync.com.tw/aion/gallery/bg_count.gif") 0 0 no-repeat;}

#wrap_gallery_navi{position:absolute; top:14px;left:581px;width:136px; height:298px;padding:25px 0;text-align:center; z-index:10;}
#wrap_gallery_navi span {position:absolute; left:0px;cursor:pointer;}
#wrap_gallery_navi span.new {position:absolute;left:0;top:440px; width:118px; height:81px; cursor:pointer; background:url('http://static.plaync.co.kr/aion_v2/pds/gallery/ic_new.gif') 0 0 no-repeat; z-index:20;}
#gal_before {top:0;}
#gal_after {bottom:0;}
#gal_list {float:left;position:relative;width:61px;height:298px;overflow:hidden;}
#gal_list ul {position:absolute;top:0;left:0;width:61px !important;margin:0;padding:0;list-style-type:none;}
#gal_list ul li {float:left;width:61px; height:40px; margin:0 5px 3px 0; padding:0; line-height:0; font-size:0;word-break:normal;overflow:hidden;}
#gal_list ul li img {width:57px; height:36px; border:2px solid #c5c5c5;}
#gal_list ul li.on img,#gal_list ul li img:hover {border:2px solid #8c5430;cursor:hand;cursor:pointer;}

/*Description */
#wrap_gallery_desc {overflow:hidden; clear:both; position:relative; background:#f5f5f5; width:490px; height:45px; overflow:hidden; margin:0 16px; padding:0;}
#wrap_gallery_desc #gal_title {margin:0; padding:0; font-size:12px; color:#000; float:left;}
#wrap_gallery_desc #gal_date {font-size:12px;  font-family:新細明體;color:#6e6e6e; margin:0; padding:0 0 0 6px;}
#wrap_gallery_desc #gal_description {clear:both; margin:0; padding:6px 0 0 0; font-size:12px; color:#aaa; color:#5a5a5a;}

/* gal_group */
#gal_group {position:relative; overflow:hidden; margin:0 auto; padding:20px 9px 10px 9px; width:641px; background:#e7e7e7; z-index:10;}
#gal_group ul {padding:0; margin:0; list-style-type:none;}
#gal_group li {width:114px; margin:0 0 20px 0; padding:0 7px; float:left; cursor:pointer; background:#e7e7e7;}
#gal_group li.on {background:url("http://static.plaync.com.tw/aion/gallery/bg_on.gif") 7px 0 no-repeat;}
#gal_group li div {width:114px; float:left; padding:0 0 11px 0;}
#gal_group li div img {width:114px; height:78px; padding:2px;}
#gal_group h6 {margin:0; padding:0 0 5px 0; font-weight:normal; font-size:11px; font-family:돋움; color:#5a5a5a; text-align:center;}
#gal_group p {margin:0; padding:0; font-size:12px;font-family:新細明體;color:#5a5a5a; text-align:center;}
#gal_group li.on h6 {color:#5a5a5a; font-size:12px;font-family:新細明體;font-weight:bold;}
#gal_group li.on p {color:#5a5a5a; font-weight:bold;}

/*Layer Popup - 원본 이미지 보기 팝업 */
#gal_popup {position:absolute; top:-2000px; left:0; z-index:300; background:#404040 url(http://static.plaync.co.rk/aion_v2/pds/gallery/plaync.gif) 8px 5px no-repeat; padding:20px 45px;}
#gal_popup #popup_handle {position:relative; font-weight:bold; color:#eee; display:block; cursor:move; }
#gal_popup #popup_handle span {position:absolute; right:-38px; top:-13px; cursor:pointer; }
#gal_popup #popup {position:relative; text-align:center; }
#gal_popup img.image {display:block; text-align:center; padding:7px 0 10px 0; cursor:pointer;}
#popImg_next {position:absolute;right:-38px;top:45%; cursor:pointer; padding:1px;}
#popImg_prev {position:absolute;left:-38px;top:45%; cursor:pointer; padding:1px;}

/* 스크린세이버 */
.wrap_screensaver {background:#f5f5f5; padding:25px 0;}
.wrap_screensaver .list {overflow:hidden; width:603px; margin:0 auto; padding:0;}
.wrap_screensaver .list li {float:left; margin:0 45px 0 0; background:url("http://static.plaync.com.tw/aion/gallery/screensaver_bg.gif") 0 0 no-repeat;}
.wrap_screensaver .list li.last {margin:0;}
.wrap_screensaver .list li img {width:159px; height:119px; padding:7px 6px 6px 6px; vertical-align:middle;}
.wrap_screensaver .list li span {display:block; margin:5px 0 10px 0; text-align:center;}