@charset "UTF-8";
@import url("/web/css/front/common/common.css");

/* PremiumMemberJoinAgree
--------------------------- */
.premiumCon	{
	width:825px;
	padding:0 0 78px 0;
	margin:0 0 40px 0;
	background:url('/web/images/front/premium/bg_premium.gif') no-repeat 0 bottom;
}
ul.premiumTab	{
	list-style:none;
	width:828px;
	height:157px;
	padding:0;
	margin:-17px 0 45px 1px;
	font:0/0 Arial;
	overflow:hidden;
	background:url('/web/images/front/premium/bg_tab.gif') no-repeat 0 16px;
}
ul.premiumTab li	{
	float:left;
	padding:0 12px 0 0;
	margin:0;
}
ul.premiumTab li.first	{
	padding-top:15px;
}
ul.premiumTab li.last	{
	padding:10px 0 0 0;
}
h3.memberAgree	{
	font:0/0 Arial;
	padding:0 0 15px 0;
	margin:0;
}
.agreement	{
	width:759px;
	height:148px;
	font:12px/18px Gulim;
	color:#545450;
	padding:7px 15px;
	margin:0 20px 5px 0;
	overflow-x:hidden;
	overflow-y:auto;
	border:1px solid #C7C7C7;
	scrollbar-face-color:#EFEEED; /*스크롤바에서 표면 색상*/
	scrollbar-highlight-color:#FFFFFF; /*표면 왼쪽부분 겉색상*/
	scrollbar-shadow-color:#ffffff; /*표면 오른쪽 부분 그림자 겉색상*/
	scrollbar-3dlight-color:#ffffff; /*표면 왼쪽 부분 입체감 색상*/
	scrollbar-arrow-color:#ADADAD; /*스크롤바에서 조그만 삼각형있죠 그거 색상*/
	scrollbar-track-color:#FFFFFF; /*스크롤바가 밑에 레일 트렉 색상*/
	scrollbar-darkshadow-color:#FFFFFF /*표면 밑부분 그림자 색상*/
}
#btnRig2{
	width:795px;
	padding:26px 30px 0 0;
	margin:0;
	overflow:hidden;
}
#btnRig2 img{
	float:right;
	margin-right:2px;
}
.boxTop, .boxBottom	 {
	padding:0;
	margin:0;
	font:0/0 Arial;
}
.boxBottom2	 {
	margin-bottom:29px;
}
.boxCon	{
	width:791px;
	padding:7px 0 0 0;
	margin:0;
	background:url(../../../../web/images/front/premium/box_middle.gif) repeat-y left top;
	overflow:hidden;
}
dl.personalInfo	{
	width:734px;
	padding:7px 0 3px 30px;
	margin:0;
	font:0/0 Arial;
	overflow:hidden;
}
dl.personalInfo dt	{
	float:left;
	width:151px;
	padding:4px 0 0 0;
	margin:0;

}
dl.personalInfo dd	{
	float:left;
	width:583px;
	padding:0 0 10px 0;
	margin:0;
	font:12px/18px Gulim;
	color:#666666;
}
span.orgB	{
	font-weight:bold;
	color:#E65B06;
}
dl.personalInfo dd label	{
	margin:0 10px 0 5px;
}
dl.personalInfo dd input	{
	vertical-align:top;
}
p.careful	{
	padding:5px 0 0 0;
	margin:0;
	font:0/0 Arial;
}
dl.personalInfo dt.addLine	{
	background:url('/web/images/front/common/dotLine.gif') repeat-x left top;
	padding-top:18px;
}
dl.personalInfo dd.addLine	{
	background:url('/web/images/front/common/dotLine.gif') repeat-x left top;
	padding-top:14px;
}
img.dupliBtn	{
	margin:2px 0 0 1px;
}
.premiumFinish	{
	padding:0;
	margin:35px 0 35px 0;
}
.confvisual{
	width:83px;
	height:148px;
	padding:0;
	margin:0 auto 0 auto ;
	font:0/0 Arial;
	background:url('/web/images/front/customer/bg_LeftVisual02.gif') no-repeat left top;

}
.premiumFinish h3.titconfmsg{
	width:440px;
	text-align:center;
	font:0/0 Arial;
	padding:0 0 22px 0;
	margin:0 auto;
	border-bottom:1px solid #ECE9E3;
}
span.nameG	{
	font:14px/18px Dotum;
	color:#437008;
	font-weight:bold;
	vertical-align:3px;
	padding:0 2px 0 0;
}
.premiumFinish div.gidetxt{
	width:100%;
	text-align:center;
	font:0/0 Arial;
	padding:15px 0 0 0;
	margin:0;
}
.premiumFinish div.gohome{
	width:100%;
	text-align:center;
	font:0/0 Arial;
	padding:10px 0 0 0;
	margin:0;
}
.boxCon2	{
	width:791px;
	padding:0px 0 0 0;
	margin:0;
	background:url('/web/images/front/premium/box_middle.gif') repeat-y left top;
	overflow:hidden;
}
dl.personalInfo2	{
	width:694px;
	padding:0 0 3px 33px;
	margin:0;
	font:0/0 Arial;
	overflow:hidden;
}
dl.personalInfo2 dt	{
	float:left;
	width:156px;
	padding:12px 0 0 18px;
	margin:0;
	background:url('/web/images/front/common/dotLine.gif') repeat-x left top;
}
dl.personalInfo2 dd	{
	float:left;
	width:520px;
	padding:8px 0 4px 0;
	margin:0;
	font:12px/18px Gulim;
	color:#666666;
	background:url('/web/images/front/common/dotLine.gif') repeat-x left top;
}
dl.personalInfo2 dt.first, dl.personalInfo2 dd.first 	{
	background:none;
}
p.careful2	{
	padding:5px 0 4px 0;
	margin:0;
	font:0/0 Arial;
}
/* PremiumMembMain
--------------------------- */
.PremiumMembMain{
	padding:0;
	margin:0;
	overflow:hidden;
}
.mainVisual{
	width:934px;
	height:260px;
	padding:0 0 0 16px;
	margin:0;
	font:0/0 Arial;
	background:url('/web/images/front/premium/bg_premiumMembMain2.gif') no-repeat left top;
 }
.leftTitle{
	float:left;
	padding:0;
	margin:0;
	font:0/0 Arial;
	}
	.mainVisual h2{
		padding:30px 0 0 0;
		margin:0;
		font:0/0 Arial;
		}
	.mainVisual dl{
		padding:0;
		margin:0;
		font:0/0 Arial;
		}
	.mainVisual dt{
		padding:0;
		margin:19px 0 0 0;
		font:0/0 Arial;
		}
	.mainVisual dd{
		padding:0 0 0 0;
		margin:9px 0 0 0;
		font:0/0 Arial;
		}
.rightTitle {
	float:right;
	width:510px;
	margin-top:70px;
	}
	.rightTitle h3 { position:absolute; top:-14px; left:17px; height:29px; margin:0; padding:0 0 0 30px; background:url('/web/images/front/premium/bg_titBar.gif') no-repeat left; }
	.rightTitle h3 span { display:block; float:left; height:22px; margin:0; padding:7px 20px 0 0; background:url('/web/images/front/premium/bg_titBar.gif') no-repeat right; }
	.rightTitle ul {
		list-style:none;
		margin:0;
		padding:15px 0 0 0;
		}
	.rightTitle ul li {
		float:left;
		width:193px;
		margin:0;
		padding:0 15px 5px 45px;
		}
		.rightTitle ul li.one { background:url('/web/images/front/premium/bullet_iconOne.gif') no-repeat left top; }
		.rightTitle ul li.two { background:url('/web/images/front/premium/bullet_iconTwo.gif') no-repeat left top; }
		.rightTitle ul li.three { background:url('/web/images/front/premium/bullet_iconThree.gif') no-repeat left top; _margin-top:-10px; }
		.rightTitle ul li.four { background:url('/web/images/front/premium/bullet_iconFour.gif') no-repeat left top; _margin-top:-10px; }
		.rightTitle ul li h4 { margin:2px 0 7px 0; padding:0;  }
		.rightTitle ul li span { font:11px/13px dotum; color:#848080; letter-spacing:-1px; }
.flashIcon{
	float:left;
	padding:0;
	margin:116px 0 0 0;
	font:0/0 Arial;
 }
.colorTab{
	float:right;
	width:317px;
	height:232px;
	padding:0 12px 0 0;
	margin:60px 0 0 0;
	font:0/0 Arial;
}

h2.premiumMember02{
	float:left;
	width:670px;
 	padding:0 0 0 16px;
	margin:32px 0 0 0;
	font:0/0 Arial;
}
ol.numList{
	float:left;
	list-style:none;
	width:670px;
 	padding:0 55px 0 15px;
	margin:28px 0 0 0;
	}
	ol.numList li{
		float:left;
		width:248px;
		padding:15px 0 15px 52px;
		margin:0;
		font:0/0 Arial;
		}
	ol.numList li h3{
		padding:0;
		margin:2px 0 0 0;
		font:0/0 Arial;
		}
	ol.numList li div{
		padding:0;
		margin:10px 0 0 0;
		font:0/0 Arial;
		}
	ol.numList li.freePrint{
		border-bottom:1px solid #EFEFEF;
		background:url('/web/images/front/premium/bg_freePrint.gif') no-repeat 15px 14px;
		}
	ol.numList li.albumCreat{
		border-left:1px solid #EFEFEF;
		border-bottom:1px solid #EFEFEF;
		background:url('/web/images/front/premium/bg_albumCreat.gif') no-repeat 15px 14px;
		}
	ol.numList li.freeDelivery{
		background:url('/web/images/front/premium/bg_freeDelivery.gif') no-repeat 15px 14px;
		}
	ol.numList li.freeStroge{
		border-left:1px solid #EFEFEF;
		background:url('/web/images/front/premium/bg_freeStroge.gif') no-repeat 15px 14px;
		}
.usedInform{
	float:right;
	width:167px;
	height:188px;
	padding:0 13px 0 26px;
	margin:30px 0 0 0;
	font:0/0 Arial;
	background:url('/web/images/front/premium/bg_usedInform.gif') no-repeat left top;
}
.usedInform .stitUsed{
	padding:0;
	margin:48px 0 0 0;
	font:0/0 Arial;
}
.usedInform .txtUsed{
	padding:0 0 0 1px;
	margin:34px 0 0 0;
	font:0/0 Arial;
}


/* PremiumMembGuide
--------------------------- */
.PremiumMembGuide div.memberSearch{
	width:822px;
	height:64px;
	padding:0;
	margin:0;
	font:0/0 Arial;
	background:url('/web/images/front/premium/dot01.gif') repeat-x left bottom;
}
.PremiumMembGuide ul.colorTitle{
	clear:both;
	float:none;
	list-style:none;
	padding:30px 0 0 20px;
	margin:0;
	font:0/0 Arial;
}
.PremiumMembGuide ul.colorTitle li{
	float:left;
	width:222px;
	height:38px;
	padding:5px 0 0 18px;
	margin:0;
	font:0/0 Arial;
}
.PremiumMembGuide ul.colorTitle li.redMember{
	background:url('/web/images/front/premium/bg_redMember.gif') no-repeat left top;
}
.PremiumMembGuide ul.colorTitle li.greenMember{
	margin-left:35px;
	background:url('/web/images/front/premium/bg_GreenMember.gif') no-repeat left top;
}
.PremiumMembGuide ul.colorTitle li.blueMember{
	margin-left:35px;
	background:url('/web/images/front/premium/bg_BlueMember.gif') no-repeat left top;
}
.PremiumMembGuide .colorMemMiddleBox {
	clear:both;
	margin:0;
	padding:0;
	overflow:hidden;
	background:url('/web/images/front/premium/bg_PremiumMembTop.gif') no-repeat left top;
	}
	.PremiumMembGuide ul.colorMember{
		clear:both;
		float:none;
		list-style:none;
		padding:45px 0 75px 25px;
		_padding-top:23px;
		_padding-bottom:37px;
		margin:0 0 0 0;
		font:0/0 Arial;
		overflow:hidden;
		background:url('/web/images/front/premium/bg_premiumMembBottom.gif') no-repeat left bottom;
		}
	.PremiumMembGuide ul.colorMember li{
		float:left;
		width:223px;
		padding:0;
		margin:20px 0 0 0;
		overflow:hidden;
		}
	.PremiumMembGuide ul.colorMember li.last {clear:both; float:none; height:1px; }
	.PremiumMembGuide ul.colorMember li.mgnL51{
		margin-left:51px;
		}
	.PremiumMembMain ul.colorMember li h3{
		padding:0;
		margin:0;
		}
	.PremiumMembGuide ul.colorMember li div.printPicture{
		width:100%;
		height:75px;
		padding:0;
		margin:10px 0 0 0;
		overflow:hidden;
		background:url('/web/images/front/premium/dot01.gif') repeat-x left bottom;
		}
	.PremiumMembGuide ul.colorMember li div.printPicture img{
		padding:0 0 0 7px;
		margin:10px 0 0 0;
		background:url('/web/images/front/premium/bullet01.gif') no-repeat left 50%;
		}
	.PremiumMembGuide ul.colorMember li dl{
		width:100%;
		overflow:hidden;
		padding:0;
		margin:0;
		background:url('/web/images/front/premium/dot01.gif') repeat-x left bottom;
		}
	.PremiumMembGuide ul.colorMember li dt{
		float:left;
		width:71px;
		padding:10px 0 9px 0;
		margin:0;
		font:bold 11px/13px dotum;
		color:#756F6F;
		letter-spacing:-0.1em;
		}
	.PremiumMembGuide ul.colorMember li dd{
		float:left;
		width:150px;
		padding:10px 0 9px 0;
		margin:0;
		font:11px/15px dotum;
		color:#848080;
		letter-spacing:-0.1em;
		}
	.PremiumMembGuide ul.colorMember li dd strong { font-weight:bold; color:#A96230; }
h3.premiumMania{
	height:30px;
	padding:50px 0 0 1px;
	margin:0;
	font:0/0 Arial;
}
ol.used{
	list-style:none;
	padding:0;
	margin:7px 0 0 0;
	font:0/0 Arial;
	overflow:hidden;
}
ol.used li{
	float:left;
	width:348px;
	padding:0;
	margin:0;
	font:0/0 Arial;
	overflow:hidden;
}
ol.used li.used01{
	margin-right:70px;
}
ol.used li h4.useNotice{
	height:63px;
 	padding:17px 0 0 68px;
	margin:0;
	font:0/0 Arial;
	overflow:hidden;
	background:url('/web/images/front/premium/bg_listUsed01.gif') no-repeat left 2px;
}
ol.used li h4.useFavor {
	height:63px;
 	padding:17px 0 0 67px;
	margin:0;
	font:0/0 Arial;
	background:url('/web/images/front/premium/bg_listUsed02.gif') no-repeat left top;
}
ol.used li ul.noticeFavor {
	list-style:none;
	padding:0;
	margin:0;
	overflow:hidden;
	font:0/0 Arial;
}
ol.used ul.noticeFavor li {
	float:left;
	width:340px;
 	padding:0 0 11px 8px;
	margin:0;
	font:11px/15px dotum;
	color:#848080;
	letter-spacing:-0.1em;
	background:url('/web/images/front/icon/icon_arrow03.gif') no-repeat left 3px;
}
ol.used ul.noticeFavor li strong { font-weight:bold; color:#A96230; }
.skopiNotice{
 	width:804px;
	height:76px;
	padding:38px 0 0 20px;
	margin:5px 0 0 0;
 	background:url('/web/images/front/premium/bg_skopiNotice.gif') no-repeat left top;
}

/* 2009. 1. 7 추가 - 프리미엄 가입 팝업 */
#pop_content {
	width:480px;
	height:468px;
	margin:0 auto;
	padding:0 !important;
	overflow:hidden;
	}
	#pop_content h2 {
		margin:20px 0 8px 0;
		}
.popPremiumMemb {
	width:470px;
	margin:20px auto 0 auto;
	padding-bottom:15px;
	background:url('/web/images/front/premium/bg_contentBox.gif') no-repeat bottom;
	}

.popPremiumMemb .colorMemMiddleBox {
	clear:both;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	#colorMember {
		position:relative;
		width:470px;
		height:37px;
		margin:0 0 0 0;
		padding:0;
		list-style:none;
		overflow:hidden;
		}
		.red { background:url('/web/images/front/premium/bg_premiumTab.gif') no-repeat left 0; }
		.green { background:url('/web/images/front/premium/bg_premiumTab.gif') no-repeat left -38px; }
		.blue { background:url('/web/images/front/premium/bg_premiumTab.gif') no-repeat left -76px; }
	#colorMember li{
		float:left;
		width:100px;
		height:19px;
		padding:10px 0 0 0;
		margin:0 1px 0 0;
		text-align:center;
		font:0/0 Arial;
		overflow:hidden;
		}
	#colorMember img { cursor:pointer; }
	#colorMember li.last { clear:both; float:none; height:1px; }
	#colorMember li.mgnL51{
		margin-left:51px;
		}
	#contentBox {
		width:412px;
		margin:8px auto;
		padding:0;
		}
	#contentBox div h3{
		float:left;
		padding:0;
		margin:0;
		}
	#contentBox div p.join {
		float:right;
		margin:7px 0 0 0;
		padding:0;
		}
	#contentBox div dl{
		width:100%;
		overflow:hidden;
		padding:7px 0;
		margin:0;
		background:url('/web/images/front/premium/dot01.gif') repeat-x left top;
		}
	#contentBox div dt{
		float:left;
		width:71px;
		padding:0;
		margin:0;
		font:bold 11px/13px dotum;
		color:#333333;
		letter-spacing:-0.1em;
		}
	#contentBox div dd{
		float:left;
		padding:0;
		margin:0;
		font:11px/15px dotum;
		color:#848080;
		letter-spacing:-0.1em;
		}
	#contentBox div dd strong { font-weight:bold; font-size:12px; color:#A96230; }

	#contentBox ol.explain {
		clear:both;
		list-style:none;
		padding:20px 0 15px 0;
		margin:0;
		overflow:hidden;
		}
		#contentBox ol.explain li { font:14px gulim; font-style:italic;	}
		#contentBox ol.explain li.right { text-align:right; }
		#contentBox ol.explain li strong.special {
			display:inline-block;
			margin-right:10px;
			padding:2px;
			font:bold 16px/16px dotum;
			vertical-align:middle;
			letter-spacing:-1px;
			color:#FFFFFF;
			}
			#contentBox ol.explain li strong.special.Red { color:#B6374B; }
			#contentBox ol.explain li strong.special.Green { color:#86921B; }
			#contentBox ol.explain li strong.special.Blue { color:#1C8ED5; }

#pop_content2 {
	width:520px;
	height:468px;
	margin:0 auto 0 auto;
	padding:0;
	overflow:hidden;
	}

	#pop_content2 ul.popPremiumTab {
		width:514px;
		margin:20px auto 40px;
		padding:0;
		list-style:none;
		overflow:hidden;
		}
	#pop_content2  ul.popPremiumTab li {
		float:left;
		margin-right:18px;
		}
	#pop_content2  ul.popPremiumTab li.last { margin-right:0; }

	#pop_content2  .popPremiumCon {	width:520px; }
	#pop_content2  .popPremiumCon h3.memberAgree {	margin:0 0 10px 0; }
		#pop_content2  .popPremiumCon .agreement {
			width:468px;
			height:236px;
			font:12px/18px Gulim;
			color:#545450;
			padding:7px 15px;
			margin:0 auto 10px auto;
			overflow-x:hidden;
			overflow-y:auto;
			border:1px solid #C7C7C7;
			scrollbar-face-color:#EFEEED; /*스크롤바에서 표면 색상*/
			scrollbar-highlight-color:#FFFFFF; /*표면 왼쪽부분 겉색상*/
			scrollbar-shadow-color:#ffffff; /*표면 오른쪽 부분 그림자 겉색상*/
			scrollbar-3dlight-color:#ffffff; /*표면 왼쪽 부분 입체감 색상*/
			scrollbar-arrow-color:#ADADAD; /*스크롤바에서 조그만 삼각형있죠 그거 색상*/
			scrollbar-track-color:#FFFFFF; /*스크롤바가 밑에 레일 트렉 색상*/
			scrollbar-darkshadow-color:#FFFFFF /*표면 밑부분 그림자 색상*/
			}
		#pop_content2  #btnRig2 {
			width:514px;
			}

	#pop_content2 .popPremiumCon { width:520px;	}
	#pop_content2 h3.memberAgree {
		padding:15px 0 5px 0;
		margin:0;
		}
	#pop_content2 dl.personalInfo {
		width:465px;
		padding:14px;
		background-color:#FCFCFC;
		border:1px solid #E5E5E5;
		}
		#pop_content2 dl.personalInfo dt {
			float:left;
			width:70px;
			height:21px;
			padding:7px 0 0 0;
			font:11px/14px dotum;
			letter-spacing:2px;
			}
		#pop_content2 dl.personalInfo dd {
			float:left;
			width:385px;
			height:21px;
			padding:7px 0 0 0;
			font:11px/14px dotum;
			}
		#pop_content2 dl.personalInfo dd input.radio { margin-top:-1px; }
		#pop_content2 dl.personalInfo dd label { margin:0 10px 0 2px; letter-spacing:-1px;}
		#pop_content2 dl.personalInfo dd input,
		#pop_content2 dl.personalInfo dd img { vertical-align:middle; }

	.premiumJoinResultBox {
		width:320px;
		margin:0 auto;
		}
		.premiumJoinResultBox p {
			margin:18px 0;
			font:11px/17px dotum;
			letter-spacing:-1px;
			color:#737373;
			}