body.Main{ background:#fff; }

.Main .container_wrap{ margin-top:100px; }


/*---------------------------------------------------------------------
    메인 : 관리자 설정 UI
---------------------------------------------------------------------*/
.admin_set_block{ z-index:3; position:absolute; right:15px; top:50px; 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:#085392; }
.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 h4{ position:relative; margin-bottom:15px; font-size:56px; font-weight:700; color:#141414; letter-spacing:-1px; }
.main_title h2{ font-size:48px; font-weight:700; color:#141414; letter-spacing:-1px; }
.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 .view_btn{ position:relative; margin:50px auto 0; display:inline-block; font-weight:500; font-size:18px; text-align:left; letter-spacing:-0.5px; color:#fff; background:#333; min-width:220px; padding:0 48px; line-height:63px; }
.main_title .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 .view_btn:hover{ background:#0067b4; }
.main_title .view_btn:after { position:absolute; right:48px; top:26px; content:''; width:8px; height:8px; border-top:2px solid #fff;  border-right:2px solid #fff; transform:rotate(45deg); }

.main_title p{ position:relative; margin-top:15px; font-size:18px; font-weight:400; color:#333; }
.main_title strong{ position:relative; margin-left:2px; display:block; margin-bottom:20px; font-weight:400; font-size:20px; color:#333; }


/*------------------------------------
    메인: 사업분야
------------------------------------*/
.main_business_block{ padding:120px 0 130px; }
.main_title{  }
/* .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 h4{ 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:35px 0; background:#f9f9f9; }
.main_partner{ text-align:center; }
.main_partner li{ display:inline-block; margin:17px 50px; }
.main_partner li img{ height:60px; -webkit-filter: grayscale(100%); filter: gray; opacity:0.6; }


/*------------------------------------
    메인 생산시설
------------------------------------*/
.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_banner_wrap{ position:relative; }
.main_banner{ overflow:hidden; }
.main_banner li{ position:relative; float:left; width:50%; text-align:center; background:url(/img/main_banner_bg1.jpg) no-repeat center; }
.main_banner li a{ position:relative; z-index:2; display:block; height:439px; padding-top:130px; }
.main_banner li dl{ overflow:hidden; padding-top:7px; display:inline-block; margin-left:-8%; text-align:left; }
.main_banner li dl dd{ float:left; }
.main_banner li dl dt{ float:left; padding:4px 0 0 55px; }
.main_banner li dl dt b{ display:block; font-weight:400; font-size:15px; line-height:18px; text-transform:uppercase; color:rgba(255,255,255,0.6); }
.main_banner li dl dt h3{ margin:11px 0 14px; font-weight:500; font-size:32px; line-height:42px; color:#fff; letter-spacing:-0.5px; }
.main_banner li dl dt span{ display:inline-block; padding:0 62px 2px 0; font-weight:500; font-size:16px; line-height:40px; color:rgba(255,255,255,0.8); background:url(/img/arrow_right_white.png) no-repeat right bottom; }

.main_banner li.blue_quick b{ color:rgba(36,36,36,0.6); }
.main_banner li.blue_quick h3{ color:#242424; }
.main_banner li.blue_quick span{ color:rgba(0,103,180,0.8); background:url(/img/arrow_right_blue.png) no-repeat right bottom; }

.main_banner li:nth-child(2){ background:url(/img/main_banner_bg2.jpg) no-repeat center; }
.main_banner li:nth-child(2):before{ position:absolute; left:0; top:0; content:''; width:100%; height:35px; background:url(/img/top_shadow.png) center; }
.main_banner li:nth-child(2):after{ position:absolute; left:0; bottom:0; content:''; width:100%; height:35px; background:url(/img/bottom_shadow.png) center; }


/*------------------------------------
    메인 현장
------------------------------------*/
.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; text-align:center; background:#fff; }
.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{ position:relative; background:url(/img/main_company_bg.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{ position:relative; }
.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{ height:50px; margin-bottom:36px; margin-top:-1px; background:url(/img/main_management_icon3.png) no-repeat left center; background-size:auto 100%; }


/*------------------------------------
    메인: 배너
------------------------------------*/
.main_banner_block{ display:flex; justify-content:space-between; display:table; }
.main_banner_wrap{ display:table-row; }
.main_banner_wrap > div{ display:table-cell; }
.main_banner_block .img_wrap{ width:47.9%; /* height:350px; */ background:url(/img/main_banner.jpg) no-repeat center; background-size:cover; }
.main_banner_block .main_banner_txt{ position:relative; overflow:hidden; width:52.1%; /* height:350px; */ padding:80px 90px 83px; background:#0067b4; }
.main_banner_txt:before{ position:absolute; left:0; bottom:0; content:''; border-top:350px solid transparent; border-right:992px solid rgba(255,255,255,0.04); border-bottom:0px solid rgba(255,255,255,0.04); }
.main_banner_block .main_banner_txt h4{ margin-bottom:25px; line-height:67px; font-size:47px; font-weight:600; }
.main_banner_block .main_banner_txt p{ color:rgba(255,255,255,0.4); }
.main_banner_block .main_title{ width:90%; }


/*------------------------------------
    메인: 제품소개
------------------------------------*/
.main_product_block{ padding:124px 0 120px; background:#f8f8f8; }
.main_product_block ul{ display:grid; grid-template-columns:repeat(3, 1fr); gap:65px; }
.main_product_block ul li{}
.main_product_block ul li a{ display:block; box-shadow:0 0 25px rgb(0 0 0 / 15%); background:#fff; }
.main_product_block ul li a .img_wrap{ padding-bottom:30px; background:#f7f7f7; }
.main_product_block ul li a:hover img{ transform:scale(1.05); }
.main_product_block dl{ padding:47px 65px 60px; }
.main_product_block dl dt{ margin-bottom:24px; font-size:24px; font-weight:700; }
.main_product_block dl dd{}
.main_product_block dl dd strong{ display:block; margin-bottom:10px; font-size:16px; font-weight:500; color:#0067b4; }
.main_product_block dl dd p{ font-size:17px; color:#777; letter-spacing:-0.5px; }



/*------------------------------------
    메인: 다운로드, 공지사항
------------------------------------*/
.main_company_block{ height:523px; padding-top:100px; background:url(/img/main_company.jpg) no-repeat center; background-size:cover; }
.main_company_block h5{ margin-bottom:35px; font-size:34px; font-weight:700; color:#fff; }
.main_company_block ul{ display:flex; }
.main_company_block ul li{ margin-left:20px; }
.main_company_block ul li:nth-child(3n+1){ margin-left:0; }
.main_company_block ul li a{ display:block; width:210px; height:210px; padding-top:40px; border:4px solid rgba(255,255,255,0.4); text-align:center; background:transparent; }
.main_company_block ul 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; }
.main_company_block ul li a:hover{ background:rgba(0,103,180,0.4); border-color:rgba(0,103,180,0.4); }
.main_company_block ul li a strong{ display:block; font-size:20px; font-weight:500;; color:#fff; }
.main_company_block ul li a strong:before{ display:block; margin-bottom:15px; content:''; height:50px; background:url(/img/main_company1.png) no-repeat center; background-size:auto 42px; }
.main_company_block ul li:nth-child(2) a strong:before{ background:url(/img/main_company2.png) no-repeat center; background-size:auto 100%; }
.main_company_block ul li:nth-child(3) a strong:before{ background:url(/img/main_company3.png) no-repeat center; background-size:auto 43px; }
.main_company_block ul li a span{ display:block; margin-top:5px; font-size:14px;; color:rgba(255,255,255,0.8); }




/*------------------------------------
    메인: 다운로드, 공지사항
------------------------------------*/
.main_notice_block{ display:flex; justify-content:space-between; align-items:center; }
.main_notice_img{ position:relative; width:74%; height:936px; background:url(/img/main_notice.jpg) no-repeat center; background-size:cover; }
.main_notice_img .main_title{ position:absolute; left:11%; bottom:14%; }

.main_notice_wrap{ width:26%; display:flex; flex-direction:column; }
.main_notice_wrap > div{ height:468px; padding:70px 85px 0; }
.main_download{ background:#fff; }
.main_download ul{ margin-top:80px; }
.main_download ul li{ border-bottom:1px solid #eee; }
.main_download ul li a{ display:block; position:relative; font-size:18px; line-height:60px; font-weight:500; }
.main_download ul 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; }
.main_download ul li a:hover{ color:#0067b4; }
.arrow_right{ position:absolute; display:inline-block; right:0; top:50%; transform:translateY(-50%); }
.arrow_right i{ position:relative; display:inline-block; width:16px; height:9px; }
.arrow_right i:before{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.arrow_right i:before{ position:absolute; right:0; top:3px; content:''; width:100%; height:2px; background:#141414; }
.arrow_right i:after{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.arrow_right i:after { position:absolute; right:0; top:0; content:''; width:8px; height:8px; border-top:2px solid #141414;  border-right:2px solid #141414; transform:rotate(45deg); }

.main_download ul li a:hover .arrow_right i:before{ background:#0067b4; }
.main_download ul li a:hover .arrow_right i:after{ border-color:#0067b4; }

.main_customer{ background:#0067b4; }
.main_customer.white{ color:#fff; }
.main_customer ul{ margin-top:25px; }
.main_customer ul li{ padding-top:20px; }
.main_customer .lt_date{ color:rgba(255,255,255,0.5); font-size:15px; }
.main_customer .pic_li_tit{ display:block; margin-top:10px; color:#fff; font-size:18px; line-height:30px; font-weight:500; }

.main_notice_wrap h5{ font-size:34px; font-weight:700; }



/* about */
.main_weare_wrap{ position:relative; /* z-index:8; */ clear:both; background:#153b74; }
.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:#085392; }
.main_weare li .box { overflow:hidden; background:#fff; display: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; }

/*------------------------------------
    메인 현장
------------------------------------*/
.main_case_wrap{ padding:109px 0 128px; background:#f8f8f8; }
.Main .container_wrap .main_case_wrap .centerWrap{ max-width:1234px; }
.case_contents_wrap{}
.case_contents{ display:grid; grid-template-columns:repeat(2, 1fr); gap:45px; }
.case_contents li{ width:100%; /* display:flex; justify-content:center; align-items:center; */ }
.case_contents li a{ display:block; overflow:hidden; border-radius:4px 4px 0 0; }
.case_contents .img_wrap{  }
.case_contents .img_wrap{}
.case_title_wrap{ padding:30px 40px 35px; background:#fff; }
.case_title_wrap h1{ overflow:hidden; display:-webkit-box; font-size:22px; height:60px; line-height:30px; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.case_title_wrap p{ color:#777; }


@media(max-width:1400px){

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

.main_title .view_btn{ margin:58px auto 15px; min-width:200px; font-size:16px; line-height:56px; }
.main_title .view_btn:after{ top:23px; width:6px; height:6px; }

.main_banner_block .main_banner_txt{ padding:70px 80px 73px; }
.main_banner_block .main_banner_txt h4{ font-size:45px; line-height:65px; }

/* 메인 board */
.main_notice_img{ width:65%; }
.main_notice_wrap{ width:35%; }

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

.Main .container_wrap{ margin-top:60px; }

/*---------------------------------------------------------------------
    메인 : 관리자 설정 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:55px 0 60px; }
.main_partner{  }
.main_partner li{ margin:17px 35px; }
.main_partner li img{ height:50px; }

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

/*------------------------------------
    메인 현장
------------------------------------*/
.main_case_wrap{ padding:95px 0; }
.case_contents .img_wrap{  }
.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; }

/*------------------------------------
    메인: 퀵 배너
------------------------------------*/
.main_banner li{  }
.main_banner li a{ padding:89px 0; }
.main_banner li dl{ padding-top:5px; margin-left:-4%; }
.main_banner li dl dd{  }
.main_banner li dl dd .img_wrap{ width:130px; }
.main_banner li dl dt{ padding:4px 0 0 35px; }
.main_banner li dl dt b{ font-size:14px; line-height:17px; }
.main_banner li dl dt h3{ margin:3px 0 4px; font-size:22px; line-height:30px; }
.main_banner li dl dt span{ padding:0 45px 2px 0; font-size:13px; line-height:30px; }


.main_title h2{ font-size:44px; }
.main_title p{ font-size:17px; }

/* about qube. */
.main_company_block h5{ font-size:30px; }

/* 메인 board */
.main_notice_block{ display:block; }
.main_notice_img{ width:100%; height:450px; }
.main_notice_img .main_title{ left:6%; bottom:12%; }
.main_notice_img .main_title h4{ margin-bottom:20px; }
.main_notice_wrap{ justify-content:space-between; flex-direction:unset; width:100%; }
.main_notice_wrap > div{ width:50%; height:430px; padding:60px 75px 0; }

.main_notice_wrap h5{ font-size:30px; }
.main_download ul{ margin-top:60px; }

/* 메인 제품 */
.main_product_block ul{ gap:40px; }
.main_product_block ul li a .img_wrap{ padding-bottom:25px; }
.main_product_block dl{ padding:37px 45px 50px; }
.main_product_block dl dt{ margin-bottom:20px; font-size:22px; }

/* 메인 배너 */
.main_banner_block .main_title{ width:100%; }
.main_banner_block .main_banner_txt{ padding:60px 70px 63px; }
.main_banner_block .main_banner_txt h4{ font-size:32px; line-height:42px; }
.main_banner_block .main_banner_txt p{ font-size:16px; line-height:26px; }


}

@media(max-width:999px){

.Main .container_wrap{ margin-top:50px; }


/* 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{ gap:15px; }
.case_contents .img_wrap{  }
.case_title_wrap{ padding:15px 18px 25px; }
.case_title_wrap h1{ height:44px; font-size:16px; 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:50px 0 50px; }
.main_partner{  }
.main_partner li{ margin:10px 10px; }
.main_partner li img{ height:40px; }

.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 h2{ font-size:28px; }
.main_title h3{ font-size:22px; line-height:32px; }
.main_title h5{ font-size:15px; margin-bottom:10px; }
.main_title p{ font-weight:400; font-size:15px; line-height:24px; }
.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; background-attachment:unset; }
.main_management_block .centerWrap{ padding:0; }
.main_management_wrap{ display:block; height:auto; }
.main_management_block .main_title{ padding:50px 27px 52px; }
.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{ background-size:auto 100% !important; background-position:1px center !important; }
.main_icon_wrap.third i.main_icon{ height:39px; }
.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; }


/*------------------------------------
    메인: 퀵 배너
------------------------------------*/
.main_banner li{ float:none; width:100%; }
.main_banner li a{ padding:45px 0; }
.main_banner li dl{ width:283px; padding-top:4px; margin-left:-4%; }
.main_banner li dl dd{  }
.main_banner li dl dd .img_wrap{ width:104px; }
.main_banner li dl dt{ padding:2px 0 0 25px; }
.main_banner li dl dt b{ font-size:10px; }
.main_banner li dl dt h3{ margin:2px 0 4px; font-size:17px; line-height:24px; }
.main_banner li dl dt span{ padding:0 20px 2px 0; font-size:11px; line-height:22px; background-size:auto 6px !important; }


.main_title .view_btn{ margin:15px auto 10px; padding:0 30px; min-width:160px; font-size:14px; line-height:44px; }
.main_title .view_btn:after{ right:30px; top:19px; width:4px; height:4px; }

/*------------------------------------
    메인: 퀵 배너
------------------------------------*/
.main_banner_wrap{  }
.main_banner li{ float:none; width:100%; }
.main_banner li a{ padding:45px 0; }
.main_banner li dl{ width:283px; padding-top:4px; margin-left:-4%; }
.main_banner li dl dd{  }
.main_banner li dl dd .img_wrap{ width:104px; }
.main_banner li dl dt{ padding:2px 0 0 25px; }
.main_banner li dl dt b{ font-size:10px; }
.main_banner li dl dt h3{ margin:2px 0 4px; font-size:17px; line-height:24px; }
.main_banner li dl dt span{ padding:0 20px 2px 0; font-size:11px; line-height:22px; background-size:auto 6px !important; }


/* about qube. */
.main_company_block{ height:auto; padding:55px 0 70px; }
.main_company_block h5{ font-size:26px; }
.main_company_block ul{ display:grid; grid-template-columns:repeat(3, 1fr); gap:15px; }
.main_company_block ul li{ margin:0; }
.main_company_block ul li a{ width:100%; height:auto; padding:30px 0; border-width:3px; }
.main_company_block ul li a strong{ margin-top:2px; font-size:18px; }
.main_company_block ul li a strong:before{ margin-bottom:10px; height:40px; background-size:auto 32px; }
.main_company_block ul li a span{ font-size:13px; }
.main_company_block ul li a:hover{ background:transparent; border-color:rgba(255,255,255,0.4); }


/* 메인 board */
.main_notice_img{ height:350px; }
.main_notice_img .main_title{ padding:0; left:45px; bottom:40px; text-align:left; }
.main_notice_img .main_title h4{ margin-bottom:5px; font-size:26px; }
.main_notice_wrap{ display:block; }
.main_notice_wrap > div{ width:100%; height:auto; padding:37px 45px 43px; }

.main_notice_wrap h5{ font-size:26px; }
.main_download ul{ margin-top:20px; }
.main_download ul li a{ font-size:16px; line-height:54px; }
.arrow_right i{ width:14px; }
.arrow_right i:before{ top:2px; }
.arrow_right i:after{ width:6px; height:6px; }

.main_customer ul{ margin-top:20px; }
.main_customer ul li{ padding-top:15px; }
.main_customer ul li > span{ display:none; }
.main_customer .lt_date{ font-size:14px; }
.main_customer .pic_li_tit{ margin-top:8px; font-size:16px; line-height:24px; }

/* 메인 제품 */
.main_product_block{ padding:70px 0 75px; }
.main_product_block ul{ display:block; margin:-40px auto 0; max-width:700px; }
.main_product_block ul li{ margin-top:40px; }
.main_product_block .img_wrap{ text-align:center; }
.main_product_block dl{ padding:31px 35px 40px; }
.main_product_block dl dt{ margin-bottom:15px; font-size:18px; }
.main_product_block dl dd strong{ font-size:14px; }
.main_product_block dl dd p{ font-size:15px; }


/* 메인 배너 */
.main_banner_block{ display:block; }
.main_banner_wrap{ display:block; }
.main_banner_wrap > div{ display:block; }
.main_banner_block .img_wrap{ width:100%; height:240px; }
.main_banner_block .main_banner_txt{ width:100%; padding:55px 20px 58px; word-break:keep-all; }
.main_banner_block .main_banner_txt h4{ margin-bottom:20px; font-size:28px; }
.main_banner_block .main_banner_txt p{ margin-top:10px; font-size:15px; line-height:24px; }

}
@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{  } */

}