/* utils */
#gal_ready {position:absolute;top:0;left:0;width:0px;height:0px;overflow:hidden;}
#gal_progress {position:absolute;z-index:1000;top:170px;left:150px;width:200px;padding:15px;text-align:center;}

/* wrap_gallery - position */
#wrap_gallery {position:relative;width:745px;height:401px;background:url("http://static.plaync.co.kr/mediaday/gallery/bg_gallery.gif") no-repeat;overflow:hidden;}

/* gal_display - position */
#gal_display {position:relative;z-index:2;width:489px;height:389px;margin:5px;border:1px solid #3E3E3E;overflow:hidden; }
#gal_display img {position:absolute;}
#gal_display:hover{cursor:hand;cursor:pointer;}
#gal_mediaplay {position:absolute;z-index:3;top:6px;left:6px;overflow:hidden;}

#gal_display_desc{position:absolute;top:370px;left:410px;z-index:20;padding:5px;background:#000;opacity:.6;filter:alpha(opacity=60);}
#gal_display_desc span{cursor:hand;cursor:pointer;}

/* gal_list - position, overflow */
#gal_list {float:left;position:relative;margin-top:19px;width:184px;height:184px;overflow:hidden; }
/* gal_list ul - untouchable */
#gal_list ul {position:absolute;top:0;left:0;width:194px !important;margin:0;padding:0;list-style-type:none;}
#gal_list ul li {float:left;width:87px;height:87px;margin:3px;padding:0;line-height:0;font-size:0;word-break:normal;overflow:hidden;}
#gal_list ul li img {width:69px;height:69px;border:8px solid #3E3E3E;}
#gal_list ul li.on img,#gal_list ul li img:hover {border:8px solid #7C7C7C;cursor:hand;cursor:pointer;}

/*	Image thumbnail list 2 (썸네일 리스트 아이콘 클릭시 나타나는 썸네일 영역)
		* gal_thumblist - 속성 수정 불가 : overflow, display  필수 속성 : width, height
		* gal_thumblist_close - 썸네일 리스트 닫기 버튼 스타일 지정
		* wrap_gal_thumbArea - 썸네일 리스트 배경 이미지 혹은 컬러 지정
			속성 수정 불가 : position, z-index, 필수 속성 : top, left, width, height
		* gal_thumbArea - 속성 수정 불가 : position , 필수 속성 : width
		* .gal_thumbArea - 커스텀 클래스	*/
#gal_thumblist {display:none;position:absolute;top:219px;width:654px;height:570px;overflow:hidden;margin:0 auto; }
#gal_thumblist_close {position:absolute;top:14px;left:614px;z-index:11;cursor:hand;cursor:pointer;}
#wrap_gal_thumbArea {position:absolute;top:0;left:0;z-index:5;width:654px;height:570px;background:url(http://lego.ncsoft.net/library/source/dynamic/gallery/images/dy1v/thumb_bg.gif) no-repeat;}
#gal_thumbArea {position:absolute;width:554px;}
#gal_thumbArea ul {padding:0;list-style-type:none;}
#gal_thumbArea ul li {float:left;width:112px;height:72px;margin:10px 15px 10px 0;padding:0;font-size:0;border:2px solid #666;}
#gal_thumbArea ul li.on {border:2px solid #fff;}
#gal_thumbArea ul li img {width:112px;height:72px;}
#gal_thumbArea_stage {position:relative;top:50px;left:50px;z-index:10;width:554px;height:470px;overflow:hidden;}

/*	Scroll
		* wrap_scroll_handle - 스크롤 트랙 영역
			속성 수정 불가 : z-index , 필수 속성 : width, height
		* scroll_handle - 스크롤 핸들 영역
			필수 속성 : width, height		*/
#wrap_scroll_handle { position:absolute;top:49px;left:621px;z-index:1000;width:5px;height:470px;background:url(http://lego.ncsoft.net/library/source/dynamic/gallery/images/dy1v/scroll_bar.gif) no-repeat;}
#scroll_handle {width:15px;height:135px;cursor:pointer;background:url(http://lego.ncsoft.net/library/source/dynamic/gallery/images/dy1v/scroll_btn.gif) no-repeat;}


/* navigation group */
#wrap_gallery_navi{position:absolute;top:24px;left:506px;width:208px;height:222px;padding:0 0 0 21px;text-align:center;}
#wrap_gallery_navi span {position:absolute;cursor:pointer;}
	#gal_before {top:96px;left:2px;}
	#gal_after {top:96px;right:2px;}
	

/* description group */
#wrap_gallery_desc {position:absolute;top:270px;left:506px;overflow:hidden;width:229px;margin:0;}
#wrap_gallery_desc div {clear:both;}
h5#gal_title {float:left;margin:0;padding:0px;font-size:0.9em;color:#FF1D00;width:158px;height:15px;line-height:150%;overflow:hidden;}
#gal_writer, #gal_date{float:right;}
#gal_writer, #gal_date { padding:0 5px 3px 0;font-size:0.8em;color:#B4B4B4;font-family:Verdana;}
#gal_pos{padding:5px 5px 0 0;font-size:0.9em;color:#7a9f3a;}
#gal_description {clear:both;height:60px;margin:0;padding:7px 0 0 0;font-size:0.9em;color:#999;line-height:150%; overflow:hidden;}
#gal_play_posi, #gal_thumb{cursor:pointer;cursor:hand;}

#gal_download {width:235px;height:40px;overflow:hidden;}
#gal_download img {float:left;margin-right:3px;}

/* gal_group */
#gal_group {position:relative;overflow:hidden;width:680px;height:160px;margin:0 auto;}
#gal_group ul {padding:0;margin:0 0 0 35px;list-style-type:none;}
#gal_group li {float:left;overflow:hidden;width:185px;height:154px;margin:0 20px 0 0;border:3px solid #373737;background:#373737;}
#gal_group li.on, #gal_group li:hover {border:3px solid #5c5b5b;border-top:3px solid #7a9f3a;border-bottom:3px solid #7a9f3a;background-color:#5c5b5b;}
#gal_group li div {width:178px;height:50px;overflow:hidden;}
/*#gal_group li div:hover {overflow:visible;}*/
#gal_group li div img {width:178px;height:50px;padding:5px 0 0 7px;}
#gal_group h6 {margin:0;padding:4px 0 3px 7px;color:#f7ebe9;font-size:0.9em;}
#gal_group p {margin:0;padding:0 0 15px 7px;color:#abacad;font-size:0.9em;}

#gal_group_desc span {display:none;position:relative;cursor:hand;cursor:pointer;}
	#gal_group_prev{top:-130px;left:10px;}
	#gal_group_next{top:-130px;left:650px;}


/*  */
#gal_popup {position:absolute;top:-2000px;left:0;padding:3px 10px 45px 10px;z-index:300;background:#000;}
#gal_popup #popup_handle {display:block;font-weight:bold;color:#eee;cursor:move;position:relative;}
#gal_popup #popup_handle span {position:absolute;right:0px;top:0;cursor:pointer;}
#gal_popup #popup {position:relative;text-align:center;}
#gal_popup img.image {display:block;text-align:center;padding:17px 0 3px 0;}
#popup_navi {position:absolute;bottom:5px;right:10px; text-align:right;}
#popup_navi .wrap_arrow {clear:both;background:#363636; margin-bottom:5px; width:100%;}
#popImg_next {position:relative;padding:1px;cursor:pointer;}
#popImg_prev {position:relative;padding:1px;cursor:pointer;}