@charset "euc-kr";
@import url("default.css");

#wrap{float:left; width:1020px; margin:0 auto;}

/* #header{width:1000px; height:70px; background: url(http://yypbd.com/images/header/bg_header.png)}*/
#header{width:1000px; height:70px; background-color:#f4f4f4;}
#header h1{float:left; width:120px; height:50px; margin:10px 0 0 30px;}
#header #login{float:right; margin:2px 0 2px 150px; padding-right:20px; border:none; width:500px}
#header ul.lnb{float:right; width:320px; height:30px; vertical-align:middle; padding-top:10px;}
#header ul.lnb li{float:left; margin:0 4px 0 4px; vertical-align:middle; width:90px;}
#header #lnb img{vertical-align:middle}

#menu{width:1000px; height:30px; background: url(http://yypbd.com/images/header/bg_menu.png); position: absolute; z-index:100}

/* Head links */
#cssdropdown li.headlink { width: 120px; float: left; margin-left: -1px; border: 1px black solid; background-color: #e9e9e9; text-align: center; font-weight:bold;}
#cssdropdown li.headlink a { display: block; padding: 5px; }
/* Child lists and links */
#cssdropdown li.headlink ul { width: 150px; display: none; border-top: 1px black solid; text-align: left;}
#cssdropdown li.headlink:hover ul { display: block; position: absolute;}
#cssdropdown li.headlink ul li a { padding: 5px; height: 17px;}
#cssdropdown li.headlink ul li a:hover { background-color: #333;}
/* Pretty styling */
#cssdropdown a {color: white;} 
#cssdropdown ul li a:hover { text-decoration: none; }
#cssdropdown li.headlink { background-color: white; background-image: url(http://yypbd.com/images/header/bg_menu.png); }
#cssdropdown li.headlink ul { background-color: black; background-position: bottom; padding-bottom: 5px;}

#container{float:left; width:1000px;}
#container #info{float:left; width:170px;}
#container #info ul.snb{float:left; width:170px; padding-left: 4px;}
#container #content{width:820px; overflow: hidden; text-align:left; margin:0 0 0 0;}

#main{text-align:center;}

#home_title{width:810px; text-align:center; font-weight:bold; border-width:1px; border-style:solid; border-color:#ccccff; background-color:#f7f7ff; vertical-align:middle;}
#home_title img{vertical-align:middle}

#home_left{float:left; width:500px;}
#home_board{float:left; width:500px;}
#home_downloadboard{float:left; width:500px;}

#home_right{float:left; width:320px;}
#home_mydiary{float:left; width:320px;}
#home_phjdiary{float:left; width:320px;}
#home_photo{float:left; width:320px;}
#home_favorite{float:left; width:320px;}

#search{width:160px; border: 1px #bbbbbb solid;}

#dday{width:160px; border: 1px #bbbbbb solid;}
#dday #title_marry{height:20px; padding-left: 15px; background-color: #eeeeff; font-weight:bold; background-image: url(http://yypbd.com/images/dday/date.gif); background-repeat: no-repeat; background-position:left center;}
#dday #title_kwangyoung{height:20px; padding-left: 15px; background-color: #eeeeff; font-weight:bold; background-image: url(http://yypbd.com/images/dday/calendar.gif); background-repeat: no-repeat; background-position:left center;}
#dday #title_my{height:20px; padding-left: 15px; background-color: #eeeeff; font-weight:bold; background-image: url(http://yypbd.com/images/dday/calendar.gif); background-repeat: no-repeat; background-position:left center;}
#dday #title_birth{height:20px; padding-left: 15px; background-color: #eeeeff; font-weight:bold; background-image: url(http://yypbd.com/images/dday/icon_favourites.gif); background-repeat: no-repeat; background-position:left center;}
#dday #dday_content{text-align:center; }

#recent_comment{width:160px; border: 1px #bbbbbb solid;}
#comment_title{text-indent: 15px; height:20px; width:160px; background-color: #eeeeff; font-weight:bold; }
#comment_content{width:160px;}
#comment_content ul{}
#comment_content ul li{text-indent:10px; background-image: url(http://yypbd.com/images/header/comment_li.png); background-repeat: no-repeat;background-position:left center;}

#recent_article{width:160px; border: 1px #bbbbbb solid;}
#article_title{text-indent: 15px; height:20px; width:160px; background-color: #eeeeff; font-weight:bold; }
#article_content{width:160px;}
#article_content ul{}
#article_content ul li{text-indent:10px; background-image: url(http://yypbd.com/images/header/comment_li.png); background-repeat: no-repeat;background-position:left center;}

#counter{width:160px; border: 1px #bbbbbb solid;}

#container #content	h1{font-weight:bold; font-size:16px;}
#container #content	h2{padding-top:20px; font-weight:bold; font-size:14px; }
#container #content	h3{padding-top:15px; font-weight:bold; font-size:12px; color:#666666;}
#container #content	h4{padding-top:10px; font-size:12px; color:#666666;}


#download_intro h1{font-weight:bold; font-size:16px;}
#download_intro h2{padding-top:20px; font-weight:bold; font-size:14px;}
#download_intro h3{padding-top:15px; font-weight:bold; font-size:12px; color:#666666;}

#download h1{border-bottom:5px solid #000;padding-left:2px; font-weight:bold; font-size:20px; padding-bottom: 8px}
#download h2{border-bottom:3px solid #000;padding-left:4px; padding-top:20px; font-weight:bold; font-size:16px; padding-bottom: 5px;}
#download h3{border-bottom:2px solid #000;padding-left:6px; padding-top:15px; font-weight:bold; font-size:14px; color:#666666; padding-bottom: 3px;}
#download h4{border-bottom:1px solid #000;padding-left:8px; padding-top:10px; font-weight:bold; font-size:12px; color:#666666; padding-bottom: 3px;}

#google_adv{width: 820px; position: relative}
#adv{width:1000px; }


#footer{padding-top:10px; width:1000px; text-align:center; }
#footer idstick{width:950px; padding-top: 10px;}
#footer ul{padding-left: 50px; width:100%; text-align:center;}
#footer li{float:left; padding-right:20px; width:180px;}

table.project{border-color:#CCC; border-width:thick; } 
table.project td.project_title{width:200px; font-weight:bold; text-indent:10px; border-collapse:collapse; border:black 1px solid;}
table.project td.project_data{width:500px; border-collapse:collapse; border:black 1px solid;}
table.project td.project_content{margin-left:20px; border-collapse:collapse; border:black 1px solid;}

table.link{border-color:#CCC; border-width:thick;}
table.link td.link_tversion	{width:150px; font-weight:bold; text-align:center; border-collapse:collapse; border:black 1px solid;}
table.link td.link_tinstaller{width:150px; font-weight:bold; text-align:center; border-collapse:collapse; border:black 1px solid;}
table.link td.link_tzip{width:150px; font-weight:bold; text-align:center; border-collapse:collapse; border:black 1px solid;}
table.link td.link_tdate{width:250px; font-weight:bold; text-align:center; border-collapse:collapse; border:black 1px solid;}
table.link td.link_version{text-align:center; border-collapse:collapse; border:black 1px solid;}
table.link td.link_installer{text-align:center; border-collapse:collapse; border:black 1px solid;}
table.link td.link_zip{text-align:center; border-collapse:collapse; border:black 1px solid;}
table.link td.link_date{text-align:center; border-collapse:collapse; border:black 1px solid;}
table.link td.link_content{border-collapse:collapse; border:black 1px solid;}


a{text-decoration: none; }
a:link{background-color: transparent; color: #0000FF; text-decoration: none}
a:active{background-color: #fefee4; color: #0000FF; text-decoration: none}
a:visited{background-color: transparent; color: #0000FF; text-decoration: none}
a:hover{background-color: transparent; color: #FF6600; text-decoration: none}

#program_count table{margin:20px auto 0 auto; width:90%; border-width:1px 0 0 1px;}
#program_count table th{padding:5px 0 3px 0; width:25%; border:solid #999; border-width:0 1px 1px 0; background:#f5f5f5; text-align:center;}
#program_count table td{padding:3px 0 1px 0; border:solid #999; border-width:0 1px 1px 0; text-align:center;}

#program_count table tr.saturday{background-color:#FF8888;}
#program_count table tr.sunday{background-color:#FF3333;}

.googleAD{margin:10px auto 20px auto; padding:10px 35px; width:728px; border:1px dashed #e9edf5; background:url("http://yypbd.com/images/header/bg_google.gif") repeat-x 0 -40px;}




/* °¶·¯¸®°¡ Á¤»óµ¿ÀÛÀ» ¾ÈÇؼ­ Ãß°¡ÇÔ. */
/* @import url("http://yypbd.com/bbs/skin/DQ_Revolution_Frontier_Gallery/style.css"); */

/* dummy file */
.list_vspace {padding:5px 2px 5px 0px}
.list_tspace {padding:0px}
.small_han	 {font-size:11px}

.floatNaviArrow {
	position: absolute;
	left: 10px;
	top: 10px;
	width:22px;
	height:41px;
	z-index:1;
	display : none;
}

.vSpacer  {font-size:1px;height:5px;  clear:both}
.vSpacer2 {font-size:1px;height:10px; clear:both}
.vSpacer3 {font-size:1px;height:15px; clear:both}
.hidden   { display : none }
.no_grant {cursor:pointer}

.descipt_counter { line-height:100% }

#swuBtnBrowse { padding:5px 0 5px 0 }
#dq_textContents_memo a:link    { text-decoration:underline }
#dq_textContents_memo a:hover   { text-decoration:underline }
#dq_textContents_memo a:visited { text-decoration:underline }
#dq_textContents_memo    { line-height:180% }
#dq_textContents_memo *  { line-height:180% }
#dq_textContents_memo p  { margin:1px }
#dq_textContents_memo li { margin-bottom:10px }
#dq_textContents_memo ol { margin-top:5px }
#dq_textContents_memo ul { margin-top:5px; list-style:circle }
#dq_textContents_comment a:link    { text-decoration:underline }
#dq_textContents_comment a:hover   { text-decoration:underline }
#dq_textContents_comment a:visited { text-decoration:underline }
#dq_textContents_comment    { line-height:180% }
#dq_textContents_comment *  { line-height:180% }
#dq_textContents_comment p  { margin:1px }
#dq_textContents_comment li { margin-bottom:10px }
#dq_textContents_comment ol { margin-top:5px }
#dq_textContents_comment ul { margin-top:5px; list-style:circle }
form { display:inline }
#swuCommentInputFrame { z-index:100 }

#thumbNaviSelector {
	position: absolute;
	width:  10px;
	height: 10px;
	left: 10px;
	top:  10px;
	display:none;
	border:4px solid #f0f0f0;
	z-index:0;
/*	filter  : alpha(opacity=40); */
	opacity : 0.4;
}
#thumbNaviSelector div { border:1px solid #303030 }

.imageToolbox {
	position: absolute;
	width:  34px;
	height: 34px;
	left: 10px;
	top:  10px;
	display:none;
	z-index:1;
}
.imageToolbox img {	cursor:pointer }

#need_secretCode {
	position: absolute;
	padding-bottom: 10px;
	width:  300px;
	margin: 0 auto;
	top:  200px;
	z-index:1;
	border:4px solid #000;
	background-color:#e5e5e5;
	color:#000;
	line-height:140%;
	display:none;
	text-align:center;
}
#need_secretCode input { color:#000 }

/* ------------ highslide css ------------- */

.highslide {
    cursor: url(plug-ins/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid #525252;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-wrapper {
	background: #101010;
}
.highslide-image-blur {
}
.highslide-image {
	border: 0px solid white;
}
.highslide-caption {
    display: none;
    
    border: 0px solid #4f4f4f;
    border-top: none;
    font-size: 9pt;
    padding: 5px;
	color:#e0e0e0;
    background-color: #282828;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(plug-ins/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
a.highslide-full-expand {
	background: url(plug-ins/highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

.highslide-dimming {
	background: black;
	position: absolute;
}

.highslide-overlay {
	display: none;
}

.controlbar {	
	background: url(plug-ins/highslide/graphics/controlbar4.gif);
	width: 100px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(plug-ins/highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/* Controls. See http://www.google.com/search?q=css+sprites */
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(plug-ins/highslide/graphics/controlbar-black-border.gif) 0 -90px no-repeat;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 20px;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(plug-ins/highslide/graphics/controlbar-black-border.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
}
.highslide-controls a {
	background: url(plug-ins/highslide/graphics/controlbar-black-border.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}
.highslide-move a {
	cursor: move;
}

.hidden-container {
	display: none;
}

/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
} 

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}