﻿body {margin:0;padding:0;background:#1a1a1a url(/html/images/main_bg.gif);color:#bbbdbf;font-size:9px;font-family:Verdana, 굴림, san serif;}
img {border:none;}
hr {display:none;}
a {text-decoration:none;}
a:link, a:visited {color:#ffffff;}
a:hover, a:active {color:#ffde00;}
abbr {cursor:help;}
.menudesc {display:block;overflow:hidden;width:0px;height:0px;margin:0;padding:0;}
#wrap {width:782px;margin:100px auto;}
#container {width:780px;height:500px;border:#4a4a4a 1px solid;}
#header {padding:0;margin:10px 0 0 10px;}
#header a {display:block;width:330px;height:32px;border-style:none;background:url(/html/images/corp_logo.gif) top left no-repeat;}
#contents {width:760px;height:406px;margin:10px 0 0 10px;}
.ptdiv {background:#000000;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:0.6;*position:static;*opacity:1;*background:transparent;}
.ptdiv_red {background:#550a06;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:0.7;*position:static;*opacity:1;*background:transparent;}

/* bpk inside */
#bpkinside {width:620px;height:406px;overflow:hidden;margin:0;padding:0;float:left;position:relative;filter:Alpha(opacity=60);*background:#000000;*position:static;}
#bpkinside div.entry, #bpkinside div.searchList  {position:relative;width:600px;height:366px;padding:0;margin:10px;}
#bpkinside h2 {height:16px;margin:0;padding:0;font-size:12px;font-weight:bold;color:#ffffff;}
#bpkinside p.date {height:14px;font-size:11px;color:#999999;margin:0;padding:0;}
#bpkinside div.searchList ol {font-size:12px;list-style:none;margin:24px 0 0 0;padding:0;}
#bpkinside div.searchList span.date {font-size:11px;color:#999999;margin-right:10px;}
#bpkinside div.article {height:326px;padding:0;margin:10px 0 0 0;color:#ffffff;font-size:12px;overflow:hidden;}
#bpkinside div.article img {float:left;margin:0 8px 0 0;padding: 3px;border:1px solid #000000;}
#bpkinside div.article p {margin:0 0 8px 0;padding:0;}
#bpkinside div.article a {text-decoration:underline;}
#bpkinside p.paging {position:relative;height:10px;clear:both;margin:0 0 10px 10px;padding:0;}
#bpkinside p.paging a {height:10px;background:#858585;color:#000000;font-weight:bold;font-size:10px;padding:0 3px 0 3px;text-decoration:none;}
#bpkinside p.paging a:link, #bpkinside p.paging a:visited {color:#000000;}
#bpkinside p.paging a:hover, #bpkinside p.paging a:active {color:#ffde00;}
#bpkinside p.paging span.selected {color:#ffffff;}
#sidebar {float:right;width:130px;height:406px;padding:0;margin:0;overflow:hidden;position:relative;filter:Alpha(opacity=60);*background:#000000;*position:static;}
#archive {position:relative;width:110px;height:386px;margin:10px;padding:0;font-size:9px;}
#archive h3 {height:16px;margin:0 0 24px 0;padding:0;font-size:11px;font-weight:bold;color:#ffffff;}
#archive ul {height:332px;font-size:12px;margin:0 0 0 10px;padding:0;list-style:none;}
#archive p.rss {height:14px;color:#999999;margin:0;padding:0 0 0 20px;background:url(/html/images/btn_rss.gif) no-repeat;}

/* about bpk */
#aboutheader {width:760px;height:26px;overflow:hidden;margin:0;padding:0;float:left;position:relative;filter:Alpha(opacity=70);*background:#550a06;*position:static;}
#aboutheader h2 {position:relative;float:left;font-family:verdana;font-weight:bold;font-size:11px;margin:0;padding:0 0 0 10px;line-height:26px;color:#ffffff;overflow:hidden;}
#aboutheader ul {position:relative;float:right;list-style:none;margin:0;padding:0;line-height:26px;color:#ffffff;font-size:11px;}
#aboutheader ul li {float:left;margin-right:12px;padding-left:12px;background:url(/html/images/bul_downarrow.gif) 0 10px no-repeat;}
#aboutheader ul li a {display:block;}
#aboutframe {width:760px;height:380px;overflow:hidden;margin:0;padding:0;float:left;position:relative;filter:Alpha(opacity=60);*background:#000000;*position:static;}
#aboutframe_01 {position:relative;margin:20px;padding-right:190px;font-size:12px;color:#cccccc;text-align:justify;line-height:1.3;}
#aboutframe_01 img {position:relative;float:left;border:1px solid #ffffff;padding:3px;margin:3px 8px 5px 0;}
#aboutframe_03 {position:relative;margin:20px;color:#cccccc;font-size:11px;}
#aboutframe_03 ul {margin:0;padding:0;list-style:none;width:720px;height:340px;overflow:auto;overflow-x:hidden;overflow-y:auto;line-height:1.4;}
#aboutframe_03 ul li {margin:0;padding:0 0 0 40px;width:560px;}
#aboutframe_03 ul li.seperator {margin:0 0 4px 0;padding:0 0 2px 0;border-bottom:1px solid #cccccc;color:#ffffff;font-weight:bold;letter-spacing:-1px;}
#aboutframe_03 ul li span {margin-right:20px;color:#ffffff;font-size:10px;}

/* ie only */
#aboutframe_03 ul {
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#550a06;
	scrollbar-base-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-track-color:#550a06;
}

/* navigation & footer */
#navigation {clear:both;margin:10px 0 0 0;}
#navigation ul {float:left;width:770px;height:20px;margin:0;padding:0 0 0 10px;background:#3b3b3b url(/html/images/navi_bg.gif) repeat-x top left;border-top:1px #858585 solid;border-bottom:1px #202020 solid;list-style:none;}
#navigation ul li {float:left;padding:0 16px 0 0;line-height:20px;margin:0;font-family:Verdana;font-size:11px;font-weight:bold;background:url(/html/images/navi_slash.gif) top right no-repeat;}
#navigation a {float:left;display:block;padding:0 10px;text-decoration:none;border-style:none;}
#navigation a:link, #navigation a:visited {color:#131313;}
#navigation a:hover, #navigation a:active {color:#ffde00;}
body#b_aboutbpk #n_aboutbpk a, body#b_bpkinside #n_bpkinside a,body#b_career #n_career a, body#b_guestbook #n_guestbook a {color:#ffffff;}
#footer {clear:both;}
#copyright {float:left;margin:8px 0 8px 0;padding:0;}
#quicklinks {float:right;margin:8px 0 8px 0;padding:0;list-style:none;}
#quicklinks li {float:left;margin:0 0 0 8px;padding:0 0 0 10px;background:url(/html/images/bul_quicklinks.gif) center left no-repeat;}
#quicklinks a {display:block;text-decoration:none;}
#quicklinks a:link, #quicklinks a:visited {color:#bbbdbf;}
#quicklinks a:hover, #quicklinks a:active {color:#ffde00;}
#ccpcopy {clear:both;margin:0;padding:0;font-family:small fonts;font-size:8px;text-align:justify;color:#686868;}



body#b_homepage #container {background:url(/html/images/bg_main_01.jpg) no-repeat;}
body#b_aboutbpk #container {background:url(/html/images/bg_main_02.jpg) no-repeat;}
body#b_bpkinside #container {background:url(/html/images/bg_main_04.jpg) no-repeat;}
