@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Cantarell:100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic&subset=latin,cyrillic-ext,latin-ext,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Raleway:100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic&subset=latin,cyrillic-ext,latin-ext,cyrillic);
 
 /* 폰트 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(/font/NanumGothic-Bold.eot);
  src: url(/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
        url(/font/NanumGothic-Bold.woff2) format('woff2'),
        url(/font/NanumGothic-Bold.woff) format('woff'),
        url(/font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;       
  src: url(/font/NanumGothic-Regular.eot);
  src: url(/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
         url(/font/NanumGothic-Regular.woff2) format('woff2'),
         url(/font/NanumGothic-Regular.woff) format('woff'),
         url(/font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(/font/NanumGothic-ExtraBold.eot);
  src: url(/font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(/font/NanumGothic-ExtraBold.woff) format('woff'),
       url(/font/NanumGothic-ExtraBold.ttf) format('truetype');
}


@font-face { font-family: NanumSR; src : url("/font/NanumSquareR.eot"); src : url("/font/NanumSquareR.eot?#iefix") format('embedded-opentype'), url("/font/NanumSquareR.woff") format("woff"); }
@font-face { font-family: NanumSB; src : url("/font/NanumSquareB.eot"); src : url("/font/NanumSquareB.eot?#iefix") format('embedded-opentype'), url("/font/NanumSquareB.woff") format("woff"); }


/* 공통 */
html { overflow-y: scroll;  overflow-x:hidden; }
html, body { width:100%; margin:0; padding:0; }
html, body, div,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, li, ol,
p, img { margin: 0; padding: 0; }

body, textarea,
h1, h2, h3, h4, h5, h6, a { font-size: 12px; line-height: 1.5em; color: #555; font-family: "Raleway", sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

img, fieldset,button { border: 0 none; }
img { vertical-align: top; }
ul,li { list-style: none; }
hr, caption, legend { display: none; }
a { color: #909090; text-decoration: none; outline:none;selector-dummy:expressin\on(this.hideFocus=true); border: 0 none;}
a:hover { color: #505050; }
a img { border: none; }
.clear { clear:both; }

/* 링크 */
a:link,
a:visited,
a:active  { font-family: "Raleway", sans-serif; text-decoration: none; color: #767676; }
a:hover   { font-family: "Raleway", sans-serif; text-decoration: none; color: #505050; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Wrap */
#Wrap { position:relative; width:100%;}

/* header */
#Header { position:absolute; top:0; left:0; width:100%; height:122px; z-index:50;  }
#Header h1 { position:absolute; left:50%; top:50px; margin-left:-550px; z-index:30; }
	/* gnb */
	.gnb { position:absolute; top:54px; left:50%; margin-left:-260px; z-index:30; }
	.gnb ul { overflow:hidden; padding-left:35px;}
	.gnb ul li { float:left; }
	.gnb a.oneD { display:block; font-size:15px; color:#444; padding:0 14.5px; font-weight:600; line-height:50px; text-align:center;font-family: "Raleway", sans-serif;letter-spacing : -0.5px;text-transform:uppercase}
	.gnb a.oneD.on,
	.gnb a.oneD:hover { color:#2077d8;}
	
	.gnb .twoD { position:absolute; left:0; top:53px; height:30px; z-index:100; overflow:hidden; background:#333; padding:0 30px; border-radius: 3px;}
	.gnb .twoD a { float:left; height:30px; display:block; overflow:hidden; font-size:12px; font-weight:bold; color:#ddd; line-height:24px; padding:3px 15px;}
	.gnb .twoD a.on,
	.gnb .twoD a:hover { font-size:12px; font-weight:bold; color:#fff;}
	
	.gnb .two10 { margin:0 0 0 30px; }
	.gnb .two20 { margin:0 0 0 70px; }
	.gnb .two30 { margin:0 0 0 180px; }
	.gnb .two40 { margin:0 0 0 440px; }
	.gnb .two50 { margin:0 0 0 360px; }
	.gnb .two60 { margin:0 0 0 530px; }
	.gnb .two70 { margin:0 0 0 600px; }
			
	/* 로그인메뉴 */
	.loginmenu { width:100%; height:32px; background:#2077d8; }
	.loginmenu ul { position:absolute; top:0; right:50%; margin-right:-550px; z-index:20;}
	.loginmenu ul li,
	.loginmenu ul li a { float:left; padding:0 3px; display:block; line-height:30px; font-size:12px; color:#fff; font-weight:600;text-transform:uppercase }
	.loginmenu .menu_line { background:url('../images/dot_topmenu.png') center 10px no-repeat; width:1px; height:30px; }

/* container */
#Container { position:relative; width:100%; }
#Container.mainpage {padding-top:470px;}
	/** 메인코딩 **/
	.mainvisual { position:absolute; width:2000px; top:122px; left:50%; margin-left:-1000px; z-index:20; }
		.txt_mainvisual { position:absolute; left:50%; margin-left:-150px; top:150px; z-index:30;}
	/* 메인 컨텐츠*/
	.main_cont_wrap { position:relative; width:1120px; margin:50px auto; z-index:50;  }
		.m_board_wrap {width:1100px; height:190px;overflow:hidden; background:url('../images/bg_m_board.png') 0 0 no-repeat;}
			.m_board_wrap .tit { height:51px;  font-size:17px; color:#fff; font-weight:600; letter-spacing:-1px; line-height:50px; padding-left:30px;}
			.m_board_wrap .cont { height:109px; padding:30px 0 0 30px ;}
			.m_board_wrap .cont a {color:#ddd; font-size:1.1em;}
			.m_equipment { width:733px; float:left;  }
			.m_equipment .tit { background:url('../images/btn_more.png') 656px 21px no-repeat;}
			.m_equipment .cont { }
			.m_notice { width:367px; float:right;}
			.m_notice .tit { }
			.m_notice .cont { }
		.m_products { width:1100px; height:270px; background:url('../images/m_m.jpg') 0 0 no-repeat; overflow:hidden;}
		.m_products li { float:left; width:366px; height:270px;}
		.m_products li img { margin:174px 0 0 31px; box-shadow: 4px 3px 5px 0px rgba(0,0,0,0.1);}
		.m_gallery_wrap { width:1100px; margin-top:40px; overflow:hidden;}
			.m_gallery { float:right; width:760px;}
			.m_gallery .tit { padding:5px 0 22px 0; font-size:20px; color:#222; font-weight:600; letter-spacing:-1px;}
			.m_gallery .cont {}
			.m_cscneter_wrap { float:left; width:320px;border:1px solid #E3E3E3;height:180px;}
			.m_cscenter {}
			.m_products_icon { width:340px; height:105px; background:url('/images/mm4.jpg') 0 0 no-repeat; overflow:hidden;}
			.m_products_icon li,
			.m_products_icon li a { float:left; width:113px; height:105px; display:block; text-indent:-9999px;}

#Container.subpage {padding-top:312px;}
	/* 서브코딩*/
	.subvisual { position:absolute; width:2000px; top:122px; left:50%; margin-left:-1000px; z-index:20; }
	.sub_cont_wrap { position:relative; width:1100px; margin:0 auto; z-index:50; overflow:hidden; }
		.sidebar { float:left; width:180px;}
			h2 {width:180px; height:90px; line-height:90px; background:#095eb5; color:#fff; font-weight:600; font-size:18px; padding-left:28px; letter-spacing:-1px;}
			.lnb {}
			.lnb li a { width:180px; height:39px; color:#fff; background:#0066ce; border-bottom:1px solid #0071e5; padding-left:28px; font-size:13px; font-weight:600 ;line-height:39px; display:block;}
			.lnb li a.on,
			.lnb li a:hover { width:180px; height:39px; color:#fff; background:#0071e5; border-bottom:1px solid #0071e5; }
			.s_cscenter { padding:20px 0; }
		.content { float:right; width:860px; padding-top:120px;}
			h3 { float:right; padding:11px 11px 0 0;}

			
			h1 { float:left; margin-bottom:25px;font-size:28px; color:#222; font-weight:700; letter-spacing:-1px;}
			.txt_sub_tit { width:100%; padding:12px 0 8px 0; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; }
			.sub_body { position:relative; padding-top:70px;  }
			.sub_body2 { position:relative; padding-top:20px;display:inline-block;}
				/* 시공실적 */ 
				.result_table { width:100%; line-height:18px; font-size:12px; color:#555; }
				.result_table .line { border-top:2px solid #077bc2; padding-top:8px; background-color:#f6f6f6; text-align:center; }
				.result_table #noline { border-right:0 !important; }
				.result_table .sum { text-align:right !important;}
				.result_table tr { border-bottom:1px solid #dcdcdc;}
				.result_table th { padding:5px 0; text-align:center; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
				.result_table td { padding:5px; text-align:center; border-bottom:1px solid #dcdcdc; }
				.block2 li { display:inline; float:left; padding-right:4px; }
				.block2 li img { vertical-align:top; line-height:0; margin:0; padding:0; }
				.result_print { width:192px; margin:0 auto; padding:20px 0; }
				/* 오시는 길 */
				.map { margin:40px 0 0 10px;  }
				.map li { line-height:43px; font-size:1.3em;}
				.map li strong { display:inline-block; width:130px; color:#333; }
				.map li img { vertical-align:middle; margin:0 13px 0 0; }


/* footer */
#Footer { width:100%; background:#eee; margin-top:50px;}
	/* 하단정보 */
	.copyright { padding:40px 0; text-align:center;}
	.copyright .add { font-size:1em;}
	.copyright .copy {display: inline-block; font-size:1em; color:#888; }
	.copyright .copy span { font-weight:bold;}
	.copyright a { background: #999; border-radius: 3px; font-size: 0.7em; margin-top: 4px; display: inline-block; text-transform: uppercase; padding: 2px 4px 2px 4px; color:#FFF; }
	.copyright a:hover { background: #333; color: #fff; }
	

/* 추출에 필요한 css */
.m_equipment .gal-item  { float:left; text-align:center;  }
.m_equipment .gal-item img {  width:160px; height:80px; margin:0 10px 0 0; border:0;}
.m_equipment .gal-item .href { text-align:center; }

.m_gallery .gal-item  { float:left; text-align:center;border:1px solid #E3E3E3;width:240px;margin-right:10px;margin-bottom:10px;}
.m_gallery .gal-item img {  width:240px; margin:0 10px 10px 0; border:0;}
.m_gallery .gal-item .href { text-align:center;  font-size:1.1em;}
.icon_new,
.icon_file,
.icon_hot {display:none;}

/*게시판 css*/
.bo_opt_1,
.bo_opt_2
.bo_opt_3,
.bo_opt_4,
.bo_opt_5,
.bo_opt_6,
.bo_opt_7,
.bo_opt_8,
.bo_opt_9,
.bo_opt_10,
.bo_opt_11,
.bo_opt_12,
.bo_opt_13,
.bo_opt_14,
.bo_opt_15,
.bo_opt_16,
.bo_opt_17,
.bo_opt_18,
.bo_opt_19,
.bo_opt_20 { width:350px;}

/* quickmenu */
#quickmenu { position:fixed; top:0; right:0; width:70px; z-index:100; }
.main_bg #quickmenu { background:#fff;}
#quickmenu li,
#quickmenu li a { width:70px; height:75px; background:url('../images/quickmenu/btn_quickmenu.png') no-repeat; display:block; text-indent:-9999px; list-style:none;}
#quickmenu .tit_quick { width:70px; height:75px; background-position:-0px -0px;}
#quickmenu .btn_sms,
#quickmenu .btn_sms a { background-position:-0px -75px;}
#quickmenu .quick01,
#quickmenu .quick01 a { background-position:-0px -150px ;}
#quickmenu .quick02,
#quickmenu .quick02 a { background-position:-0px -225px;}
#quickmenu .quick03,
#quickmenu .quick03 a { background-position:-0px -300px;}
#quickmenu .quick04,
#quickmenu .quick04 a { background-position:-0px -375px;}
#quickmenu .quick05,
#quickmenu .quick05 a { background-position:-0px -450px;}
#quickmenu .quick06,
#quickmenu .quick06 a { background-position:-0px -525px;}
#quickmenu .quick07,
#quickmenu .quick07 a { background-position:-0px -600px;}
#quickmenu .btn_top,
#quickmenu .btn_top a { height:75px !important; background-position:-0px -675px;}

#smsWindow{ display:none; position: fixed; width:200px; height:334px; top:24px; right:85px; opacity:0; z-index:150;}
#smsWindow a.close {position:absolute; right:0px; top:0px;}
#smsWindow a.close img{	border:none;}
#smsWindow .sms { margin-top:20px; width:181px; height:314px; background:url('../images/quickmenu/bg_sms.png') no-repeat;}
#smsWindow .sms .sms_tit { padding:69px 0 0 31px;}
#smsWindow .sms .sms_form { padding:15px 0 0 30px;}
#smsWindow .sms .sms_bn { padding:10px 0 0 31px;}