@media (min-width:1450px){

#sitemap{ opacity:0; position:fixed; width:940px; height:100%; z-index:0; top:0; right:0; }
#sitemap{ -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
#sitemap.active{ opacity:1; z-index:88; }
#sitemap .centerWrap{ overflow-y:auto; position:fixed; top:0; z-index:100; height:100%; width:960px; max-width:inherit; padding:0; background:#fff; }
#sitemap .bg{ opacity:0; transition:opacity 0.5s ease-out; position:fixed; background:rgba(0,0,0,.5); width:100%; height:100%; left:0; top:0; z-index:0; }
#sitemap.active .bg{ opacity:1; z-index:99; }
#sitemap .depth_2{}

}
@media (max-width:1450px){

.container_wrap{ margin-top:60px; }
.Main .container_wrap{ margin-top:0; }

.btn{ font-size:13px; }

.centerWrap{max-width:1100px;}


/*------------------------------------
    사이트맵
------------------------------------*/
#sitemap .pc {display:none;}

#sitemap{ opacity:0; position:fixed; height:100%; z-index:0; top:0; left:-100%; width:82%; max-width:350px; min-width:270px; }
#sitemap{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
#sitemap .site_menu{ padding:0; clear:both; }
#sitemap.active{ opacity:1; left:0; z-index:88; }
#sitemap .centerWrap{ overflow-y:auto; position:relative; z-index:100; height:100%; width:100%; padding:0; background:#fff; }
#sitemap .bg{ opacity:0;  transition: opacity 0.5s ease-out; position:fixed; background:rgba(0,0,0,.5); width:100%; height:100%; left:0; top:0; z-index:0; }
#sitemap.active .bg{ opacity:1; z-index:99; }
#sitemap .btn_close{ top:20px; left:auto; right:20px; }
#sitemap .btn_close img{ width:16px; }

#sitemap .mobile{ display:block; }

#sitemap .site_menu > li{ height:auto; padding:0; cursor:pointer; border-bottom:none; }
#sitemap .depth_1{ position:relative; width:100%; padding:0 20px; font-size:16px; line-height:48px; border-bottom:1px solid #ddd; color:#333; }
#sitemap .depth_1:before{ position:absolute; right:20px; top:0; content:''; height:100%; width:12px; background:url(/img/arrow_bottom.png) no-repeat center; background-size:100%; }
#sitemap .depth_1: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; }
#sitemap .active .depth_1:before{ -ms-transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); }
#sitemap .depth_2 { overflow:hidden; display:none; position:relative; width:100%; -webkit-transition: 0.8s; -moz-transition:0.8s; transition: 0.8s; }
#sitemap .depth_2:before{ display:none; }
#sitemap .depth_2:after{ display:none; }
#sitemap .active .depth_2{ display:block; }

#sitemap .depth_2 li{ width:100%; float:none; border-bottom:none; }
#sitemap .depth_2 > li{ background:#fcfcfc; }
#sitemap .depth_2 li:first-child a { }
#sitemap .depth_2 li:last-child a { }
#sitemap .depth_2 li > a{ float:none; padding:0 25px; margin:0; height:auto; font-weight:300; font-size:13px; line-height:46px; border-bottom:1px solid #eee; color:#333; }
#sitemap .depth_2 li > a:hover {  }
#sitemap .depth_2 li > a:before{ display:none; }

#sitemap .depth_3{ float:none; padding-left:0; background:#fff; }
#sitemap .depth_3 li a{ padding:0 40px; color:#555; }


/*-----------------------------
	사이트맵
--------------------------------*/

.siteMap span:nth-of-type(1){top:5px;}
.siteMap span:nth-of-type(2){top:13px;}
.siteMap span:nth-of-type(3){bottom:7px;}

/*------------------------------------
    팝업레이어
------------------------------------*/
.pop_up_mobile{ width:auto !important; left:0 !important; top:60px !important; max-width:100%; }
.pop_up_mobile img{ width:auto !important; max-width:100%; height:auto !important; }


/*------------------------------------
    로고
------------------------------------*/
.middle_wrap .logo{ left:3%; top:12px; }
.middle_wrap .logo a{ width:190px;}

.fixed.middle_wrap .logo{left:15px; top:12px;}

/*------------------------------------
    전체 카테고리
------------------------------------*/
.navbar_center{ height:60px; }
.Main .fixed.navbar_center{ background:#fff; border-color:#ebeae8; }
.total_menu{ overflow-x:hidden; }
.navbar_center .top_menu{ /* display:none;  */}
.fixed.navbar_center .top_menu > li .depth_1{ line-height:60px; }

/*------------------------------------
    상단 해더
------------------------------------*/
.siteMap{ width:70px; height:60px; padding:15px 0; background:none; }
.siteMap span{ background:#0e518c; }
.siteMap:hover{ background:none; }
.Main .siteMap span{ background:#0e518c; }
.Main .fixed .siteMap span{ background:#0e518c; }
.siteMap div{ margin:0 auto; width:22px; height:18px; }



.navbar_center .centerWrap{height:60px;}
.fixed.navbar_center{height:60px; }
.header_center .top_wrap .right{right:15px;}
.header_center .top_wrap .right a{ line-height:59px; }
.header_center .top_wrap .right .search_btn_wrap{ display:none; }
.header_center .top_wrap .right li:first-child a{ line-height:22px; }
.header_center .top_wrap .right > li:last-child{ display:block; }
.header_center .top_wrap .right .search_btn a{ width:70px; height:59px; background-size:23px; }


.language_btn_wrap{padding-top:20px; margin-right:15px; }

.corp_logo a{ height:59px; }

/* 스토어 바로가기 */
.store_mobile_btn{ display:block; position:absolute; right:0; top:0; }
.store_mobile_btn a{ display:block; height:57px; width:53px; font-size:0; background:url(/img/basket.png) no-repeat center; background-size:22px; }
.Main .store_mobile_btn a{ background:url(/img/basket_w.png) no-repeat center; background-size:22px; }
.Main .fixed .store_mobile_btn a{ background:url(/img/basket.png) no-repeat center; background-size:22px; }

.fixed_left_wrap {position:fixed; z-index:3; /* height:60px; */ right:0; width:100%; height:55px; overflow:hidden; /* min-height:inherit; direction:ltr; */}
.fixed_left_wrap.active {height:100% !important;  direction:ltr;}
/* .fixed_left_min_height {position:inherit; min-height:inherit; height:inherit;} */
.navbar_container { background:#fff; border-bottom:1px solid #ddd; }
.nav .site_map > h1 a { cursor:pointer; }

/* 다국어 버튼 */
.footer_language_btn_wrap{ display:inline-block; }
.footer_language_btn_wrap > li{ margin-right:0; }
.footer_language_btn_wrap > li > a{ height:23px; width:auto; max-width:27px; margin:15px 0 0 5px; padding:5px; }
.footer_language_btn_wrap > li > a:first-child{ margin-left:0; }

/*------------------------------------
    상세검색
------------------------------------*/
.search_btn{  }

/*------------------------------------
    스크롤시 상단메뉴 고정
------------------------------------*/
/* .header_center.fixed{ display:block; position:fixed; }

.header_center.fixed .top_wrap .left a{ background:url(/img/search_icon.png) no-repeat center; }

.header_center.fixed .top_wrap .right > li.language h2{ background:none; color:#555; border-color:#ddd; }
.header_center.fixed .top_wrap .right > li.language h2:hover{ background:#0e518c; color:#fff; }

.middle_wrap.fixed .logo{ top:10px; }
.middle_wrap.fixed .logo a{ width:180px; height:39px; }

.nav.fixed .site_map > h1 a{ border-color:#ddd; background:#fff url(/img/sitemap_icon.png) no-repeat center; } */


/*------------------------------------
    상단 gnb
------------------------------------*/
.navbar_center .top_menu > li{ padding:0 20px; }
.navbar_center .top_menu .depth_2{ padding:10px 0 20px; }
.navbar_center .top_menu .depth_2 a{ padding:3px; }
.navbar_center .top_menu > li .depth_1{ padding:1px 10px 0; line-height:59px; font-size:17px; }
.navbar_center .top_menu .depth_3{ width:140px; }


/*------------------------------------
	서브비주얼
------------------------------------*/
.sub_visual_wrap{ height:450px; background-size:cover !important; }
.sub_visual_wrap h1{ margin-top:44px; font-size:20px; line-height:34px; }
.sub_visual_wrap > h1 span{ margin-top:6px; font-size:11px; }
.sub_visual_wrap p img{ position:relative; left:auto; top:auto; margin-left:0; width:auto; height:150%; }
.sub_visual_wrap > h2{ padding-top:190px; font-size:34px; line-height:46px; }
.sub_visual_wrap > h2 span{ margin-top:10px; font-size:15px; line-height:25px; }


/*------------------------------------
    서브 : 좌측 메뉴 영역
------------------------------------*/
.sub_category_left{ z-index:9; float:none; width:100%; margin:0; position:relative; clear:both; }
.sub_category_title{ display:none; }

.depth_2_left{ z-index:9; position:relative; width:100%; margin:0 auto; }
.depth_2_left:before{ z-index:10; position:absolute; left:0; bottom:0; content:''; height:1px; width:100%; background:#ddd; }
.depth_2_left:after{ content:''; clear:both; display:block; }
.depth_2_left > li{ z-index:9; position:relative; float:left; width:25%; cursor:pointer; border:none; text-align:center; }
.depth_2_left > li a{ z-index:9; display:block; position:relative; color:#444; padding:0 5px; font-size:13px; line-height:40px; border:solid 1px #ddd; border-width:0 0 1px 0; }
.depth_2_left > li a:after{ position:absolute; right:-1px; top:0; content:''; width:1px; height:100%; background:#ddd; }

.depth_2_left > li a i{ display:inline-block; margin:0 0 0 5px; }
.depth_2_left > li a i:before{ content:''; font:normal 11px/20px 'FontAwesome'; color:#fff; }
.depth_2_left > li:hover > a{ color:#0e518c; }
.depth_2_left > li:hover a i:before{ color:#0e518c; }

.depth_2_left > li.active{ position:relative; z-index:2; }
.depth_2_left > li.active > a{ color:#fff; border-color:#0e518c; background:#0e518c; }
.depth_2_left > li.active a i:before{ color:#0e518c; }
.depth_2_left > li.active:hover > a{ background:#0e518c; }

.product_body .depth_2_left > li{ width:14.28571%; }

/* 3depth */
.depth_3_sub{ display:none; z-index:1; position:absolute; left:-1px; top:100%; width:100.5%; padding-top:1px; background:#fff; }
.depth_2_left > li:hover .depth_3_sub{ display:block; }
.depth_3_sub li{}
.depth_3_sub li a{ border-width:0 1px 1px 1px; font:400 13px/40px 'NanumGothic'; color:#555; }
.depth_3_sub li a:hover{ color:#0e518c; }
.depth_3_sub > li.active > a{ color:#0e518c; }


/*------------------------------------
    서브 : 상단 lnb
------------------------------------*/
.lnbTop > li a{ min-width:200px; font-size:14px; line-height:50px; }
.lnbTop > li h2 a:before{ top:14px; height:24px; }
.lnbTop > li h2 a:after{ line-height:50px; font-size:14px; }
.lnbTop > li.lnb_home:before{ top:14px; height:24px; }
.lnbTop > li.lnb_home:after{ top:14px; height:24px; }
.lnb_menu li a{ line-height:44px; }
.lnbTop > li.lnb_home a{ background-size:13px; }


/*------------------------------------
    서브 : 100% 컨텐츠 영역
------------------------------------*/
.page_title_wrap{ margin-bottom:30px; }
.page_title_wrap h1{ font-size:32px; line-height:38px; }
.page_title_wrap h1:after{ margin-top:13px; width:40px; }

.sub_contents_wrap > .centerWrap{ padding-top:20px; padding-bottom:60px; }
.sub_contents_wrap:before{ border-right:950px solid rgba(0,0,0,0.02); border-bottom:340px solid transparent; }

.sub_right_contents{ padding:0; }

/*------------------------------------
    서브 : 우측 컨텐츠 영역
------------------------------------*/
.sub_left_block{ padding:0; }
.sub_left{ float:none; width:100%; max-width:912px; margin:0 auto; padding:70px 0 80px 0; }
.sub_left .centerWrap{ padding:0 15px; }


/*------------------------------------
    일반 서브페이지 카테고리 탭메뉴
------------------------------------*/
.contents_tab_wrap{ margin-top:-30px; margin-bottom:50px; }
.contents_tab li{ width:200px; }
.contents_tab li a{ font-size:16px; line-height:50px; }

/*------------------------------------
    서브 컨텐츠 대표 문구 : 타이틀
------------------------------------*/
.sub_contents_title{ margin-bottom:50px; font-size:24px; line-height:38px; }


/*------------------------------------
    서브 : 상단 메뉴
------------------------------------*/
.sub_head_wrap{ padding-top:52px; }
.sub_active_title{ font-size:32px; font-weight:500; line-height:40px; }

/* prev, next page btn : 페이지 이동 */
.move_page_warp{ top:109px; }
.move_page_warp li a{ width:54px; height:54px; background-size:14px !important; }

.sub_category_type2{ padding:25px 0 37px; }
.depth_2_sub{ margin-left:-18px; padding-right:130px; }
.depth_2_sub li{ padding:0 17px; }
.depth_2_sub li a{ font-size:16px; line-height:26px; }


/*------------------------------------
    푸터
------------------------------------*/
.copyright{ padding: 50px 2%; }
.copyright h3{margin:20px 0;}
.copyright .addr ul:first-child li a{font-size:15px;}
.copyright .addr ul li{font-size:14px; line-height:24px;}
.copyright .addr ul li.addr_width{ min-width:auto }

/*------------------------------------
    좌측메뉴 UI : 스타일 변경
------------------------------------*/

/* 서브컨텐츠 */
.left_ui_wrap .sub_contents_wrap{ min-height:auto; }

/* 전체 카테고리 */
.navbar {height:60px;}
.navbar_left{ width:100%; height:60px; padding-top:0; border-bottom:1px solid #ddd; background:#fff; box-shadow:none; }
.navbar_left .centerWrap{ position:relative; }

.navbar_left .site_map{ display:block; }
.navbar_left .site_map > h1 a{ width:55px; }

/* 상단 해더 */
.navbar_left .top_menu{ position:relative; }
.navbar_left .top_menu > li{ float:left; position:relative; }

/* 로고 */
.logo_wrap{ overflow:initial; width:100%; height:auto; background:none; }
.logo_wrap .logo{z-index:4; position:fixed; left:15px; top:8px; padding:0; }
.logo_wrap .logo.active {z-index:2 !important;}
.logo_wrap .logo a{ width:auto; height:40px; }
.logo_wrap .logo a img{ width:auto; height:100%; }


/* 상단 해더 */
.header_left{ position:fixed; top:0; width:100%; height:auto; box-shadow:none; }
.small_menu_wrap .right{ position:absolute; z-index:4; right:55px; top:17px; border:none !important; }
.small_menu_wrap .right li{ float:none; width:auto; }
.small_menu_wrap .right li:first-child{ display:none; }
.small_menu_wrap .right li a{ line-height:22px; padding:0 12px 0; font-size:12px; font-weight:400; color:#555; border:1px solid #ddd; background:#f9f9f9; border-radius:100px; }
.small_menu_wrap .right li a:before{ line-height:22px; color:#666; }
.small_menu_wrap .right li:hover a{ color:#333; }
.small_menu_wrap .right.active li a{color:rgba(255,255,255,.6) !important; background:none; border-color:rgba(255,255,255,.15);}
.small_menu_wrap .right.active li a:before {color:rgba(255,255,255,.6);}

/* 검색 */
.small_menu_wrap .left{ display:none; }


/* 서브 : 본문 컨테이너 */
.left_ui_wrap .container_wrap{ padding:0; margin-top:60px; }
.left_ui_wrap.basic_body .container_wrap{ padding:0; }
.left_ui_wrap .sub_contents_block{ border:none; }

/* 푸터 */

.family_wrap{right:2%; bottom:240px;}
.family_wrap .fam_site .fam_btn{width:150px; }
.family_wrap .fam_site .fam_btn .fam_txt{font-size:14px;}
.family_wrap .fam_site .fam_btn .fam_txt:after{font-size:13px; top:12px; right:-30px; }
.family_wrap .fam_site .fam_box{width:150px;}
.family_wrap .fam_site .fam_box li a{font-size:13px; }
.family_wrap .fam_site:hover .fam_box{bottom:35px;}

.header_left .footer_left{ display:none; }
.footer_left_mobile{ display:block; }
.footer_left{ z-index:1; display:block; padding:42px 0 45px; position:relative; left:auto; bottom:auto; width:100%; background:#434343; }

.copyright_left .addre{ padding:0 0 20px 0; text-align:center; }
.copyright_left .addre h5{ margin:8px 0 2px; }
.copyright_left .addre p span{ position:relative; display:inline-block;  color:#b0b0b0;}
.copyright_left .addre p span:nth-child(2):before{ display:inline-block; content:'ㅣ'; padding:0 3px 0 0; font:normal 11px 'Malgun Gothic'; color:#555; }

ul.footer_site_btn{ padding:0; max-width:240px; margin:0 auto; }
ul.footer_site_btn li a{ background:#333; }

/* .Main .footer_left{ background:#333; }
.Main .copyright_left .addre p span{ color:rgba(255,255,255,0.5); }
.Main .copyright_left .addre p span a{ color:rgba(255,255,255,0.5); }
.Main .copyright_left .addre h5{ color:rgba(255,255,255,0.7); }
.Main ul.footer_site_btn li a{ background:#434343; }
.Main ul.footer_site_btn li a:hover{ background:#00adef; } */

/* 상단 gnb */
.navbar_left .top_menu{ display:none; }

/* 서브메뉴 */
.left_ui_wrap .sub_category_top{ display:block; }

/* 서브 컨텐츠 */
.left_ui_wrap .sub_contents_wrap .centerWrap{ padding:60px 15px 65px; }

/* 서브비주얼 */
.left_ui_wrap .sub_visual_wrap{ height:150px; }
.left_ui_wrap .sub_visual_wrap h1{ margin-top:59px; }

/*서브타이틀*/
.sub_title_wrap{ margin-bottom:40px; }
.sub_title h1{ font-size:24px; }
.sub_title h1:before{ width:40px; left:-70px; top:18px; }
.sub_title h1:after{ width:40px; right:-70px; top:18px; }
.sub_title p:nth-child(1){ margin-bottom:12px; }


/*------------------------------------
    검색결과 페이지
------------------------------------*/
.search_page_box_wrap{ padding:0 0 40px; }


/*------------------------------------
    TOP 탑 버튼
------------------------------------*/
.eb-top{ width:54px; height:54px; right:38px !important; }
.eb-top p{ width:54px; height:54px; }
.eb-top p span{ line-height:54px; font-size:14px; }

/*------------------------------------
    카카오톡 채널 추가 및 상담 버튼
------------------------------------*/
.kakao_wrap > a{ width:95px; right:20px; }
.kakao_channel{ bottom:140px; }
.kakao_contact{ bottom:95px; }


/*------------------------------------
    회사소개
------------------------------------*/
/* ceo */
.contents_title h1{font-size:28px; }
.contents_title p{font-size:18px; }

.ceo_wrap .txt_wrap .title{font-size:20px; }
.ceo_wrap .txt_wrap .title b{font-size:20px;}
.ceo_wrap .txt_wrap p{font-size:16px; }


/* 연혁 */

.history_content h1{font-size:35px;}
.history_content h1:before{font-size:50px; margin-bottom:-50px;}
.history_content .top_img h3{font-size:25px; }

.history_content .history_bottom dt{font-size:28px;}
.history_content .history_bottom li dl dd span{font-size:21px;}
.history_content .history_bottom li dl dd p{font-size:17px;}



/* 오시는길 */

.map h1{font-size:22px;}
.mapbox_content dl dt{font-size:16px;}
.mapbox_content dl dd{font-size:15px; line-height:190%; }


/* 고무롤 */
.product_top h2{font-size:20px;}
.product_top h2 b{font-size:20px;}
.product_wrap .contents_title h1{font-size:23px;}
.product_wrap .contents_title h1 b{font-size:24px;}
.product_wrap .contents_title p{font-size:18px;}

.product_txt{padding:0 0 0 15px;}
.product_txt span:before{top:8px; left:-15px; background-size:10px; width:10px; height:10px; }
.product_content_txt p{font-size:15px;}
.product_content_txt span{font-size:16px;}

.product_wrap .contents_title strong{font-size:15px;}
.product_wrap .contents_title span{font-size:15px;}
.product_content span{font-size:15px; padding:5px 0 0 15px;}


/* 라이닝 */
.lining_excellence h3{font-size:17px;}
.lining_excellence .excellence_contents p b{font-size:16px;}
.lining_excellence .excellence_contents p span{font-size:14px; }

.lining_icon li dl dd{font-size:16px; }
.lining_icon li dl dd b{font-size:18px;}

.step li dl dt{width:40px; height:40px; font-size:20px;}
.step li dl dd{font-size:17px;}
.step li dl dd p{font-size:14px;}

.lining_purpose dl dt{font-size:16px;}
.lining_purpose dl dd{font-size:14px;}

.product_fake li span{font-size:16px; padding:5px 0 10px;}

.skill_top h2{font-size:15px;}
.skill_top h2 b{font-size:16px;}


/*고무 라이닝*/

.lining_icon{ padding:55px 10px; }







/* 테이블 */
.table01 thead th{font-size:15px;}
.table01 th, .table01 td{font-size:14px;}


}