@charset "utf-8";
/* CSS Document */

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,input,textarea,select{margin:0;padding:0;}
html, body{margin:0; padding:0; height:100%; font-size:12px;line-height:1.5em;font-family:Helvetica,Arial,sans-serif;color:#666;}
ul,ol{list-style:none}
table{margin:0; padding:0;}
img{border:0;}
a{color:#666;text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:underline}
a {outline:none; select-dummy: expression(this.hideFocus=true);}


/* layout */
body{
height:100%;width:100%;
}

#wrap{
	position:relative;min-width:1300px;width:100%;height:100%;
}
#left{
	float:left; width:217px; height:100%; margin-right:-250px;
	z-index:0;
	
}
#content{
	z-index:1000;
	float:left; 
	margin-left:205px;
	height:100%;
}


/* left */
#left_top{padding-top:52px; margin-bottom:37px; min-height:50%;text-align:center;}

/*#left_bottom{margin-top:-55px;}*/

#left_bottom ul{padding:32px 0 38px 25px;}
#left_bottom ul li{padding-bottom:5px;}
#left_bottom .down_co{padding:27px 0 33px 29px;}
#left_bottom .copy{padding:22px 0 19px 29px;}

/* main */
/*.main_bg{background:url(../images/main_bg.gif) no-repeat top left;top:0;height:100%;width:100%;}*/
.main_bg{
	
	background:url(../images/main_bg_v3_fit.jpg) no-repeat top left;top:0;height:100%;width:100%;
	background-color:#323232;
}

@media screen and (min-width:1921px){
	.main_bg{
		
		background:url(../images/main_bg_v3.jpg) no-repeat top left;top:0;height:100%;width:100%;
		background-size:100%;
		background-color:#323232;
	}
}
.portfolio_bg{	background:url(../images/work_bg.png)	no-repeat top left;top:0;height:100%;width:100%;}


.left_bg{
	background:url(../images/left_bg.png) repeat-y top left;top:0;height:100%;width:100%;
}

.main_box{text-align:left;position:absolute;top:83px;left:289px;z-index:10;}
/*
.main_con01{text-align:left;width:700px;}
.main_con02{text-align:right;width:911px;padding-top:558px;}
*/

/* about */
.about_bg{ background:url(../images/about_bg.png) no-repeat top left;}
/*.about_bg{		background:url(../images/about_bg.gif)	no-repeat top left;}*/
/*.about_box{text-align:left;position:absolute;top:5%;left:25%;z-index:10;width:860px;height:530px;margin:30px 0 0 60px;}*/
.about_box{text-align:left;position:absolute;top:100px;left:380px;z-index:10;width:860px;height:530px;margin:30px 0 0 60px;}
.about_con01{padding:40px 0 123px 0;}
.about_con02{padding:40px 0 153px 0;}
.line_t{margin-bottom:30px;}
.line_b{margin-top:30px;}

/* service */
.service_bg{ background:url(../images/service_bg.gif) no-repeat top left;}
/*.service_box{text-align:left;position:absolute;top:5%;left:25%;z-index:10;width:860px;height:530px;margin:30px 0 0 60px;}*/
.service_box{text-align:left;position:absolute;top:100px;left:380px;z-index:10;width:860px;height:530px;margin:30px 0 0 60px;}

.service_con01, .service_con02, .service_con03{padding:0 0 6% 0;}
.line_empty{width:15px;}

/* portfolio */
.empty_bg{ background:url(../images/empty_bg.gif) no-repeat top left;}
.pf_box{text-align:left;position:absolute;top:100px;left:380px;z-index:10;width:880px;height:620px;margin:30px 0 0 60px;}


.line_empty2{width:15px;}
.pf_list{width:200px; margin-right:10px;float:left;}

.year_txt{margin-bottom:10px;}
.txt_tit{font-size:14px;font-weight:bold;color:#333;}
.view3_lf .txt_tit{font-size:15px;font-weight:bold;color:#333; padding-bottom:15px;}
.view3_lf li{font-size:14px;color:#333;}
.pj_list{margin-bottom:10px;margin-top:5px;}
.pj_list li a{color:#bbb0a3;}

.pf_view{float:right;padding-bottom:10px;}
.view1{width:612px;height:428px;background-color:#999;float:left;}
.view1_lf{float:left;}
.view1_rg{float:right;}
.pf_view2{clear:both;text-align:right;font-weight:bold;height:22px;padding:3px 5px 0 0;}
.view3_lf{float:left;margin-right:35px;width:160px;}
.view3_rg{float:left;}
.view3_rg li{padding-bottom:15px;}

/* contact */
/* 2024-08-29 변경으로 차단 .contact_bg{background:url(../images/contact_bg.png) no-repeat top left;} */
.contact_bg{background:url(../images/map-img_bcompany_0827.jpg) no-repeat top left;}

.contact_box{position:absolute;margin:507px 0 0 107px;}
/*.contact_box{position:absolute;margin:130px 0 0 790px;overflow:none;height:0;}*/


.table-layout{border-collapse:collapse;}
/*
height:100%;
*/