html{overflow:auto}
body{background:#fff}
#wrap {width:100%; min-width:1100px;}

#header, #mainVisual, #subVisual, #container, #foot{width:100%; position:relative;}
.inner {width:1100px; margin:0 auto; position:relative;}

/*header*/
#header{width:100%; height:130px; z-index:100;}
.headerWrap	h1 {padding-top:35px; float:left;}
.headerWrap .utilWrap {width:100%; height:30px; background:#2d2f33; padding:5px 0; z-index:10;}
.headerWrap .util {position:absolute; top:15px; right:0px; font-size:11px;}
.headerWrap .util ul {overflow:hidden}
.headerWrap .util li {float:left; margin-left:10px; padding-left:10px; background:url('/images/common/util_gap.gif') left 0px no-repeat;}
.headerWrap .util li a {color:#b3b4b5;}
.headerWrap .util li a:hover {color:#0c4da2;}
.headerWrap .util .f {background:none}

.main #header {position:absolute;}
#header .language {position:absolute; right:0; top:15px; font-size:12px; z-index:101; font-weight:600;}
#header .language span {color:#979797; display:block; background:url('/images/common/arrow_lang.png') no-repeat right center; padding-right:15px; height:27px; line-height:27px; cursor:pointer;}
#header .language ul {background:#434343; display:none;}
#header .language ul li {text-align:center; height:27px; line-height:27px;}
#header .language ul li:first-child {border-bottom:1px solid #363636;}
#header .language ul li a {color:#bfbfbf; display:block; font-size:12px; font-weight:600;}
#header .language ul li a:hover {color:#32aee3;}

.sub #headder .language {color:#444;}

/* GNB */
#topmenu {position: absolute; top:20px; right: 0px; width:785px; z-index:100;}
#topmenu ul:after {display:block; content:""; clear:both;}
#topmenu ul a {display:block; color:#2d2f33;}
#topmenu > ul > li {position:relative; float:left; width:153px; height:22px; line-height:22px; padding:35px 0px; font-size:20px; font-weight:600;}
#topmenu > ul > li > a {display:block; width:100%; text-align:center; color:#fff;}
#topmenu ul li.m_active > a, #topmenu ul li > a.on {color:#32aee3;}
#topmenu div.submenu {position:absolute; top:20px; display:none; z-index:100; border-top:0px;}
#topmenu div.submenu ul {margin:0; padding:0px; font-size:13px; overflow:hidden;}
#topmenu div.submenu ul li {position:relative; height:auto; text-align:left; float:left;}
#topmenu div.submenu ul li a {display:block; padding:12px 0; margin:0 30px; font-size:16px; font-weight:normal; color:#fff !important; text-align:left; border-bottom:4px solid #32aee3;}
#topmenu div.submenu ul li a:hover, #topmenu div.submenu ul li a.active {/* background:url('/images/common/bg_submenu.jpg') repeat-x left bottom; */ border-bottom:4px solid #fff;}
#topmenu ul li.m1 div.submenu{left:0px; width:600px; z-index:100;}
#topmenu ul li.m2 div.submenu{left:-160px; width:550px; z-index:100;}
#topmenu ul li.m3 div.submenu{left:-30px; width:400px; z-index:100;}
#topmenu ul li.m4 div.submenu{left:-50px; width:300px; z-index:100;}
#topmenu ul li.m5 div.submenu{left:0px; width:250px; z-index:100;}

.sub #topmenu > ul > li > a {color:#877f7e;}
.sub #topmenu ul li.m_active a, #topmenu ul li a.on {color:#32aee3;}
.sub .submenubg {width:100%; height:50px; background:#32aee3; position:absolute; top:120px; left:0; display:none;}

/*visual*/
#mainVisual{width:100%; height:1091px; position:relative; z-index:1; !important; overflow:hidden;}
#mainVisual .mainSlide { min-width:1100px;}
#mainVisual > li {text-align:center; left:50%; margin-left:-963px;}
/*메인비주얼 좌우 버튼*/
#mainVisual .bx-controls-direction .bx-prev {font-size:0; line-height:0; display:block; width:36px; height:67px; position:absolute; left:3%; top:48%; z-index:99; background:url('/images/main/bx_prev.png') no-repeat left top;}
#mainVisual .bx-controls-direction .bx-next {font-size:0; line-height:0; display:block; width:36px; height:67px; position:absolute; right:3%; top:48%; z-index:99; background:url('/images/main/bx_next.png') no-repeat left top;}
#mainVisual .visualText {position:absolute; width:1100px; left:50%; margin-left:-550px; top:295px; text-align:center; color:#fff; z-index:52;}
#mainVisual .visualText p {font-size:24px; font-weight:300; margin-bottom:10px;}
#mainVisual .visualText h2 {font-size:70px; font-weight:700; line-height:78px;}
#mainVisual .visualText h2 span {font-weight:300; display:block;}

#subVisual {height:180px; overflow:hidden; text-align:center; background:url('/images/common/sub_visual_bg.jpg') no-repeat center top; }

/*main contents*/
.main #contents {position:absolute; width:1100px; z-index:55; bottom:70px; left:50%; margin-left:-550px;}
.mainConWrap {position:relative;}
.mainConWrap .loctel:after {content:''; display:block; clear:both;}
.mainConWrap .loctel a {float:left;}
.mainConWrap .loctel .callbox {overflow:hidden; display:block; float:left; margin-left:5px;}
.mainConWrap .loctel .callbox img {float:left;}
.mainConWrap .loctel .callbox .call {border:1px solid #c3c3c3; border-left:none; display:block; float:left; color:#fff; font-size:22px; line-height:24px; width:180px;	height:63px; padding:15px 0 0 20px;}
.mainConWrap .loctel .callbox .call em {font-size:16px;}
.mainConWrap .mailto {position:absolute; right:0; top:50px;}
.mainConWrap .mailto a {color:#fff; padding-bottom:8px; border-bottom:1px solid #928f8e;}
.mainConWrap .menuArea {margin-top:20px; overflow:hidden;}
.mainConWrap .menuArea .ma01, .mainConWrap .menuArea .ma02, .mainConWrap .menuArea .ma03 {float:left; width:364px;}
.mainConWrap .menuArea .ma01, .mainConWrap .menuArea .ma02 {border-right:1px solid #dfdfdf;}
.mainConWrap .menuArea .ma03 {width:368px;}
.mainConWrap .menuArea h3 {height:60px; line-height:60px; background:#fff;}
.mainConWrap .menuArea h3:hover {background:#32aee3;}
.mainConWrap .menuArea h3 a {display:block; color:#222; padding-left:40px; background:url('/images/common/link_arrow_off.png') no-repeat 90% center;}
.mainConWrap .menuArea h3:hover a {color:#fff; background:url('/images/common/link_arrow_on.png') no-repeat 90% center;}
.mainConWrap .menuArea .ma_box {background:url('/images/main/bg_mcon.png') repeat 0 0; color:#fff; height:170px;}
.mainConWrap .menuArea .ma_box dl {font-weight:300; padding:30px;}
.mainConWrap .menuArea .ma_box dt {font-size:16px; margin-bottom:15px;}
.mainConWrap .menuArea .ma_box dt a {font-size:10px; color:#9b9b9b; font-weight:400; float:right; padding-top:5px;}
.mainConWrap .menuArea .ma_box dd {font-size:13px; line-height:20px;}
.mainConWrap .menuArea .ma_box ul {padding:30px; overflow:hidden;}
.mainConWrap .menuArea .ma_box ul li {float:left; width:50%; text-align:center;}
.mainConWrap .menuArea .ma_box ul li a {color:#fff; line-height:38px;}
.mainConWrap .menuArea .ma01 .ma_box dl {background:url('/images/main/bg_products.png') no-repeat 90% 70%;}
.mainConWrap .menuArea .ma02 .ma_box dl {background:url('/images/main/bg_project.png') no-repeat 90% 70%;}


/*sub contents*/
#container {margin-bottom:110px;}
#container:after {content:''; display:block; clear:both;}
.sub #contents{text-align:left; width:1100px; padding:110px 0 0 0; margin:0 auto;}
.sub #contents:after {content:''; display:block; clear:both;}
.sub #contents .titleArea{padding-bottom:25px; margin-bottom:30px; position:relative; border-bottom:1px solid #e0e0e0;}
.sub #contents .titleArea h3{padding:0px; color:#333; font-size:35px; font-weight:500;}
.sub #contents .titleArea .eng {color:#b1b6bd; font-size:20px; font-weight:400; padding-left:10px;}
.sub #contents .titleArea .location {padding-left:12px; position:absolute; right:0px; bottom:25px; font-size:13px; color:#b2b2b2;}
.sub #contents .titleArea .location img {vertical-align:middle; margin-top:-3px;}
.sub #contents .titleArea .location .strong{color:#666; font-weight:400;}

/*contents*/
.contentsArea {padding:0px}
.contentsArea h4.blue_title {background:url('/images/common/bg_title.png') no-repeat left 2px; padding-left:30px; font-size:24px; font-weight:500; color:#222; line-height:24px;}
.contentsArea .section {margin-top:60px;}
.contentsArea .section:first-child {margin-top:0;}

/* 테이블 세팅 */
.tblType01 {border-top:2px solid #4287e0;}
.tblType01 th, .tblType01 td {text-align:center; padding:12px 5px; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf;}
.tblType01 th:first-child, .tblType01 td:first-child {border-left:none;}
.tblType01 thead th {background:#f9f9f9; font-weight:400;}
.tblType01 td {font-weight:300;}

/* 회사소개 */
.contentsArea.greetings .message {background:url('/images/company/bg_greetings.jpg') no-repeat 0 0; height:266px; margin-bottom:0px;}
.contentsArea.greetings h3 {font-weight:300; color:#b1b6bd; font-size:50px; line-height:60px; padding-top:25px;}
.contentsArea.greetings h3 b {font-weight:600; color:#222222; font-size:60px;}
.contentsArea.greetings h4 {font-size:24px; font-weight:400; color:#555; margin-top:15px; letter-spacing:-1px;}
.contentsArea.greetings .company_txt {overflow:hidden;}
.contentsArea.greetings .company_txt dl {width:100%;}
.contentsArea.greetings .company_txt dl.f {float:left;}
.contentsArea.greetings .company_txt dt {color:#3480e3; font-size:18px; font-weight:400; line-height:30px; margin-bottom:0px;}
.contentsArea.greetings .company_txt dd {line-height:24px; font-weight:300;}
.contentsArea.greetings .company_txt dd span {color:#3480e3;}
.contentsArea.history .historyWrap {padding:0 0 25px 0; margin-top:25px; border-bottom:1px dashed #dfdfdf; position:relative; overflow:hidden;}
.contentsArea.history h4.year {font-size:60px; font-weight:700; color:#32aee3; float:left; line-height:60px;}
.contentsArea.history ul {float:left; margin-left:140px;}
.contentsArea.history ul li {position:relative; padding-left:63px; background:url('/images/common/list_bullet.gif') no-repeat 50px 12px; margin-bottom:7px;}
.contentsArea.history ul li .month {color:#3480e3; position:absolute; left:0; top:2px;}
.contentsArea.philosophy {background:url('/images/company/img_ph.png') no-repeat right 65px; height:439px;}
.contentsArea.philosophy .pg_title {background:url('/images/common/bg_pgtitle.png') no-repeat left bottom; padding-bottom:50px; margin-bottom:50px;}
.contentsArea.philosophy .pg_title h3 {font-size:33px; color:#32aee3; font-weight:500; margin-top:60px;}
.contentsArea.philosophy .pg_title h4 {font-size:24px; font-weight:400; color:#555;}
.contentsArea.philosophy dt {color:#3480e3; font-size:20px; font-weight:400; line-height:30px; margin-bottom:25px;}
.contentsArea.philosophy dd {line-height:24px; font-weight:300;}
.contentsArea.location #map {height:500px;}
.contentsArea.location .addressWrap {margin-top:35px; overflow:hidden;}
.contentsArea.location .addressWrap dl {float:left; padding-left:65px;}
.contentsArea.location .addressWrap dl.adw01 {background:url('/images/company/ico_loca01.png') no-repeat left 5px; margin-right:55px;}
.contentsArea.location .addressWrap dl.adw02 {background:url('/images/company/ico_loca02.png') no-repeat left 5px; margin-right:45px;}
.contentsArea.location .addressWrap dl.adw03 {background:url('/images/company/ico_loca03.png') no-repeat left 5px;}
.contentsArea.location .addressWrap dt {font-size:20px; color:#3480e3; margin-bottom:10px;}
.contentsArea.location .addressWrap dd {font-weight:300;}

/* 제품소개 */
#detailTop {background:#efefef;}
#detailTop .inner {border-bottom:1px solid #d0d0d0; padding:40px 0;}
#detailTop p {font-size:15px; color:#666; font-weight:300; margin-bottom:5px;}
#detailTop .search_name {display:inline-block; zoom:1; *display:inline; font-size:24px; color:#666; font-weight:700; padding-right:35px; line-height:44px; letter-spacing:1px;}
#detailTop .select {width:186px; height:44px; line-height:44px; border-color:#ccc; font-size:16px; font-weight:300; vertical-align:top;}
#detailTop .text {width:280px; height:42px; padding:0 20px; border-color:#ccc; font-size:14px; vertical-align:top;}
#detailTop .button {vertical-align:top;}
#detailPhoto {background:#efefef;}
#detailPhoto .inner {padding:40px 0; overflow:hidden;}
#detailPhoto .thumb_img {float:left; width:92px; margin-right:10px;}
#detailPhoto .thumb_img  img {border:1px solid #c1c1c1;}
#detailPhoto .thumb_img .active img {border:1px solid #32aee3;}
#detailPhoto .view_img {float:left; width:536px; position:relative; text-align:center;}
#detailPhoto .view_img img {vertical-align:top; display:none; border:1px solid #c1c1c1;}
#detailPhoto .view_img img.view_img00 {display:inline-block;}
#detailPhoto .view_img .view_button {text-align:center; margin:15px 0 0 0;}
#detailPhoto .view_txt {float:right; width:420px;}
#detailPhoto .view_txt h4 {color:#3480e3; font-size:55px; font-weight:500; line-height:55px;}
#detailPhoto .view_txt h4 span {font-weight:400; color:#222; font-size:24px; line-height:24px; display:block; margin-bottom:10px;}
#detailPhoto .view_txt .option {margin:25px 0;}
#detailPhoto .view_txt .list_bullet {margin-bottom:40px;}
#detailPhoto .view_txt .list_bullet li {font-weight:300; background:url('/images/common/list_bullet.gif') no-repeat 0 9px; margin-bottom:6px; padding-left:10px; line-height:20px;}
#detailPhoto .view_txt .download {padding:10px 0; margin:10px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#detailPhoto .view_txt .download span {color:#666; font-weight:700; line-height:30px; display:inline-block; zoom:1; *display:inline; padding-right:10px;}

.contentsArea.spec {padding:75px 0 0 0;}

.list #detailTop {background:#fff;}
.list .gallery_list {overflow:hidden; margin-top:40px;}
.list .gallery_list li {width:25%; height:250px; float:left; text-align:center;}
.list .gallery_list li .list_thumb {display:block; padding:0 20px; position:relative;}
.list .gallery_list li .list_thumb .checkbox {position:absolute; left:0; top:0; z-index:1;}
.list .gallery_list li img {max-width:100%; width:237px; height:165px; border:1px solid #dfdfdf; display:block; margin:0 auto 10px;}
.list .gallery_list li .cg, .list .gallery_list li .subject {display:block; text-align:center !important;}
.list .gallery_list li .cg {font-size:14px; color:#777;}
.list .gallery_list li .subject {font-size:17px;}

.form .nice-select {min-width:120px;}
.form .chk {padding-right:15px;}

/* 시공사례 */
.contentsArea .tab {margin-bottom:30px;}
.contentsArea .tab ul:after {content:''; display:block; clear:both;}
.contentsArea .tab ul li {float:left; height:34px; line-height:34px; border-radius:100px; text-align:center; margin-right:8px;}
.contentsArea .tab ul li a {display:block; color:#fff; min-width:55px; font-size:16px; padding:0 25px;}
.contentsArea .tab ul li.tab_off {background:#666;}
.contentsArea .tab ul li.tab_on {background:#32aee3;}

/* 다운로드 */
.contentsArea.download .pg_title {background:url('/images/common/bg_pgtitle.png') no-repeat left bottom; padding-bottom:50px; margin-bottom:50px;}
.contentsArea.download .pg_title h3 {font-size:33px; color:#32aee3; font-weight:500; margin-top:60px;}
.contentsArea.download .pg_title h4 {font-size:24px; font-weight:400; color:#555;}
.contentsArea.download .downloadWrap {overflow:hidden;}
.contentsArea.download dl {width:290px; padding-left:260px;}
.contentsArea.download dl.nomination {float:left; background:url('/images/download/img_download01.png') no-repeat left top;}
.contentsArea.download dl.catalogue {float:right; background:url('/images/download/img_download02.png') no-repeat left top;}
.contentsArea.download dt {font-size:36px; font-weight:500; color:#3480e3; line-height:36px; margin-bottom:15px; padding-top:20px;}
.contentsArea.download dt span {font-size:30px; color:#b1b6bd;}
.contentsArea.download dd {font-size:14px; font-weight:300; line-height:22px;}
.contentsArea.download .view {margin-top:38px;}
.contentsArea.download .view a {display:block; width:115px; height:34px; line-height:34px; text-align:center; font-weight:700; border:2px solid #666; color:#666; font-size:16px; border-radius:100px;}
.contentsArea.download .view a:hover {background:#32aee3; color:#fff; border-color:#32aee3;}
.contentsArea.download .view a img {vertical-align:middle; margin-top:-2px; padding-right:3px;}
.contentsArea.nomcata dl {padding-left:532px; height:489px;}
.contentsArea.nomcata dl.nom {background:url('/images/download/img_nomination.jpg') no-repeat 22px 0;}
.contentsArea.nomcata dl.cata {background:url('/images/download/img_catalogue.jpg') no-repeat 22px 0;}
.contentsArea.nomcata dt {font-size:60px; font-weight:700; color:#3480e3; line-height:66px; margin-bottom:15px; padding-top:60px;}
.contentsArea.nomcata dt span {font-size:50px; color:#b1b6bd; display:block; font-weight:300;}
.contentsArea.nomcata dd {font-weight:300;}
.contentsArea.nomcata .view {margin-top:60px;}
.contentsArea.nomcata .view a {display:block; width:126px; height:38px; line-height:38px; text-align:center; font-weight:700; border:2px solid #b5bab5; color:#b5bab5; font-size:17px; border-radius:100px;}
.contentsArea.nomcata .view a:hover {background:#32aee3; color:#fff; border-color:#32aee3;}
.contentsArea.nomcata .view a img {vertical-align:middle; margin-top:-2px; padding-right:3px;}

.contentsArea.policy textarea {width:1050px; height:500px; padding:20px; resize:none; font-weight:300; border:1px solid #d0d0d0;}

/*foot*/
#foot{width:100%; background:#fff; padding:30px 0;}
.footWrap {width:1100px; margin:0 auto; position:relative; font-size:11px; text-align:center; font-weight:300;}
.footWrap .footCnt address a {font-size:13px; display:block; margin-bottom:5px;}
.footWrap .footCnt address span {padding-right:5px; margin-right:5px; font-size:13px; color:#666;}
.footWrap .footCnt p {margin-top:5px; padding-right:5px; font-size:12px; color:#999; font-weight:400;}
.footWrap .footCnt A {color:#999;}

.sub #foot {border-top:1px solid #dfdfdf;}

/* 관리자 로그인 */
.divbox {display:none; left:50%; position:absolute;	z-index: 1;}
.divbox .text {width:150px;}
div#box {width:400px; margin-left:-200px; text-align:center; background-color:#fff; position:fixed; left:50%; bottom:300px; z-index:9999; padding:40px 30px 20px 30px; border:5px solid #eee;}
div#box .login_center{overflow:hidden; padding:30px 0;  border-top:1px solid #222;  border-bottom:1px solid #bbb;}
div#p_input {text-align:center;}
div#p_input span.label {display:inline-block; width:60px;}
div.login_foot {clear:both; text-align:center; margin-top:20px;}