body, html {margin:0; overflow:hidden; transition:opacity 400ms;}
body, .onepage-wrapper, html {display:block; position:static; padding:0; width:100%; height:100%;}

.onepage-wrapper { width:100%; height:100%; display:block; position:relative; padding:0; -webkit-transform-style:preserve-3d;}
.onepage-wrapper .section { width:100%; height:100%;}



.onepage-pagination { position:absolute; right:10px; top:50%; z-index:5; list-style:none; margin:0; padding:0;}
.onepage-pagination li {padding:0; text-align:center;}
.onepage-pagination li a {padding:10px; width:4px; height:4px; display:block;}
.onepage-pagination li a:before {content:''; position:absolute; width:4px; height:4px; background:rgba(0, 0, 0, 0.85); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.onepage-pagination li a.active:before {width:10px; height:10px; background:none; border:1px solid black; margin-top:-4px; left:8px;}

.disabled-onepage-scroll, .disabled-onepage-scroll .wrapper {overflow: auto;}
.disabled-onepage-scroll .onepage-wrapper .section {
  position: relative !important;
  top: auto !important;
  left: auto !important;
}

.disabled-onepage-scroll .onepage-wrapper {
  -webkit-transform: none !important;
  transform: none !important;
  -ms-transform: none !important;
  min-height: 100%;
}

.disabled-onepage-scroll .onepage-pagination { display: none;}
body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html { position: inherit;}


section[role=page] {
  background-repeat: no-repeat;
  background-size: cover !important;
  background-position: center center !important;
 
}



section[role=page] a {
  background-repeat: no-repeat;
  background-size: cover !important;
  background-position: center center !important;

}






.mainArea {margin-top:100px; width:100%; height:90%; position:relative; }


input:focus, input:active {border:none;}

.s_top_lumber {background:url(../images/main/lumber_top.png) repeat left top; height:30px; width:100%;  position: absolute; top:70px; z-index:9; }
.s_bottom_lumber {background:url(../images/main/lumber_bottom.png) repeat left top; height:30px; width:100%; position: absolute; bottom:0px;}



.h_top_lumber {background:url(../images/hill/h_lumber_top.png) repeat left top; height:30px;; width:100%;  position: absolute; top:70px; z-index:9; }
.h_bottom_lumber {background:url(../images/hill/h_lumber_bottom.png) repeat left top; height:30px; width:100%; position: absolute; bottom:0px;}



.top_lumber {background:url(../images/main/lumber_top.png) repeat left top; height:30px;; width:100%;  position: absolute; top:70px; z-index:9; }
.bottom_lumber {background:url(../images/main/lumber_bottom.png) repeat left top; height:30px; width:100%; position: absolute; bottom:70px; z-index:9999;}



.menu_area {background:url(../images/main/menu_area.png) no-repeat right top; position:absolute; top:61px; right:0;  width:44%; height:100%; z-index:99; background-size:100%;}
.menu_area .menu_txt { position:absolute; top:11%; right:16%; z-index:9; }
.menu_area ul.menu_text {position:absolute; top:22%; right:0%; z-index:9; width:600px;}
.menu_area ul.menu_text li {margin-top:20px;}
.menu_area ul.menu_text li:nth-child(1) {padding-left:180px;}
.menu_area ul.menu_text li:nth-child(2) {padding-left:160px;}
.menu_area ul.menu_text li:nth-child(3) {padding-left:140px;}
.menu_area ul.menu_text li:nth-child(4) {padding-left:120px;}
.menu_area ul.menu_text li:nth-child(5) {padding-left:100px;}
.menu_area ul.menu_text li:nth-child(6) {padding-left:80px;}



.section .main_text {position:absolute; top:40%; width:21%;}



.company_bg {width:100%; height:100%; background:url(../images/company/company_bg.png) repeat left top;}
.company_bg .book_area {width:1920px; margin:70px auto; overflow:hidden;}
.company_bg .book_area ul {margin:40px 0px;}
.company_bg .book_area ul li {width:25%; text-align:center; float:left;}




/* 인사말 */
.section .comapny_area {position:absolute; width:100%; height:92%; overflow:hidden; margin-top:100px; }
.section .comapny_area .greeting_area {position:absolute; top:130px; right:12.9%; width:900px; }
.section .comapny_area .greeting_area .ceo_photo {width:511px; height:275px; float:left;}
.section .comapny_area .greeting_area .ceo_txt {margin-top:20px; float:right;}
.section .comapny_area .greeting_area .greeting_txt {float:left; width:326px; height:207px; margin:10px 60px 0px 0px;} 
.section .comapny_area .greeting_area .greeting_cont {float:left; width:490px; height:700px; background:rgba(255,255,255,0.6); padding:10px; }
.section .comapny_area .greeting_area .greeting_cont .g_text {float:left; margin:30px 20px;}
.section .comapny_area .side_txt {position:absolute; top:35%; left:1%;} 


.section .comapny_area .greeting_txt_2 {position:absolute; top:34.2%; right:11%;} 
.section .comapny_area .greeting_area2 {position:absolute; top:20%; left:5%; width:590px;}
.section .comapny_area .greeting_area2 .greeting_photo {}
.section .comapny_area .greeting_area2 .greeting_txt_3 {margin:50px 0px 0px 75px; } 



/* 조직도 */
.section .comapny_area .orgin_tit {position:absolute; top:130px; left:7%; width:405px; }
.section .comapny_area .orgin_area {position:absolute; top:140px; right:20%; width:850px; }
.section .comapny_area .orgin_area .orgin_txt { width:694px; margin-bottom:80px; }
.section .comapny_area .orgin_area .orgin_photo {width:850px;}
.section .comapny_area .orgin_area .orgin_cont {width:506px; margin:78px 0px 0px 220px;}


.section .comapny_area .orgin_tit_2 {position:absolute; top:80px; right:7%; width:371px; }
.section .comapny_area .orgin_area_2 {position:absolute; top:100px; left:5%; }
.section .comapny_area .orgin_area_2 .orgin_txt_2 { width:616px; margin-bottom:140px; }
.section .comapny_area .orgin_area_2 .orgin_cont_2 { margin-left:40px;}
.section .comapny_area .orgin_area_2 .orgin_txt_3 { width:642px; margin-top:50px; }







/* 홍보전시관 */


.section .promote_area {position:relative; width:100%; height:92%; margin-top:100px;} 



.section .promote_area .promote_v1 {float:left; height:100%; }
.section .promote_area .promote_v2 {float:right; height:100%;  }


.section .promote_area .promote_bg1 {position:absolute; top:0; left:0; background:url(../images/promote/promote_1_bg.png) no-repeat right top; background-size:950px 100%; height:100%; width:100%; }
.section .promote_area .promote_bg1 .tree_1 {position:absolute; bottom:20px; right:0; }
.section .promote_area .promote_bg1 .promote_tit1 {position:absolute; top:0; left:0; width:286px; height:245px; }
.section .promote_area .promote_bg1 .promote_tit2 {position:absolute; bottom:10%; left:0; width:636px; height:65px; }
.section .promote_area .promote_bg1 .cont_area {position:absolute; width:530px; top:14.6%; right:5%; float:left; }
.section .promote_area .promote_bg1 .cont_area span.p_txt_1 {float:right; margin-top:30px; }
.section .promote_area .promote_bg1 .cont_area span.p_video {float:right; width:412px; margin-top:40px; }
.section .promote_area .promote_bg1 .cont_area span.p_txt_2 {float:right; width:394px; margin-top:15px; margin-right:100px;}
.section .promote_area .promote_bg1 .side_txt {position:absolute; top:40%; right:1%; } 




/* 홍보전시관-두번째 */

.section .promote_area .promote_bg3 {position:absolute; top:0; left:0; height:100%; width:100%; }
.section .promote_area .promote_bg3 .image-gallery {display: table;  width:100%;  height:100%; position:absolute;  }
.section .promote_area .promote_bg3 .primary,.section .promote_area .promote_bg3.thumbnails {display: table-cell; } 
.section .promote_area .promote_bg3 .thumbnails {width:435px; position:absolute; top:80px; left:400px; z-index:9; }
.section .promote_area .promote_bg3 .primary {position:absolute;right:0; top:0; background-size: 100% 100%; background-position: right top; background-repeat: no-repeat;  width:62%; height:100%;}


.thumbnail:hover .thumbnail-image, .selected .thumbnail-image_1 {background:url(../images/promote/thumbnail_2_o.png) no-repeat left top;}
.thumbnail:hover .thumbnail-image, .selected .thumbnail-image_2 {background:url(../images/promote/thumbnail_3_o.png) no-repeat left top;}
.thumbnail:hover .thumbnail-image, .selected .thumbnail-image_3 {background:url(../images/promote/thumbnail_1_o.png) no-repeat left top;}

.thumbnail:hover .thumbnail-image_1, .selected{background:url(../images/promote/thumbnail_2_o.png) no-repeat left top; z-index:999999;}
.thumbnail-image_1 {margin:0px 0px 10px 100px; width: 326px; height:140px;  background-size: cover; background:url(../images/promote/thumbnail_2.png) no-repeat left top; background-position: center center; background-repeat: no-repeat; border: 4px solid transparent;}
.thumbnail:hover .thumbnail-image_2, .selected{background:url(../images/promote/thumbnail_3_o.png) no-repeat left top; z-index:999999;}
.thumbnail-image_2 {margin:0px 0px 10px 50px; width: 326px; height:140px; background-size: cover; background:url(../images/promote/thumbnail_3.png) no-repeat left top; background-position: center center; background-repeat: no-repeat; border: 4px solid transparent;}
.thumbnail:hover .thumbnail-image_3, .selected{background:url(../images/promote/thumbnail_1_o.png) no-repeat left top; }
.thumbnail-image_3 {width: 326px; height:140px; background-size: cover; background:url(../images/promote/thumbnail_1.png) no-repeat left top; background-position: center center; background-repeat: no-repeat; border: 4px solid transparent;}

.section .promote_area .promote_bg3 .frame_1 {top:0; left:0; width:286px; height:639px; z-index:99;  position:absolute;}
.section .promote_area .promote_bg3 .frame_2 { bottom:0; right:0; width:181px; height:100%;   position:absolute; background:url(../images/promote/frame_right1.png) no-repeat left top; background-size:181px 100%;}
.section .promote_area .promote_bg3 .promote_tit3 {position:absolute; top:7.5%; right:15px; width:586px; height:65px; }
.section .promote_area .promote_bg3 .left_bg2 {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/promote/promote_bg2.png) no-repeat left top; background-size:1350px 100%;}
.section .promote_area .promote_bg3 .left_bg2 .p_txt_2 { position:absolute; top:64%; left:200px; width:489px; }
.section .promote_area .promote_bg3 .side_txt {position:absolute; top:40%; right:1%; }




/* 홍보전시관-네번째 */
.thumbnails_1 {width:435px; position:absolute; top:95px; right:270px; z-index:99999; }
.primary_1 {position:absolute; left:0; top:0; background-size: 100% 100%; background-position: left top; background-repeat: no-repeat;  width:73%; height:100%;}


.thumbnail_1:hover .thumbnail-image, .selected .thumbnail-image_4 {background:url(../images/promote/thumbnail_4_o.png) no-repeat left top;}
.thumbnail_1:hover .thumbnail-image, .selected .thumbnail-image_5 {background:url(../images/promote/thumbnail_5_o.png) no-repeat left top;}
.thumbnail_1:hover .thumbnail-image, .selected .thumbnail-image_6 {background:url(../images/promote/thumbnail_6_o.png) no-repeat left top;}

.thumbnail_1:hover .thumbnail-image_4, .selected{background:url(../images/promote/thumbnail_4_o.png) no-repeat left top; z-index:999999;}
.thumbnail-image_4 { margin:0px 0px 10px 0px; width: 326px; height:140px;  background-size: cover; background:url(../images/promote/thumbnail_4.png) no-repeat left top; background-position: center center; background-repeat: no-repeat; border: 4px solid transparent;}
.thumbnail_1:hover .thumbnail-image_5, .selected{background:url(../images/promote/thumbnail_5_o.png) no-repeat left top; z-index:999999;}
.thumbnail-image_5 {  margin:0px 0px 10px 50px; width: 326px; height:140px; background-size: cover; background:url(../images/promote/thumbnail_5.png) no-repeat left top; background-position: center center; background-repeat: no-repeat; border: 4px solid transparent;}
.thumbnail_1:hover .thumbnail-image_6, .selected{background:url(../images/promote/thumbnail_6_o.png) no-repeat left top; }
.thumbnail-image_6 { margin:0px 0px 0px 100px; width: 326px; height:140px; background-size: cover; background:url(../images/promote/thumbnail_6.png) no-repeat left top; background-position: center center; background-repeat: no-repeat; border: 4px solid transparent;}

.promote_bg4 {position:absolute; top:0; left:0; width:100%; height:100%; z-index:999; background:url(../images/promote/promote_bg4.png) no-repeat right top; background-size:1000px 100%;}
.promote_bg4 .p_txt_4 { z-index:9999; position:absolute; top:800px; right:100px; }
.frame_4 { bottom:0; left:0; width:181px; height:100%; z-index:999;  position:absolute; background:url(../images/promote/frame_left2.png) no-repeat left top; background-size:181px 100%;}
.promote_tit6 {position:absolute; top:0; right:0px; width:286px; height:639px; z-index:9999; }
.promote_tit7 {position:absolute; top:12%; left:15px; width:626px; height:65px; }
.side_txt_4 {position:absolute; top:40%; left:1%; z-index:9999;} 

/* 홍보전시관-세번째 */
.section .promote_area .promote_bg2 {position:absolute; top:0; left:0; background:url(../images/promote/promote_2_bg.png) no-repeat left top; background-size:1050px 100%; height:100%; width:100%; }
.section .promote_area .promote_bg2 .promote_tit4 {position:absolute; top:0px; right:0px; width:287px; height:245px; }
.section .promote_area .promote_bg2 .promote_tit5 {position:absolute; bottom:8%; right:0px; width:687px; height:65px; }
.section .promote_area .promote_bg2 .frame_3 {position:absolute; bottom:0; left:0; width:72px; height:219px;}
.section .promote_area .promote_bg2 .promote_3 {position:absolute; width:576px; top:14.6%; left:6%;}
.section .promote_area .promote_bg2 .promote_3 span.p_txt_4 {}
.section .promote_area .promote_bg2 .promote_3 span.p_txt_5 {margin-top:20px; float:left;}
.section .promote_area .promote_bg2 .promote_3 span.p_video_1 {margin-top:40px; float:left;}
.section .promote_area .promote_bg2 .side_txt_1 {position:absolute; top:40%; left:1%;} 
.section .promote_area .promote_bg2 .human_1 {position:absolute; bottom:0px; left:3%; }
.section .promote_area .promote_bg2 .human_1 img {width:133%;}


/* 
.section .promote_area .frame_4 {position:absolute; bottom:0; left:0; width:276px; height:855px;}
.section .promote_area .promote_tit6 {position:absolute; top:0; right:0px; width:286px; height:639px; }
.section .promote_area .promote_tit7 {position:absolute; top:10%; left:0px; width:626px; height:65px; }
.section .promote_area .promote_4 {position:absolute; width:544px; top:14.6%; right:5%;}
.section .promote_area .promote_4 .photo_2 {margin:0px 80px 200px 0px; float:left;}
.section .promote_area .side_txt_1 {position:absolute; top:40%; left:1%;} 
*/


/* 농장 */


.section .farm_area {position:absolute; width:100%; height:92%; overflow:hidden; margin-top:100px;}
.section .farm_area .photo_area {position:relative; width:65%; height:100%; top:14%; float:left; }
.section .farm_area .photo_area ul { position:absolute; width:1300px; top:0%; left:15%;}
.section .farm_area .photo_area ul li {float:left;}
.section .farm_area .photo_area ul li:nth-child(4) {margin-left:200px;}
.section .farm_area .photo_area ul li:nth-child(7) {margin-left:400px;}
.section .farm_area .photo_area ul li:nth-child(8) {margin:50px 0px 0px 100px;}


.section .farm_area .text_area {position:relative; width:618px; height:100%; top:14%; float:left;}
.section .farm_area .text_area span.f_tit1 {margin:20px 0px 0px 140px; float:left; }
.section .farm_area .text_area span.f_num {margin:70px 0px 0px 0px; float:left; }


.section .farm_area .farm2_tit {position:absolute; top:100px; left:5%;}
.section .farm_area .farm2_text {position:absolute; bottom:10%; right:80px;}


.section .farm_area .farm3_tit {position:absolute; top:45%; right:16%;}
.section .farm_area .farm3_text {position:absolute; bottom:10%; left:80px;}

.section .farm_area .farm4_tit {position:absolute; top:100px; left:5%;}
.section .farm_area .farm4_text {position:absolute; bottom:10%; left:80px;}


.section .farm_area .farm5_tit {position:absolute; top:100px; right:12%;}
.section .farm_area .farm5_text {position:absolute; bottom:10%; left:80px;}

.section .farm_area .farm6_tit {position:absolute; top:48%; left:17%;}
.section .farm_area .farm6_text {position:absolute; bottom:10%; right:80px;}

.section .farm_area .farm7_tit {position:absolute; top:100px; right:12%;}
.section .farm_area .farm7_text {position:absolute; bottom:10%; right:80px;}

.section .farm_area .farm8_tit {position:absolute; top:150px; left:7%;}
.section .farm_area .farm8_text {position:absolute; bottom:10%; right:80px;}







.section .farm_area .side_txt {position:absolute; top:35%; right:1%;} 
.section .farm_area .side_txt_l {position:absolute; top:35%; left:1%;} 

@media all and (max-width:1920px){

.section .farm_area .photo_area {position:relative; width:1250px; height:100%; top:50px; float:left; }
.section .farm_area .photo_area ul { left:60px;}

.section .farm_area .text_area {top:80px;}
.section .farm_area .text_area span.f_tit1 {margin:20px 0px 0px 40px; float:left; }

.section .farm_area .farm2_tit {position:absolute; top:100px; left:45px;}
.section .farm_area .farm3_tit {position:absolute; top:45%; right:235px;}
.section .farm_area .farm4_tit {position:absolute; top:100px; left:77px;}
.section .farm_area .farm5_tit {position:absolute; top:80px; right:75px;}
.section .farm_area .farm6_tit {position:absolute; top:48%; left:220px;}
.section .farm_area .farm8_tit {position:absolute; top:140px; left:90px;}

}


/* 고객센터 */
.section .customer_area {position:absolute; width:100%; height:92%; overflow:hidden; margin-top:100px;}
.section .customer_area .recruit_area {position:absolute; width:50%; height:100%; top:10%; left:16%;}
.section .customer_area .recruit_area .recruit_tit {margin-left:340px;}
.section .customer_area .recruit_area .recruit_box {margin-top:200px;}
.section .customer_area .side_txt {position:absolute; top:35%; left:1%;} 

.section .customer_area .recruit_area .aa_htmlTable .aa_h2{ text-transform: uppercase; color:#ffa200; font-size:24px; font-family:'NanumSquare'; font-weight:600; padding-left:15px; }
.aa_htmlTable {margin-top:250px;  vertical-align: middle; width:905px;}
table {text-align:center; background:rgba(255,255,255,0.8); margin-top:20px; text-align:left;}
table tbody{width:100%;}
table tbody tr {width:100%; border:1px solid #000;}
table tbody tr th{ width:50%; font-weight:800; border-top:1px solid #5e5e5e; border-bottom:1px solid #5e5e5e; border-left:1px solid #dedede; border-right:1px solid #dedede; padding:15px; background:#ededed; font-family:'NanumSquare'; color:#0f86ce; font-size:18px; }


table tbody tr td{font-weight:300; border:1px solid #dedede; padding:20px 24px;  font-family:'NanumSquare';  color:#666; transform:skew(-0.03deg); line-height:20px; font-weight:600;}
table tbody tr td.titi {width:12%; color:#000; font-weight:800; font-size:16px;}
table tbody tr td.cont {font-size:14px; }



/* 오시는길 */
.section .customer_area .recruit_tit_2 {margin:6% 0 0 8%;}
.section .customer_area .location_area {position:absolute; top:38%; left:25.5%; width:1500px; height:500px; }
.section .customer_area .location_area span.location_tit {width:100%; float:left;}
.section .customer_area .location_area span.directions {float:right; margin-top:150px;}
.section .customer_area .location_area span.map_btn {position:absolute; top:215px; left:238px; width:185px; height:121px;}


.section .customer_area .customer_bg1 {position:absolute; width:100%; height:100%; top:0; left:0; background:url(../images/customer/customer_bg3.png) no-repeat left top; background-size:cover; z-index:9;}
.section .customer_area .customer_bg1 .recruit_tit_3 { margin:6% 0 0 15%; }
.section .customer_area .customer_bg1 .location_area_1 {position:absolute; top:38%; left:28%; width:1600px; height:500px; }
.section .customer_area .customer_bg1 .location_area_1 span.location_tit_1 {width:100%; float:left;}
.section .customer_area .customer_bg1 .location_area_1 span.directions_1 {float:right; margin-top:150px;}
.section .customer_area .map_area {position:absolute; top:550px; left:350px;  width:1800px; height:650px;  z-index:1; }





.wrapperArea { width:100%; height:92%; margin:100px 0px; }

/* 포토폴리오 */
.portfolio_bg {width:100%; height:100%; background:url(../images/portfolio/portfolio_bg.png) no-repeat left top; background-size:100%;} 
.portfolio_area {width:1920px; margin:0px auto;}
.portfolio_area .port_Tit {margin:150px 0px 30px 0px; float:left; width:100%;}







/* 특화공법 */
.section .v_cont_bg {position:relative; width:100%; height:92%; margin-top:100px;} 


.section .v_cont_bg #button_1 {height:65px; width:206px; position:absolute; top:525px; left:90px; z-index:999;}
.section .v_cont_bg #button_2 {height:65px; width:206px; position:absolute; top:542px; right:90px; }
.section .v_cont_bg #button_3 {height:65px; width:206px; position:absolute; top:495px; left:90px; z-index:999;}

.section .v_cont_bg .hill_bg_1 {position:absolute; background:url(../images/hill/hill_bg1.png) no-repeat left top; background-size:100% 100%; height:100%; width:100%; } 
.section .v_cont_bg .hill_bg_1 .h_bg2 {position:absolute; left:0; top:0; width:50px; height:193px;}
.section .v_cont_bg .hill_bg_1 .main_text{position:absolute; left:90px; top:90px; width:350px;}
.section .v_cont_bg .hill_bg_1 .hill_tt{position:absolute; left:90px; top:356px;}
.section .v_cont_bg .hill_bg_1 .side_txt {position:absolute; top:40%; left:1%; width:15px;} 
.section .v_cont_bg .hill_bg_1 .sub_text{position:absolute; right:1%; top:10%; width:193px;}
.section .v_cont_bg .hill_bg_1 .hill_btn3 {position:absolute; right:2%; bottom:3%; width:248px; height:61px;}

.section .v_cont_bg .hill_bg_2 {position:absolute; background:url(../images/hill/hill_bg2.png) no-repeat left top; background-size:100% 100%;  height:100%; width:100%; } 
.section .v_cont_bg .hill_bg_2 .h_bg2 {position:absolute; right:0; top:0; width:50px; height:193px;}
.section .v_cont_bg .hill_bg_2 .sub_text{position:absolute; left:1%; top:10%; width:193px;}
.section .v_cont_bg .hill_bg_2 .hill_btn1 {position:absolute; left:2%; bottom:3%; width:248px; height:61px;}
.section .v_cont_bg .hill_bg_2 .main_text {position:absolute; right:90px; top:97px; width:402px; height:320px;}
.section .v_cont_bg .hill_bg_2 .hill_tt {position:absolute; right:90px; top:400px; }
.section .v_cont_bg .hill_bg_2 .side_txt {position:absolute; top:40%; right:1%;} 

.section .v_cont_bg .hill_bg_3 {position:absolute; background:url(../images/hill/hill_bg3.png) no-repeat left top; background-size:100% 100%; height:100%; width:100%; z-index:999;} 
.section .v_cont_bg .hill_bg_3 .h_bg2 {position:absolute; left:0; top:0; width:50px; height:193px;}
.section .v_cont_bg .hill_bg_3 .main_text{position:absolute; left:90px; top:97px; width:353px;}
.section .v_cont_bg .hill_bg_3 .hill_tt {position:absolute; left:90px; top:380px; }
.section .v_cont_bg .hill_bg_3 .side_txt {position:absolute; top:40%; left:1%;} 
.section .v_cont_bg .hill_bg_3 .sub_text {position:absolute; right:1%; top:10%; width:193px;}
.section .v_cont_bg .hill_bg_3 .hill_btn2 {position:absolute; right:2%; bottom:3%; width:248px; height:61px;}





@media all and (max-width:1920px){
/* 특화공법 */
.section .v_cont_bg {height:88%;}
.section .v_cont_bg .right_bg_2 {position:absolute; top:0; right:0; background:url(../images/hill/hill_bg1_right.png) no-repeat right top; background-size:944px 100%;}
.section .v_cont_bg .left_bg_3 {position:absolute; top:0; left:0; background:url(../images/hill/hill_bg3_left.png) no-repeat left top; background-size:944px 100%; }
.section .v_cont_bg .hill_bg_1 .main_text {top:90px;}
}



button { border: none; background:Transparent;}



header {height:75px; background:url(../images/main/header_bg.png) repeat-x left top;  width:100%; z-index:9999999999999; position:fixed; box-shadow:5px 0px 15px rgba(0,0,0,0.6); clear:both; top:0;}
header h1.logo {padding:20px 0px 22px 55px; float:left; width:415px; position:absolute;}






/*-- menu --*/
header .inner {  width:820px; float:left; margin-left:470px; height:70px;}
header .inner > ul {position:relative;}
header .inner > ul > li { position:relative; display:inline-block; box-sizing:border-box; float:left; text-align:center; text-shadow:1px 2px 2px #fff; font-size:14px; font-weight:800; background:url(../images/main/top_r_line.png) no-repeat right 20px; background-size:2px 29px; }
header .inner > ul > li:first-child {margin-left:0;}
header .inner > ul > li:last-child {background:none;}
header .inner > ul > li > a{display:block; padding:0px 0; color:#000; width:134px;  float:left; transform: skew(-0.3deg); padding-top:43px; }
header .inner > ul > li > a:hover{display:block;width:134px;height:27px;background:#5d8c00; color:#fff; z-index:9; text-shadow: none; float:left;}

header .inner > ul > li > a.sub-menu1 {background:url(../images/main/t_icon_1.png) 50px 16px no-repeat; z-index:999999; }
header .inner > ul > li > a.sub-menu1:hover  {background:#5d8c00 url(../images/main/t_icon_1_o.png) 50px 16px no-repeat; z-index:999999; color:#fff; text-shadow:none; }

header .inner > ul > li > a.sub-menu2 {background:url(../images/main/t_icon_2.png) 50px 15px no-repeat; z-index:999999; }
header .inner > ul > li > a.sub-menu2:hover {background:#5d8c00 url(../images/main/t_icon_2_o.png) 50px 15px no-repeat; z-index:999999; color:#fff; text-shadow:none; }

header .inner > ul > li > a.sub-menu3 {background:url(../images/main/t_icon_3.png) 50px 16px no-repeat; z-index:999999;}
header .inner > ul > li > a.sub-menu3:hover {background:#5d8c00 url(../images/main/t_icon_3_o.png) 50px 16px no-repeat; z-index:999999; color:#fff; text-shadow:none; }

header .inner > ul > li > a.sub-menu4 {background:url(../images/main/t_icon_4.png) 50px 16px no-repeat; z-index:999999; }
header .inner > ul > li > a.sub-menu4:hover {background:#5d8c00 url(../images/main/t_icon_4_o.png) 50px 16px no-repeat; z-index:999999; color:#fff; text-shadow:none; }

header .inner > ul > li > a.sub-menu5 {background:url(../images/main/t_icon_5.png) 50px 16px no-repeat; z-index:999999; }
header .inner > ul > li > a.sub-menu5:hover {background:#5d8c00 url(../images/main/t_icon_5_o.png) 50px 16px no-repeat; z-index:999999; color:#fff; text-shadow:none; }

header .inner > ul > li > a.sub-menu6 {background:url(../images/main/t_icon_6.png) 50px 16px no-repeat; z-index:999999; }
header .inner > ul > li > a.sub-menu6:hover {background:#5d8c00 url(../images/main/t_icon_6_o.png) 50px 16px no-repeat; z-index:999999; color:#fff; text-shadow:none; }


header .gDepth2{position:absolute;top:80px;left:0;width:100%;height:0;box-sizing:border-box;text-align:left;overflow:hidden;z-index:999999999; float:left;}
header .gDepth2 li:first-child{margin-top:10px;}
header .gDepth2 li{width:100%;font-size:14px;font-weight:600; float:left; text-align:left; text-shadow: none;}
header .gDepth2 li p a{padding:0px 0 0 0px;}
header .gDepth2 li a{display:block;position:relative;padding:20px 0 0 30px;box-sizing:border-box; color:#fff; transform: skew(-0.3deg);}
header .gDepth2 li a:hover{color:#99dc0d;}
header #gnbBg{position:absolute;top:75px;left:0;width:150%;background:#111111; opacity:0.9; filter:alpha(opacity=90); height:240px;overflow:hidden;z-index:99999999;}



footer {height:70px; background:#251705; width:100%; z-index:9999999999999; position:fixed;  bottom:0;}
footer .f_logo { padding:20px 0px 0px 55px; width:155px; float:left;  position:fixed;}
footer .f_text { padding:30px 0px 0px 0px; margin-left:200px; color:rgba(255,255,255,0.5); font-weight:500; font-size:14px; transform:skew(-0.1deg); float:left;} 
footer .f_text span.f_line {padding:0px 10px; background:url(../images/main/f_line.png) no-repeat; }



/*--  포토폴리오--*/
#slider {margin:0px auto; width:1600px; max-width: 100%; text-align: center;}
#slider input[type=radio] {display: none;}
#slider label {cursor:pointer; text-decoration:none;}
#slides {width:1370px; margin:0 auto; position:relative; z-index:9;}
#overflow {width:100%; overflow:hidden;}
#slide1:checked ~ #slides .inner {margin-left: 0;}
#slide2:checked ~ #slides .inner {margin-left: -100%;}
#slide3:checked ~ #slides .inner {margin-left: -200%;}
#slide4:checked ~ #slides .inner {margin-left: -300%;}
#slide5:checked ~ #slides .inner {margin-left: -400%;}
#slides .inner {-webkit-transform:translateZ(0); transition: margin-left 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);}
#slides .inner {width:500%; line-height:0;}
#slides .slide {width:20%; float:left; display:block;}

.slide-content {overflow:hidden;}
.slide-content li {float:left; overflow:hidden; height:268px; margin:0; padding:0;}
.slide-content li a {float:left; height:268px; width:338px;}

#controls {margin:-320px 0 0 0; width:100%; height:240px; z-index: 3; position: relative;}
#controls label {transition:opacity 0.2s ease-out; display:none; width:73px; height:101px; opacity:0.4;}
#controls label:hover {opacity: 1;}

#slide1:checked ~ #controls label:nth-child(2), 
#slide2:checked ~ #controls label:nth-child(3), 
#slide3:checked ~ #controls label:nth-child(4), 
#slide4:checked ~ #controls label:nth-child(5), 
#slide5:checked ~ #controls label:nth-child(1) {
	background:url(../images/portfolio/next.png) no-repeat; float:right; margin:0 40px 0 0; display:block;}

#slide1:checked ~ #controls label:nth-child(5), 
#slide2:checked ~ #controls label:nth-child(1), 
#slide3:checked ~ #controls label:nth-child(2), 
#slide4:checked ~ #controls label:nth-child(3), 
#slide5:checked ~ #controls label:nth-child(4) {
	background: url(../images/portfolio/prev.png) no-repeat; float:left; margin:0 0 0 30px; display: block;}

#bullets {margin:100px 14px 0 0; text-align: center;}

#bullets label {border-radius:10px; display:inline-block; width:15px; height:15px; background:#213127; margin:0px 10px;}

#slide1:checked ~ #bullets label:nth-child(1), 
#slide2:checked ~ #bullets label:nth-child(2), 
#slide3:checked ~ #bullets label:nth-child(3), 
#slide4:checked ~ #bullets label:nth-child(4),
#slide5:checked ~ #bullets label:nth-child(5) {background: #f6a500;}
/* responsive behaviour of controls */
@media screen and (max-width: 900px) {
	#slide1:checked ~ #controls label:nth-child(5), 
	#slide2:checked ~ #controls label:nth-child(1), 
	#slide3:checked ~ #controls label:nth-child(2), 
	#slide4:checked ~ #controls label:nth-child(3), 
	#slide5:checked ~ #controls label:nth-child(4) {margin:0;}

	#slide1:checked ~ #controls label:nth-child(2), 
	#slide2:checked ~ #controls label:nth-child(3), 
	#slide3:checked ~ #controls label:nth-child(4), 
	#slide4:checked ~ #controls label:nth-child(5), 
	#slide5:checked ~ #controls label:nth-child(1) {margin:0;}
}
/* end of responsive behaviour of controls */




.slide-content li a .boxArea {background:#fff; width:299px; height:230px; box-shadow:0px 0px 10px 5px rgba(0, 0, 0, 0.3); margin:15px;}
.slide-content li a .boxArea span.photo {padding:2px; float:left;}
.slide-content li a .boxArea span.text {padding:8px 0px 8px 20px; float:left; font-size:16px; color:#000; font-family:'NanumSquare'; font-weight:600; transform:skew(-0.03deg); }
.slide-content li a .boxArea span.date {padding:8px 20px 0px 0px; float:right; font-family:'NanumSquare'; font-weight:600; color:#00a03e; transform:skew(-0.03deg);}





.overlay {position: fixed; top: 29px; bottom: 0; left: 0; right: 0; background:url(../images/portfolio/portfolio_pop_bg.png) no-repeat left top; background-size:cover; transition: opacity 500ms; visibility: hidden; opacity: 0; z-index:9}
.overlay:target {visibility: visible; opacity: 1;}
.popup {margin: 200px auto; width: 1555px; position: relative; transition: all 0.5s ease-in-out;}

.popup .close {position: absolute; top: 0px; left: 0px; transition: all 200ms;}
.popup .close:hover {color: #06D85F;}
.popup .content { width:1500px; overflow:auto; background:#fff; height:658px; float:right;}

.content span.portarea { background:url(http://218.236.58.21/urimadang/new/images/portfolio/pop_b_bg.png) no-repeat left top; float:left; height:100%; }
.content span.portarea .sum_area{ float:left;  padding:40px 20px; width:380px; height:230px;  }
.content span.portarea .sum_area h3.port_tit {color:#000; font-size:24px;  font-weight:800; padding:10px 0px 10px 5px; font-family:'NanumSquare', sans-serif;}
.content span.portarea .sum_area p.port_stit {border-top:2px solid #7f8573; border-bottom:2px solid #7f8573; font-size:14px; color:#000; padding:6px 0px 6px 5px; font-weight:600; background:rgba(0,0,0,0.05); font-family:'NanumSquare', sans-serif; transform:skew(-0.03deg);}
.content span.portarea .sum_area p.port_txt {font-size:14px; color:#000; margin:30px 5px; font-weight:600; line-height:20px; font-family:'NanumSquare', sans-serif; transform:skew(-0.03deg);}
.content span.portarea .portGallery{ width:362px; position:absolute; left:83px; top:305px; border-top:1px solid #e8e8e8; padding-top:10px;}

.content span.portarea .mainImage{ width:1080px; height:658px; position:absolute; right:0;}
.portGallery-img {margin: 3px 1px; max-width: 114px; display: inline-block; border:1px solid #000; width:116px; height:71px;}
.portGallery-img:slectedImage {border:1px solid red;}


.popup_2 {margin: 200px auto; width: 1205px; position: relative; transition: all 0.5s ease-in-out;}
.popup_2 .close {position: absolute; top: 0px; left: 0px; transition: all 200ms;}
.popup_2 .close:hover {color: #06D85F;}
.popup_2 .content { width:1500px; overflow:auto; background:#fff; height:658px; float:right;}
.popup_2 .content_v { width:1150px; overflow:auto; float:right; padding:0; margin:0;}
.popup_2 .content_v video {width:100%; height:650px;}


@media all and (max-width:1920px){
.popup_2 {margin: 150px auto; }
}

 


@media all and (max-width:1920px){


	.onepage-wrapper .section {width:1920px; height:100%; }
	.wrapperArea {width:1920px; }

	/* 메인 */  
	.menu_area {width:42.1%; top:71px;}
	.menu_area .menu_text { position:absolute; top:10%; right:7%; z-index:9;  width:44%;}
	.section .main_text {position:absolute; top:35%;  }
	/*.logo {z-index:9999; position:absolute; top:98px; width:15.5%;}*/

	.menu_area .menu_txt { position:absolute; top:11%; right:10%; z-index:9; }
	.menu_area ul.menu_text {position:absolute; top:17%; right:0%; z-index:9; width:515px;}
	.menu_area ul.menu_text li {margin-top:20px;}
	.menu_area ul.menu_text li:nth-child(1) {padding-left:180px;}
	.menu_area ul.menu_text li:nth-child(2) {padding-left:160px;}
	.menu_area ul.menu_text li:nth-child(3) {padding-left:140px;}
	.menu_area ul.menu_text li:nth-child(4) {padding-left:120px;}                                                           
	.menu_area ul.menu_text li:nth-child(5) {padding-left:100px;}
	.menu_area ul.menu_text li:nth-child(6) {padding-left:80px;}

	.section .comapny_area {height:89%;}
	
	/* 인사말 */
	.section .comapny_area .greeting_area {position:absolute; top:70px; right:100px; width:900px;}
	.section .comapny_area .greeting_area .ceo_photo {width:511px; height:275px; float:left;}
	.section .comapny_area .greeting_area .ceo_txt {margin-top:20px; float:right;}
	.section .comapny_area .greeting_area .greeting_txt {float:left; width:326px; height:207px; margin:10px 28px 0px 0px;} 

	.section .comapny_area .greeting_txt_2 {position:absolute; top:270px; right:140px;} 
	.section .comapny_area .greeting_area2 {position:absolute; top:140px; left:20px; width:590px;}
	.section .comapny_area .greeting_area2 .greeting_photo {}
	.section .comapny_area .greeting_area2 .greeting_txt_3 {margin:50px 0px 0px 75px; } 
	.section .comapny_area .side_txt {position:absolute; top:40%; left:1%;} 



	/* 조직도 */
	.section .comapny_area .orgin_tit {position:absolute; top:80px; left:160; width:405px; }
	.section .comapny_area .orgin_area {position:absolute; top:88px; right:110px; width:850px; }
	.section .comapny_area .orgin_area .orgin_txt { width:694px; margin-bottom:80px; }
	.section .comapny_area .orgin_area .orgin_photo {width:850px;}
	.section .comapny_area .orgin_area .orgin_cont {width:506px; margin:78px 0px 0px 220px;}

	.section .comapny_area .orgin_tit_2 {position:absolute; top:80px; right:45px; width:371px; }
	.section .comapny_area .orgin_area_2 {position:absolute; top:68px; left:120px; }
	.section .comapny_area .orgin_area_2 .orgin_txt_2 { width:616px; margin-bottom:80px; }
	.section .comapny_area .orgin_area_2 .orgin_cont_2 { margin-left:40px;}
	.section .comapny_area .orgin_area_2 .orgin_txt_3 { width:642px; margin-top:50px; }




	/* 홍보전시관 */


	.section .promote_area { height:88%;} 


	.section .promote_area .promote_tit7 {position:absolute; top:70px; left:23px; width:626px; height:65px; }
	.section .promote_area .promote_4 {position:absolute; width:544px; top:60px; right:90px;}
	.section .promote_area .promote_4 .photo_2 {margin:0px 0px 55px 0px; float:left;}





	.section .promote_area .promote_bg1 {position:absolute; top:0; left:0; background:url(../images/promote/promote_1_bg.png) no-repeat right top; background-size:819px 100%; height:100%; width:100%; }
    .section .promote_area .promote_bg1 .tree_1 {bottom:6px;}

	.section .promote_area .promote_bg2 {position:absolute; top:0; left:0; background:url(../images/promote/promote_2_bg.png) no-repeat left top; background-size:819px 100%; height:100%; width:100%; z-index2 }


	.section .promote_area .promote_bg1 .cont_area {position:absolute; width:530px; top:100px; right:5%; float:left; }
	.section .promote_area .promote_bg2 .promote_3 {position:absolute; width:576px; top:100px; left:100px;}
	.section .promote_area .promote_bg2 .human_1 {position:absolute; bottom:0px; left:66px; }
	.section .promote_area .promote_bg2 .human_1 img {width:100%;}


	.section .promote_area .promote_bg1 .side_txt {position:absolute; top:245px; right:1%;} 

	.section .promote_area .promote_bg2 .side_txt_1 {position:absolute; top:245px; left:1%;} 




	/* 홍보전시관 - 두번째*/

.section .promote_area .promote_bg3 .thumbnails {width:435px; position:absolute; top:55px; left:200px; z-index:1; }
.section .promote_area .promote_bg3 .primary {position:absolute;right:0; top:0; background-size: 100% 100%; background-position: right top; background-repeat: no-repeat;  width:66%; height:100%;}
.section .promote_area .promote_bg3 .left_bg2 {background-size:941px 100%;}

.thumbnails_1 {width:435px; position:absolute; top:55px; right:230px; z-index:99999; }
.primary_1 {position:absolute; left:0; top:0; background-size: 100% 100%; background-position: left top; background-repeat: no-repeat;  width:67%; height:100%;}

.thumbnail:hover .thumbnail-image, .selected .thumbnail-image_1 {background:url(../images/promote/thumbnail_2_o.png) no-repeat left top;}
.thumbnail:hover .thumbnail-image, .selected .thumbnail-image_2 {background:url(../images/promote/thumbnail_3_o.png) no-repeat left top;}
.thumbnail:hover .thumbnail-image, .selected .thumbnail-image_3 {background:url(../images/promote/thumbnail_1_o.png) no-repeat left top;}


.thumbnail:hover .thumbnail-image_1, .selected{background:url(../images/promote/thumbnail_2_o.png) no-repeat left top; z-index:999999;}
.thumbnail-image_1 { margin:0px 0px 10px 100px; width: 326px; height:140px;  background-size: cover; background:url(../images/promote/thumbnail_2.png) no-repeat left top; background-position: center center; background-repeat: no-repeat; border: 4px solid transparent;}
.thumbnail:hover .thumbnail-image_2, .selected{background:url(../images/promote/thumbnail_3_o.png) no-repeat left top; z-index:999999;}
.thumbnail-image_2 {  margin:0px 0px 10px 50px; width: 326px; height:140px; background-size: cover; background:url(../images/promote/thumbnail_3.png) no-repeat left top; background-position: center center; background-repeat: no-repeat; border: 4px solid transparent;}
.thumbnail:hover .thumbnail-image_3, .selected{background:url(../images/promote/thumbnail_1_o.png) no-repeat left top; }
.thumbnail-image_3 { width: 326px; height:140px; background-size: cover; background:url(../images/promote/thumbnail_1.png) no-repeat left top; background-position: center center; background-repeat: no-repeat; border: 4px solid transparent;}


.thumbnail_1:hover .thumbnail-image, .selected .thumbnail-image_4 {background:url(../images/promote/thumbnail_4_o.png) no-repeat left top;}
.thumbnail_1:hover .thumbnail-image, .selected .thumbnail-image_5 {background:url(../images/promote/thumbnail_5_o.png) no-repeat left top;}
.thumbnail_1:hover .thumbnail-image, .selected .thumbnail-image_6 {background:url(../images/promote/thumbnail_6_o.png) no-repeat left top;}


.thumbnail_1:hover .thumbnail-image_4, .selected{background:url(../images/promote/thumbnail_4_o.png) no-repeat left top; z-index:999999;}
.thumbnail-image_4 { margin:0px 0px 10px 0px; width: 326px; height:140px;  background-size: cover; background:url(../images/promote/thumbnail_4.png) no-repeat left top; background-position: center center; background-repeat: no-repeat; border: 4px solid transparent;}
.thumbnail_1:hover .thumbnail-image_5, .selected{background:url(../images/promote/thumbnail_5_o.png) no-repeat left top; z-index:999999;}
.thumbnail-image_5 {  margin:0px 0px 10px 50px; width: 326px; height:140px; background-size: cover; background:url(../images/promote/thumbnail_5.png) no-repeat left top; background-position: center center; background-repeat: no-repeat; border: 4px solid transparent;}
.thumbnail_1:hover .thumbnail-image_6, .selected{background:url(../images/promote/thumbnail_6_o.png) no-repeat left top; }
.thumbnail-image_6 { margin:0px 0px 0px 100px; width: 326px; height:140px; background-size: cover; background:url(../images/promote/thumbnail_6.png) no-repeat left top; background-position: center center; background-repeat: no-repeat; border: 4px solid transparent;}

.section .promote_area .promote_bg3 .left_bg2 .p_txt_2 { position:absolute; top:66%; left:95px; width:489px;}


	/* 홍보전시관 - 네번째*/
	
.promote_bg4 { background-size:941px 100%;}
.promote_bg4 .p_txt_4 { z-index:9999; position:absolute; top:580px; right:100px;}
.side_txt_4 { top:245px; } 







/* 채용공고 */
.section .customer_area {height:88%;}
.section .customer_area .recruit_area {position:absolute; width:1100px; height:100%; top:70px; left:16%;}
.section .customer_area .recruit_area .recruit_tit {margin-left:260px;}
.section .customer_area .recruit_area .recruit_box {margin-top:100px;}
.aa_htmlTable {margin-top:120px; display: table; width:100%;  vertical-align:middle;}



/* 오시는길 */
.section .customer_area .recruit_tit_2 {margin:90px 0 0 100px;}
.section .customer_area .location_area {position:absolute; top:335px; left:480px; width:1250px; height:500px; }
.section .customer_area .location_area span.location_tit {width:100%; float:left;}
.section .customer_area .location_area span.directions {float:right; margin-top:50px;}
.section .customer_area .location_area span.map_btn {position:absolute; top:115px; left:145px; width:185px; height:121px;}

.section .customer_area .customer_bg1 .recruit_tit_3 { margin:90px 0 0 100px; }
.section .customer_area .customer_bg1 .location_area_1 {position:absolute; top:320px; left:500px; width:1200px; height:500px; }
.section .customer_area .customer_bg1 .location_area_1 span.location_tit_1 {width:100%; float:left;}
.section .customer_area .customer_bg1 .location_area_1 span.directions_1 {float:right; margin-top:60px;}
.section .customer_area .map_area {position:absolute; top:300px; left:240px;  width:1200px; height:650px; z-index:1; }



/* 포토폴리오 */
.portfolio_area {width:1690px; margin:0px auto;}
.portfolio_area .port_Tit {margin:70px 0px 30px 0px; float:left; width:100%;}



.overlay {position: fixed; top: 47px; bottom: 0; left: 0; right: 0; background:url(../images/portfolio/portfolio_pop_bg.png) no-repeat left top; background-size:cover; transition: opacity 500ms; visibility: hidden; opacity: 0; z-index:9}
.popup {margin: 150px auto; width: 1555px; position: relative; transition: all 0.5s ease-in-out;}
	

}





@media all and (max-width:1780px){

	.onepage-wrapper .section {width:1780px; height:100%; }
	.wrapperArea {width:1780px; }



/* 인사말 */
.section .comapny_area .greeting_area {position:absolute; top:50px; right:0%; width:900px; }
.section .comapny_area .greeting_area .greeting_txt {float:left; width:326px; height:207px; margin:10px 20px 0px 0px;;} 
.section .comapny_area .greeting_area .greeting_cont {float:left; width:490px; height:650px; background:rgba(255,255,255,0.6); padding:10px; }
.section .comapny_area .greeting_txt_2 {position:absolute; top:30%; right:1%;} 
.section .comapny_area .greeting_area2 {position:absolute; top:15%; left:0%; width:590px;}
.section .comapny_area .greeting_area2 .greeting_photo {margin-left:20px;}
.section .comapny_area .greeting_area2 .greeting_photo img {width:90%;}
.section .comapny_area .greeting_area2 .greeting_txt_3 {margin:10px 0px 0px 75px; } 


/* 조직도 */
.section .comapny_area .orgin_tit {position:absolute; top:60px; left:7%; width:405px; }
.section .comapny_area .orgin_area {position:absolute; top:80px; right:1%; width:850px;  }
.section .comapny_area .orgin_area .orgin_txt { width:694px; margin-bottom:30px; }
.section .comapny_area .orgin_area .orgin_photo {width:850px;}
.section .comapny_area .orgin_area .orgin_photo img {width:90%;}
.section .comapny_area .orgin_area .orgin_cont {width:506px; margin:40px 0px 0px 220px;}

.section .comapny_area .orgin_tit_2 {position:absolute; top:40px; right:1%; width:371px; }
.section .comapny_area .orgin_area_2 {position:absolute; top:80px; left:5%; }
.section .comapny_area .orgin_area_2 .orgin_txt_2 { width:616px; margin-bottom:60px; }
.section .comapny_area .orgin_area_2 .orgin_cont_2 { margin-left:40px;}
.section .comapny_area .orgin_area_2 .orgin_cont_2 img {width:80%;}
.section .comapny_area .orgin_area_2 .orgin_txt_3 { width:642px; margin-top:50px; }


/* 홍보전시관 */
.section .promote_area .promote_bg1 .cont_area {position:absolute; width:530px; top:70px; right:5%; float:left; }
.section .promote_area .promote_bg3 .left_bg2 .p_txt_2 { position:absolute; top:68%; left:100px; width:489px; }
.section .promote_area .promote_bg2 .promote_3 {position:absolute; width:576px; top:8%; left:6%;}
.promote_bg4 .p_txt_4 {position:absolute; margin:0px; top:68%; right:100px; z-index:9999;}



/* 농장 */


.section .farm_area {position:absolute; width:100%; height:92%; overflow:hidden; margin-top:50px;}
.section .farm_area .photo_area {position:relative; width:60%; height:100%; top:11%; float:left;  }
.section .farm_area .photo_area ul { position:absolute; width:1300px; top:0%; left:2%;}
.section .farm_area .photo_area ul li {float:left;}
.section .farm_area .photo_area ul li img {width:95%;}
.section .farm_area .photo_area ul li:nth-child(4) {margin-left:50px;}
.section .farm_area .photo_area ul li:nth-child(7) {margin-left:150px;}
.section .farm_area .photo_area ul li:nth-child(8) {margin:20px 0px 0px 100px;}


.section .farm_area .text_area {position:relative; width:618px; height:100%; top:13%; float:left;}
.section .farm_area .text_area span.f_tit1 {margin:30px 0px 0px 100px; float:left; }
.section .farm_area .text_area span.f_num {margin:70px 0px 0px 110px; float:left; }
.section .farm_area .text_area span.f_num img {width:96%;}


.section .farm_area .farm2_tit {position:absolute; top:100px; left:2%;}
.section .farm_area .farm2_tit img {width:80%;}
.section .farm_area .farm2_text {position:absolute; bottom:10%; right:3%;}


.section .farm_area .farm3_tit {position:absolute; top:45%; right:6%;}
.section .farm_area .farm3_tit img {width:80%;}
.section .farm_area .farm3_text {position:absolute; bottom:10%; left:3%;}

.section .farm_area .farm4_tit {position:absolute; top:100px; left:2%;}
.section .farm_area .farm4_tit img {width:80%;}
.section .farm_area .farm4_text {position:absolute; bottom:10%; left:3%;}


.section .farm_area .farm5_tit {position:absolute; top:100px; right:2%; text-align:right;}
.section .farm_area .farm5_tit img {width:80%;}
.section .farm_area .farm5_text {position:absolute; bottom:10%; left:3%;}

.section .farm_area .farm6_tit {position:absolute; top:48%; left:12%;}
.section .farm_area .farm6_tit img {width:80%;}
.section .farm_area .farm6_text {position:absolute; bottom:10%; right:3%;}

.section .farm_area .farm7_tit {position:absolute; top:100px; right:2%;}
.section .farm_area .farm7_tit img {width:80%;}
.section .farm_area .farm7_text {position:absolute; bottom:10%; right:3%;}

.section .farm_area .farm8_tit {position:absolute; top:150px; left:7%;}
.section .farm_area .farm8_tit img {width:80%;}
.section .farm_area .farm8_text {position:absolute; bottom:10%; right:3%;}




/* 포토폴리오 */
.portfolio_bg {width:100%; height:100%; background:url(../images/portfolio/portfolio_bg.png) no-repeat left top; background-size:100% 100%;} 
.portfolio_area {width:1600px; margin:0px auto;}
.portfolio_area .port_Tit {margin:30px 0px 0px 70px; float:left; width:700px;}





/* 특화공법 */
.section .v_cont_bg #button_1 {height:65px; width:206px; position:absolute; top:460px; left:70px; z-index:999;}
.section .v_cont_bg #button_2 {height:65px; width:206px; position:absolute; top:460px; right:60px; }
.section .v_cont_bg #button_3 {height:65px; width:206px; position:absolute; top:460px; left:70px; z-index:999;}


.section .v_cont_bg .hill_bg_1 .main_text{position:absolute; left:70px; top:60px; width:350px;}
.section .v_cont_bg .hill_bg_1 .hill_tt{position:absolute; left:70px; top:306px;}
.section .v_cont_bg .hill_bg_1 .side_txt {position:absolute; top:40%; left:1%; width:15px;} 
.section .v_cont_bg .hill_bg_1 .sub_text{position:absolute; right:1%; top:10%; width:193px;}
.section .v_cont_bg .hill_bg_1 .hill_btn3 {position:absolute; right:6%; bottom:6%; width:248px; height:61px;}


.section .v_cont_bg .hill_bg_2 .sub_text{position:absolute; left:1%; top:10%; width:193px;}
.section .v_cont_bg .hill_bg_2 .hill_btn1 {position:absolute; left:6%; bottom:6%; width:248px; height:61px;}
.section .v_cont_bg .hill_bg_2 .main_text {position:absolute; right:60px; top:60px; width:402px; height:320px; text-align:right;}
.section .v_cont_bg .hill_bg_2 .main_text img {width:90%;}
.section .v_cont_bg .hill_bg_2 .hill_tt {position:absolute; right:60px; top:320px; }
.section .v_cont_bg .hill_bg_2 .side_txt {position:absolute; top:40%; right:1%;} 


.section .v_cont_bg .hill_bg_3 .main_text{position:absolute; left:70px; top:60px; width:353px;}
.section .v_cont_bg .hill_bg_3 .hill_tt {position:absolute; left:70px; top:330px; }
.section .v_cont_bg .hill_bg_3 .side_txt {position:absolute; top:40%; left:1%;} 
.section .v_cont_bg .hill_bg_3 .sub_text {position:absolute; right:1%; top:10%; width:193px;}
.section .v_cont_bg .hill_bg_3 .hill_btn2 {position:absolute; right:6%; bottom:6%; width:248px; height:61px;}





/* 채용공고 */
.section .customer_area {height:88%;}
.section .customer_area .recruit_area {position:absolute; width:1100px; height:100%; top:70px; left:16%;}
.section .customer_area .recruit_area .recruit_tit {margin-left:180px;}
.section .customer_area .recruit_area .recruit_tit img {width:90%;}
.section .customer_area .recruit_area .recruit_box {margin-top:100px;}
.aa_htmlTable {margin-top:120px; display: table; width:100%;  vertical-align:middle;}
.aa_htmlTable img {width:80%;}



/* 오시는길 */
.section .customer_area .recruit_tit_2 {margin:80px 0 0 100px;}
.section .customer_area .location_area {position:absolute; top:295px; left:400px; width:1250px; height:500px; }
.section .customer_area .location_area span.location_tit {width:100%; float:left;}
.section .customer_area .location_area span.directions {float:left; margin-top:50px; margin-left:510px;}
.section .customer_area .location_area span.map_btn {position:absolute; top:115px; left:145px; width:185px; height:121px;}

.section .customer_area .customer_bg1 .recruit_tit_3 { margin:90px 0 0 100px; }
.section .customer_area .customer_bg1 .location_area_1 {position:absolute; top:250px; left:500px; width:1200px; height:500px; }
.section .customer_area .customer_bg1 .location_area_1 span.location_tit_1 {width:100%; float:left;}
.section .customer_area .customer_bg1 .location_area_1 span.directions_1 {float:right; margin-top:60px;}
.section .customer_area .map_area {position:absolute; top:300px; left:240px;  width:1200px; height:650px; z-index:1; }





}


@media all and (max-width:1680px){

	.onepage-wrapper .section {width:1680px; height:100%; }
	.wrapperArea {width:1680px; }
	}


@media all and (max-width:1600px){

	.onepage-wrapper .section {width:1600px; height:100%; }
	.wrapperArea {width:1600px; }
	}s