/* 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;}

/* Image display */
#gal_display {position:relative; z-index:2; width:599px; height:448px; margin:20px auto 10px auto; background:#f5f5f5;}
#gal_display img {position:absolute; border:1px solid #d3d3d3; cursor:pointer;}

/* Image thumbnail list 1 */
#gal_list {position:relative; overflow:hidden; width:569px; height:82px; top:22px; left:45px;}
#gal_list ul {position:absolute; top:0; left:0; margin:0; padding:0; list-style-type:none;}
#gal_list ul li {float:left; overflow:hidden; width:109px; height:82px; margin:0 6px 0 0; padding:0; line-height:0; font-size:0;}
#gal_list ul li img {width:105px; height:78px; border:2px solid #c5c5c5; cursor:pointer;}
#gal_list ul li.on img {border:2px solid #884e29;}

/*Image thumbnail list */
#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.kr/aion_v2/pds/gallery/scroll_btn.gif') no-repeat;}

/* Navigation */
#gal_before {left:0px;}
#gal_after {left:614px;}
#gal_play_posi{left:728px;}
#gal_thumb {left:16px;}

/* 이미지 위치 정보 */
#gal_pos {position:absolute; z-index:4; top:495px; left:588px; color:#fff; font-family:tahoma; font-size:11px; padding:2px 12px; height:14px; background:url("http://static.plaync.co.kr/aion_v2/pds/gallery/bg_count.gif") 0 0 no-repeat;}

#wrap_gallery_navi {position:relative; clear:both; width:659px; height:123px; background:#e1e1e1;}
#wrap_gallery_navi span {position:absolute; top:0; cursor:pointer;}
/*#wrap_gallery_navi span.new {position:absolute;left:45px;top:22px; width:109px; height:82px; background:url('http://static.plaync.co.kr/aion_v2/pds/gallery/ic_new2.gif') 0 0 no-repeat; z-index:20;}*/


/* Description */
#wrap_gallery_desc {overflow:hidden; clear:both; position:relative; background:#f5f5f5; width:659px; height:55px; margin:0 auto; padding:0;}
#wrap_gallery_desc #gal_title, #wrap_gallery_desc #gal_writer, #wrap_gallery_desc #gal_date, {display:none;}
#wrap_gallery_desc #gal_description {display:none;}
#wrap_gallery_desc .download {padding:0 0 0 30px; width:629px;}
#wrap_gallery_desc .download .mode1 {display:inline-block; height:18px; line-height:18px;}
#wrap_gallery_desc .download .mode2 {display:inline-block; height:18px; line-height:18px; margin:0 0 0 20px;}

/* gal_group */
#gal_group {position:relative;margin:20px auto; width:762px;overflow:hidden; display:none;}
#gal_group ul {padding:0; margin:0; list-style-type:none;}
#gal_group li {width:370px; min-height:125px;margin:1px; float:left; cursor:pointer; padding:0 0 5px 0; border-bottom:2px solid #d4d4d4;}
#gal_group li.on {border-bottom:2px solid #a6a6a6;}
#gal_group li div {width:178px;min-height:112px; float:left;}
#gal_group li div img {width:160px; height:112px; padding:5px 0 5px 7px;}
#gal_group h6 {color:#5d5d5d; font-size:1.2em; margin:0; padding:4px 0 3px 7px;}
#gal_group li.on h6 {color:#000;}
#gal_group li.on p {color:#000;}
#gal_group p {font-size:1.0em; color:#666; line-height:170%; margin:0; padding:0 5px 15px 7px;}

/* 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;}