/* °øÅëÀû¿ë */

* {
  margin: 0;
  padding: 0; 
}

html, body {
  height: 100%; /* Required */
  text-align: left;
  background-color:#252525;
}

body,table, tr, td,input,select,form,textarea {font-family:µ¸¿ò, dotum, Vertical, Arial;
	clear:both;
	border:none;
	border-collapse:collapse;
	LETTER-SPACING: 0;
	padding : 0;
	margin:0;
	font-size:12px;
	line-height: 18px;
	color:#afafaf;
	scrollbar-face-color: #414141;
	scrollbar-shadow-color:#414141; 
	scrollbar-highlight-color: #414141;
	scrollbar-3dlight-color: #585858; 
	scrollbar-darkshadow-color: #585858;      
	scrollbar-track-color: #252525;
	scrollbar-arrow-color: #949494;
	scrollbar-base-color: #b9a783;		
}

img{border:0px;}

ul, li {list-style: none; display:block;}

#line_map{
	padding:16px 0 20px 20px;
	float:left;
}

#Top{
	padding-top:20px;
	height:55px;
}
#album_all{
	float:left;
	width:950px;
	position:absolute;
	z-index:1;
}
#Left{
	width:200px;
	float:left;
}
#Content{
	width:750px;
	float:left;
	margin:0;
}

#Footer{
}

/*·¹À̾îÆ˾÷ ºÎ¸£±â*/
#apDiv1 {	
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	z-index:2;
}
/*·¹À̾îÆ˾÷ ¹ÝÅõ¸í¹è°æ*/
#content_layer_01 {  
  width:100%;
  height:100%;    
  filter:alpha(Opacity:50);   
  background-color:#000000;  
  padding:0; 
  position:absolute;  
}
/*·¹À̾îÆ˾÷ ³»¿ë°¡À̵å*/
#content_layer_03 {
  text-align:center; 
  width:100%;
  height:100%; 
  padding:5%; 
  position:absolute;    
}

/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;
}

/*Radio buttons*/
.radioArea, .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:14px;
	font-size:0;
	cursor:pointer;
}
.radioArea {background:url(/lgcyon/images/btn/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(/lgcyon/images/btn/radio.gif) no-repeat left bottom;}

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:13px;
	height:13px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
}
.checkboxArea {background:url(/lgcyon/images/btn/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(/lgcyon/images/btn/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/* ¾Ù¹ü left »çÁøÀ̹ÌÁö½ºÅ¸ÀÏ */
.left_bg {width:155px; height:auto; background-color:#4b4b4b; border:1px solid #000000;}
.left_bg_02 {width:186px; height:20px; background-color:#333333; border:1px solid #3f3f3f;}

/* ³»¿ëºÎºÐ ½ºÅ¸ÀÏ */
.cnot_bg 	{width:750px; background-color:#1d1d1d; border:1px solid #000000;}
.cnot_bg_01 {width:128px; height:98px; background:url(/lgcyon/images/bg/album_list_bg_02.gif) no-repeat;}
.cnot_bg_02 {width:128px; height:98px; background:url(/lgcyon/images/bg/album_list_bg.gif) no-repeat;}
.cnot_bg_03 {width:680px; height:468px; background:url(/lgcyon/images/bg/album_view_bg.gif) no-repeat;}
.cnot_bg_04 {width:456px; height:22px; background:url(/lgcyon/images/bg/album_view_bg_01.gif) no-repeat;}
.cnot_bg_05 {width:496px; height:37px; background:url(/lgcyon/images/bg/album_layer_bg.gif) no-repeat; border-bottom:1px solid #3b3b3b;}
.cnot_bg_06 {width:496px; height:37px; background:url(/lgcyon/images/bg/album_layer_bg_02.gif) no-repeat; border-bottom:1px solid #3b3b3b;}
.cnot_bg_07 {width:496px; height:27px; background:url(/lgcyon/images/btn/album_bt_03.gif) no-repeat; border-bottom:1px solid #3b3b3b;}

/* div½ºÅ©·Ñ ½ºÅ¸ÀÏ */
.album_control 	{ 
	overflow-y:scroll; 
	width:317px; 
	height:200px; 
	background-color:#252525; 
	border:1px solid #333333;
}

/* À̹ÌÁöÁ¦¸ñ ½ºÅ¸ÀÏ */
.icon_00 {background:url(/lgcyon/images/btn/icon_dot_red.gif) no-repeat;}
.icon_01 {background:url(/lgcyon/images/web_album/post_stit_01.gif) no-repeat;}

/* Å×À̺í bg ½ºÅ¸ÀÏ */
.Ptab1 {width:680px; background:url(/lgcyon/images/bg/album_view_bg.gif) repeat;}
.Ptab1 TD.bg1 {background:url(/lgcyon/images/bg/album_view_bg_top.gif) no-repeat; height:3px;}
.Ptab1 TD.bg2 {background:url(/lgcyon/images/bg/album_view_bg_btm.gif) no-repeat; height:3px;}

.Ptab3 {background:url(/lgcyon/images/bg/album_login_bg_02.gif) no-repeat; width:618px; height:314px;}
.Ptab4 {background:url(/lgcyon/images/bg/album_login_bg_01.gif) no-repeat; width:389px; height:277px;}

/* ÅؽºÆ® ½ºÅ¸ÀÏ */
.text_01	{font-family:µ¸¿ò, verdana; font-size:14px; color:#ffffff; font-weight:bold;}
.text_02	{font-family:µ¸¿ò, verdana; font-size:14px; color:#afafaf; font-weight:bold;}
.text_03	{font-family:µ¸¿ò, verdana; font-size:11px; color:#6b6b6b; font-weight:none;}
.text_04	{font-family:µ¸¿ò, verdana; font-size:11px; color:#ff0000; font-weight:none;}
.text_05	{font-family:µ¸¿ò, verdana; font-size:11px; color:#757575; font-weight:none;}
.text_06	{font-family:µ¸¿ò, verdana; font-size:12px; color:#6b6b6b; font-weight:none;}
.text_07	{font-family:µ¸¿ò, verdana; font-size:11px; color:#ff1010; font-weight:bold;}
.text_08	{font-family:µ¸¿ò, verdana; font-size:12px; color:#616161; font-weight:none;}
.text_09	{font-family:µ¸¿ò, verdana; font-size:11px; color:#afafaf; font-weight:none;}
.text_10	{font-family:µ¸¿ò, verdana; font-size:11px; color:#56626b; font-weight:none;}

/* ¸µÅ© ½ºÅ¸ÀÏ */
a, a:link {color:#afafaf; text-decoration:none; font-family:µ¸¿ò; font-size: 12px; font-weight: none; word-break:break-all;}
a:hover	{color:#afafaf; text-decoration:underline; font-family:µ¸¿ò; font-size: 12px; font-weight: none; word-break:break-all;}

.list_01, .list_01:link {color:#ffffff; text-decoration:none; font-family:±¼¸²; font-size: 11px; font-weight: none; word-break:break-all;}
.list_01:hover	{color:#ffffff; text-decoration:underline; font-family:±¼¸²; font-size: 11px; font-weight: none; word-break:break-all;}

.list_02, .list_02:link {padding:2px 0 2px 10px; width:100%; color:#afafaf; text-decoration:none; font-family:µ¸¿ò, verdana; font-size: 12px; font-weight: none; word-break:break-all;}
.list_02:hover	{padding:2px 0 2px 10px; width:100%; color:#ffffff; background-color:#686868; text-decoration:none; font-family:µ¸¿ò, verdana; font-size: 12px; font-weight: none; word-break:break-all;}

.add, .add:link {color: #616161; text-decoration:none; font-family:µ¸¿ò, verdana; font-size: 12px; font-weight: none; word-break:break-all;}
.add:hover	{color:#616161; text-decoration:underline; font-family:µ¸¿ò, verdana; font-size: 12px; font-weight: none; word-break:break-all;}

.post, .post:link {color: #56626b; text-decoration:none; font-family:µ¸¿ò, verdana; font-size: 11px; font-weight: none; word-break:break-all;}
.post:hover	{color:#56626b; text-decoration:underline; font-family:µ¸¿ò, verdana; font-size: 11px; font-weight: none; word-break:break-all;}

.view, .view:link {text-decoration:none; border: 1px solid #000000;}
.view:hover 	  {text-decoration:none; border: 1px solid #ff1010;}

/* Åױ׸µÅ© ½ºÅ¸ÀÏ */
.tag_01, .tag_01:link {color:#ffae00; text-decoration:none; font-family:±¼¸², verdana; font-size: 17px; font-weight: bold; word-break:break-all;
	padding:3px; 
	background-color:#000000;
}
.tag_01:hover	{text-decoration:none; font-family:±¼¸², verdana; font-size: 17px; font-weight: bold; word-break:break-all; 
	padding:3px; color:#CCFF00; 
	background-color:#003300;
}

.tag_02, .tag_02:link {color:#ffffff; text-decoration:none; font-family:±¼¸², verdana; font-size: 18px; font-weight: bold; word-break:break-all;
	padding:3px;
}
.tag_02:hover	{text-decoration:none; font-family:±¼¸², verdana; font-size: 18px; font-weight: bold; word-break:break-all; 
	padding:3px; color:#CCFF00; 
	background-color:#003300;
}

.tag_03, .tag_03:link {color:#eeeeee; text-decoration:none; font-family:±¼¸², verdana; font-size: 14px; font-weight: none; word-break:break-all;
	padding:3px;
}
.tag_03:hover	{text-decoration:none; font-family:±¼¸², verdana; font-size: 14px; font-weight: none; word-break:break-all; 
	padding:3px; color:#CCFF00; 
	background-color:#003300;
}

.tag_04, .tag_04:link {color:#fefefe; text-decoration:none; font-family:±¼¸², verdana; font-size: 12px; font-weight: none; word-break:break-all;
	padding:3px;
}
.tag_04:hover	{text-decoration:none; font-family:±¼¸², verdana; font-size: 12px; font-weight: none; word-break:break-all; 
	padding:3px; color:#CCFF00; 
	background-color:#003300;
}

.tag_05, .tag_05:link {color:#afafaf; text-decoration:none; font-family:±¼¸², verdana; font-size: 12px; font-weight: none; word-break:break-all;
	padding:3px;
}
.tag_05:hover	{text-decoration:none; font-family:±¼¸², verdana; font-size: 12px; font-weight: none; word-break:break-all; 
	padding:3px; color:#CCFF00; 
	background-color:#003300;
}

.tag_06, .tag_06:link {color:#454545; text-decoration:none; font-family:±¼¸², verdana; font-size: 11px; font-weight: none; word-break:break-all;
	padding:3px;
}
.tag_06:hover	{text-decoration:none; font-family:±¼¸², verdana; font-size: 11px; font-weight: none; word-break:break-all; 
	padding:3px; color:#CCFF00; 
	background-color:#003300;
}

.tag_07, .tag_07:link {color:#ffffff; text-decoration:none; font-family:±¼¸², verdana; font-size: 12px; font-weight: none; word-break:break-all;
	padding:3px;
}
.tag_07:hover	{text-decoration:none; font-family:±¼¸², verdana; font-size: 12px; font-weight: none; word-break:break-all; 
	padding:3px; color:#CCFF00; 
	background-color:#003300;
}

/* ÆäÀÌ¡¸µÅ© ½ºÅ¸ÀÏ */
.paging, .paging:link, .paging:visited
{  color: #afafaf; text-decoration: none; font-family:µ¸¿ò; font-size: 11px; font-weight: none; word-break:break-all;}
.paging:hover
{  color: #afafaf; text-decoration: underline; font-family:µ¸¿ò; font-size: 11px; font-weight: none; word-break:break-all;}

/* Å×ÀÌºí ¸¶¿ì½º¿À¹ö ½ºÅ¸ÀÏ */
.tbb_01	{ border:1px solid #000000; table-layout:fixed;}

/* Å×ÀÌºí ¶óÀÎ ½ºÅ¸ÀÏ */
.line_style		{border-top:1px dashed #464646; border-bottom:1px dashed #464646;}
.line_style_00	{border-top:1px dashed #464646;}
.line_style_01	{border-top:1px solid #3a3a3a; border-bottom:1px solid #3a3a3a;}
.line_style_02	{border:1px solid #000000; background-color:#121212;}
.line_style_03	{border-top:1px solid #323232;}
.line_style_04	{border-left:1px solid #636363;}
.line_style_05	{border-top:1px solid #2d2d2d;}
.line_style_06	{border:1px solid #3f3f3f; background-color:#252525;}
.line_style_07	{border-top:1px solid #000000; background-color:#333333;}
.line_style_08	{border:3px solid #4b4b4b; width:496px; padding:12px 0 12px 30px;}
.line_style_09	{border-bottom:1px dashed #8f8f8f;}
.line_style_10	{border:1px solid #000000; background-color:#484848;}
.tagspace { MARGIN: 0 6px 0 6px; COLOR: #636363;}

/* input ½ºÅ¸ÀÏ */
.InputForm		{ background-color: #afafaf; border-style: solid solid solid solid; border-color: #333333; border-width: 1px; color: #333333;}
.InputForm_01	{ background-color: #252525; border-style: solid solid solid solid; border-color: #333333; border-width: 1px; color: #ffffff;}
.InputForm_02	{ background-color: #555555; border-style: solid solid solid solid; border-color: #656565; border-width: 1px; color: #afafaf;}
.InputForm_03	{ background-color: #555555; border-style: solid solid solid solid; border-color: #656565; border-width: 1px; color: #ffffff;
	scrollbar-face-color: #414141;
	scrollbar-shadow-color:#414141; 
	scrollbar-highlight-color: #414141;
	scrollbar-3dlight-color: #585858; 
	scrollbar-darkshadow-color: #585858;      
	scrollbar-track-color: #414141;
	scrollbar-arrow-color: #949494;
	scrollbar-base-color: #b9a783;
}

/* selectbox ½ºÅ¸ÀÏ */
.selectBoxSelectedArea {color:#afafaf; background-color:#252525; font-size:12px; font-family:µ¸¿ò; padding-top:0px; line-height:18px; padding-left:5px; letter-spacing:-1px;}
.selectBoxSelectedAreaFocus {color:#afafaf; background-color:#252525; font-size:12px; font-family:µ¸¿ò; padding-top:0px; line-height:18px; padding-left:5px; letter-spacing:-1px;}
.selectBoxOption {color:#afafaf; background-color:#252525; font-size:12px; font-family:µ¸¿ò; padding-top:0px; line-height:18px; padding-left:5px; letter-spacing:-1px;}
.selectBoxOptionOver {color:#e2e2e2; background-color:#686868; font-size:12px; font-family:µ¸¿ò; padding-top:0px; line-height:18px; padding-left:5px; letter-spacing:-1px;}
.selectBoxOptionInnerLayer {
	overflow:auto;
	scrollbar-face-color: #414141;
	scrollbar-shadow-color:#414141; 
	scrollbar-highlight-color: #414141;
	scrollbar-3dlight-color: #585858; 
	scrollbar-darkshadow-color: #585858;      
	scrollbar-track-color: #252525;
	scrollbar-arrow-color: #949494;
	scrollbar-base-color: #b9a783;	
}

/* ¸¶ÀÌÆäÀÌÁö À¥¾Ù¹ü °øÅë bgºÎºÐ */	
.webalbum_pop {background-color:#ffffff; width:314px; height:200px;}
.webalbum_pop TD.bg1 {background:url(/lgcyon/04_global/mypage/images/bg/bg17.gif) no-repeat; height:44px;}
.webalbum_pop TD.bg2 {background:url(/lgcyon/04_global/mypage/images/bg/bg01_bot.gif) no-repeat; height:22px;}
.webalbum_pop01 {background-color:#ffffff; width:314px; height:181px;}
.webalbum_pop01 TD.bg1 {background:url(/lgcyon/04_global/mypage/images/bg/bg18.gif) no-repeat; height:44px;}
.webalbum_pop01 TD.bg2 {background:url(/lgcyon/04_global/mypage/images/bg/bg01_bot.gif) no-repeat; height:22px;}

/* ¸¶ÀÌÆäÀÌÁö µ¿¿µ»ó°Ô½Ã¹° Æ˾÷ ÆäÀÌÁö bgºÎºÐ */	
.webalbum_movie TD.bg1 {background:url(/lgcyon/04_global/mypage/images/bg/bg16.gif) no-repeat; height:44px; width:522px;}
.webalbum_movie TD.bg2 {background:url(/lgcyon/04_global/mypage/images/bg/bg02_bot.gif) no-repeat; height:22px; width:522px;}
.webalbum_movie TD.bg3 {background:url(/lgcyon/04_global/mypage/images/bg/bg16_01.jpg) no-repeat; height:467px; width:522px;}

/* ¼±³à°¡ ¸¸µç ¸ð¹ÙÀÏ UCC¾÷·Îµå ½ºÅ¸ÀÏ */
.wa_mucc_01 {
	color:#ffffff;
}
.wq_mucc_02 {
	color:#616161;
}
.wq_mucc_03 {
	padding-top:16px;
	line-height:18px;
}.wq_postscrap_01 {
	padding:0 0 8px 5px;
	line-height:19px;
}
/* °øÅë Æ˾÷·¹ÀÌ¾î ·¹À̾ƿô */		
		.pLay_type01 { border:1px solid #000000; width:530px; background-color:#FFFFFF;} /* Æ˾÷·¹ÀÌ¾î »çÀÌÁ·Î º¯°æ */
		.pLay_type02 { border:1px solid #000000; width:312px; background-color:#FFFFFF;} /* Æ˾÷·¹ÀÌ¾î »çÀÌÁ·Î º¯°æ */
		.pLay_type03 { border:1px solid #000000; width:658px; background-color:#FFFFFF;} /* Æ˾÷·¹ÀÌ¾î »çÀÌÁ·Î º¯°æ */
		
		.pLay_title { margin:1px;margin-bottom:30px; background-color:#000000;float:left;padding:1px; }
		.ptit_service { background:url(/lgcyon/common/img/pop_tit_service.gif) no-repeat top left;width:105px;height:24px;float:left;}
		.ptit_cyon { background:url(/lgcyon/common/img/pop_tit_cyon.gif) no-repeat top left;width:55px;height:24px;float:left;}
		.ptit_cyonnow { background:url(/lgcyon/common/img/pop_tit_cyonnow.gif) no-repeat top left;width:85px;height:24px;float:left;}
		.ptit_join { background:url(/lgcyon/common/img/pop_tit_join.gif) no-repeat top left;width:95px;height:24px;float:left;}
		.ptit_login { background:url(/lgcyon/common/img/pop_tit_login.gif) no-repeat top left;width:85px;height:24px;float:left;}
		.ptit_mobile { background:url(/lgcyon/common/img/pop_tit_mobile.gif) no-repeat top left;width:110px;height:24px;float:left;}
		.ptit_mypage { background:url(/lgcyon/common/img/pop_tit_mypage.gif) no-repeat top left;width:105px;height:24px;float:left;}
		.ptit_product { background:url(/lgcyon/common/img/pop_tit_product.gif) no-repeat top left;width:85px;height:24px;float:left;}
		.ptit_webalbum { background:url(/lgcyon/common/img/pop_tit_webalbum.gif) no-repeat top left;width:85px;height:24px;float:left;}

		.tit_close { float:right;padding-right:6px;padding-top:5px; }

		.pLay_con_box_nolay { margin: 0 20px 25px 20px;padding:1px;height:1% } /* Æ˾÷â width:312px »ç¿ë½Ã */
		.pLay_con_box { margin: 0 0px 25px 30px;padding:1px;height:1% }	 /* Æ˾÷â width:530px »ç¿ë½Ã */
		.layer_wrap { height:320px;padding: 0px;border:none;}	 /* Æ˾÷â width:530px »ç¿ë½Ã */
		.ilayer {	 /* Æ˾÷â width:530px »ç¿ë½Ã */
			overflow:auto;
			height:320px;
			border:none;
			margin: 0px;
			padding: 0px; 
 			padding-right:20px;
			scrollbar-face-color: #FFFFFF;
			scrollbar-shadow-color:#d8d8d8; 
			scrollbar-highlight-color: #FFFFFF;
			scrollbar-3dlight-color: #d8d8d8; 
			scrollbar-darkshadow-color: #585858;      
			scrollbar-track-color: #FFFFF;
			scrollbar-arrow-color: #000000;
			scrollbar-base-color: red;		
		}
		.ilayer div { text-align:justify; }
		
		.layer_wrap01 { height:220px;padding: 0px;border:none;}	 /* Æ˾÷â width:530px »ç¿ë½Ã */
		.ilayer01 {	 /* Æ˾÷â width:530px »ç¿ë½Ã */
			overflow:auto;
			height:220px;
			border:none;
			margin: 0px;
			padding: 0px; 
 			padding-right:20px;
			scrollbar-face-color: #FFFFFF;
			scrollbar-shadow-color:#d8d8d8; 
			scrollbar-highlight-color: #FFFFFF;
			scrollbar-3dlight-color: #d8d8d8; 
			scrollbar-darkshadow-color: #585858;      
			scrollbar-track-color: #FFFFF;
			scrollbar-arrow-color: #000000;
			scrollbar-base-color: red;		
		}

/* À¥ ¾Ù¹ü »ö»ó */
		.pLay_type02 div, .pLay_title div, .pLay_con_box_nolay div, .pLay_con_box div{ color: #666; line-height: 1.5; }
		.pSubj { margin-bottom: 5px; }
		.pSubj_text { padding-left:10px;margin-bottom:20px;text-align:justify; }
		.point_box { background:url(/lgcyon/common/img/point_box.gif) no-repeat 3px left; padding-left:10px;margin-top:5px;color:#000000;font-size:11px; }
		.red_arrow { background:url(/lgcyon/common/img/bg_red_arrow.gif) no-repeat 5px left; padding-left: 10px;margin-bottom:10px; }
		.red_num { padding-left:25px;margin-bottom:8px; }
		.pBox01 { border:1px solid #DCDCDC; margin-left:10px;background-color:#F7F7F7;margin-bottom:20px; }
		.pBox_pad { padding:12px 15px; }
/* ¸¶Áø ÆÐÆà */
			.m5 { margin-top: 5px; }
			.m10 { margin-top: 10px; }
			.m15 { margin-top: 15px; }
			.m20 { margin-top: 20px; }
			.m25 { margin-top: 25px; }
			
			.mb5 { margin-bottom: 5px; }
			.mb10 { margin-bottom: 10px; }
			.mb15 { margin-bottom: 15px; }
			.mb20 { margin-bottom: 20px; }	
			.mb25 { margin-bottom: 25px; }	
			
			.ml10 { margin-left: 10px; }				
			.ml20 { margin-left: 20px; }	
			.mr10 { margin-right: 10px; }				
			.mr20 { margin-right: 20px; }	
						
			.p10 { padding-top: 10px; }
			.p20 { padding-top: 20px; }
			.pl10 { padding-left: 10px; }
			.pl20 { padding-left: 20px; }
			.pb10 { padding-bottom: 10px; }
			.pb20 { padding-bottom: 20px; }