@charset "utf-8";

body#subpage {
	/*min-width:640px;*/
	min-width:320px;
	font-size:15px; color:#555;
	/*letter-spacing:-0.05em;*/
}

@media (min-width:640px){
	body#subpage {
		padding-top: 163px;
	}
}
@media (max-width:639px){
	body#subpage {
		padding-top: 45px;
	}
}
.contents .container {
	padding:80px 0 0 0; position:relative;
}

#subapge .contents{
	margin-top:50px;
}
#overlayLayer {
	display:none;
	vertical-align: middle;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	/*opacity:0.7;
	filter:alpha(opacity=70);*/
	background-image:url("../images/pf_con_bg.png");
	z-index:99999;
}
.viewCon_tit_wrap {
	position:relative;
	position:absolute;
	bottom:0;
	width:100%;
	height:55px;
}
#viewCon {
	position:relative;
	margin:0 auto;
	width:662px;
	height:470px;
	background-color:#ffffff;
}
#viewCon .viewCon_wrap {
	overflow:hidden;
	position:absolute;
	top:10px;
	left:10px;
	width:640px;
	height:400px;
	border:1px solid #bdbdbd;
	background-color:#dfdfdf;
}
#viewCon .preloader {
	position:absolute;
	top:100px;
	left:310px;
}
#viewCon_pc {
	position:relative;
	margin:0 auto;
	width:722px;
	height:570px;
	background-color:#ffffff;
}
#viewCon_pc .viewCon_wrap {
	overflow:hidden;
	position:absolute;
	top:10px;
	left:10px;
	width:700px;
	height:494.94949495px;
	border:1px solid #bdbdbd;
	background-color:#dfdfdf;
}

#viewCon_pc .viewCon_wrap > img.pf_list_img {
	width:100%;
}
#viewCon .viewCon_wrap {
}
#viewCon .viewCon_tit,
#viewCon_pc .viewCon_tit {
	position:absolute;
	left:20px;
	bottom:20px;
	font-size:20px;
	line-height:22px;
}
#viewCon .closeX,
#viewCon_pc .closeX {
	display:block;
	position:absolute;
	right:20px;
	bottom:20px;
}

.nav_ul {float:right;}
.nav_li {float:left;}
.nav_li > a {
	font-size:13px;
	line-height:15px;
	padding:5px 20px 5px 10px;
	background-image:url('/images/nav_arrow.png');
	background-repeat:no-repeat;
	background-position:100% 50%;
}
.nav_li.last > a {
	color:#ed174f;
	padding:5px 0 5px 10px;
	background-image:none;
}

h2 {
	font-size:28px;
	font-weight:bold;
	line-height:30px;
	margin-bottom:10px;
	color:#ed174f;
	font-family: 'KoPub Dotum','Nanum Gothic';
	letter-spacing:0;
}
p.con_tit {
	float:left;
	font-size:13px;
	line-height:15px;
	color:#999999;
	margin-bottom:20px;
	width:100%;
}

.sub_visual {
	float:left;
	width:100%;
	margin-top:30px;
	line-height:150%;
	min-height:490px;
	letter-spacing:-0.05em;
}


.br {display:block;}
.br_mobile_only {display:none;}

@media screen and (max-width:639px) {
	.mobile_none {display:none;}
	.br {display:none;}
	.br_mobile_only {display:block;}
	#subpage h3 {
		font-size:150%;
		line-height:120%;
	}
	#subpage p,
	#subpage dt,
	#subpage dd {
		font-size:100%;
		/*line-height:120%;*/
		line-height:140%;
	}
	.contents .container {
		padding:20px 0 50px 0;
	}
	h2 {
		float:left;
	}
	.nav_ul {
		margin-bottom:10px;
	}
	.sub_visual {margin-top:0;}
	.sub_portfolio.top40 {padding-top:0;}

	#viewCon {
		position:relative;
		margin:0 auto;
		width:90%;
		height:80%;
		background-color:#ffffff;
	}
	#viewCon .viewCon_wrap {
		overflow:hidden;
		position:absolute;
		top:2.5%;
		left:2.5%;
		width:95%;
		height:97.5%;
		border:1px solid #bdbdbd;
		background-color:#dfdfdf;
	}

	.footer {
		margin-top:50px;
	}
}