/***********************************************************************************
* Copyright (C)RFLOGIX since 2010.08.24 (rflogix@rflogix.com)
************************************************************************************
* ● 프로젝트	: RFLOGIX-홈페이지
* ○ 파일		: popup.css
* ○ 생성		: 2017.03.30(목요일)
* ○ 최종변경	: 2017.03.30(목요일)
************************************************************************************/


/***********************************************************************************
* 팝업 레이어
***********************************************************************************/

/*Layer Style*/
.LayerWrapBG {position:fixed;top:0;left:0;right:0;bottom:0;background:url(../image/index/layer_bg.png) repeat 0 0;z-index:1000;overflow-y:auto}
.LayerWrapBG .LayerContentsWrap {width:870px;margin:60px auto;background:#fff;border-radius:4px;padding:30px 30px 50px}
.LayerWrapBG table.Type_A tbody tr td {text-align:center}
.LayerWrapBG table.Type_A tbody tr td.r {text-align:right}
	
/*Layer*/
.OnPortfolio h2 {padding-top:15px;margin-bottom:28px;font-size:26px;font-weight:bold;color:#0a9edb;font-family: '나눔고딕',NanumGothic,'맑은고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif}
.OnPortfolio .LayerContentsWrap {position:relative}
.OnPortfolio .LayerContentsWrap a.ClosedLayer {width:39px;height:39px;top:30px;right:30px;position:absolute;background:url(../image/index/btn_closed.png) no-repeat 0 0;text-indent:-9999px;font-size:0px;}	
.OnPortfolio .LayerContentsWrap table.Table_Type_A tr td.PortfolioImage .Image {margin:20px 0;max-width:810px;height:auto}
.OnPortfolio .LayerContentsWrap table.Table_Type_A tr td.PortfolioImage img {margin:20px 0;max-width:870px;height:auto}


/*Layer 테이블 */
.OnPortfolio .LayerContentsWrap table.Table_Type_A {
	width:100%;
	border-top:1px solid #0a9edb;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  tbody tr th {
	font-size:12px;
	color:#303030;
	font-weight:bold;
	text-align:left;
	/*padding:12px 0 12px 30px;*/
	background:#fbfbfb;
	border-bottom:1px solid #e3e3e3;
	vertical-align:top;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  tbody tr th.point {
	padding:5px 20px;
	background-position: 30px 16px;
	color:#202020;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  tbody tr th.Insert {
	color:#202020;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  tbody tr th strong {
	color:#999;
	font-weight:bold;
	margin-top:10px;
	display:inline-block;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  tbody tr td {
	padding:5px 0 5px 19px;
	border-bottom:1px solid #e3e3e3;
	font-size:12px;
	color:#999;
}


.OnPortfolio .LayerContentsWrap table.Table_Type_A  input[type="button"] {
	cursor:pointer;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  div.RepresentativesWrap {
	width:590px;
	overflow:hidden;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  div.RepresentativesWrap p {
	float:left;
	padding:12px 10px 0 0;
	font-size:12px;
	color:#666;
	font-weight:bold;
	display:inline-block;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  div.RepresentativesWrap p span {
	color:#0a9edb;
	display:inline-block;
}


.OnPortfolio .LayerContentsWrap table.Table_Type_A  div.RepresentativesWrap input[type="text"] {
	float:left;
	margin-right:20px;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  div.EmailWrap { 
	width:590px;
	overflow:hidden;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  div.EmailWrap p {
	float:left;
	padding:7px 0 0 0;
	margin:0 5px;
	font-size:14px;
	color:#666;
	font-weight:normal;
	display:inline-block;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  div.EmailWrap input[type="text"] {
	float:left;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  div.PhoneNumberWrap input[type="text"] {
	float:left;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  div.PhoneNumberWrap {
	float:left;		
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  span.Hipen {
	float:left;
	width:5px;
	height:1px;
	margin:12px 4px 0;
	background:#999;
	display:inline-block;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  p.DetailHeader {
	font-size:11px;
	color:#666;
	margin-top:6px;
	margin-bottom:15px;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  p.DetailHeader span {
	color:#eb4e7b;
	text-decoration:underline;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  textarea.TextArea_Type_A {
	padding:20px 20px;
	width:550px;
	height:265px;
	border:1px solid #e3e3e3;
	background:#f8f8f8;
	font-size:12px;
	color:#666;
	border-radius:2px;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  tbody th.tHead {
	vertical-align:top
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  div.EditerResult {
	padding:0 0;
	font-size:12px;
	color:#999;
	line-height:40px;
	margin:8px 0;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  div.EditerResult>p {
	line-height:16px;
	color:#999;
}


.OnPortfolio .LayerContentsWrap table.Table_Type_A  p.Info {
	padding:8px 0 0 10px;
	font-size:12px;
	color:#999;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  p.Info.f11 {
	font-size:11px;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  div.Default_Wrap p.Info {
	float:left;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  div.AddressWrap div.Default_Wrap {
	padding-bottom:5px;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  div.AddressWrap div.Default_Wrap.None {
	margin-bottom:0;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  tr td.ListWrap {
	padding-top:0;
	padding-bottom:0;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  tr td.ListWrap dl dt {
	float:left;
	padding-top:9px;
	padding-bottom:9px;
	padding-right:9px;
	font-size:13px;
	font-weight:bold;
	color:#666;
	text-align:center;
	border-right:1px dotted #d6d6d6;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  tr td.ListWrap dl dd {
	float:left;	
	padding-bottom:5px;
	padding-right:9px;
	font-size:13px;
	font-weight:bold;
	color:#666;
	text-align:center;
	border-right:1px dotted #d6d6d6;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  tr td.ListWrap dl .Name {
	width:105px;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  tr td.ListWrap dl .PNum {
	width:125px;
	padding-left:10px;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  tr td.ListWrap dl .SNum {
	width:125px;
	padding-left:10px;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  tr td.ListWrap dl .Email {
	width:175px;
	padding-left:10px;
	padding-right:0px;
	border:none;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  tr td.ListWrap dl span {
	margin-top:10px;
	font-size:12px;
	color:#999;
	display:block;
	text-align:center;
	font-weight:normal;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  tr td.ListWrap dl dd.Name input[type="text"] {
	width:83px;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  tr td.ListWrap dl dd.PNum input[type="text"]{
	width:103px;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  tr td.ListWrap dl dd.SNum input[type="text"]{
	width:103px;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  tr td.ListWrap dl dd.Email input[type="text"]{
	width:153px;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  tr td.ListWrap dl {
	width:590px;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  tr td.ListWrap dl.Bottom dd {
	padding-bottom:10px;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  div.DefaultWrap p.PostNumber {
	float:left;
	margin-right:20px;
	font-size:12px;
	color:#999999;
	display:inline-block;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  div.DefaultWrap p.PostAddress {
	float:left;
	font-size:12px;
	color:#999999;
	display:inline-block;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  a.link {
	font-size:12px;
	color:#999999;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  strong.Red {
	color:#eb4e7b;
	font-weight:bold;
	font-size:12px;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  strong.Blue {
	color:#0a9edb;
	font-weight:bold;
	font-size:12px;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  strong {
	color:#999;
	font-weight:bold;
	font-size:12px;
}

.OnPortfolio .LayerContentsWrap table.Table_Type_A  tr td a {
	color:#999;
}
	

/*Switch CSS Style*/
.UnLock {}
.Lock {overflow-y:hidden;position:relative}