@media (max-width:999px){

/*.container_wrap{ margin-top:60px; }*/

/*------------------------------------
    링크 버튼
------------------------------------*/
/* 버튼 영역 */
.btn_padding{ clear:both; position:relative; }
.btn_padding.right{ text-align:right; }
.btn_style01 {padding:8px 30px; font-size:12px;}
/* 버튼 스타일 */
.btn{ display:inline-block; padding:0 6px; min-width:37px; margin:0 1px 3px 1px; border:solid 1px #b4b4b6; border-radius:4px; font:400 12px/22px 'NanumGothic'; text-align:center; }
.btn:hover{ border-color:#005bac; background:#005bac; color:#fff; }

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




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


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

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


/*------------------------------------
    상단 해더
------------------------------------*/
.header_center .top_wrap .right > li:last-child{ display:block ; }
.family_site{ right:6px; top:2px; }
.header_center .top_wrap .right > li{ display:block; }

.header_center .top_wrap .right .search_btn_wrap{ margin-right:15px; }
.header_center .top_wrap ul.right li a.login_btn{ font-size:12px !important; margin-right:15px !important;}

.siteMap{ display:none; }

/* 다국어 버튼 */
.header_center .top_wrap{ }
.header_center .top_wrap .right{ top:14px; right:45px; }
/* .header_center .top_wrap .right > li .language_btn{ margin-top:6px; margin-right:6px; }
.header_center .top_wrap .right > li .language_btn{ padding:1px 10px 0; line-height:21px; font-size:12px; color:rgba(255,255,255,0.7); border:1px solid rgba(255,255,255,0.1); border-radius:100px; }
.header_center .top_wrap .right > li .language_btn span{ display:none; }
.header_center .top_wrap .right > li .language_btn:hover{ background:#1f3c84; color:#fff; } */



/* 다국어 버튼 */
.header_center .top_wrap .right > li .family_site{ margin-top:6px; margin-right:6px; }
.header_center .top_wrap .right > li .family_site{ padding:1px 10px 0; line-height:21px; font-size:12px; color:rgba(255,255,255,0.7); border:1px solid rgba(255,255,255,0.1); border-radius:100px; }
.header_center .top_wrap .right > li .family_site span{ display:none; }
.header_center .top_wrap .right > li .family_site:hover{ background:#1f3c84; color:#fff; }

/* 다국어 버튼 슬라이드 */
.language{ margin:3px 0 0 0 !important; }
.language h2{ padding:0 9px 1px 10px !important; font-size:12px; line-height:22px; font-family:'Noto Sans KR'; font-weight:500; }
.language h2:after{ display:inline-block; content:'.'; }
.language h2:before{ display:none; }
.language span{ display:none; }
.language ul li a{ padding:3px 0; font-size:11px; }
.language ul li a img{ max-width:12px; margin-right:2px; vertical-align:-1px; }


/*--------------------------------------------
    메인: 50주년 동영상 50th Anniversary Video
--------------------------------------------*/
.main_vedio_wrap{ padding:35px 0 100px; background-size:125%; }
.main_vedio_wrap p{ padding:5px 10% 25px; font-size:12px; line-height:22px; word-break:keep-all; }
.main_vedio_wrap a{ width:140px; font-size:12px; line-height:36px; }

.main_vedio_title{ font-size:12px; line-height:16px; }
.main_vedio_title:before{ font-size:10px; vertical-align:0; }

.Main .main_vedio{ margin-top:0; }

.Main .main_vedio_close_btn{ }
.Main .main_vedio_close_btn:before{ font-size:13px; line-height:1px; }

/*------------------------------------
    메인: 타이틀
------------------------------------*/
.contents_title{ margin-top:45px; font-size:24px; line-height:34px; }
.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; }


/*------------------------------------
    공통부분
------------------------------------*/
/* .wd33 {width:100% !important;}
.wd40 {width:100% !important;}
.wd50 {width:100% !important;}
.wd60 {width:100% !important;}
.wd100 {width:100% !important;}
 */


/*------------------------------------
    스크롤시 상단메뉴 고정
------------------------------------*/
/* .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; }



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



/*------------------------------------
    서브 : 100% 컨텐츠 영역
------------------------------------*/
.sub_right_contents{ min-height:250px; }
.sub_contents_wrap { min-height:300px; }
.left_ui_wrap .container_wrap {background:none;}

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



/*------------------------------------
	서브비주얼
------------------------------------*/
.sub_visual_wrap{ height:160px; background-size:cover !important; }
.sub_visual_wrap h1{ padding:0 20px; margin-top:94px; font-size:17px; line-height:20px; }
.sub_visual_wrap > h1 span{ margin-top:2px; }


/*------------------------------------
    일반 서브페이지 카테고리 탭메뉴
------------------------------------*/
.contents_tab li a{ height:25px; min-width:50px; padding:0 4px; font-size:11px; border-radius:0 7px; }

/*------------------------------------
    서브 컨텐츠 대표 문구 : 타이틀
------------------------------------*/
.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:14px; line-height:18px; }
.sub_title h1{ font-size:16px; line-height:20px; font-weight:500; }
.sub_title h1:after{ width:25px; margin:15px auto; }
.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; }


.dotted{ padding-top:20px; margin-bottom:20px; }
.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:5px; margin-bottom:5px; }

/*------------------------------------
    회사소개
------------------------------------*/
/* CEPO인사말 */

/* 인사말 */
.ceo_greet{ padding: 0; }
.ceo_greet_field{ background: url("/img/greeting_img_01.jpg")top; max-width:100%; width:auto; margin:0 auto; 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{ text-align:left; margin-left:45px; color:#fff; 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; }



/* 회사개요 */
.company_wrap .sub_title_wrap .img_wrap{ max-width:100px; }
.company{ max-width:100%; margin:25px auto 0; padding:0 0.5%; border-radius:0; box-shadow:none; border:none; }
.company p{ padding:5px 0 5px 75px; font-size:12px; line-height:20px; }
.company strong{ width:65px; margin-left:-75px; margin-right:7px; font-size:11px; line-height:20px; font-weight:400; }
.company strong:before{ border-bottom:23px solid transparent; border-left:85px solid rgba(255,255,255,0.05); border-top:0px solid rgba(255,255,255,0.05); }


/*에너지사업*/
.btn_wrap2 {max-width:600px; padding:0 15px; box-sizing:border-box;}
.energy h3 span:before {display:none;}
.energy_wrap .left_box {width:100%; text-align:center; padding-right:0;}
.energy_wrap .left_box span {text-align:center; padding-bottom:5px; font-size:16px;}
.energy_wrap .left_box p {text-align:center;}
.energy_wrap .left_box p br {display:none;}
.energy_wrap .left_box h1 {display:none;}
.energy_wrap .right_box {width:100%; margin-top:20px;}
.energy_wrap .energy h3 {width:100%; text-align:left; }
.energy_wrap .energy h3 span {font-size:18px; line-height:20px;}
.energy_list {width:100%;}
.energy_list li dl {padding-bottom:0; padding-left:0;}
.energy_list li dl:after {display:none;}
.energy_list li dl dd {position:relative; font-size:12px; width:100%; padding:0 0 0 7px}
.energy_list li dl dd:after {content:''; width:3px; height:3px; background:#999; position:absolute; top:11px; left:0;}
.main_new_map dl dd:nth-child(3) .fa {left:10px !important;}
.energy_list li:after {display:none;}

.tab_list li a {font-size:20px; padding:0 20px 15px}

.img_row_four .img{ text-align:center; }
.img_row_four.next li{ float:none; width:100%; margin-left:0; padding-bottom:30px;}
.img_row_four.next li:after{ display:none; }
.img_row_four.next li:before{ position:absolute; left:50%; bottom:-5px; content:''; font:normal 16px/40px "FontAwesome"; color:#b90f15; opacity:.8;}
.img_row_four.next li:nth-child(4):before{ display:none; }

.img_row_four li{ width:100%; margin-left:0;}
.img_row_four li img {border:1px solid #ddd;}
.img_row_four li:after {top:inherit; right:50%; margin-left:-6px; bottom:-10px; transform: rotate(90deg)}
.img_row_four li:last-child:after {display:none;}

/*가공사업*/
.txt_box li { float:none; width:100%; margin-left:0; padding-bottom:30px;}
.txt_box li p{ height:auto; padding:5px 2px; font-size:12px;}
.txt_box li p:after { display:none; }
.txt_box li p:before{ position:absolute; left:50%; bottom:-34px; content:''; font:normal 16px/40px "FontAwesome"; color:#b90f15; opacity:.8;}
.txt_box .none p:before{ display:none;}

.img_row.next li{ float:none; width:100%; margin:0 auto; padding-bottom:30px; }
.img_row.next li:after { display:none; }
.img_row.next li:before{ position:absolute; left:50%; bottom:-5px; content:''; font:normal 16px/40px "FontAwesome"; color:#b90f15; opacity:.8;}
.img_row.next li:nth-child(2):before{ display:none;}


/*회사연혁*/

.history_wrap{margin:0 auto; padding:0 15px; }
.history:before{display:none;}
.history_list li dl:before{ display:none; }
.history h3:after{display:none; }
.history h3 span:before{display:none;}
.history_list li dl:after{display:none;}

.history{padding:20px 0 20px; border-bottom:dotted 1px #ddd;}
.history_wrap .history:last-child{border-bottom:none;}
.history_wrap .history:first-child dt{color:#d12438;}
.history h3{position:inherit; top:0; width:100%; }
.history_list{padding-left:0; }
.history_list li dl{padding:0;}
.history_list li dl dt{float:none; width:100%; font-size:15px; line-height:140%; padding-top:10px; font-weight:500; }
.history_list li dl dd{float:none; width:100%; font-size:12px; line-height:150%; padding-top:0;}
.history h3 span{padding-right:0; font-size:25px;}

/* 조직 및 임원현황 */

.business_content .title_box p img {max-width:220px;}
.business_content .title_box p:after{height:1px; bottom:-12px; }
.business_content .title_box h3{font-size:16px;}
.business_content .title_box p{margin-bottom:25px; }
.business_content h2{ font-size:14px; }
.business_content h2:before{width:2px; height:11px;}
.business_content p{ font-size:12px;}
.business_content .text_box li{ float:left; width:100%; margin-left:0;}

.join_guide h3{font-size:15px;}
.join_guide h3:before{ width:2px; height:11px; margin-right:6px;}


/* 오시는길 */
.main_new_map dl dd.type{ display:block; }
.main_new_map dl dt {font-size:16px; margin-bottom:5px; font-weight:500}
.main_new_map dl dd {font-size:13px; margin-bottom:0;}
.main_new_map dl {width:100%; margin-top:10px;}
.main_new_map dl dd.type {padding:5px 10px 5px 40px; font-size:13px; margin-top:5px;}
.main_new_map dl dd.type .fa {top:9px; left:8px;}
.main_new_map dl dd.type:after {left:30px;}


/* 회사개요 */
.title_box .title img{ max-width:150px; }
.title_box h2{ font-size:14px; word-break:keep-all; padding-bottom:12px;}
.title_box h2:after{ width:35px; margin-left:-17.5px;}


/* 관련사이트 */
.site_content .title_box p img {max-width:220px;}
.site_content .title_box p:after{height:1px; bottom:-12px; }
.site_content .title_box h3{font-size:16px;}
.site_content .title_box p{margin-bottom:25px; }
.site_content h2{ font-size:14px; }
.site_content h2:before{width:2px; height:11px;}
.site_content ul li{width:49%; margin-bottom:15px;}
.site_content ul li:nth-child(2n+1){margin-left:0 !important;}
.site_content ul li:nth-child(3n+1){margin-left:2%;}
.site_content ul li p{ font-size:12px;}


/* 시설현황 */
.img_wrap.wide img{ border-radius:0; }
.img_wrap.wide h3{ width:112px; font-size:13px; padding:5px 0;} 
.company_bg li{ float:none; width:100%; margin-left:0; padding-bottom:20px; }
.company_bg li h3{ width:112px; font-size:13px; padding:5px 0;  }

/* 금형사업 */
.left_title_block .img_row li{ float:none; width:100%; margin-left:0; }

/* 비전 */
.section {margin-bottom:30px;}
.vision_contents .top_txt ul li span strong {font-size:20px;}
.vision_contents .top_txt ul li span {font-size:16px;}
.vision_contents .top_txt ul li p {font-size:12px;}
.vision_contents .txt {font-size:14px;}
.vision_contents .txt02 {font-size:12px;}
.vision_contents .txt03 {font-size:12px;}

/* 오시는길 */
.main_new_map dl dt {font-size:16px; margin-bottom:5px; font-weight:500}
.main_new_map dl dd {font-size:13px; margin-bottom:0;}
.main_new_map dl {margin-top:10px;}
.main_new_map dl dd.type {padding:5px 10px 5px 40px; font-size:13px; margin-top:5px;}
.main_new_map dl dd.type .fa {top:9px; left:8px;}
.main_new_map dl dd.type:after {left:30px;}

.root_daum_roughmap .wrap_map {height:250px !important}

/* 조직도 */
.organization_wrap .sub_title_wrap .sub_title{ text-align:center; }
.organization_wrap .top_txt p{font-size:14px; line-height:20px;}
.organization_wrap .top_txt:after{display:none;}
.organization_wrap .top_txt:before{display:none;}
.organization_wrap .top_txt span {font-size:14px;}



/*------------------------------------
    제품소개
------------------------------------*/
/* 제품소개 상단영역 */
.product_top li div p {font-size:12px;}

/* 제품소개 공통영역 */
.img_row li p {font-size:12px; padding-left:90px;}
.tbl_style02 th {font-size:12px;}
.tbl_style02 td {font-size:12px;}
.block1 li p {font-size:12px;}
.tbl_style01 tbody tr th {font-size:12px;}
.tbl_style01 tbody tr td {font-size:12px;}

/* 제품사양 테이블 */
.product_spec_mobile{ position:relative; margin-top:-10px; padding-top:30px; overflow-x:scroll; }
.product_spec_mobile:before{ content:'↔ Table Scroll'; position:absolute; left:0; top:6px; font-size:12px; color:#555; }

.product_spec_mobile .product_spec{ min-width:500px; }
.product_spec th, .product_spec td{ height:32px; padding:3px; font-size:11px; line-height:16px; }
.product_spec thead th{ height:33px; }
.product_spec thead th:first-child:before{ border-bottom-width:33px; border-left-width:86px; }
.product_top li .img_wrap.represent img {height:auto }
/* 암레스 */
/* .product_top{ margin-bottom:0; }
.product_top li{ float:none; overflow:hidden; width:100%; margin-left:0; padding:15px;  }
.product_top li:first-child{ margin-bottom:15px; }
.product_top li div{ float:none; width:100%; text-align:center; }
.product_top li .img_wrap{ float:none; width:100%; padding:0 15px; margin:0; }
.product_top li .img_wrap img{ max-width:220px !important; }
.product_top li div h2{ margin:15px 0 10px; padding:2px 20px 0; font-size:13px; line-height:24px; border-radius:100px; }
.product_top li div p{ font-size:14px; line-height:20px; } */

.left_title_wrap{ margin-bottom:0; }
.left_title{ float:none; display:inline-block; width:100%; margin-bottom:10px; padding-top:8px; }
.left_title strong{ font-size:14px; line-height:20px; }
.left_title strong:before{ width:15px; height:2px; }
.left_title strong br {display:none;}
.left_title_block{ float:none; width:100%; }
.left_title_block h4{ font-size:12px; }

.block1 li{ float:none; margin-right:0; }
.block1 li:first-child{ }
.block1 li img{ max-width:200px !important; }
.block1 li p{ padding:15px 0 0 0; }
.block1 li p br{ display:none; }

.product{}
.product p{ font-size:14px; line-height:20px; }
.product .box_con{width:100%;}
.product .box_con.wd40 {width:100% !important;}
.product .box_con.wd60 {width:100% !important;}
.product .box_con:last-child {margin-bottom:0}
.product .box_con .box{padding:20px;}
.product .box_con .box .tit {font-size:15px; margin-bottom:15px;}
.product .box_con .box .info_txt ul li {font-size:12px;}


.before_after_img_wrap{ max-width:345px; margin:0 auto; }
.before_after_img{ float:none; width:100%; margin:0; }
.before_after_img:first-child:after{ clear:both; display:block; content:''; }
.before_after_img:nth-child(2){ margin-top:30px; }
.before_after_img dl{ height:180px; }
.before_after_img dl dt{ font-size:13px; line-height:18px; height:180px; }
.before_after_img:first-child dl dt{ background:#939598; }
.before_after_img:nth-child(2) dl:before{ left:50%; top:-27px; content:''; margin-top:0; font-size:24px; }
.before_after_img dl dd{ height:180px; }
.before_after_img dl dd img{ height:180px !important; max-width:auto !important; }

.table_ol{ display:block; border:none; display:none; }
.table_ol li{ display:block; padding-top:8px; }
.table_ol li h4{ position:relative; display:block; width:100%; padding:2px 0 2px 8px; background:none; font-size:12px; line-height:20px; border:none; }
.table_ol li h4:before{ position:absolute; left:0; top:11px; content:''; width:2px; height:2px; background:#444; border-radius:100px; }
.table_ol li p{ display:block; width:100%; padding:0; font-size:11px; line-height:18px; border:none; }
.product_point li div .eng {padding-top:8px;}

/* 매립형 */
.product_point li {width:100%; margin-bottom:20px;}
.product_point li div {display:block; height:60px; }
.product_point li div .kor {font-size:15px;}
.product_point li br {display:none;}
.product_point li p {display:block; font-size:12px; text-align:center;}

/* pivot hinge */
.pivot_wrap{ margin-top:0; }
.pivot{ width:100%; margin:25px 0 0 0; }
.pivot:first-child{ margin-top:0; }
.pivot .img_wrap{ padding:40px 35px; }
.pivot .img_wrap img{  }
.pivot .pivot_title{ padding:15px 0 13px; }
.pivot .pivot_title h2{ float:none; margin-bottom:6px; width:100%; font-size:16px; line-height:20px; }
.pivot .pivot_title ul{ float:none; width:100%; padding:0; }
.pivot .pivot_title ul li{ float:none; padding-left:0; margin:0; font-size:12px; line-height:20px; }
.pivot .pivot_title ul li:before{ display:none; top:10px; width:2px; height:2px; }
.pivot a{ font-size:12px; line-height:32px; }
.pivot a:after{ font-size:11px; }
.pivot .img_wrap {height:auto;}
.pivot .img_wrap.pivot04 {display:block;}


/* ci,bi */
.logo_btn{ margin-bottom:20px;}
.logo_btn a{ font-size:12px; }
.img_wide.logo{ max-width:100%; }
.sub_title p{ font-size:13px; line-height:18px; }

/*------------------------------------
    자료실
------------------------------------*/
/* 설치설명 공통 */
.depth_flow li .box .txt {padding:15px;}
.product p {font-size:12px;}

/*------------------------------------
    게시판
------------------------------------*/
.cs_search_wrap {margin-bottom:0;}

/*------------------------------------
    푸터
------------------------------------*/
footer.footer_center{ padding:25px 0; }
.copyright h3{ margin-bottom:10px; }
.copyright h3 a{  }
/*.copyright .addr{ text-align:left; }*/
.copyright .addr ul{ display:block; }
.copyright .addr ul li{ font-size:11px; line-height:20px; }
.copyright .addr ul li.m_after:after{ display:none; }
.copyright .addr ul li.m_after_block{ float: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; }
.copyright .addr ul:first-child li a{ font-size:11px; }
.copyright .addr ul:first-child li a:before{ font-size:11px; }


/*------------------------------------
	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; }


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







/*------------------------------------
    로그인 페이지
------------------------------------*/
.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; }



/*------------------------------------
    테이블
------------------------------------*/
.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%; 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{ 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:640px){
/*------------------------------------
    회사소개
------------------------------------*/

/* 회사소개 */
.ceo_bg {height:200px; background-position:center;}
/* 비전 */
.vision_contents .txt02 {width:100%}
.vision_contents .top_txt ul {margin-bottom:0;}
.vision_contents .top_txt ul li {width:100%; padding-left:0; text-align:center; margin-bottom:20px;}
.vision_contents .top_txt ul li:last-child {margin-bottom:0;}
.vision_ci li {width:100%; margin-top:20px;}
/* 연혁 */
.history .box .year {padding-bottom:0;}
.history .box .lft_con {width:100%;  padding:20px 0; }
.history .box .rgt_con {width:100%; padding:20px 0; }
.history .box:nth-child(1) .rgt_con { text-align:center; max-width:300px;margin:0 auto; float:none; }
.history .box:nth-child(2) .lft_con {text-align:center; max-width:300px; margin:0 auto; float:none; }
.history .box:nth-child(3) .rgt_con { text-align:center; max-width:300px;margin:0 auto; float:none; }
/*------------------------------------
    제품소개
------------------------------------*/

/* 일반형 */
.depth_flow.box_wrap .box .txt {height:auto !important;}
.product .depth_flow.box_wrap {margin-left:0;}
.product .depth_flow.box_wrap li {padding-left:0;}

/* 경첩형 */
.img_row li p {padding-left:0;}

/*------------------------------------
    자료실
------------------------------------*/
/* 자료실 > 경첩형 */
.data_img_wrap {width:343px; margin:0 auto;}
.depth_flow {margin:0 auto;}
.depth_flow li {width:100% !important; padding-left:0; margin-bottom:15px;}
.depth_flow li:last-child {margin-bottom:0;}
.depth_flow li.wd25 {width:100% !important;}
.depth_flow li.wd50 {width:100% !important;}
.depth_flow li .box .txt {height:auto;}


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



@media (max-width:600px){


/* csr : 환경/안전방침 */
.csr_quality{ background-position:21%; }

/*------------------------------------
    제품소개
------------------------------------*/
/* 경첩형 */
.img_row li p {font-size:11px; letter-spacing:-0.5px;}
.img_row li span {right:10px;}

}