@import url("Site.css");
body {
	height: 100%;
	opacity: 1;
	position: relative;
	min-width: 1160px;
}


/** S:해드 메뉴부분**/

header {
	min-width: 1160px;
	width: 100%;
	background-color: #FFF;
}

#top_menu {
	padding: 0 10px;
	width: 1140px;
	height: 85px;
	margin: 0 auto;
}

#top_menu ul {
	padding: 0 20px;
}

#top_menu ul li.logo {
	float: left;
	padding-top: 30px;
}

#top_menu ul li.menu {
	float: right;
	padding-top: 44px;
}

#top_menu ul li.facebook {
	float: right;
	padding-top: 44px;
}


/** E:해드 메뉴부분**/


/** S:메인베너**/

#mainbanner {
	height: 410px;
	max-width: 2110px;
	margin: 0 auto;
}

.maintop {
	width: 100%;
	min-width: 1160px;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
}

.maintop div {
	height: 410px;
	min-width: 1160px;
}

.maintop .visual1 {
	background: url(../images/main1.jpg) no-repeat center;
	cursor: pointer;
}

.maintop .visual2 {
	background: url(../images/main2.jpg) no-repeat center;
	cursor: pointer;
}

.maintop .visual3 {
	background: url(../images/main3.jpg) no-repeat center;
	cursor: pointer;
}
.maintop .visual4 {
	background: url(../images/main4.jpg) no-repeat center;
	cursor: pointer;
}

/** E:메인베너**/


/** S:메인내용**/

.bodycontent {
	background-color: #2f2a28;
	width: 100%;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 60px;
	position: relative;
	min-width: 1160px;
}

.bodycontent div.portfolio,
.bodycontent div.webpaparazzi,
.bodycontent div.promotion {
	width: 1160px;
	margin: 10px auto;
}

.bodycontent .webpaparazzi,
.bodycontent div.promotion {
	padding-top: 10px;
}

.portfolio .itemunit ,
.promotion .itemunit {
	width: 270px;
	height: 270px;
	float: left;
	margin: 10px;
	position: relative;
	overflow: hidden;
}

.webpaparazzi .itemunit {
	width: 270px;
	height: 180px;
	float: left;
	margin: 10px;
}

.slidinglayer {
	width: 100%;
	height: 100%;
	/*background-color: #00aac3;*/
	position: absolute;
	bottom: -270px;
	left: 0;
	/*opacity: 0.85;*/
	background-image: url(../images/lay_bg.png);
	display: none;
}

.slidinglayer ul {
	padding: 75px 30px 0 30px;
	cursor: pointer;
	height: 195px;
}

.slidinglayer ul li.title {
	font-family: NanumGothicBold;
	font-size: 18px;
	text-align: center;
	line-height: 26px;
	color: #FFF;
}

.slidinglayer ul li.ptype {
	font-family: NanumGothic;
	font-size: 14px;
	text-align: center;
	line-height: 25px;
	color: #FFF;
}

.slidinglayer ul li.viewbutton {
	text-align: center;
	position: absolute;
	width: 210px;
	bottom: 60px;
}

.slidinglayer ul li.viewbutton button {
	cursor: pointer;
	background: #FFF;
	width: 80px;
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	text-align: center;
	font-size: 14px;
	font-family: NanumGothicUp;
	color: #00aac3;
}


/** E:메인내용**/


/** S: 오른 날개**/

.left_wings {
	position: fixed;
	right: 0;
	top: 545px;
	width: 35px;
	margin: 0;
	z-index: 9999;
}

.left_wings_close {
	position: fixed;
	right: 0;
	top: 545px;
	width: 35px;
	margin: 0;
	z-index: 9999;
	padding: 0 !important;
}

.left_wings img {
	cursor: pointer;
}

.prj_req {
	width: 470px;
	position: absolute;
	height: 100%;
	right: -471px;
	top: 0;
	background-color: #f0f0eb;
	z-index: 9999;
	border-left: #ee3519 1px solid;
	/*min-height: 900px;*/
	display: none;
	overflow-y: scroll;
}

.prj_req> div {
	padding: 85px 40px;
	text-align: left;
}

.prj_req .pj_text {
	font-family: NanumGothicUp;
	font-size: 12px;
	line-height: 16px;
}

.prj_req .pj_checkbox {
	padding-top: 25px;
}

.prj_req .pj_checkbox li {
	width: 150px;
	height: 30px;
	line-height: 30px;
	float: left;
}

.prj_req .pj_checkbox li label {
	font-family: Dotum;
	font-size: 11px;
	display: block;
	float: left;
	margin-left: 5px;
}

.prj_req .pj_checkbox li input {
	border: #696969 1px solid;
	padding: 0;
	margin: 0;
	margin-top: 8px;
	float: left;
}

.pj_text {
	clear: both;
}

.pj_text .input_div {
	height: 40px;
	margin-top: 10px;
	position: relative;
}

.pj_text .input_div span {
	position: absolute;
	font-family: Dotum;
	color: #888888;
	line-height: 40px;
	padding-left: 14px;
	cursor: text;
}

.pj_text input {
	border: 0;
	padding: 0;
	margin: 0;
	height: 40px;
	width: 362px;
	padding: 0 14px;
	font-size: 11px;
	line-height: 40px;
}

.pj_text textarea {
	border: 0;
	padding: 0;
	margin: 0;
	height: 220px;
	width: 362px;
	padding: 10px 14px;
	font-family: Dotum;
	font-size: 11px;
	line-height: 20px;
}

.fileup {
	padding: 10px 0;
	position: relative;
}

.fileup label {
	float: left;
	height: 30px;
	display: block;
	width: 80px;
	line-height: 30px;
	text-align: center;
	font-family: Dotum;
	color: #888888;
}

.fileup img {
	float: left;
}

.fileup input {
	position: absolute;
	height: 30px !important;
	padding: 0;
	border: 0;
	margin: 0;
	width: 130px;
	opacity: 0;
	top: 10px;
	left: 80px;
}

.fileup #filename_pad {
	padding-left: 10px;
	line-height: 30px;
	clear: both;
	display: block;
	padding-left: 80px;
}

.prj_req .buttons {
	display: block;
	clear: both;
	width: 290px;
	padding-top: 35px;
	margin: 0 auto;
}

.prj_req .buttons li {}

.prj_req .buttons li button {
	width: 140px;
	height: 50px;
	cursor: pointer;
}

.prj_req .buttons li button[type=submit] {
	background-image: url(../images/button_send.png);
}

.prj_req .buttons li button[type=button] {
	background-image: url(../images/button_cancel.png);
}

.error_nt {
	border: #ee3519 1px solid !important;
	background-color: #fcd9d4;
}


/** E : 오른 날개**/

footer {
	width: 135px;
	width: 1140px;
	margin: 0 auto;
	display: block;
	position: relative;
	padding: 0 10px;
}

footer ul {
	padding: 0 20px;
}

footer ul li.footer_logo {
	float: left;
	margin-top: 28px;
	border-right: #c4c4c5 1px solid;
}

footer ul li.footet_location {
	float: left;
	margin-top: 28px;
	padding-left: 14px;
}

footer ul li.cpdown {
	float: right;
	margin-top: 27px;
}


/******** S: about*********/

.aboutbanner {
	background: #f0f0eb;
	background-image: url(../images/dot.png);
	height: 420px;
}

.aboutbody {
	background: #60c6d3;
}

.aboutbody div.dcenter {
	width: 1140px;
	margin: 0 auto;
	padding: 0 10px;
}

.aboutbody .atitle {
	padding-top: 58px;
	height: 47px;
	padding-left: 280px;
}

.aboutbody .alogos {
	padding-left: 240px;
}

.aboutbody .alogos li {
	float: left;
	padding-left: 40px;
	padding-top: 40px;
}

.aboutbody .alogos li img {
	border-radius: 50%;
}


/******** E: about*********/


/**** S : ContcatUS***/

.contactbody {
	min-width: 1160px;
}

.contactbody .contactbanner {
	height: 305px;
	background-color: #2f2a27;
}

.contactbody .contactbanner .center {
	width: 1100px;
	padding-top: 75px;
	margin: 0 auto;
	height: 230px;
	background-image: url(../images/contact_banner_bg.png);
	background-repeat: no-repeat;
	background-position: right;
}

.contactbody .contactbanner .center>img {
	float: left;
}

.contactbody .contactbanner .center>ul {
	float: right;
	padding-top: 120px;
}

.contactbody .contactbanner .center>ul li {
	float: right;
}


/**** E : ContcatUS***/


/*** S : portfolio***/

.protfoliobody {
	background-color: #2f2a27;
	min-width: 1160px;
}

.protfoliobody .protfoliobanner {
	width: 1100px;
	padding-top: 75px;
	margin: 0 auto;
	height: 88px;
}

.protfoliobody .protfoliobanner .center {
	float: left;
}

.protfoliobody .protfoliobanner ul {
	float: right;
	padding-top: 47px;
	width: 720px;
}

.protfoliobody .protfoliobanner ul li {
	float: right;
	display: block;
	height: 13px;
	margin-right: 28px;
}

.protfoliobody .protfoliobanner ul li a {
	height: 13px;
	display: block;
	background-image: url(../images/profolio_menu_nomal.png);
	background-repeat: no-repeat;
}

.protfoliobody .protfoliobanner ul li a:hover {
	background-image: url(../images/profolio_menu.png);
}

.protfoliobody .protfoliobanner ul li.r01 a {
	width: 120px;
	background-position: -582px top;
}

.protfoliobody .protfoliobanner ul li.r02 a {
	width: 98px;
	background-position: -456px top;
}

.protfoliobody .protfoliobanner ul li.r03 a {
	width: 37px;
	background-position: -394px top;
}

.protfoliobody .protfoliobanner ul li.r04 a {
	width: 67px;
	background-position: -302px top;
}

.protfoliobody .protfoliobanner ul li.r05 a {
	width: 69px;
	background-position: -205px top;
}

.protfoliobody .protfoliobanner ul li.r06 a {
	width: 177px;
	background-position: left top;
}

.protfoliobody .protfoliobanner ul li.r07 a {
	width: 130px;
	background-position: -733px top;
}

.protfoliobody .protfoliobanner ul li.r01 a.hover,
.protfoliobody .protfoliobanner ul li.r02 a.hover,
.protfoliobody .protfoliobanner ul li.r03 a.hover,
.protfoliobody .protfoliobanner ul li.r04 a.hover,
.protfoliobody .protfoliobanner ul li.r05 a.hover,
.protfoliobody .protfoliobanner ul li.r06 a.hover,
.protfoliobody .protfoliobanner ul li.r07 a.hover {
	background-image: url(../images/profolio_menu.png);
}

.protfoliobody .protfoliobanner ul li.r07 {
	margin: 0;
}

.protfoliobody .protfoliocontent {
	clear: both;
	width: 1160px;
	margin: 0 auto;
}


/*** E : portfolio***/


/** S: popup**/

.popup {
	padding-bottom: 80px;
	width: 1000px;
}

.popup_in {
	width: 1000px;
	background-color: #FFF;
	position: relative;
	padding-top: 50px;
	padding-left: 30px;
	padding-right: 30px;
	display: block;
}

.popup .popup_close {
	position: absolute;
	top: 0;
	right: -49px;
}

.popup .popup_close img {
	cursor: pointer;
}

.popup .popup_title .ptype {
	color: #ee3519;
	font-size: 14px;
	line-height: 24px;
	display: block;
}

.popup .popup_title .ptitle {
	color: #222222;
	font-size: 26px;
	line-height: 24px;
	font-family: NanumGothicBold;
	display: block;
}

.popup .popup_title .purl {
	color: #222222;
	font-size: 11px;
	line-height: 24px;
	color: #666666;
	display: block;
	padding-top: 4px;
}

.popup .popup_title {
	float: left;
	max-width: 810px;
}

.popup ul.pr_nx {
	float: right;
	width: 101px;
}

.popup ul.pr_nx li {
	float: right;
	width: 50px;
	height: 45px;
}

.popup ul.pr_nx li img {
	cursor: pointer;
}

.popup ul.popup_pics {
	width: 1000px;
	padding-top: 27px;
	clear: both;
	min-height: 500px;
}

.popup ul.popup_pics li img {
	max-width: 100%;
}

.popup ul.popup_pics li {
	float: left;
	padding: 10px;
}

.popup .gourlbutton {
	width: 80px;
	height: 25px;
	line-height: 25px;
	background-color: #29bcd3;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	cursor: pointer;
}


/** E: popup**/

#totop {
	position: fixed;
	right: 0;
	bottom: 81px;
	display: none;
	cursor: pointer;
}

#PHPfrm_div {
	position: fixed;
	top: 0;
	z-index: 99999;
	display: none !important;
}

.popup_model {
	cursor: pointer;
}

.popup {
	cursor: default;
}