@charset "utf-8";

@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,del, dfn, em,font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;font-family:NanumGothic;}

* {margin:0; padding:0;}
img,table,fieldset {border:none;}
table {border-collapse:collapse}
hr, legend{display:none}
ul, ol, dl, dt, dd {list-style:none}
em {font-style:normal}
input,img,span { vertical-align:middle; }

body {font-size:12px;color:#555555;letter-spacing:0;line-height:18px;}
table {font-family:nanumgothic;font-size:12px; color:#727272;}
div {font-family:nanumgothic;font-size:12px; color:#727272;}
input, select, textarea {font-family:nanumgothic;font-size:13px; color:#454545; padding:0;}

caption {visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
.hidden {visibility:hidden; width:0; height:0; font-size:0; line-height:0; border:none; overflow:hidden; z-index:-1}
.clear {clear:both; height:0; font-size:0; line-height:0}

a {outline: none;}
a:link, a:visited {color:#666; text-decoration:none}
a:hover, a:active {text-decoration:none}
*:focus {outline:none;}

h1, h2, h3, h4, h5 {}

#Wrap {}

/*헤더메뉴*/

body {}
.header {}
.header .jbTitle {text-align: center;height:130px;width:100%;border-bottom: 1px solid #f1f1f1;background:rgba(255, 255, 255, 0.9);}
.header .jbTitle h1 {padding: 30px 0 0 0;width:1100px;margin: 0 auto;}
.header .jbMenu {text-align: center;background:rgba(255, 255, 255, 0.9);width: 100%;height:50px;border-bottom: 1px solid #f1f1f1;z-index:10000;}
.header .jbMenu .menuBox {width:1100px;margin: 0 auto;}
.header .jbFixed {position: fixed;top: 0px;}

#menu {height:50px;padding: 0 0 0 290px;position:relative;z-index:1000;}
#menu > dd {width:100px;height:50px;float:left;position:relative;padding: 0 20px 0 20px ;text-align:center;}
#menu > dd:first child {padding-left:500px;}
#menu > dd a {display:block;}
#menu > dd:hover {border-bottom: 2px solid #555555;}
#menu > dd > dl {position:absolute;top:50px;left:0px;margin:0px;padding:0;display:none;width:140px;}
#menu > dd > dl > dd:first-child {}
#menu > dd > dl > dd {margin: 0 0 1px 0; padding: 9px 0; clear:both;background:rgba(0, 0, 0, 0.7);color:#fff}
#menu > dd  img {vertical-align:top;padding: 12px 0 0 0;}
#menu > dd > dl > dd a {color:#fff;display:block;}
#menu > dd > dl > dd:hover {background:rgba(0, 0, 0, 0.9);}

.mainBanner {width:100%;position:relative;z-index:1;}
.mainBanner .Btext {position:absolute;top:145px;left:50%;margin: 0 0 0 -155px;}
.mainBanner .Btext .logo {}
.mainBanner .Btext .cname {text-align:center;padding: 80px 0 0 0;}
.mainBanner .banner01 {margin: 0 auto;background:url(../images/sshB001.jpg) no-repeat center;height:728px;}
.mainBanner .movieBox {position:absolute;top:166px;left:50%;margin: 0 0 0 -180px;width:720px;height:480px;}

.Content {width:100%;}
.Content h3 {width:1100px;margin: 60px auto 0 ;text-align:left;background:url(../images/ccc.gif);}
.Content h3 img {padding: 0 10px 0 0 ;background:#fff;}
.Content .mimg {width:1100px;margin: 20px auto 0 ;}
.Content .MoreBt {float:right;width:66px;height:auto;background:#333333;text-align:center;padding: 8px 0 9px 0;}
.Content .MoreBt a {color:#fff;display:block;}

.Content .portfArea {
  width: 1100px;
  height: auto;
  margin: 20px auto 0;
  border: 1px solid #dcdcdc;
  overflow: auto;
  padding: 10px 0;
  clear:both;
}
.Content .portfArea ul li {float:left;padding: 10px 0px 10px 20px;}
.Content .portfArea ul li img {width:250px;height:300px;}

.Content .NewsArea {width:1098px;margin: 0 auto 0 ;border: 1px solid #dcdcdc;height:240px;}
.Content .NewsArea .newsCon {float:left;width:700px;}
.Content .NewsArea .Ntit {padding: 26px 0 0 20px;}
.Content .NewsArea .Nbox {padding: 20px 0 0 20px;}
.Content .NewsArea .Nbox .newsCon {padding: 0 0 0 20px;}
.Content .NewsArea .Nbox .newsCon .tt01 {font-size:16px;font-weight:600;color:#000;padding: 10px 0 0 0px;}
.Content .NewsArea .Nbox .newsCon .tt02 {font-size:12px;font-weight:600;color:#444444;padding: 10px 0 0 0px;line-height:18px;}
.Content .NewsArea .Nbox .newsCon .tt03 {font-size:12px;font-weight:500;color:#888888;padding: 8px 0 30px 0px;}

.Content .NewsArea .Nbox .NewsIMG {float:left;}
.Content .NewsArea .Nbox .NewsIMG img {width:260px;height:150px;}



.Content .clientArea {width:1200px;margin: 0 auto 0 ;position:relative;clear:both;}
.Content .clientArea .clientBox {width:1100px;margin: 0 auto 0 ;overflow:auto;position:relative;height:340px;border-left: 1px solid #dcdcdc;}
.Content .clientArea .clientBox ul li {float:left;width:273px;height:150px;border-right: 1px solid #dcdcdc;text-align:center;
padding: 10px 0 10px 0;}
.Content .clientArea .clientBox ul li:first-child {}
.Content .clientArea .Btleft {position:absolute;top:150px;left:0;}
.Content .clientArea .Btright {position:absolute;top:150px;right:0;}

.Content .contactArea {width:1098px;margin: 20px auto 0 ;height:380px;border: 1px solid #dcdcdc;position:relative;}
.Content .contactArea .mapbox {position:absolute;top:1px;left:1px;width:550px;height:387px;}
.Content .contactArea .AddressBox {position:absolute;top:48px;left:620px;}

.subimgArea {width:100%;margin: 0 auto;height:200px;background-color:#e7e7e7;position:relative;}
.subimgArea .subBNtit {position:absolute;top:86px;left:50%;margin: 0 0 0 350px;}
.subimg001 {background:url(../images/img_subtitBg001.jpg) no-repeat center;}
.subimg002 {background:url(../images/img_subtitBg002.jpg) no-repeat center;}
.subimg003 {background:url(../images/img_subtitBg003.jpg) no-repeat center;}
.subimg004 {background:url(../images/img_subtitBg004.jpg) no-repeat center;}
.subimg005 {background:url(../images/img_subtitBg005.jpg) no-repeat center;}
.subimg006 {background:url(../images/img_subtitBg006.jpg) no-repeat center;}

.SubContent {width:100%;margin: 0 auto;height:auto;overflow:auto;}
.SubContBg001 {background:url(../images/bg_subbbg001.jpg) no-repeat center top;}
.SubContBg002 {background:url(../images/bg_subbbg002.jpg) no-repeat center top;}
.SubContBg003 {background:url(../images/bg_subbbg003.jpg) no-repeat center top;}
.SubContBg004 {background:url(../images/bg_subbbg004.jpg) no-repeat center top;}
.SubContent .SubTitle {width:270px;height:160px;margin: 0 auto 0;padding: 40px 0 0 0;
background:url(../images/bg_subtitbot.png) no-repeat 51px 130px ;}
.SubContent .contentBox {width:100%;margin: 0 auto;text-align:center;}

.SubContent .projectBox {width:1100px;margin: 20px auto 0;text-align:center;overflow:auto;}
.SubContent .projectBox > ul > li {float:left;width:250px;height:300px;padding: 0 12px 70px 12px;}
.SubContent .projectBox > ul > li img {width:250px;height:300px;}
.SubContent .projectBox > ul > li p {padding: 8px 0 0 0 ;font-weight:600;}

.SubContent .clientBox
{
	width:1084px;
	margin: 0 auto;
	text-align:center;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	overflow:auto;
	background:#dcdcdc;
}
.SubContent .clientBox > ul > li 
{
	float:left;
	width:270px;
	height:auto;
	background:#fff;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	padding: 30px 0 
}
.SubContent .clientBox > ul > li:first-child {}
.SubContent .clientBox > ul > li img 
{
	width:240px;
	height:150px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	vertical-align:middle;
}

.SubContent .contactBox {width:900px;height:700px;margin: 0 auto;border: 1px solid #dcdcdc;position:relative;background:#fff;}
.SubContent .contactBox .AddInfo {position:absolute;top:0;left:0;width:250px;height:700px;background:rgba(0, 0, 0, 0.85);}
.SubContent .contactBox .AddInfo img {padding: 20px 0 0 20px;}

.SubContent .customerBox {width:1000px;height:auto;margin: 0 auto;border: 1px solid #dcdcdc;background:#fff;overflow:auto;position:relative;}
.SubContent .customerBox .titT {width:100%;height:50px;background:#222222;text-align:center;line-height:50px;}
.SubContent .customerBox .titT span {font-size:14px;font-weight:500;color:#fff;}
.SubContent .customerBox .selectBox {width:100%;height:auto;min-height:700px;padding: 0 0 20px 0;overflow:auto;}
.SubContent .customerBox .selectBox > ul > li 
{
	float:left;
	margin: 24px 0 0 24px;
	text-align:center;
	display:block;
}
.SubContent .customerBox .selectBox .logobox 
{
	border: 1px solid #dcdcdc;
	width:300px;
	background:#fff;
	text-align:center;
	display:block;
	padding: 10px 0;
}
.SubContent .customerBox .selectBox .logobox:hover {border: 1px solid #444444;}
.SubContent .customerBox .selectBox .logobox a {display:block;}
.SubContent .customerBox .selectBox > ul > li img {width:240px;height:150px;}
.SubContent .customerBox .selectBox > ul > li p {font-size:15px;font-weight:600;color:#666666;padding: 8px 0 0 0;}

.SubContent .CboardBox {width:1000px;min-height:600px;margin: 0 auto;border: 1px solid #dcdcdc;background:#fff;position:relative;padding: 0 0 40px 0;}
.SubContent .CboardBox .CompLogo {position:absolute;top:10px;left:50px;}
.SubContent .CboardBox .CompLogo img {}
.SubContent .CboardBox .Tabmenu {position:absolute;top:60px;right:50px;}
.SubContent .CboardBox .Tabmenu ul li {float:left;}
.SubContent .CboardBox .Cboard {width:900px;margin: 170px auto 0;}
.SubContent .CboardBox .Cboard table {width:100%;}
.SubContent .CboardBox .Cboard table thead {border-top: 2px solid #333333;border-bottom: 1px solid #333333;background:#f7f7f7;}
.SubContent .CboardBox .Cboard table thead tr th {height:50px; vertical-align:middle;font-size:15px;font-weight:600;color:#444444;}
.SubContent .CboardBox .Cboard table tbody tr td 
{
	height:50px;
	text-align:center;
	vertical-align:middle;
	border-bottom: 1px solid #d3d3d3;
	font-size:13px;
	font-weight:500;
	color:#444444;
}
.SubContent .CboardBox .Cboard table tbody tr.Tas td {background:#f4f9fa;}
.SubContent .CboardBox .Cboard table tbody tr td img {padding: 0 7px 0 0 ;}
.SubContent .CboardBox .QBt {width:100%;text-align:right;}

/*팝업*/
.SubContent .CboardBox .QnaPop 
{
	position:absolute;
	width:600px;
	height:340px;
	border: 4px solid #000;
	background:#fff;
	z-index:1000;
	top:150px;
	left:200px;
}
.SubContent .CboardBox .QnaPop .tit {width:94%;height:50px;line-height:50px;margin: 10px auto 0;font-size:17px;font-weight:600;color:#333333;
border-bottom: 1px solid #000;}
.SubContent .CboardBox .QnaPop .TArea {width:94%;margin: 0 auto 0;}
.SubContent .CboardBox .QnaPop .TArea table {width:100%;}
.SubContent .CboardBox .QnaPop .TArea table tbody tr {border-bottom: 1px solid #d9d9d9;}
.SubContent .CboardBox .QnaPop .TArea table tbody tr th {height:42px;text-align:right;padding: 0 6px 0 0 ;vertical-align:middle;font-size:13px;font-weight:600;color:#444444;}
.SubContent .CboardBox .QnaPop .TArea table tbody tr td {vertical-align:middle;padding: 0 0 0 6px ;}
.SubContent .CboardBox .QnaPop .TArea table tbody tr td select {width:80%;height:22px;}
.SubContent .CboardBox .QnaPop .TArea table tbody tr td input {border: 1px solid #bdbdbd;height:22px;padding: 0 6px;}
.SubContent .CboardBox .QnaPop .TArea table tbody tr td textarea {border: 1px solid #bdbdbd;padding: 4px 6px;line-height:22px;}

.SubContent .CboardBox .QnaPop .BtArea {width:94%;margin: 20px auto 0;text-align:center;}

.Sspop_AR 
{
	position:absolute;
	width:300px;
	height:auto;
	border: 4px solid #000;
	background:#fff;
	z-index:1000;
	top:200px;
	left:50%;
	margin: 0 0 0 -150px;
}
.Sspop_AR .Tpf {text-align:center;font-size:15px;font-weight:600;color:#444444;margin: 20px auto 0;}
.Sspop_AR .Tinput {margin: 20px auto 0;text-align:center;font-size:13px;font-weight:500;color:#444444;}
.Sspop_AR .Tinput input {border: 1px solid #bdbdbd;height:22px;padding: 0 6px;}
.Sspop_AR .BtArea {width:94%;margin: 30px auto 20px;text-align:center;}

.BSelpop_AR 
{
	position:absolute;
	width:600px;
	height:auto;
	border: 4px solid #000;
	background:#fff;
	z-index:1000;
	top:200px;
	left:50%;
	margin: 0 0 0 -304px;
	display:none;
}
.BSelpop_AR .Tpf {text-align:center;font-size:15px;font-weight:600;color:#444444;margin: 20px auto 20px;}
.BSelpop_AR .BtArea {width:100%;margin: 30px auto 20px;text-align:center;clear:both;}
.BSelpop_AR .brSelect {width:100%;padding: 0 0 0 15px;overflow:auto;}
.BSelpop_AR .brSelect ul li {float:left;margin: 0 10px 20px 10px;border: 1px solid #dcdcdc;background:#f7f7f7;}
.BSelpop_AR .brSelect ul li img {width:120px;}
.BSelpop_AR .brSelect ul li:hover {border: 1px solid #000;}


.sshTform table {width:100%;}
.sshTform table thead {border-top: 2px solid #333333;border-bottom: 1px solid #333333;background:#f7f7f7;}
.sshTform table thead tr th {height:50px; vertical-align:middle;font-size:15px;font-weight:600;color:#444444;}
.sshTform table tbody tr td 
{
	height:50px;
	text-align:center;
	vertical-align:middle;
	border-bottom: 1px solid #d3d3d3;
	font-size:13px;
	font-weight:500;
	color:#444444;
}
.sshTform table tbody tr.Tas td {background:#f4f9fa;}
.sshTform table tbody tr td img {padding: 0 7px 0 0 ;}
.sshTform .dInfo {font-size:12px;font-weight:500;color:#444444;line-height:21px;padding: 10px 0 10px 8px;text-align:left;}
.sshTform .dInfo .TTm {font-size:15px;font-weight:600;color:#444444;line-height:26px;padding: 0 0 8px 0;}
.sshTform .Dnum {margin: 6px 0 0 0 ;text-align:center;}
.sshTform .Dnum a {font-size:12px;font-weight:600;color:#fff;display:block;width:70%;padding: 3px 4px;background:#666666;margin: 0 auto 0 ;}
.sshTform .cancle {text-align:center;}
.sshTform .cancle a {font-size:12px;font-weight:600;color:#fff;display:block;width:50%;padding: 3px 4px;background:#ec6e6e;margin: 0 auto 0 ;}

.SubContent .CboardBox .delivboard {width:900px;margin: 170px auto 0;}

.SubContent .CboardBox .ProductList {width:1000px;margin: 170px auto 0;padding: 0 0 0 20px;overflow:auto;}
.SubContent .CboardBox .ProductList > ul > li {float:left;width:202px;height:280px;margin: 0 19px 40px 20px;}
.SubContent .CboardBox .ProductList .Pphoto {border: 1px solid #d6d6d6;}
.SubContent .CboardBox .ProductList .Pphoto img {width:200px;height:250px;}
.SubContent .CboardBox .ProductList .Pphoto:hover {border: 1px solid #444444;}
.SubContent .CboardBox .ProductList .Pinfo {width:100%;font-size:12px;font-weight:600;color:#444444;text-align:center;padding: 8px 0 0 0;}

.SubContent .CboardBox .SelectBox {width:920px;margin: 170px auto 0;}
.SubContent .CboardBox .SelectBox .Stab {width:100%;height:41px;background:url(../images/bg_subshopbg01.jpg) no-repeat;position:relative;}
.SubContent .CboardBox .SelectBox .Stab .tit001 {position:absolute;top:11px;left:230px;font-size:15px;font-weight:600;color:#fff;}
.SubContent .CboardBox .SelectBox .Stab .tit002 {position:absolute;top:11px;right:170px;font-size:15px;font-weight:600;color:#fff;}

.SubContent .CboardBox .SelectBox .InfoInputbox 
{
	width:100%;
	height:340px;
	background:url(../images/bg_subshopbg02.gif) repeat-y;
	position:relative;
}
.SubContent .CboardBox .SelectBox .InfoInputbox .pdPhoto {padding: 26px 0 0 26px;}
.SubContent .CboardBox .SelectBox .InfoInputbox .pdPhoto img {width:200px;height:250px;}
.SubContent .CboardBox .SelectBox .InfoInputbox .PDinput {position:absolute;top:24px;left:250px;width:240px;height:auto;}
.SubContent .CboardBox .SelectBox .InfoInputbox .PDinput .tit {width:100%;font-size:17px;font-weight:600;color:#444444;}

.inputTable {width:100%;margin: 20px 0 0 0;}
.inputTable table {width:100%;}
.inputTable table tbody tr {border-bottom: 1px solid #d9d9d9;}
.inputTable table tbody tr th {height:42px;text-align:right;padding: 0 6px 0 0 ;vertical-align:middle;font-size:13px;font-weight:600;color:#444444;}
.inputTable table tbody tr td {vertical-align:middle;padding: 0 0 0 6px ;}
.inputTable table tbody tr td select {width:80%;height:22px;}
.inputTable table tbody tr td input {border: 1px solid #bdbdbd;height:22px;padding: 0 6px;}
.inputTable table tbody tr td textarea {border: 1px solid #bdbdbd;padding: 4px 6px;line-height:22px;}

.SubContent .CboardBox .SelectBox .InfoInputbox .ADinput {position:absolute;top:0;left:534px;width:360px;height:auto;}
.SubContent .CboardBox .SelectBox .proReg {text-align:right;margin: 10px 0 0 0;}

.SubContent .CboardBox .regList {width:920px;margin: 50px auto 0;}
.SubContent .CboardBox .regList .tit {font-size:18px;font-weight:600;color:#444444;}
.SubContent .CboardBox .regList .regPorList {width:100%;margin: 20px 0 0 0;}
.SubContent .CboardBox .regList .regPorList .proconf {text-align:center;margin: 20px 0 0 0;}








.lineb01 {width:100%;border-bottom: 1px solid #dcdcdc;height:1px;}
.lineb02 {width:100%;border-top: 1px solid #dcdcdc;height:1px;}


.footer {width:100%;background:#0f0f0f;height:auto;clear:both;margin: 60px 0 0 0;overflow:auto;}
.footer .FbtArea {width:1100px;height:135px;margin: 0 auto;position:relative;}
.footer .FbtArea h1 {padding: 30px 0 0 0;}
.footer .FbtArea .FbrBox {position:absolute;top:30px;right:0;}
.footer .FbtArea .FbrBox ul {}
.footer .FbtArea .FbrBox ul > li:first-child {border-left: 1px solid #444444;}
.footer .FbtArea .FbrBox ul > li {float:left;width:150px;text-align:center;
border-right: 1px solid #444444;height:75px;padding: 5px 0 0 0;}
.footer .Addr {width:1100px;height:100px;margin: 0 auto;position:relative;border-top: 1px solid #444444;}
.footer .Addr p {font-size:11px;font-weight:500;color:555555;padding: 14px 0 0 0;}
.footer .Addr em {font-size:11px;font-weight:500;color:555555;}


/* 페이징 */
.paging {margin-top:30px; text-align:center; font-size:14px;padding-bottom:40px;clear:both;}
.paging a {display:inline-block; width:31px; height:29px; vertical-align:top; text-align:center; line-height:29px; font-size:11px; color:#878787; border:1px solid #d4d4d4;background:#f6f6f6;}
.paging a span {display:none;}
.paging a.paging_first {background:url(../images/paging_first.gif) no-repeat center center;}
.paging a.paging_prev {background:url(../images/paging_prev.gif) no-repeat center center;}
.paging a.paging_next {background:url(../images/paging_next.gif) no-repeat center center;}
.paging a.paging_last {background:url(../images/paging_last.gif) no-repeat center center;}
.paging a.on {color:#419d7c; border:1px solid #9bcda8; background:#fff;}


.NewsCboard {width:900px;margin: 0px auto 0;}
.NewsCboard table {width:100%;}
.NewsCboard table thead {border-top: 2px solid #333333;border-bottom: 1px solid #333333;background:#f7f7f7;}
.NewsCboard table thead tr th {height:50px; vertical-align:middle;font-size:15px;font-weight:600;color:#444444;}
.NewsCboard table tbody tr td 
{
	height:100px;
	text-align:center;
	vertical-align:middle;
	border-bottom: 1px solid #d3d3d3;
	font-size:15px;
	font-weight:600;
	color:#444444;
	background:#fff;
}
.NewsCboard table tbody tr td a {color:#000;}
.NewsCboard table tbody tr.Tas td {background:#f4f9fa;}
.NewsCboard table tbody tr td img {padding: 0 7px 0 0 ;}


.ViewPageBox {width:900px;height:auto;margin: 0px auto 0;border-top: 3px solid #000;border-bottom: 3px solid #000;background:#fff;}
.ViewPageBox .tit {width:100%;height:80px;border-bottom: 1px solid #c8c8c8;}
.ViewPageBox .tit .tt 
{
	width:100%;
	font-size:18px;
	font-weight:600;
	color:#000;
	height:49px;
	line-height:49px;
	padding: 0 0 0 20px;
	overflow:hidden;
}

.ViewPageBox .tit .date
{
	font-size:13px;
	font-weight:600;
	color:#444444;
	height:18px;
	line-height:18px;
	padding: 0 0 0 20px;
}
.ViewPageBox .Vinfo 
{
	width:860px;
	min-height:150px;
	height:auto;
	padding: 20px 20px 50px 20px;
	font-weight:500;
	color:#444444;
	line-height:22px;
}
.ViewPageBox .Vinfo img {max-width:860px;}
.ViewPageBox .BTarea {width:100%;height:90px;border-top: 1px solid #c8c8c8;text-align:center;}
.ViewPageBox .BTarea img {padding: 22px 0 0 0;}



.PJViewPageBox {width:900px;height:auto;margin: 0px auto 0;border-top: 3px solid #000;border-bottom: 3px solid #000;background:#fff;}
.PJViewPageBox .tit {width:100%;height:64px;border-bottom: 1px solid #c8c8c8;position:relative;}
.PJViewPageBox .tit .tt 
{
	width:80%;
	font-size:15px;
	font-weight:600;
	color:#000;
	height:58px;
	line-height:58px;
	padding: 0 0 0 20px;
	overflow:hidden;
}
.PJViewPageBox .tit .BtBox {position:absolute;top:10px;right:20px;}

.PJViewPageBox .Vinfo 
{
	width:860px;
	min-height:150px;
	height:auto;
	padding: 20px 20px 50px 20px;
	font-weight:500;
	color:#444444;
	line-height:22px;
}
.PJViewPageBox .Vinfo p {padding: 0 0 10px 0;}
.PJViewPageBox .Vinfo img {max-width:860px;}
.PJViewPageBox .BTarea {width:100%;height:90px;border-top: 1px solid #c8c8c8;text-align:left;position:relative;}
.PJViewPageBox .BTarea .listbt {padding: 22px 0 0 20px;}
.PJViewPageBox .BTarea .BtBox {position:absolute;top:26px;right:20px;}


.intro_bg {width:100%;height:100%;background:#000;position:relative;}
.intro_bg .intro_movie {position:fixed;top:0;left:0;width:100%;height:auto;}
.intro_bg .intro_movie img {width:100%;}

.intro_bg .introBox {position:absolute;top:100px;left:50%;width:370px;margin: 0 0 0 -185px;}
.intro_bg .introBox .logo {text-align:center;}
.intro_bg .introBox .bbg {background:url(../images/intro_bg.png) no-repeat;width:370px;height:360px;margin: 20px 0 0 0 ;}
.intro_bg .introBox .SKbt {text-align:center;}

.video-background {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.video-background video {
	min-height: 100%; 
	min-width:100%; 
}