body.Main{ background:#fff; }

/*---------------------------------------------------------------------
    메인 : 관리자 설정 UI
---------------------------------------------------------------------*/
.admin_set_block{ z-index:3; position:absolute; right:15px; top:100px; text-align:right; }
.admin_set_bg{ position:fixed; width:100%; right:0; top:0; background:rgba(0,0,0,.5); }

.admin_set_btn{ display:inline-block; margin:20px; width:38px; height:38px; font-size:0; background:url(/img/set_close_btn.png) no-repeat center; background-size:100%; }

.admin_set_wrap{ overflow-y:auto; position:fixed; width:1px; height:100%; right:-100%; top:0; box-sizing:border-box; background:#fff; transition:right .4s ease-in-out; -webkit-transition:right .4s ease-in-out; opacity:0; }
.admin_set_wrap{ padding:50px; text-align:right; }
.admin_set_wrap{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.admin_set_close_btn{ display:inline-block; }

.admin_set{ margin:12px 0; text-align:left; }
.admin_set h5{ position:relative; }
.admin_set h5 b{ z-index:1; position:relative; display:block; font-weight:500; font-size:19px; line-height:46px; color:#333; }
.admin_set h5 span{ position:absolute; right:0; top:0; display:block; font-size:13px; font-weight:300; line-height:46px; color:#777; }
.admin_set h5 span.color_red{ color:#830008; }
.admin_set h5 span i{ font-style:normal; letter-spacing:-1.5px; }

.set_control{ width:100%; height:40px; padding:0 10px; border:1px solid #ddd; font-weight:300; font-size:14px; line-height:40px; color:#555; }
textarea.set_control{ padding:5px 10px; min-height:84px; font-weight:300; font-size:14px; line-height:24px; }
textarea.set_control_small{ min-height:40px; }

.set_upfile_wrap{ overflow:hidden; margin:1px 0 7px; }
.set_upfile_wrap .set_file{ float:left; width:20%; font-weight:400; font-size:13px; line-height:40px; color:#fff; background:#555; text-align:center; }
.set_upfile_wrap .set_file{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.set_upfile_wrap{ position:relative; }
.set_upfile_wrap:hover .set_file{ background:#1b84c7; }
.set_upfile_wrap .set_filename{ float:left; width:80%; padding-right:70px; }
.set_upfile_wrap .set_upfilebtn{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }

.set_upfile_delete{ position:absolute; right:15px; top:8px; color:#555; }
.set_upfile_delete:hover{ color:#333; }
.set_upfile_delete input[type="checkbox"]{ vertical-align:-2px; }

.admin_set_wrap .set_save{ margin:15px 0 0 0; width:100%; height:46px; border-radius:0; font-size:17px; font-weight:500; line-height:46px; background:#1b84c7; border:none; color:rgba(255,255,255,0.9); }
.admin_set_wrap .set_save:hover{ background:#4f9019; }

.admin_set ul{ overflow:hidden; }
.admin_set ul li{ float:left; width:58%; margin:0; }
.admin_set ul li:last-child{ margin-left:2%; width:40%; }
.admin_set ul li .set_upfile_wrap .set_file{ width:35%; }
.admin_set ul li .set_upfile_wrap .set_filename{ width:65%; }

.admin_set_block.on{ z-index:100; width:100%; height:100%; }
.admin_set_block.on:before{ width:100%; opacity:1; }
.admin_set_block.on .admin_set_btn{ display:none; }
.admin_set_block.on > .admin_set_wrap{ z-index:101; width:580px; right:0; opacity:1; }
.admin_set_block.on > .admin_set_bg{ height:100%; }

.file_del{ position:absolute; right:0; top:0; padding:0 10px; border:1px solid #ddd; font-size:13px; font-weight:400; color:#555; line-height:38px; }
.file_del:hover{ background:#4f9019; border-color:#4f9019; color:#fff; }

/* 서브 게시판으로 링크 이동 버튼 */
.admin_set_block2{ z-index:3; position:absolute; right:0; top:0; text-align:right; }
.admin_set_block2 a{ display:inline-block; margin:20px; width:38px; height:38px; font-size:0; background:url(/img/set_close_btn.png) no-repeat center; background-size:100%; }

.main_video_wrap .admin_set_block{ top:95px; }

/*------------------------------------
    메인 섹션
------------------------------------*/
.Main{ }
.Main .container1{ height:100%; min-height:auto; }
.Main .main_img_warp{}
.Main .section{  }
.Main .section a{ /* height:100vh; position:relative; background-size:cover !important; */ }
.Main .section a .img_wrap{ display:none; }

/* 네비게이션  */
ul.page_nav{ z-index:9; position:fixed; top:50%; right:2.5%; margin-top:-50px; }
ul.page_nav li{ margin:10px auto; }
ul.page_nav li a{ display:block; width:15px; height:15px; text-indent:-9999px; background:#fff; border-radius:10px; box-shadow:0 0 8px rgba(0,0,0,.1); }
ul.page_nav li a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
ul.page_nav li a:hover{ background:#eee; }
ul.page_nav li.active_btn a{ position:relative; height:30px; background:#005bac; }
ul.page_nav li:last-child{ display:none; }

/*------------------------------------
    메인배너
------------------------------------*/
.main_img_block{  }
.main_img_block .centerWrap{ padding:0; max-width:100% !important; }
.main_img_warp{}
.main_img_warp > li{ position:relative; }
.main_img_warp > li a{ display:block; }
.main_img_warp > li a h2{ z-index:4; position:absolute; left:9%; font:400 75px/85px 'Lora', serif; color:#fff; text-shadow:0 1px 2px rgba(0,0,0,0.3); }
.main_img_warp > li.black a h2{ color:#242424; text-shadow:none; }
.main_img_warp > li:nth-child(1) a h2{ top:57%; }
.main_img_warp > li:nth-child(2) a h2{ top:30.5%; }
.main_img_warp > li:nth-child(3) a h2{ top:19%; }
.main_img_warp > li:nth-child(4) a h2{ top:26.5%; }
.main_img_warp > li:nth-child(5) a h2{ top:20%; }
.main_img_warp > li:nth-child(6) a h2{ top:32.5%; }
.main_img_warp > li:nth-child(7) a h2{ top:23.5%; }

/*------------------------------------
    메인비주얼
------------------------------------*/
.main_visual_wrap{ overflow:hidden; text-align:center; }
.main_visual_wrap .img_wrap{ animation: 1s ease-out 0s 1 slideInFromLeft; }



/*------------------------------------
    메인컨텐츠
------------------------------------*/
/* about */
.main_weare_wrap{ position:relative; /* z-index:8; */ clear:both; background:#005bac; }
.Main .container_wrap .main_weare_wrap .centerWrap{ max-width:1234px; }
.main_weare_wrap .title_box { padding-top:31.4%; padding-bottom:114px; }
.main_weare{ position:absolute; display:flex; justify-content:space-between; left:0; top:-60px; width:100%; padding:0 15px; }
.main_weare li{ overflow:hidden; position:relative; width:31.55%; /* box-shadow:0 8px 30px 10px rgba(0, 0, 0, 0.2); */ border-radius:4px; }
.main_weare li a{ overflow:hidden; display:block; position:relative; z-index:2; }
.main_weare li h3{ position:relative; z-index:1; background:rgba(255,255,255,0.8); display:block; padding:0 15px; text-align:center; font-size:20px; line-height:60px; color:#005bac; }
.main_weare li .box { overflow:hidden; background:#fff; display:inline-block; }
.main_weare li img{ opacity:.8; width:100%; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.3s ease-in-out; }
.main_weare li:hover img{ opacity:1; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.main_weare_wrap .title_box p:nth-of-type(2){ margin-top:40px; }

/* 공통 타이틀 및 내용 */
.title_box{ display:block; }
.title_box h2{ position:relative; padding-bottom:60px; font-weight:500; letter-spacing:0.5px; font-size:36px; line-height:41px; }
.title_box h2:after{ display:block; content:''; margin:15px 0 0 0; width:60px; height:2px; background:#b4b4b4; }
.title_box h2.after_none{ }
.title_box h2.after_none:after{ display:none; }
.title_box h2 span{ display:block; font-weight:500; line-height:41px; }
.title_box p{ font-size:20px; line-height:31px; font-weight:300; font-family:'Roboto','Noto Sans KR'; }
.title_box.white{ color:#fff; }
.title_box.white h2:after{ background:#fff; }
.title_box.white p{ color:#fff; }
.title_box.align_center{ text-align:center; }
.title_box.align_center h2:after{ margin-right:auto; margin-left:auto; }


/*------------------------------------
    메인비디오
------------------------------------*/
.main_video_wrap{ position:relative; text-align:center; }
.main_video_wrap video{ width:auto; max-width:100%; }

.main_video_txt{ display:none; position:absolute; left:0; top:0; width:100%; text-align:left; }
.main_video_txt p{ position:relative; max-width:1620px; margin:0 auto; padding:25% 15px 0; color:#fff; font-weight:600; font-size:44px; line-height:54px; }
.main_video_txt p span{ color:#f8f11d; }


/*------------------------------------
    이벤트 배너
------------------------------------*/
.event_wrap{ position:relative; max-width:1920px; margin:-8px auto 0; text-align:center; }
.event_wrap ul{ overflow:hidden; }
.event_wrap ul li{ float:left; width:50%; }
.event_wrap a{ display:block; }
.event_wrap a .mobile{ display:none; }
.event_wrap a img{ width:auto; max-width:100%; }


/*----------------------------------------
    메인 타이틀
----------------------------------------*/
/* .main_business_block{ padding:100px 0; background:#1d40a3; } */
/* .main_title{ margin-bottom:60px; text-align:center; }
.main_title strong{ display:block; margin-bottom:13px; font:600 16px/26px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#CC1424; text-transform:uppercase; }
.main_title h1{ margin-bottom:18px; font:500 32px/44px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#000; letter-spacing:-1px; } */
/* .main_title h1 br{ display:none; } */
/* .main_title p{ font-weight:400; font-size:16px; color:#333; }
.main_title a{ display:inline-block; font-weight:500; font-size:16px; text-align:center; letter-spacing:-0.5px; color:#242424; min-width:220px; height:50px; padding:0 20px; line-height:48px; border:1px solid #242424; border-radius:4px; }
.main_title a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.main_title a:hover{ background:#e56b18; color:#fff; border-color:#e56b18; transition:all ease 1s;}

.main_business_wrap{ display:flex; justify-content:space-between; align-items:center; }
.main_title.white strong{ color:#e9e4d4; }
.main_title.white h1{ color:#fff; }
.main_title.white a{ color:#fff; border-color:#fff; }
.main_title.white a:hover{ border-color:#e56b18; }
.main_title.white p{ color:#fff; }

.main_title.Left{ margin-bottom:0; }
.main_title.Left{ text-align:left; }
.main_title.Left h1 br{ display:block; }
.main_title a{ margin:5px auto 30px; } */

.main_title{ }
.main_title h5{ margin-left:1px; margin-bottom:18px; font-size:18px; font-weight:600; color:#005bac; letter-spacing:-0.2px; }
.main_title h3{ font-size:28px; line-height:40px; font-weight:600; letter-spacing:-0.5px; }
.main_business_wrap .main_title h3{ font-size:30px; line-height:42px; }

.main_title a.view_btn{ margin-top:35px; display:inline-block; font-weight:500; font-size:16px; text-align:center; letter-spacing:-0.5px; color:#242424; min-width:220px; height:50px; padding:0 20px; line-height:48px; border:1px solid #242424; border-radius:4px; }
.main_title a.view_btn{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.main_title a.view_btn:hover{ background:#005bac; color:#fff; border-color:#005bac; }
.main_title p{ margin-top:20px; font-size:16px; font-weight:400; color:#555; }


/*------------------------------------
    메인: 사업분야
------------------------------------*/
.main_business_block{ padding:120px 0 130px; }
.main_title{  }
.main_title strong{ display:block; margin-bottom:13px; font:600 16px/26px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#CC1424; text-transform:uppercase; }
.main_title h1{ margin-bottom:18px; font:500 32px/44px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#000; letter-spacing:-1px;  text-transform:uppercase; }
/* .main_title h1 br{ display:none; } */

.main_business_wrap{ display:flex; justify-content:space-between; align-items:center; }
.main_title.white strong{ color:#e9e4d4; }
.main_title.white h1{ color:#fff; }
.main_title.white h3{ color:#fff; text-shadow:0 1px 2px rgba(0,0,0,0.3); }
.main_title.white h5{ color:#178ed3; }
.main_title.white a{ color:#fff; border-color:#fff; background:rgba(0,0,0,0.1); }
.main_title.white a:hover{ /* border-color:#e56b18; */ }
.main_title.white p{ color:#fff; }

.main_product{ width:63.5%; display:flex; justify-content:space-between; }
.main_product:after{ content:''; display:block; clear:both; }
.main_product li{ margin-left:3%; }
.main_product li:first-child{ margin-left:0; }
.main_product li a{ display:block; }
.main_product li .img_wrap{ overflow:hidden; /* border:1px solid #eee; */ }
.main_product li:hover .img_wrap img{ -webkit-transition:all 0.3s cubic-bezier(0.22, 0, 0.38, 1); -o-transition:all 0.3s cubic-bezier(0.22, 0, 0.38, 1); transition:all 0.3s cubic-bezier(0.22, 0, 0.38, 1); }
.main_product li:hover .img_wrap img{ -webkit-transform:scale(1.10); -ms-transform:scale(1.10); transform:scale(1.10); }

.main_product_contents{ }
/* .main_product li a h2{ margin:12px auto 5px; font:400 14px/22px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#e9e4d4; } */
.main_product li a h2{ margin-top:15px; font-size:20px; font-weight:500; color:#242424; text-align:center; }
.main_product li a p br{ display:none; }
.main_product li a span{ display:none; position:relative; font:300 15px/20px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#555; }
.main_product li a span:after{ display:inline-block; margin-left:7px; content:''; font:normal 15px/20px 'FontAwesome'; color:#027ec8; }




/*----------------------------------------
    컨텐츠 : 사용추천, 신제품/추천제품, 리얼리뷰
----------------------------------------*/
.main_contents_wrap{ position:relative; padding:110px 0 0; }
.main_contents{  }
.main_contents:after{ display:block; content:''; clear:both; }
.main_contents li{ float:right; width:calc(50% - 12px); }
.main_contents li:first-child{ float:left; }
.main_contents > li > a{ display:block; overflow:hidden; height:832px; position:relative; border-radius:4px; }
.main_contents > li:nth-child(2) > a{ height:404px; }
.main_contents li .box3{ overflow:hidden; height:404px; position:relative; border-radius:4px; margin-top:24px; }
.main_contents li .box3 strong{ display:block; padding:10px 5px 0; font-size:18px; font-weight:400; color:#555; /* background:#005bac; color:#fff; border-radius:0 0 4px 4px; */ /* border:1px solid #ddd; border-width:0 1px 1px 1px; */ }
.main_contents li .box3 strong{ text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }

.main_contents li a .img_wrap{ position:absolute; left:50%; bottom:0; margin-left:-394px; height:100%; }
.main_contents li a .img_wrap img{ max-width:none !important; }
.main_contents li a:hover .img_wrap img{ transform:scale(1.05); }

.main_contents li a.box1{  }
.main_contents li a.box1 .img_wrap{ margin-left:-600px; }
.main_contents li a.box2{  }
.main_contents li .box3{  }
.main_contents li a.box3:before{ /* z-index:3; position:absolute; left:0; top:0; content:''; width:100%; height:100%; background:rgba(0,0,0,0.25); */ }

.main_contents_txt{ position:absolute; left:0; top:102px; z-index:4; width:100%; padding:0 15px; }

.main_contents_txt h1{ font-size:40px; line-height:54px; color:#343434; letter-spacing:-1px; }
.main_contents_txt p{ padding:20px 0 9px; font-size:18px; line-height:28px; color:#454545; }

/* 동영상 */
.board_video_wrap{ position:relative; overflow:hidden; width:100%; height:0; height:365px; padding-bottom:45.4%; }
.board_video_wrap iframe{ position:absolute; left:0; top:0; width:100%; height:100%; }

/* 자세히 보기 */
.main_btn{ overflow:hidden; position:relative; display:inline-block; margin-top:20px; padding:0 32px; font-size:18px; line-height:46px; font-weight:500; color:rgba(255,255,255,0.9); border:2px solid #005bac; background:#005bac; border-radius:4px; }
.main_btn{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.3s ease-in-out; }
.main_btn:before{ content: ''; position:absolute; top:0; left:0; width:100%; height:100%; background:#005bac; z-index:-1; opacity:0; }
.main_btn:before{ -webkit-transform:scale3d(-0.1, 1, 1); transform:scale3d(-0.1, 1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; }
.main_contents li a:hover .main_btn{ background:#4f9019; border-color:#4f9019; }
/* .main_contents li a:hover .main_btn{ background:#4f9019; color:rgba(255,255,255,0.9); -webkit-box-shadow: 0px 20px 20px -19px rgba(0,0,0,0.45); -moz-box-shadow: 0px 20px 20px -19px rgba(0,0,0,0.45); }
.main_contents li a:hover .main_btn{ transform: scale(1.1); -webkit-transform: scale(1.03); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
.main_contents li a:hover .main_btn:before{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } */


/*----------------------------------------
    파트너사 로고
----------------------------------------*/
.main_partner_wrap{ position:relative; padding:0px 0 110px; }
.main_partner{ margin-top:-40px; text-align:center; }
.main_partner li{ display:inline-block; margin:40px 58px; }
.main_partner li img{ height:45px; }


/*------------------------------------
    메인 생산시설
------------------------------------*/
.main_production_block{ padding:120px 0 150px; }
.main_production{ margin-top:55px; display:grid; grid-template-columns:repeat(4, 1fr); }
.main_production li{  }
.main_production li a{ position:relative; display:block; }
.main_production li a .img_wrap{ position:relative; height:493px; border-radius:0; }

.main_production_bg{ z-index:2; position:absolute; left:0; top:0; width:100%; height:100%; background:#242424; opacity:0.7; }
.main_production_bg{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.main_production li a:hover .main_production_bg{ opacity:0.1; }

.main_production_txt{ z-index:3; position:absolute; left:0; bottom:0; width:100%; padding:0 60px 58px; }
.main_production_txt small{ display:block; color:#178ed3; font-size:14px; font-weight:600; }
.main_production_txt h2{ margin-top:5px; font-size:26px; font-weight:600; color:#fff; opacity:-0.2px; text-shadow:0 1px 2px rgba(0,0,0,0.2); }


/*------------------------------------
    메인 현장
------------------------------------*/
.main_case_wrap{ padding:109px 0 128px; background:#f9f9f9; }
/* .Main .container_wrap .main_case_wrap .centerWrap{ max-width:1234px; } */
.case_contents_wrap{}
.case_contents{ display:flex; justify-content:space-between; }
.case_contents li{ width:31.55%; }
.case_contents li a{ display:block; overflow:hidden; border-radius:4px 4px 0 0; }
.case_contents .img_wrap{  /* height:250px; */ border:1px solid #eee; }
.case_contents .img_wrap{}
.case_title_wrap{ padding:17px 25px 35px; background:#fff; border:1px solid #eee; border-top:none; }
.case_title_wrap h1{ overflow:hidden; display:-webkit-box; font-size:20px; height:60px; line-height:30px; -webkit-line-clamp:2; -webkit-box-orient:vertical; }

.case_contents li:hover .img_wrap img{ transform:scale(1.05); }


/*------------------------------------
    메인: 하단 배너 NEW
------------------------------------*/
.main_quick_wrap{ padding:100px 0 120px; min-height:760px; background:#f9f9f9; }
.main_quick_wrap .main_title h1{  }

.main_list_work {position:relative; display:table; table-layout:fixed; width:100%; text-align:center; }
.main_list_work li {display:table-cell; position:relative; width:12%; padding:0 10px; vertical-align:middle; overflow:hidden; transition:all .5s ease;}
.main_list_work li:first-child{  }
.main_list_work li .item_work {position:relative; width:100%; padding:5px; height:100%; overflow:hidden;}
.main_list_work li .item_work .inner {z-index:1; position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%;}
.main_list_work li .item_work .tag {width:100%; max-height:500px; font-family:'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; font-size:15px; line-height:15px; font-weight:300; overflow:hidden; opacity:1;}
.main_list_work li .item_work .tit_work {display:block; width:100%; margin-top:20px; font-family:'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; font-size:22px; line-height:24px; font-weight:500; color:#242424; }
.main_list_work li .item_work .txt_work {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; position:absolute; left:50%; top:0; width:400px; height:100%; margin-left:-190px; max-height:0; padding:10px; color:#000; font-size:15px; line-height:30px; overflow:hidden; opacity:0; transition:opacity 0s ease;}
.main_list_work li .item_work .txt_work .in_tit {display:block; width:100%; margin-bottom:20px; font-family:'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; font-size:22px; line-height:24px; font-weight:500;}
.main_list_work li .item_work .mask {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;transition:all .3s ease;/* display: none; */}

.main_list_work:hover li {width:11.5%;}
.main_list_work li:hover {width:46%;}

.main_list_work li:hover .item_work .tag {max-height:0; opacity:0;}
.main_list_work li:hover .item_work .tit_work {display:none;}
.main_list_work li:hover .item_work .txt_work {max-height:500px; color:#FFF; opacity:1; transition:opacity .5s ease;}
.main_list_work li:hover .item_work .mask {opacity:.7;}

.main_item_work.work00 {background:url('/img/main_quick_img01.jpg') no-repeat center center/cover;}
.main_item_work.work01 {background:url('/img/main_quick_img02.jpg') no-repeat center center/cover;}
.main_item_work.work02 {background:url('/img/main_quick_img03.jpg') no-repeat center center/cover;}
.main_item_work.work03 {background:url('/img/main_quick_img04.jpg') no-repeat center center/cover;}
.main_item_work.work04 {background:url('/img/main_quick_img05.jpg') no-repeat center center/cover;}
.main_item_work{ position:relative; -webkit-filter:grayscale(100%); filter:grayscale(100%); -webkit-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99); transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99); }
.main_item_work{ -moz-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99); -ms-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99); -o-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99); }
.main_item_work:after{ opacity:1; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#0042bf; mix-blend-mode:screen; }
.main_item_work:after{ -webkit-transition:opacity 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99); -moz-transition:opacity 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99); }
.main_item_work:after{ -ms-transition:opacity 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99); -o-transition:opacity 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99); transition:opacity 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99); }

.main_item_work a{ z-index:1; display:block; position:relative; height:560px; text-align:left; }
.tit_work_wrap{ opacity:0; visibility:hidden; position:absolute; left:35px; bottom:30px; }
.tit_work_wrap span{ font-size:14px; line-height:24px; color:#fff; letter-spacing:-0.5px; text-shadow:1px 1px 0 rgba(0,0,0,0.3); }
.tit_work_wrap h3{ margin-top:3px; font-size:22px; color:#fff; font-weight:500; letter-spacing:-0.5px; text-shadow:1px 1px 0 rgba(0,0,0,0.2); }
.tit_work_wrap p{ display:none; font-size:14px; line-height:24px; color:#fff; letter-spacing:-0.5px; }

.main_list_work li.active .main_item_work{ filter:none !important; }
.main_list_work li.active .main_item_work:after{ opacity:0; }
.main_list_work li.active .tit_work_wrap{ opacity:1; visibility:visible; }

.main_list_work li .line_box .top {position:absolute; top:0; left:0; width:0; height:3px; background:#027ec8; transition:all .4s;}
.main_list_work li .line_box .right {position:absolute; top:0; right:0; width:3px; height:0; background:#027ec8; transition:all .4s;}
.main_list_work li .line_box .bottom {position:absolute; bottom:0; right:0; width:0; height:3px; background:#027ec8; transition:all .4s;}
.main_list_work li .line_box .left {position:absolute; bottom:0; left:0; width:3px; height:0; background:#027ec8; transition:all .4s;}
.main_list_work li:hover .line_box .top {width:100%;}
.main_list_work li:hover .line_box .right {height:100%;}
.main_list_work li:hover .line_box .bottom {width:100%;}
.main_list_work li:hover .line_box .left {height:100%;}

.main_list_work li.active{ width:44%; }
.main_list_work li.active:hover .main_item_work{ filter:none !important; }
.main_list_work li.active:hover .main_item_work:after{ opacity:0; }


/*------------------------------------
    메인: 경영방침
------------------------------------*/
.main_management_block{ background:url(/img/main_management_bg6.jpg) no-repeat center; background-size:cover; background-attachment:fixed; }
.main_management_block .centerWrap{}
.main_management_wrap{ height:550px; display:flex; justify-content:space-between; align-items:center; }
.main_management_wrap .main_title{}

.main_management_block .main_title h3{ max-width:640px; word-break:keep-all; }
.main_management_block .main_title h3 br{ display:none; }

.main_management_list_wrap{  }
.main_management_list{ display:flex; }
.main_management_list a{ display:block; width:235px; padding:40px 42px; }
.main_management_list a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.main_management_list a small{ display:block; color:#fff; font-size:14px; font-weight:500; opacity:0.3; }
.main_management_list a h4{ display:flex; justify-content:space-between; align-items:center; margin-top:3px; font-size:18px; color:#fff; }
i.main_plus_icon{ display:inline-block; position:relative; height:24px; width:24px; border-radius:100px; background:#fff; }
i.main_plus_icon:before{ content:''; position:absolute; left:50%; top:50%; width:2px; height:11px; margin-left:-1px; transform:translateY(-50%); }
i.main_plus_icon:after{ content:''; position:absolute; left:50%; top:50%; width:11px; height:2px; margin-top:-1px; transform:translateX(-50%); }

.main_icon_wrap.first{}
.main_icon_wrap.first a{ background-color:#027ec8; }
.first i.main_plus_icon:before{ background:#027ec8; }
.first i.main_plus_icon:after{ background:#027ec8; }
.main_icon_wrap.first a:hover{ background-color:#0271b3; }

.main_icon_wrap.second{}
.main_icon_wrap.second a{ background-color:#f3f3f5; }
.main_management_list .second a small{ color:#242424; }
.main_management_list .second a h4{ color:#242424; }
.main_icon_wrap.second a:hover{ background-color:#e2e2e4; }
.second i.main_plus_icon{ background:#555; }
.second i.main_plus_icon:before{ background:#fff; }
.second i.main_plus_icon:after{ background:#fff; }

.main_icon_wrap.third{}
.main_icon_wrap.third a{ background-color:#00a652; }
.main_icon_wrap.third a:hover{ background-color:#01984c; }
.third i.main_plus_icon:before{ background:#00a652; }
.third i.main_plus_icon:after{ background:#00a652; }

.main_icon_wrap i.main_icon{ display:block; height:42px; margin-bottom:43px; opacity:0.2; }
.main_icon_wrap.first i.main_icon{ background:url(/img/main_management_icon1.png) no-repeat left center; background-size:auto 100%; }
.main_icon_wrap.second i.main_icon{ background:url(/img/main_management_icon2.png) no-repeat left center; background-size:auto 100%; }
.main_icon_wrap.third i.main_icon{ background:url(/img/main_management_icon3.png) no-repeat left center; background-size:auto 100%; }



@media(max-width:1400px){

.main_img_warp > li a h2{ font-size:50px; line-height:50px; }

}
@media(max-width:1200px){

/*---------------------------------------------------------------------
    메인 : 관리자 설정 UI
---------------------------------------------------------------------*/
.admin_set_block, .admin_set_block2{ display:none !important; }

/*------------------------------------
    메인 섹션
------------------------------------*/
.Main .section a{ height:auto; background:none !important; }
.Main .section a .img_wrap{ display:block; }

ul.page_nav{ display:none; }

/* About */
.main_weare{ top:-56px; }
.main_weare li{ width:32.4%; }
.main_weare li h3{ font-size:18px; line-height:56px; }

.main_weare_wrap .title_box{ padding-top:31%; padding-bottom:90px; }

.main_weare_wrap .title_box p:nth-of-type(2){ margin-top:35px; }

/* 공통 타이틀 및 내용 */
.title_box h2{ padding-bottom:45px; font-size:30px; line-height:34px; }
.title_box h2 > br{ display:none; }
.title_box.align_center h2:after{ width:50px; }
.title_box p{ font-size:16px; line-height:26px; }



/*----------------------------------------
    컨텐츠 : 사용추천, 신제품/추천제품, 리얼리뷰
----------------------------------------*/
.main_contents_wrap{ padding:15px 0 0; }
.main_contents_wrap .centerWrap{  }
.main_contents > li{ width:calc(50% - 7.5px); }
.main_contents > li:first-child{  }
.main_contents > li > a{ height:610px; }
.main_contents > li > a.box1{ background-size:cover !important; }
.main_contents > li > a.box1 .img_wrap{ display:none; position:relative; bottom:auto; left:auto; margin-left:0; width:100%; }
.main_contents > li > a.box1 img{ position:absolute; bottom:0; left:50%; margin-left:-416px; }
.main_contents > li:nth-child(2){  }
.main_contents > li:nth-child(2) > a{ height:295px; }
.main_contents > li .box3{ margin-top:15px; height:299px; }
.main_contents > li .box3 strong{ padding-top:8px; font-size:15px; }

.board_video_wrap{ height:271px; }

.main_contents_txt{ top:75px; }
.main_contents_txt h1{ font-size:26px; line-height:36px; letter-spacing:-0.5px; }
.main_contents_txt p{ padding:12px 0 5px; font-size:14px; line-height:22px; }

.main_btn{ padding:0 25px; margin-top:15px; font-size:14px; line-height:38px; }

/*------------------------------------
    메인비디오
------------------------------------*/
.main_video_wrap{ margin-top:0 !important; }
.main_video_wrap:before{ /* position:absolute; left:0; top:0; */ }

/*----------------------------------------
    파트너사 로고
----------------------------------------*/
.main_partner_wrap{ padding:0px 0 75px; }
.main_partner{ margin-top:-30px; }
.main_partner li{ margin:30px 45px; }
.main_partner li img{ height:33px; }

.main_img_warp > li a h2{ font-size:42px; }

/*------------------------------------
    메인 현장
------------------------------------*/
.main_case_wrap{ padding:95px 0; }
.case_contents .img_wrap{ height:250px; }
.case_title_wrap h1{ height:56px; font-size:18px; line-height:28px; }

/* 메인 생산설비 */
.main_production{ grid-template-columns:repeat(2, 1fr); }
.main_production li a .img_wrap{ height:300px; }

}

@media(max-width:999px){

/* About */
.Main .container_wrap .main_weare_wrap .centerWrap{  }
.main_weare{ padding:58px 0 0 0; position:relative; top:auto; left:auto; }
.main_weare li{  }
.main_weare li h3{ font-size:16px; line-height:50px; }
.main_weare li .box{ display:block; }
.main_weare li img{  }

.main_weare_wrap .title_box{ padding:57px 15px 60px; }
.main_weare_wrap .title_box p > br{ display:none; }

.main_weare_wrap .title_box p:nth-of-type(2){ margin-top:25px; }

/* 공통 타이틀 및 내용 */
.title_box h2{ padding-bottom:35px; font-size:22px; line-height:26px; }
.title_box h2:after{ margin-top:12px; }
.title_box.align_center h2:after{ width:34px; }
.title_box p{ font-size:13px; line-height:22px; }

/*------------------------------------
    메인 현장
------------------------------------*/
.main_case_wrap{ padding:45px 0 55px; }
.case_contents .img_wrap{ height:200px; }
.case_title_wrap{ padding:12px 15px 25px; }
.case_title_wrap h1{ height:44px; font-size:14px; line-height:22px; }

/*----------------------------------------
    컨텐츠 : 사용추천, 신제품/추천제품, 리얼리뷰
----------------------------------------*/
.main_contents{ margin:0 auto; }
.main_contents > li{ float:none !important; width:100%; }
.main_contents > li > a{ height:250px; }
.main_contents > li:nth-child(2){ margin-top:15px; }
.main_contents > li:nth-child(2) > a{ float:none; width:100%; height:200px; }
.main_contents > li:nth-child(2) > .box3{ float:none; height:auto; }
.main_contents > li .box3 strong{ white-space:normal; font-size:12px; line-height:18px; }

.main_contents_txt{ top:50%; margin-top:-72px; }
.box2 .main_contents_txt{ margin-top:-55px; }
.main_contents_txt h1{ font-size:20px; line-height:28px; letter-spacing:-0.5px; }
.main_contents_txt p{ padding:5px 0 0; font-size:12px; line-height:18px; }

.main_btn{ padding:0 18px; margin-top:13px; font-size:11px; line-height:28px; border-width:1px; }

.board_video_wrap{ height:200px; border-radius:4px; }

/*------------------------------------
    이벤트 배너
------------------------------------*/
.event_wrap{  }
.event_wrap ul{  }
.event_wrap ul li{ float:none; width:100%; }

/*----------------------------------------
    파트너사 로고
----------------------------------------*/
.main_partner_wrap{ padding:10px 0 45px; }
.main_partner{ margin-top:-15px; }
.main_partner li{ margin:15px 15px; }
.main_partner li img{ height:20px; }

.main_img_warp > li a h2{ font-size:24px; line-height:24px; }
.main_img_warp > li:nth-child(1) a h2{ top:57%; }
.main_img_warp > li:nth-child(2) a h2{ top:30.5%; }
.main_img_warp > li:nth-child(3) a h2{ top:19%; }
.main_img_warp > li:nth-child(4) a h2{ top:26.5%; }
.main_img_warp > li:nth-child(5) a h2{ top:20%; }
.main_img_warp > li:nth-child(6) a h2{ top:32.5%; }
.main_img_warp > li:nth-child(7) a h2{ top:23.5%; }

/*------------------------------------
    메인: 주요제품
------------------------------------*/
.main_business_block{ padding:50px 0 27px; }
.main_business_wrap{ flex-direction:column; }

.main_title{ padding:0 0.5%; text-align:center; }
.main_title.center{ /* text-align:left; */ }
.main_title h3{ font-size:22px; line-height:32px; }
.main_title h5{ font-size:15px; margin-bottom:10px; }
.main_title p{ margin-top:15px; font-size:14px; }
.main_title a.view_btn{ margin-top:20px; min-width:160px; height:40px; font-size:14px; line-height:38px; }

.main_business_wrap .main_title h3{ font-size:24px; line-height:36px; }
.main_business_wrap .main_title h3 br{ display:none; }
.main_business_block .main_title{ margin-bottom:52px; width:100%; }

.main_product li:hover .img_wrap img{ -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }

/* .main_title{ margin-bottom:35px; }
.main_title strong{ margin-bottom:3px; font-size:14px; }
.main_title h1{ margin-bottom:10px; font-size:24px; line-height:32px; }
.main_title p{ padding:0 15px; font-size:14px; }
.main_title a{ margin:3px auto 15px; padding:0 15px; font-size:13px; width:auto; padding:0 15px; height:38px; line-height:36px; }

.main_title.Left{ margin-bottom:32px; text-align:center; } */

/* .main_title h1 br{ display:block; } */
.main_product_contents{ padding-bottom:10px; }
.main_product{ width:100%; flex-direction:column; margin:0 auto; }
.main_product_contents{ margin-bottom:20px; }
.main_product li{ margin-left:0; }
.main_product li a h2{ font-size:16px; text-align:center; }
.main_product li a p{ font-size:16px; line-height:24px; }
.main_product .img_wrap img{ width:100% !important; }

.main_business_block .main_title.Left h1 br{ display:none; }


/* 메인 경영방침 컨텐츠 */
.main_management_block{ background:none; }
.main_management_block .centerWrap{ padding:0; }
.main_management_wrap{ display:block; height:auto; }
.main_management_block .main_title{ padding:50px 27px 52px; background:url(/img/main_management_bg6.jpg) no-repeat center; background-size:cover; background-position:22%; }
.main_management_block .main_title h3{ max-width:640px; word-break:keep-all; }

.main_management_list{ display:block; }
.main_management_list li{}
.main_management_list li a{ width:100%; padding:25px 27px; }
.main_management_list li a small{ font-size:13px; }
.main_management_list li a h4{ font-size:16px; }

.main_icon_wrap i.main_icon{ height:34px; margin-bottom:30px; }
i.main_plus_icon{ width:20px; height:20px; }
i.main_plus_icon:beore{ height:9px; }
i.main_plus_icon:after{ width:9px; }


/* 맨 하단 생산설비 */
.main_production_block{ padding:50px 0 0; }
.main_production_block .centerWrap{ padding:0; }
.main_production_block .main_title{ padding:0 27px; }
.main_production_block .main_title h3{ word-break:keep-all; }
.main_production_block .main_title h3 br{ display:none; }

.main_production{ display:block; margin-top:52px; }

.main_production li a .img_wrap{ height:200px; }

.main_production_txt{ padding:0 20px 30px; }
.main_production_txt small{ font-size:13px; }
.main_production_txt h2{ font-size:22px; }
.main_production li a .main_production_bg{ opacity:0.6; }
.main_production li a:hover .main_production_bg{ opacity:0.6; }



/*------------------------------------
    메인: 하단 배너 NEW
------------------------------------*/
.main_quick_wrap{ padding-top:35px; }
.main_list_work{display:flex; flex-direction:column; width:100%; margin:0; }
.main_list_work li{ display:block; width:100% !important; padding:0; }
.main_list_work .main_item_work a{ height:100px; width:100% !important; }

.main_list_work li{ width:100% !important; }
.main_list_work li a{ height:250px !important; }
.main_list_work li:hover a{ height:250px !important; }

.main_item_work{ filter:grayscale(0); }
.main_item_work{ -webkit-filter:grayscale(0); filter:grayscale(0); }
.main_item_work:after{ display:none; }

.tit_work_wrap{ opacity:1; left:25px; bottom:20px; opacity:1; visibility:visible; }
.tit_work_wrap span{ font-size:13px; }
.tit_work_wrap h3{ margin-top:0; font-size:18px; }


}
@media(max-width:600px){

/* About */
.Main .container_wrap .main_weare_wrap .centerWrap{ padding:0; }
.main_weare{ display:block; padding:0; }
.main_weare li{ width:100%; border-radius:0; }

/*------------------------------------
    메인 현장
------------------------------------*/
.case_contents .img_wrap{ height:250px; }
.case_contents{ display:block; margin-top:-20px; }
.case_contents li{ width:100%; margin-top:20px; }
.case_title_wrap h1{  }

}