@media (max-width:999px){

.container_wrap{ margin-top:79px; }

/*------------------------------------
    링크 버튼
------------------------------------*/
/* 버튼 영역 */
.btn_padding{ clear:both; position:relative; }
.btn_padding.right{ text-align:right; }

/* 버튼 스타일 */
.btn{ display:inline-block; padding:0 9px; min-width:40px; margin:0 1px 3px 1px; border:solid 1px #b4b4b6; border-radius:4px; font:400 12px/22px 'NanumGothic'; text-align:center; }
.btn:hover{ border-color:#4c8cf5; background:#4c8cf5; color:#fff; }

/* 페이징 버튼 */
.paging_btn{ padding:0px 0 25px 0; }




/*------------------------------------
    로고
------------------------------------*/
.middle_wrap .logo{ top:37px; margin-left:0; left:15px; }
.middle_wrap .logo a > img{ width:140px; }


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

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


/*------------------------------------
    상단 해더
------------------------------------*/
.header .top_wrap .left a{ width:46px; }
.header .top_wrap .right{ right:46px; }
.header .top_wrap .right > li.language h2{ padding:0 10px; }


.header{ height:0; }
.header .top_wrap .centerWrap{ border:none; }
.header .top_wrap .left{ position:absolute; right:0; top:0; padding:0; }
.header .top_wrap .left a{ width:55px; height:60px; background:url(/img/search_icon_w.png) no-repeat center; background-size:22px auto !important; }
.header .top_wrap .left a:before{ display:none; }
.header .top_wrap .left li:nth-child(2){ display:none; }
.header .top_wrap .left li:nth-child(3){ display:none; }

/* 다국어 버튼 */
.header .top_wrap{ }
.header .top_wrap .right{ position:absolute; right:58px; top:9px; }
.header .top_wrap .right > li.language{ margin-top:8px; }
.header .top_wrap .right > li.language h2{ background:rgba(0,0,0,0.1); line-height:24px; color:#fff; border:1px solid rgba(255,255,255,0.2); }
.header .top_wrap .right > li.language h2:hover{ background:rgba(0,0,0,0.2); }

/* 대표번호 */
.top_wrap{ background:#252525 url(/img/dotted_black.png); }
.top_tel{ position:relative; right:auto; top:auto; height:27px; text-align:right; }
.top_tel b{ display:block; position:relative; padding:0; line-height:26px; font-size:18px; background:none; }
.top_tel b:before{ position:absolute; left:0; top:6px; width:20px; }
.top_tel b:after{ position:absolute; left:26px; top:0; content:'견적 문의 및 상담'; font-size:14px; font-weight:400; }

/*------------------------------------
    스크롤시 상단메뉴 고정
------------------------------------*/
.nav.fixed{ top:0; }
.header.fixed{ display:none; }
.middle_wrap.fixed .logo{ top:10px; }

/*------------------------------------
    서브 : 상단 메뉴
------------------------------------*/
.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:400 13px/32px 'NanumGothic','Noto Sans KR','Malgun Gothic'; }
.depth_2_sub > li:nth-child(even) a{ border-right:none; }
.depth_2_sub > li.active > a{ background:#4c8cf5; color:#fff; font-weight:600; }
.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:#4c8cf5; color:#fff; font-weight:600; }
.depth_2_sub > li:hover > a{ background:#fff; color:#222; font-weight:600; }
.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; }



/*------------------------------------
    서브 : 좌측 메뉴 영역
------------------------------------*/
.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%; }


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



/*------------------------------------
	서브비주얼
------------------------------------*/
.sub_visual_wrap{ height:100px; background-size:cover !important; }
.sub_visual_wrap h1{ padding:0 20px; margin-top:35px; font-size:17px; line-height:30px; }


/*------------------------------------
    일반 서브페이지 카테고리 탭메뉴
------------------------------------*/
.contents_tab_wrap{ margin-bottom:35px; }
.contents_tab{ width:80%; max-width:350px; }
.contents_tab li{ float:left; display:block; width:49%; margin:2px 0 2px 2%; }
.contents_tab li:nth-child(2n+1){ margin-left:0; }
.contents_tab li a{ width:100%; padding:0 5px; font-size:11px; line-height:32px; }


/*------------------------------------
    서브 컨텐츠 대표 문구 : 타이틀
------------------------------------*/
.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; }



/*------------------------------------
    회사소개
------------------------------------*/
/* 인사말 */
.ceo_greet{ padding: 0; }
.ceo_greet_field{ background: url("/img/greeting_img_02.jpg")center; height:170px; background-size: cover;background-repeat: no-repeat;position: relative;overflow: hidden;}
.ceo_greet_title{ width: 100%;height: 100%;float: none;position: absolute;left: 0;top: 0;z-index: 2;}

.ceo_greet_title > p{ text-align: center; }
.ceo_greet_title > p:first-child{ width: 100%; padding-top:20px; color:#fff; }
.ceo_greet_title > p:last-child{ color: white; font-size:16px; line-height:25px; }

.ceo_greet_img{ width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: black;z-index: 1;opacity: 0.3; }
.ceo_greet_img > img{ display: none;}

.ceo_greet_con { padding:0; }
.ceo_greet_con > h2{ font-size:15px; line-height:25px; padding:25px 0 0 2px; }
.ceo_greet_con p{ font-size:12px; line-height:23px; word-break: keep-all; padding:8px 2px; }
.ceo_greet_con p > span{ font-size:14px; }
.ceo_greet_con h3{ font-size:12px; line-height:23px; } 
.ceo_greet_con h3 b{ font-size:13px; line-height:25px; }


/* 오시는길 */
.map_wrap .img_wrap{ padding-bottom:25px; }

.table01 th{ min-width:75px; }
.table01 th, .table01 td{ height:30px; padding:7px 7px; font-size:11px; line-height:16px; word-break:break-all; }
.table01 caption{ font-size:15px; line-height:28px; margin-top:20px;  }
.table01 caption:before{ padding-right:5px; font-size:14px; vertical-align:-2px; }

/* 회사연혁 */
.intro_history dl dd .history_top_bg{ margin-bottom:20px; }
.history_top_bg{ width:100%; height:120px; }
.history_top_bg img{ max-width:100%; width:auto; height:100%; border-radius:10px; }
.history_top_bg:before{ font-size:17px; line-height:120px; }

.intro_history dl dd li{ margin:0 0 0;  }
.intro_history dl dd div{ }
.intro_history dl dd li div:first-child{ width:15%; margin-bottom:0; font-size:15px; }
.intro_history dl dd li div:last-child { width:83%; padding:2px 0; }
.intro_history dl dd div > p { margin-bottom:5px; padding-left:20px; font-size:11px; line-height:16px; }

.intro_history dl dd div > p:before{ display:none; margin-left:-32px; vertical-align:3px; }
.intro_history .month{ margin-right:8px; margin-left:-20px; font-size:11px; }

.intro_history dl dd ul{ padding:10px 1% 0; }
.intro_history, .intro_history p{ max-width:645px; width:auto; margin:0 auto; }

/*------------------------------------
    푸터
------------------------------------*/
footer.footer{ padding:22px 0; }
.copyright h3{ display:none; text-align:left; }
.copyright h3 a{ max-width:160px; }
/*.copyright .addr{ text-align:left; }*/
.copyright .addr ul{ display:block; }
.copyright .addr ul li{ font-size:11px; line-height:18px; }
.copyright .addr ul li.m_after:after{ display:none; }
.copyright .addr ul li.m_after_block{ float:none; display:block; }

.copyright .addr ul:first-child li:first-child{ display:block; }
.copyright .addr ul:first-child li:first-child:after{ display:none; }

.copyright .addr ul:last-child{  }
.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; }

/*------------------------------------
	비밀글 삭제등
------------------------------------*/
.board_passwd_basic{ padding-top:60px; }



/*------------------------------------
    메인: 메인비쥬얼
------------------------------------*/
.visual_ment{  }

.visual_ment h1{ font-size:21px; line-height:30px; }
.visual_ment span{ margin:10px 0 20px; font-size:12px; line-height:20px; }

.visual_ment h2{ font-size:13px; font-weight:300; line-height:28px; }
.visual_ment h3{ font-size:11px; line-height:16px; }

.visual_ment p{ width:125px; height:32px; margin-top:17px; }
.visual_ment a{ font-size:10px; padding:5px 11px; }
.visual_ment a:after{ top:8px; }

.visual_ment3{ top:37%; }
.visual_ment3 h1{ font-size:20px; line-height:30px; }
.visual_ment i{  }
.visual_ment i:before{ width:28px; height:26px; }
.visual_ment3 span{ margin:10px 0 15px; }
.visual_ment h1 u{ margin-bottom:2px; }

.visual_ment4{ top:34%; }
.visual_ment4 h1{ padding:0 40px; font-size:18px; line-height:28px; }
.visual_ment4 span{ margin:15px; font-size:12px; }
.visual_btn{ width:145px; }
.visual_btn a{ font-size:11px; line-height:20px; }
.visual_btn a:before{ width:14px; height:10px; margin-right:6px; vertical-align:-1px; }



/*------------------------------------
    메인: 타이틀
------------------------------------*/
.contents_title{ font-size:21px; line-height:30px; padding:35px 0 23px 0; }
.contents_title span{ font-size:12px;}
.contents_title:after{ width:50px; margin-left:-25px; }
.contents_title u:before{ display:block; width:100%; margin-bottom:5px; height:45px; background-size:auto 100% !important; vertical-align:0; }


/*-----------------------------------
	메인:주요제품 main_major
-----------------------------------*/
.major_product_wrap{ padding:0px 0 20px 0; }
.major_product { max-width:580px; width:auto; margin:0 auto; padding-bottom:35px; } 
.major_product li{ width:48.5%; margin:0 0 2% 3% ; text-align:center; }
.major_product li:nth-child(2n+1){ margin-left:0; }
.major_product .title1{ font-size:13px; line-height:35px; font-weight:600; }
.major_product li:last-child{ display:block; margin-left:3%; }

/*-----------------------------------
	메인:인기제품 popular_major
-----------------------------------*/

/*.main_popular_wrap{ height:255px; }
.contents_title.white{ margin:0; text-align:center; color:#000; }
.contents_title.white span{ color:#333333; }

.main_popular_wrap p img{ max-width:175px; width:auto; }
.main_popular li:nth-last-child(1){ text-align:center; float:none; margin-top:0; }
.main_popular li{ float:none;}*/


.main_popular_wrap p img{ max-width:350px; width:auto; }
.main_popular li:nth-last-child(1){ margin-top:15px; margin-right:0; }
.contents_title.white { margin-top:60px;}

/*------------인기제품-----------*/
.main_popular_wrap{ height:268px; }
.contents_title.white{ margin:0; text-align:center; color:#333333; line-height:22px; }
.contents_title.white span{ color:#595959; }

.main_popular_wrap p img{ max-width:175px; width:auto; }
.main_popular li:nth-last-child(1){ text-align:center; float:none; margin-top:0; }
.main_popular li{ float:none;}






/*-----------------------------------
	메인:시공사례 gllery
-----------------------------------*/
/*.gallery li{ width:32%; margin-left:2%; }
.gallery li:nth-child(3n+1){ margin-left:0; }

.main_gallery_wrap .gallery{ max-width:580px; width:auto; margin:0 auto; padding-bottom:80px; }

.gallery dt{ font-size:13px;}
.gallery dt strong{ padding:0 7px 0 7px; }*/

.main_gallery_wrap{ padding:0 0 10px; }
.gallery li{ width:32%; margin-left:2%; }
.gallery li:nth-child(3n+1){ margin-left:0; }
.gallery li:nth-child(7){ margin-left:2%; }
.main_gallery_wrap .gallery{ max-width:580px; width:auto; margin:0 auto; padding-bottom:50px; }
.gallery dt{ font-size:12px; padding-top:38%; }




/*------------------------------------
    메인: 제품소개 product overview
------------------------------------*/
.product_overview_wrap{ padding:0 0 40px 0; text-align:center; }
.product_overview{ padding-top:10px; display:inline-block; text-align:center; }
.product_overview li{ float:none; width:auto; display:inline-block; margin:5px 0.5%; }
.product_overview li:first-child{ width:100%; margin-bottom:-10px; }
.product_overview li:nth-child(4){ clear:both; margin-left:0.5%; }

.product_overview dl{ display:inline-block; }
.product_overview dl dt p{ width:139px; height:139px; }
.product_overview dl dt p img{ width:100%; }

.product_overview dl dd{ padding-top:32%; }
.product_overview dl dd h2{ font-size:22px; line-height:28px; }
.product_overview dl dd span{ font-size:12px; line-height:20px; }
.product_overview dl dd strong{ display:none; }

/*기타*/
.product_gital { margin:0 auto; max-width:598px; }
.product_gital li{ width:49%; margin-bottom:15px; text-align:center; }
.product_gital li:nth-child(3n+1){ margin-left:2%; }
.product_gital li:nth-child(2n+1){ margin-left:0; clear:both; }
.product_gital h3{ position:relative; left:auto; bottom:auto; padding:6px 5px; font-size:12px; font-weight:500;  }

/*------------------------------------
    메인: 게시글 불러오기 latest news
------------------------------------*/
.latest_news_wrap{ padding:0 0 50px 0; text-align:center; }

.latest_news{ padding:0 1%; }
.latest_news > li{ float:none; width:100%; margin:13px 0 0 0; padding-top:10px; border-top:1px dotted #ddd; }
.latest_news > li:first-child{ padding-top:0; border:none; }
.latest_title h2{ font-size:16px; }
.latest_title strong{ font-size:12px; }
.main_news li a strong{ font-size:12px; line-height:30px; text-align:left; }
.main_news li a b{ font-size:12px; line-height:30px; }


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

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

.formLogin li{ margin-bottom:15px; }
.formLogin li label i{ font-size:12px; line-height:26px; }
.formLogin li label .formControl{ font-size:12px; }



/*-----------------------------------
	서브:제품소개
------------------------------------*/

/* -----무볼트앵글---------*/
.product_image li{margin:12px 0 0 2%; }
.product_image li:nth-child(1){ margin-top:0 }
.product_image li:nth-child(2){ margin-top:0 }
.product_image.wide_image p { padding-bottom:12px; }

.product_image.wide_image h2{ position:relative; font-size:15px; line-height:30px; color:#000; background:none; padding:10px 0;}
.product_image.wide_image h2 span{ margin-bottom:5px; font-size:11px; line-height:16px; color:#000; }
.product_image.wide_image h2:before{ display:block; content:' '; width:15px; height:2px; background-color:#1e83bb; }


.product_mou{}
.product_mou h3{ margin:30px 0 8px; padding:0; font-size:15px; line-height:30px; }
.product_mou h3:before{ width:15px; height:2px; }
.product_mou li{ width:49%; padding-bottom:12px; }
.product_mou li:nth-child(3){ margin-right:0; }
.product_mou li span{ display:block; font-size:12px; }

.product_mou.product_mou2 li{ width:49%; }
.product_mou.product_mou2 li:nth-child(5){ margin-right:0 !important; }


/* -----조립식앵글---------*/

.product_table h3{ font-size:15px; line-height:25px; margin:30px 0 8px; }
.product_table h3 span{ font-size:11px; line-height:16px; }
.product_table h3:before{ width:15px; height:2px; }
.product_table li{ width:100%; padding:0; margin-left:0; }
.product_table p{ width:100%; }
/* -------경량랙---------*/

.product_text{ margin-top:10px; }
.product_text h3{ font-size:15px; line-height:30px; padding-top:15px;  }
.product_text h3 span{ font-size:11px; line-height:16px; }
.product_text h3:before{ width:15px; height:2px; }

/* -----스페이스월---------*/
.product_image.wide_image h3{padding-top:10px;}
.wide_image h3{ font-size:15px; line-height:30px; padding:18px 0 8px 0; }
.wide_image h3 span{ font-size:11px; line-height:16px; }
.wide_image h3:before{ width:15px; height:2px; }

/* -----찬넬,휀스망---------*/
.product_chan { margin:12px 0 0 0; }
.product_chan h3{ font-size:12px; position:relative; bottom:auto; left:auto; background:none; color:#000; padding:12px; }
.product_chan h3 span{ font-size:10px; line-height:14px; font-weight:400; color:#000; }
.product_chan li {  text-align:center;}

.product_image.wide_image li{ margin-top:0; }

.mobile_table{ position:relative; overflow-x:scroll; padding-top:30px; }
.mobile_table:before{ content:'↔ Table Scroll'; position:absolute; left:0; top:0; font-size:12px; }
.mobile_table table{ min-width:440px; }

/* 메탈랙 */
.product_metal{ margin:12px 0 0 0; text-align:center; }
.product_metal li{ width:49%; margin-left:2%; }
.product_metal li:nth-child(3n+1){ margin-left:2%; }
.product_metal li:nth-child(2n+1){ margin-left:0; }
.product_metal h3{ font-size:12px; }
.product_metal h3 span{ font-size:10px; }


.metal_line{}
.metal_line h3{ font-size:15px; padding:10px 0; line-height:30px; }
.metal_line h3:before{ width:15px; height:2px; }
.metal_line li{ overflow:hidden; width:100%; padding:0; margin:0 0 15px 0; text-align:center; }
.metal_line li p{ text-align:center; }
.metal_line li h4{ height:auto; background:none; color:#333; }
.metal_line li span{ color:#555; font-size:11px; }

/* -----진열장제작---------*/

.product_jin_image h3{ position:relative; bottom:auto; left:auto; background:none; font-size:12px; line-height:22px; color:#000;}
.product_jin_image h3 span{ font-size:10px; line-height:14px; font-weight:400; color:#000;}
.table01 td.jorip_1{ height:auto; }
.product_jin_image li { margin:5px 0 5px 3%; }

/*------------------------------------
    테이블
------------------------------------*/
.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:-50px -15px 0; padding-bottom:30px; }
.search_page_box{ padding:15px; border-width:0 0 1px 0; }
.search_page_box dt{ float:none; width:100%; padding-right:0; text-align:center; }
.search_page_box dt b{ font-size:20px; line-height:28px; }
.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{ padding:0 0 10px; 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; }


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

.privacy_wrap p{ font-size:12px; line-height:18px; }
.privacy_wrap p.i_wrap{ font-size:15px; line-height:24px; }
.privacy_wrap p > span{ font-size:12px; line-height:18px; }
.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:18px; }



}


@media (max-width:600px){


/*-------------메인--------------*/

.visual_ment{ top:20%; }



/*----------시공사례----------------*/
.gallery li{ width:32%; margin-left:2%; }
.gallery li:nth-child(3n+1){ margin-left:0; }
.gallery li:nth-child(5){ margin-left:2%; }
.gallery li:nth-child(9){ margin-left:2%; }





.main_gallery_wrap .gallery{ max-width:580px; width:auto; margin:0 auto; padding-bottom:35px; }

.gallery dt{ font-size:11px; padding-top:43%; }
.gallery dt strong{ display:none; }





}