@media (max-width:999px){

.container_wrap{  }


/*------------------------------------
	게시판, 링크, 버튼
------------------------------------*/


/*------------------------------------
    로고
------------------------------------*/
.middle_wrap .logo{ top:15px; }
.middle_wrap .logo a{ width:92px;  }
.middle_wrap .logo a > img{  }


/*------------------------------------
    전체 카테고리
------------------------------------*/
.nav{ height:60px; }
.nav .site_map{ display:block; }
.nav .site_map > h1 a{ width:55px; }

.fixed.navbar_center{ height:60px;}
.fixed.middle_wrap .logo a{ width:92px; }
.fixed.middle_wrap .logo{ top:15px;}

/*------------------------------------
    상단 gnb
------------------------------------*/
.top_menu{ display:none !important; }


/*------------------------------------
    상단 해더
------------------------------------*/
/* .header_center .top_wrap .right > li:last-child{ display:none; } */

.corp_logo a{ height:50px; }

/* 스토어 바로가기 */
.store_mobile_btn{  } 
.store_mobile_btn a{ height:50px; background-size:21px; }
.Main .store_mobile_btn a{ background-size:21px; }
.Main .fixed .store_mobile_btn a{ background-size:21px; }

/* 사이트맵, 검색 */
.siteMap{ padding:17px 0; width:50px; height:52px; }
.siteMap div{ width:23px; height:16px; }
.siteMap span{ border-radius:0; }
.siteMap span:nth-of-type(2){ top:7px; }

.fixed .siteMap{ padding-top:17px;}
.Main .fixed .siteMap span{ background:#2ca149; }

.header_center .top_wrap .right{top:3px; }
.header_center .top_wrap .right > li{ height:51px; }
.header_center .top_wrap .right .search_btn a{ width:62px; height:52px; background-size:20px; }


.language_btn_wrap{padding-top:14px; }
.fixed .language_btn_wrap{ padding-top:14px; }

/* 다국어 버튼 */
.footer_language_btn_wrap > li > a{ height:20px; max-width:24px; margin-top:8px; padding:4px; }

/*------------------------------------
    스크롤시 상단메뉴 고정
------------------------------------*/
/* .middle_wrap.fixed .logo{ top:13px; }
.middle_wrap.fixed .logo a{ width:156px; height:33.8px; } */


/*------------------------------------
    서브 : 상단 메뉴
------------------------------------*/
.sub_category_top .centerWrap{ padding:0; }
.sub_category_top:before{ display:none; }

.depth_2_sub{ background:url(/img/product_img_bg.jpg); }
.depth_2_sub:before{ height:1px; width:100%; }
.depth_2_sub > li{ width:50%; }
.depth_2_sub > li.active:before{ bottom:0; height:1px; background:#ddd; }
.depth_2_sub > li:before{ z-index:10; position:absolute; left:0; bottom:0; content:''; width:100%; height:1px; background:#ddd; }
.depth_2_sub > li:hover:before{ bottom:0; height:1px; background:#ddd; }
.depth_2_sub > li a{ font:300 12px/32px 'Roboto','NanumGothic','Noto Sans KR','Malgun Gothic'; }
.depth_2_sub > li a{ width:100%; overflow:hidden; padding:0 5px; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; }
.depth_2_sub > li:nth-child(even) a{ border-right:none; }
.depth_2_sub > li.active > a{ background:#333; color:#fff; font-weight:400; }
.depth_2_sub > li:hover > a:after{ z-index:99; position:absolute; left:0; bottom:0; content:''; width:100%; height:1px; background:#ddd; }
.depth_2_sub > li.active:hover > a{ background:#333; color:#fff; font-weight:400; }
.depth_2_sub > li:hover > a{ background:#fff; color:#222; font-weight:400; }
.depth_2_sub > li a i:before{ color:#444; }
.depth_2_sub > li:hover a i:before{ color:#444; }
.depth_2_sub > li.active a i:before{ color:#fff; }

.depth_3_sub{ display:none; top:31px; }
.hover .depth_3_sub{ display:block; }

.depth_3_sub li a{ line-height:31px; }

.company_body .depth_2_sub > li{ width:50%; }
.product_body .depth_2_sub > li{ width:50%; }
.cs_body .depth_2_sub > li{ width:50%; }

.hover .depth_3_sub{ display:block; padding-top:0; }

.sub_category_type2{ display:none; }

.sub_head_wrap{ padding-top:0; padding:0 0 17px; margin-bottom:35px; text-align:center; border-bottom:1px solid #ddd; }
.sub_head_wrap:before{ }
.sub_active_title{ position:relative; display:inline-block; padding:0 5px; font-size:20px; line-height:22px; }
.sub_active_title:after{ position:absolute; left:0; bottom:-20px; content:''; width:100%; height:2px; background:#1b84c7; }

.sub_contents_wrap > .centerWrap{ padding-top:0; padding-bottom:60px; }

.move_page_warp{ top:3px; width:100%; }
.move_page_warp li{ background:none !important; margin:0; }
.move_page_warp li:first-child{  }
.move_page_warp li a{ width:15px; height:39px; background:url(/img/arrow_left_black.png) no-repeat center 1px; background-size:7px !important; border-bottom:1px solid #444; }
.move_page_warp li:last-child{ float:right; }
.move_page_warp li:last-child a{ width:15px; height:39px; background:url(/img/arrow_right_black.png) no-repeat center 1px; }


/*------------------------------------
    서브 : 좌측 메뉴 영역
------------------------------------*/
.depth_2_left{ background:url(/img/product_img_bg.jpg); }
.depth_2_left > li{ width:50%; }
.depth_2_left > li a{ font-size:12px; line-height:30px; }

.product_body .depth_2_left > li{ width:50%; }


/*------------------------------------
    서브 : 상단 lnb
------------------------------------*/
.lnbTop_wrap{ padding:0; }
.lnbTop > li{ width:42.9%; }
.lnbTop > li a{ min-width:auto; padding:0 25px 0 15px; font-size:12px; line-height:42px; }
.lnbTop > li a{ text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.lnbTop > li h2 a:before{ top:11px; height:20px; }
.lnbTop > li h2 a:after{ right:15px; font-size:12px; line-height:42px; }
.lnbTop > li.lnb_3_sub h2 a:before{ display:none; }
.lnbTop > .lnb_home{ width:14.2%; }
.lnbTop > li.lnb_home:before{ display:none; }
.lnbTop > li.lnb_home:after{ top:11px; height:20px; }
.lnbTop > li.lnb_home a{ width:100%; min-width:auto; padding:0; background-size:12px; }
.lnb_1_sub{ display:none; }
.lnb_menu li a{ line-height:34px; }
.basic_body .lnb_1_sub{ display:block; }

/*------------------------------------
    서브 : 100% 컨텐츠 영역
------------------------------------*/
.page_title_wrap{ margin-bottom:40px; }
.page_title_wrap h1{ font-size:22px; line-height:26px; }
.page_title_wrap h1:after{ width:30px; }

.sub_right_contents{ min-height:250px; }
.sub_contents_wrap { min-height:300px; }
.left_ui_wrap .container_wrap {background:none;}

.sub_contents_wrap:before{ border-right:340px solid rgba(0,0,0,0.02); border-bottom:160px solid transparent; }


/*------------------------------------
    서브 : 우측 컨텐츠 영역
------------------------------------*/
.sub_left{ padding:0; min-height:300px; }


/*------------------------------------
	서브비주얼
------------------------------------*/
.subVisual{  }
.sub_visual_wrap{ height:180px; }
.sub_visual_wrap h1{ padding:0 20px; margin-top:23px; font-size:17px; line-height:30px; }
.sub_visual_wrap > h1 span{ margin-top:2px; }

.sub_visual_wrap > h2{ padding:110px 8% 0; font-size:18px; line-height:24px; text-align:center; word-break:keep-all; }
.sub_visual_wrap > h2 span{ display:none; margin-top:6px; font-size:11px; line-height:18px; word-break:keep-all; }
.sub_visual_wrap > h2 span br{ display:none; }


/*------------------------------------
    일반 서브페이지 카테고리 탭메뉴
------------------------------------*/
.contents_tab_wrap{ margin:-20px 0 40px; padding:0; }
.contents_tab{ overflow:visible; width:100%; margin:0 auto; max-width:500px; }
.contents_tab:after{ clear:both; content:''; display:block; }
.contents_tab li{ width:50%; margin-top:-1px; }
.contents_tab li:nth-child(2n+1){ margin-left:0; }
.contents_tab li a{ padding:0 5px; font-size:12px; line-height:34px; border-radius:0 !important; border-width:1px !important; }
.contents_tab li:nth-child(2n+1) a{ border-right:0; }
.contents_tab li a:before{ display:none; }

/*------------------------------------
    서브 컨텐츠 대표 문구 : 타이틀
------------------------------------*/
.sub_contents_title{ margin-bottom:40px; font-size:13px; line-height:20px; font-weight:300; text-align:left; }
.sub_contents_title br{ display:none; }
.sub_contents_title strong{ font-weight:400; }

.sub_right_contents{ padding:0; min-height:auto; }
.sub_title_wrap{ margin-bottom:30px; }
.sub_title_wrap .img_wrap{ max-width:90px; margin-bottom:15px; }
.sub_title { font-size:13px; line-height:18px; }
.sub_title h1{ font-size:16px; line-height:20px; font-weight:500; }
.sub_title h1:before{ width:30px; left:-50px; top:8px; }
.sub_title h1:after{ width:30px; right:-50px; top:8px; }
.sub_title h3{ font-size:16px; line-height:20px; font-weight:500; }
.sub_title h4{ margin-bottom:10px; font-size:14px; line-height:20px; font-weight:500; }
.sub_title span{ margin-top:10px; font-size:12px; line-height:22px; }
.sub_title span br{ display:none; }
.sub_title p:nth-child(1){ margin-bottom:10px; }

.dotted{ padding-top:30px; margin-bottom:30px; }
.dotted_big{ padding-top:30px; margin-bottom:30px; }
.dotted_line{ padding-top:30px; margin-bottom:30px; }
.dotted_big_line{ padding-top:40px; margin-bottom:40px; }
.dotted_small{ padding-top:8px; margin-bottom:8px; }

.point_round{ padding:0 15px; line-height:28px; }

/*------------------------------------
    푸터
------------------------------------*/
footer.footer_center{ padding:32px 0 27px; }
.copyright h3{ margin-bottom:15px; }
.copyright h3 a{ max-width:100px; }
.Main .copyright h3{ height:31.8833px; }
.Main .copyright h3 a{ height:31.8833px; }

.copyright .addr ul{ display:block; }
.copyright .addr ul li{ font-size:11px; line-height:20px; }
.copyright .addr ul li:after{ padding:0 4px 0 8px; font-size:11px; vertical-align:0px; }
.copyright .addr ul li.m_after:after{ display:none; }
.copyright .addr ul li.m_after_block{ float:none; display:block; }

.copyright .addr ul .login_btn{ padding:0 6px 0 5px; margin:10px 0 0 0; font-size:10px; line-height:12px; }
.copyright .addr ul .login_btn:before{ font-size:10px; }
.copyright .addr ul:first-child{ margin-bottom:5px; }
.copyright .addr ul:first-child li:after{ padding:0 7px 0 11px; font-size:11px; }
.copyright .addr ul:first-child li a{ font-size:11px; }


/*------------------------------------
    카카오톡 채널 추가 및 상담 버튼
------------------------------------*/
.kakao_wrap > a{ width:70px; right:15px; }
.kakao_channel{ bottom:105px; }
.kakao_contact{ bottom:70px; }


/*------------------------------------
	fa 자료 준비 중입니다.
------------------------------------*/
.ing_fa_text{ font-size:14px; line-height:40px; }


/*------------------------------------
    좌측메뉴 UI : 스타일 변경
------------------------------------*/
/* 푸터 */
.footer_left{ padding:30px 0 33px; }
.copyright_left .addre{ padding-bottom:25px; }
.copyright_left .addre h5{ margin-top:6px; font-size:11px; }
.copyright_left .addre p span{ font-size:11px; }

ul.footer_site_btn{ max-width:400px; }
ul.footer_site_btn li a{ font-size:11px; background:#950b13; }
ul.footer_site_btn li a:hover{ background:#333; }

/* 서브비주얼 */
.left_ui_wrap .sub_visual_wrap{ height:130px; }
.left_ui_wrap .sub_visual_wrap h1{ margin-top:51px; font-size:17px; line-height:30px; }


/* 서브 컨텐츠 */
.left_ui_wrap .sub_contents_wrap .centerWrap{ padding:45px 15px 45px; }


/*------------------------------------
    로그인 페이지
------------------------------------*/
.formControl{ height:28px; font-size:11px; line-height:26px; }
.submit_btn{ max-width:50%; padding:5px; font-size:13px; }

.loginbox{ padding:0; border:none; background:none; }
.loginbox h2{ padding-bottom:15px; margin-bottom:15px; font-size:18px; line-height:30px; }

.formLogin li{ margin-bottom:12px; }
.formLogin li label .formControl{ height:38px; font-size:12px; line-height:38px; }
.formLogin input[type="submit"].submit_btn{ margin-top:3px; max-width:100%; font-size:14px; line-height:42px; }

.basic_body .move_page_warp li a{ background:none; }


/*------------------------------------
    테이블
------------------------------------*/
.table_basic th, .table_basic td{ padding:2px 5px; height:28px; font-size:10px; line-height:16px; }
.table_basic th{ height:30px; }


/*------------------------------------
    검색결과 페이지
------------------------------------*/
.search_page_box_wrap{ margin:-38px -15px 0; padding-bottom:30px; }
.search_page_box{ padding:15px; border-width:0 0 1px 0; }
.search_page_box dt{ float:none; width:100%; margin-bottom:3px; padding-right:0; text-align:center; }
.search_page_box dt b{ font-size:16px; line-height:20px; }
.search_page_box dt span{ font-size:11px; line-height:16px; }
.search_page_box dd{ width:78%; }
.search_page_box dd:last-child{ width:22%; }

.search_page_input{ width:100%; height:30px; line-height:30px; padding:0 10px; font-size:11px; }
.search_page_btn{ width:100%; height:30px; line-height:30px; font-size:11px; }

.search_result_title{ margin-bottom:20px; font-size:12px; line-height:18px; }

.search_page_result{ padding:0 0 14px; margin-bottom:15px; }
.search_page_result h2{ font-size:14px; line-height:20px; }
.search_page_result h2:before{ font-size:12px; }
.search_page_result h3{ padding:6px 0 4px; font-size:11px; line-height:16px; }
.search_page_result h3 strong{ font-size:12px; }

.search_page_result .path_box a{ font-size:10px; }
.search_page_result .path_box a:before{ font-size:8px; vertical-align:1px; }
.search_page_result .path_box a:first-child:before{ font-size:10px; vertical-align:-3px; }

.search_body .sub_head_wrap, .search_body .sub_visual_wrap{ display:none; }


/*------------------------------------
    TOP 탑 버튼
------------------------------------*/
.eb-top{ width:40px; height:40px; right:29px !important; bottom:22px !important; }
.eb-top p{ width:40px; height:40px; }
.eb-top p span{ line-height:40px; font-size:11px; }


/*------------------------------------
    개인정보처리방침
------------------------------------*/
.privacy_wrap h2{ margin:10px 0 0; padding:10px 0 6px; font-size:13px; line-height:20px; }
.privacy_wrap h2 span{ font-size:13px; line-height:20px; }

.privacy_wrap p{ font-size:12px; line-height:20px; }
.privacy_wrap p.i_wrap{ font-size:15px; line-height:24px; }
.privacy_wrap p > span{ font-size:12px; line-height:20px; }
.privacy_wrap p > i{ font-size:13px; line-height:20px; }

.privacy_wrap ul{ padding:10px 15px; }
.privacy_wrap ul li{ font-size:12px; line-height:20px; }


/*------------------------------------
  회사소개
------------------------------------*/

/* 인사말 */
.ceo_wrap .sub_title_wrap .img_wrap { max-width:90px;}
.ceo_contents .bold{ font-size:14px; line-height:150%; text-align:left; }
.ceo_wrap .sub_title h2{ font-size:18px;}
.ceo_contents{ max-width:100%; margin:0; padding:10px 0.5% 0; border-radius:0; box-shadow:none; border:none; text-align:left; }
.ceo_contents h3{ padding:10px 0; font-size:18px; font-weight:400; }
.ceo_contents h3 strong{ font-size:17px; line-height:180%; }
.ceo_contents p{ font-size:12px; line-height:18px; }

/* mission */
.mission_wrap .mission_courese{ padding:30px 15px; margin-bottom:25px; }
.mission_wrap .mission_courese h1{ font-size:18px; }
.mission_wrap .mission_courese p{ font-size:12px;}

.mission_goal{ max-width:580px; margin:0 auto; }
.mission_goal li{ margin-top:30px; }
.mission_goal li dl dd{ float:none; width:100%; }
.mission_goal li dl dt{ float:none; width:100%; padding:30px 5px 0; }
.mission_goal li dl dt h2{ margin-bottom:2px; font-size:16px; line-height:150%; }
.mission_goal li dl dt h2:after{ left:15px; bottom:13px; font-size:22px; }
.mission_goal li dl dt p{ font-size:12px; line-height:20px; }
.mission_goal li dl dt p > br{ display:none; }



/* 연혁 */

.time_line dl{ padding-left:0; border-bottom:dotted 1px #ddd; }
.time_line .year dd:before{ display:none; }
.time_line dt{ font-size:22px; position:relative; top:0; padding:15px 0; margin-bottom:10px;  }
.time_line dd{ padding-left:35px; padding-bottom:20px; border-left:none;}
.time_line dd p{ line-height:150%; top:-5px; margin-bottom:3px; }
.time_line dl dt:after{ display:none; }
.time_line dd:before{display:none;}
.time_line .month{ font-size:18px; top:-10px; left:0; color:#333;}
.time_line dl:last-child{ border-bottom:none;}


.time_line .img_wrap.history_bg{ width:200px;}



/* 오시는길 */
.new_map h1{ font-size:17px;}
.table01 caption{ margin-top:10px; font-size:18px; }
.table01 th, .table01 td{ height:40px; padding:5px 10px; font-size:12px;}


/* 메일 아이콘 */
.mail_icon_wrap img{ height:40px; }


/*------------------------------------
    제품소개
------------------------------------*/
/* 제품소개 */
.product_id{ top:-80px; }
/*------------------------------------
    제품소개
------------------------------------*/
/* 제품소개 */
.table_mobile{ position:relative; padding-top:25px; overflow-x:scroll; }
.table_mobile:after{content:'↔ Table Scroll'; position:absolute; left:0; top:5px; font-size:12px; color:#888;}

.product_wrap h3{font-size:15px; }
.product_wrap h3 span{ font-size:12px;}
.product_title{ font-size:17px;}
.product_title:after{ width:40%; height:1px; margin:5px 0 0; }
.product_wrap .pipe_text p b{ font-weight:500; }

.product_table th, .product_table td{ line-height:140%; color:#555; font-size:12px; padding:5px; }
.product_table td{ font-size:11px; color:#888; }
.product_table_wrap .left_thumnail{ border:none; }

.product_wrap .product_case li{float:none; width:100%; margin-left:0;}
.product_wrap .product_case.four li{ width:100%; margin-left:0;}

.product_wrap dd img{max-width:100%; width:auto; margin:0 auto;}

.product_id{ top:-100px; }

.product_wrap .img_block{  }
.product_wrap .img_block a{ right:15px; bottom:15px; padding:0 15px; font-size:13px; line-height:32px; }

/* 제품소개 상세 스펙 */
.product_spec_wrap{  }
.product_spec_title{ overflow:hidden; }
.product_spec_title h3{ float:none; min-width:auto; width:100%; font-size:14px; line-height:34px; border-radius:4px 4px 0 0; }
.product_spec_title h4{ float:none; padding:5px 15px; font-size:12px; line-height:22px; text-align:left; }
.product_spec_contents{ margin-top:8px; }
.product_spec_contents li{ float:none; width:100%; margin-left:0; padding:7px 15px 5px 25px; font-size:12px; }
.product_spec_contents li:before{ left:15px; top:15px; width:2px; height:2px; }
.product_spec_contents li:nth-child(2n+1){  }
.one .product_spec_contents li{  }





/*------------------------------------
	납품실적
------------------------------------*/
/* 납품실적 */
.delivery_result_wrap h3{font-size:17px;}
.delivery_result_wrap h3:after{width:20px;}

.delivery_result_wrap ul{ padding:10px; }
.delivery_result_wrap li{ width:49%; height:150px;}
.delivery_result_wrap li:nth-child(4n+1){ margin-left:auto;}
.delivery_result_wrap li:nth-child(2n+1){ margin-left:0;}
.delivery_result_wrap li dd{ font-size:12px; line-height:130%;}

/* 추천환경 */
.environment_id{ top:-80px; }

/*------------------------------------
    콘텐츠
------------------------------------*/
/* 주요기술 */
.img_row li .b_tilte.number_before li{ padding-left:10px; }
.img_row li .b_tilte li b{ display:block; margin:0; width:100%; }

/* PR */
.pr_wrap{ max-width:800px; margin:0 auto; }
.img_float a{ float:none; width:100%; }
.img_float dl{ float:none; width:100%; padding:30px 5px 0; }
.img_float h2{ margin:15px auto 5px; }
.img_float dl dd img{ height:40px; }

.webtoon dl dd img{ height:25px; }

}

@media (max-width:600px){

/*------------------------------------
    레이어팝업
------------------------------------*/
.layer .pop {width:320px; height:250px;}
.pop .pop_container {padding:0;}

}