@charset "utf-8";
@import url("common.css");

/*Layer*/
body{width:100%;background:#fff}
#wrap{width:100%; min-width:1400px; background:url('../img/common/wrap_bg.jpg') repeat top left; overflow:hidden; position:relative;}
#header{width:100%; min-width:1400px; margin:0 auto; z-index:1000; position:absolute; left:0; top:0;background:url('/img/common/head_bg.png') repeat-x left 102px}
#container{position:relative;width:100%; min-width:1400px;  overflow:hidden; }
#contents{width:100%; min-width:1400px;  margin:0 auto;}
#footer{width:100%; min-width:1400px; background:#1e1e1e; ; margin:0 auto; position:relative;}


.subtop_wrap{position:relative; width:100%; min-width:1400px; margin:0 auto; overflow:hidden; height:340px; }
.subtop{position:relative; width:100%; min-width:1400px; margin:0 auto; overflow:hidden; height:340px;}
.subtop1{background:url('../img/sub/sub_top01.jpg') no-repeat center center;; }
.subtop2{background:url('../img/sub/sub_top02.jpg') no-repeat center center;; }
.subtop3{background:url('../img/sub/sub_top03.jpg') no-repeat center center;; }
.subtop4{background:url('../img/sub/sub_top04.jpg') no-repeat center center;; }
.subtop_wrap .text{position:absolute; left:0; top:200px; text-align:center; width:100%;}
.subtop_wrap .text img{display:block; margin:0 auto;}
.subcon{width:100%; min-width:1400px;margin:0 auto;}


.subtab{width:100%; min-width:1400px;  background:url('/img/sub/subtab_bg.jpg') repeat-x left 54px}
.subtab ul{text-align:center; width:1400px; margin:0 auto; }
.subtab ul li{display:inline-block;zoom:1;*display:inline;_display:inline; width:254px; height:56px; line-height:56px; font-size:14px;vertical-align:top;}
.subtab2 ul li{width:632px;}
.subtab ul li a{color:#bdbdbd;display:inline-block;zoom:1;*display:inline;_display:inline; width:249px}
.subtab2 ul li a{width:100%; display:block;}
.subtab3 ul li{width:420px;}
.subtab3 ul li a{ width:410px}
.subtab6 ul li{width:233px;}
.subtab6 ul li a{ width:228px}
.subtab ul li span{ display:inline; border-right:1px solid #d9d9d9; width:1px;}
.subtab ul li.last span{border-right:none;}
.subtab ul li.on{border-bottom:3px solid #937962; height:53px; line-height:53px;}
.subtab ul li.on a{color:#937962; }
/*.subtab ul li.on span{border-right:none;}*/
.bold{ font-weight:600;}
h2.after{font-size:37px; color:#222;}
h2.after:after{content:" "; width:36px; height:3px; background:#222222; margin-bottom:30px; display:block; margin-top:20px;}
h3.after{font-size:22px; color:#222;}
h3.after:after{content:" "; width:36px; height:3px; background:#222222; margin-bottom:30px; display:block; margin-top:20px;}


h2.after:after,
h2.after .ie-before {
    content: "";
    margin-right: 5px;
}

h2.after{
*zoom: expression(
        this.runtimeStyle['zoom'] = '1', 
        this.insertBefore(document.createElement("i"), 
        this.firstChild).className="ie-before",
        this.firstChild.innerHTML = ""
    );
	}


h4{font-size:20px; color:#000;}
p.text{color:#666666; font-size:13px; line-height:1.6em;}
.green{color:#67ae24 !important}
.blue{color:#003468 !important;}
.ta_l{text-align:left  !important}
.ta_c{text-align:center  !important;}
.ta_r{text-align:right  !important;}
.fs_13{font-size:13px !important}
.fs_14{font-size:14px !important}
.fs_15{font-size:15px !important}
.fs_16{font-size:16px !important}
.fs_17{font-size:17px !important}
.fs_18{font-size:18px !important}
.fs_19{font-size:19px !important}
.fs_20{font-size:20px !important}
.fs_21{font-size:21px !important}
.fs_22{font-size:22px !important}


/*m11*/

.m11{}

.m11 .m11_con01{width:1400px; margin:0 auto;; font-family:'Century Gothic'; text-align:center; padding-top:112px; padding-bottom:100px;}
.m11 .m11_con01 h5{color:#937962; font-size:20px; border-top:1px solid #937962; border-bottom:1px solid #937962; padding:5px 0; margin-bottom:17px; display:inline-block;}
.m11 .m11_con01 h2{color:#000000; font-size:30px; margin-bottom:39px;}
.m11 .m11_con01 h3{margin-bottom:28px;}
.m11 .m11_con01 p{color:#727272; font-size:14px; line-height:1.5em; margin-bottom:65px}
.m11 .m11_con01 div.img{}

.m11 .m11_con02{padding:100px 0; background:url('/img/sub/m11_img02_bg.jpg') no-repeat center center}
.m11 .m11_con02 .img{width:1400px; margin:0 auto;}


.m11 .m11_con03{padding:100px 0; }
.m11 .m11_con03 .img{width:1400px; margin:0 auto;}



/*m21*/
.projects{margin-top:100px;;text-align:center;}
.projects h4{font-size:30px; color:#000; margin-bottom:50px}
.projects .txt{margin-top:20px;}
.projects_top{
	margin:40px 0 0;
}
.projects_top:after{clear:both;display:block;content:"";}
.projects_top .cate{
	float:left;
	background:url(/images/page/projects_bg1.gif) no-repeat left top;
}
.projects_top .cate:after{clear:both;display:block;content:"";}
.projects_top .cate>div>a{
	display:block;
	height:20px;line-height:20px;
	font-size:12px;color:#666;font-weight:600;text-align:left;
	background:url(/images/page/projects_bg2.gif) no-repeat 90% center;
}
.projects_top .cate>div>a.on{
	color:#000;
}
.projects_top .cate>div>.selectmenu{
	display:none;
	background:#eee;
	width:100%;
	position:relative;
	position:absolute;left:0;top:25px;
	z-index:1000;
}
.projects_top .cate>div>.selectmenu>ul{
	padding:22px 18px
}
.projects_top .cate>div>.selectmenu>ul>li{
	text-align:left;
	margin-bottom:5px;
}
.projects_top .cate>div>.selectmenu>ul>li>a{
	color:#333;font-size:12px;
}
.projects_top .cate>div>.selectmenu>ul>li>a:hover{
	text-decoration:underline;
}
.projects_top .cate>div>.selectmenu select{
	visibility:hidden;
	position:absolute;left:0;bottom:0;
}
.projects_top .cate .type{
	float:left;
	position:relative;
	width:193px;
	padding-left:17px;
	background:url(/images/page/projects_bg1.gif) no-repeat right top;
}
.projects_top .cate .brand{
	float:left;
	position:relative;
	width:193px;
	padding-left:17px;
	background:url(/images/page/projects_bg1.gif) no-repeat right top;
}
.projects_top .cate .year{
	float:left;
	position:relative;
	width:193px;
	padding-left:17px;
	background:url(/images/page/projects_bg1.gif) no-repeat right top;
}

.projects_top .search{
	float:right;width:300px;padding-left:1px;
	background:url(/images/page/projects_bg1.gif) no-repeat left top;
}
.projects_top input{
	width:240px;t
	padding-left:20px;
	height:20px;line-height:20px;
	border:0;
	font-size:12px;font-weight:600;color:#666;
}

.projects_list{overflow:hidden;margin:23px auto 40px ; width:1400px;padding-top:40px;}/*border-top:1px solid #d9d9d9;  border-bottom:1px solid #d9d9d9;*/
.projects_list ul{overflow:hidden;width:1366px;margin:0 auto; text-align:left; }
.projects_list ul li{display:inline-block; margin:0 6px;text-align:center;cursor:pointer; margin-bottom:50px;width:327px;overflow:hidden;word-break:normal;}

.projects_list ul li .imgarea{
	position:relative;
}
.projects_list ul li .imgarea img.over{position:absolute; left:0; top:0; display:none;}
.projects_list ul li:hover .imgarea img.over{ displaY:block;}
.projects_list ul li .imgarea,
.projects_list ul li .pname a{display:block; margin-top:15px; font-size:16.5px; font-weight:600; color:#6d6d6d;}
.projects_list ul li .pdate{ margin:0 auto;; margin-top:10px;  width:221px; padding-bottom:30px; border-bottom:1px solid #e5e5e5;}
.projects .moreview{margin-bottom:80px; }
.projects_list ul li .pname a {height:40px;line-height:20px;padding:0 10px 20px;border-bottom:1px solid #e5e5e5;width:auto;}

.project_view{
	display:none;
	position:relative;
	position:fixed;left:0;top:0;
	width:100%;height:100%;
	background:url(/img/sub/bg_black.png) repeat;
	z-index:1000;
}
.pv_close{
	position:fixed;
	/*right:30px;top:30px;*/
	left:50%;
	top:50%;
	margin-top:-435px;
	margin-left:550px;
}
.project_view iframe{width:100%;margin:0 auto; /*background:url(/img/sub/bg_black.png) repeat;*/}
.pv_wrap{
	width:1000px;/*margin:0 auto;*/
	height:932px;
	position: fixed;
	left:50%;
	top:50%;
	margin-top:-466px;
	margin-left:-500px;
	overflow:hidden; /*background:url(/img/sub/bg_black.png) repeat*/;padding-top:25px;
}
.pv_top{
	position:relative;
	width:100%;text-align:center;
}
.pv_top .pv_prev{position:absolute;left:0;top:10px;}
.pv_top .pv_next{position:absolute;right:0;top:10px;}
.pv_top .pv_title{
	display:inline-block;
	font-size:40px;font-weight:500;color:#fff;
	padding:0 20px 33px;
	border-bottom:1px solid #1a1a1a;
	margin-bottom:14px;
}
.pv_top .pv_info1{
	margin:10px 0 20px;
	font-size:14px;font-weight:500;color:#fff;
}
.pv_top .pv_info2{overflow:hidden;}
.pv_top dl{float:left;width:20%;padding-left:5%;}
.pv_top dl dt{
	float:left;
	font-size:12px;font-weight:500;color:#fff;
	padding-left:13px;
	margin-right:30px;
	background:url(/images/page/projects_bg5.png) no-repeat left 2px;
}
.pv_top dl dd{float:left;font-size:12px;}

.pgall{margin-top:20px;}
.pgall .pbig{position:relative;}
.pgall .pbig .pprev{position:absolute;left:0;top:50%;margin-top:-33px;}
.pgall .pbig .pnext{position:absolute;right:0;top:50%;margin-top:-33px;}
.pgall .pbig ul{}
.pgall .pbig ul li{display:none}
.pthum{margin:10px 0;text-align:center;}
.pthum ul{    width: 811px; margin: auto;}
.pthum ul li{
	position:relative;
	display:inline-block;#display:inline;*zoom:1;
	margin:3px;
	width: 100px;
    height: 72px;
    text-align: center;
}
.pthum ul li .layer_on{
	display:none;
	position:absolute;left:0;top:0;
	border:2px solid #937962;
	width:96px;height:68px;
}



/*m31*/

.m31{}

.m31 .m31_con01{width:1400px; margin:0 auto; padding-top:110px; padding-bottom:75px; text-align:center;}
.m31 .m31_con02{background:#928171; padding:80px 0;}
.m31 .m31_con02 .m31_con02_wrap{width:1400px; margin:0 auto; overflow:hidden;  font-family:'Century Gothic'; }
.m31 .m31_con02 .m31_con02_wrap>div{float:left;}
.m31 .m31_con02 .m31_con02_wrap>div.form_d{width:643px; border-bottom:1px solid #a19385; margin-right:55px;} 
.m31 .m31_con02 .m31_con02_wrap>div.form_d dt{color:#ffffff; font-size:18px;  font-family:'Century Gothic'; margin-top:21px; font-weight:600; margin-bottom:10px;}
.m31 .m31_con02 .m31_con02_wrap>div.form_d dt:first-child{margin-top:0;}
.m31 .m31_con02 .m31_con02_wrap>div.form_d dd{font-size:15px;}
.m31 .m31_con02 .m31_con02_wrap>div.form_d dd input{width:100%; border:none; border-bottom:1px solid #a29486; background:none; color:#fff; height:27px; outline:none;}
.m31 .m31_con02 .m31_con02_wrap>div.form_d dd textarea{width:100%; border:none; border-bottom:1px solid #a29486; background:none; color:#fff; height:115px; outline:none; resize:none;}

.m31 .m31_con02 .m31_con02_wrap>div.form_d dd.first>div{width:100%; border-bottom:1px solid #a29486; background:none; color:#fff; height:27px; line-height:27px; outline:none; position:relative; cursor:pointer;}
.m31 .m31_con02 .m31_con02_wrap>div.form_d dd.first>div>span{overflow:hidden;}
.m31 .m31_con02 .m31_con02_wrap>div.form_d dd.first>div>span>img{float:right; margin-top:10px;}
.m31 .m31_con02 .m31_con02_wrap>div.form_d dd.first>div ul{position:absolute; top:100%;left:0; background:rgba(255,255,255,0.5); width:100%; display:none;}
.m31 .m31_con02 .m31_con02_wrap>div.form_d dd.first>div ul li{padding-left:10px;;}
.m31 .m31_con02 .m31_con02_wrap>div.form_d dd.first>div ul li a{color:#fff;display: block;}
.m31 .m31_con02 .m31_con02_wrap>div.form_d dd.first>div ul li:hover{background:blue; }
.m31 .m31_con02 .m31_con02_wrap>div.form_d dd.first>div ul li:hover a{color:#fff; }
.agree_wrap{width:647px;overflow:hidden;}
.agree_wrap h3{font-size:18px; color:#fff; margin-bottom:18px;}
.agree_wrap textarea{padding:25px 25px; width:596px; height:356px; background:#847567;border:1px solid #82705e; color:#e0ddda; margin-bottom:12px;}
.agree_wrap>label{font-size:16px; color:#fff; margin-top:20px;}
.agree_wrap input[type=checkbox]{border:3px solid #bcb2a9; width:15px; height:15px;}
.agree_wrap .send_btn{float:right;}

.m41_con01{width:1400px; margin:0 auto;}
.m41_con01>h2{ font-size:30px; color:#000; font-family:'Century Gothic'; border-bottom:1px solid #e5e5e5;text-align:center; line-height:1em; margin-bottom:60px;}
.m41_con01 .info{overflow:hidden; text-align:center;padding:100px 0 0;}
.m41_con01 .info ul{display:inline-block; width:670px;}
.m41_con01 .info ul li{text-align:left; margin-top:25px; color:#727272; font-size:16px;}
.m41_con01 .info ul li:first-child{margin-top:0;}
.m41_con01 .info ul li span{display:inline-block; width:290px; font-size:20px; font-weight:600; color:#000; font-family:'Century Gothic';}
.m41_con01 .map{margin-top:73px; margin-bottom:173px; position:relative;}
.m41_con01 .map a{position:absolute; bottom:13px;:}
.m41_con01 .map a.daum{right:236px;}
.m41_con01 .map a.inquiry_go{right:14px;}