/* 와이드 pc */ /* sub1 공통 css s */ .sub1_banner { background: url(/img/company/sub1_banner.jpg) no-repeat center; background-size: cover; height: 250px; } .sub1_banner .banner_wrap { max-width: 1200px; margin: 0 auto; } .sub1_banner .banner_wrap h2 { color: #fff; font-size: 48px; font-weight: 400; padding-top: 85px; } #menu_wrap { max-width: 1200px; margin: 0 auto 80px auto; border-bottom: 1px solid #ccc; } #menu_wrap .menu { overflow: hidden; } #menu_wrap .menu li { float: left; background: url(/img/company/2depth_dot.png) no-repeat center right; } #menu_wrap .menu li:nth-child(5) { background: none; } #menu_wrap .menu li a { font-size: 18px; color: #666; padding: 30px ; display: block; position: relative; line-height: 22px; letter-spacing: -1px; font-weight: 400; } #menu_wrap .menu li a.on { color:#0f573e; } /* sub1_content1 css s */ #sub1_content1 { max-width: 1200px; margin: 0 auto 150px auto; overflow: hidden; } #sub1_content1 .img_wrap { float: left; width: 38%; margin-right: 4%; } #sub1_content1 .img_wrap img { width: 100%; height: 100%; } #sub1_content1 .message { float: left; width: 58%; margin-top: 20px; } #sub1_content1 .message p { font-size: 16px; margin-bottom: 20px; } #sub1_content1 .message .ceo_sign { margin: -60px 0 0 210px; } /* sub1_content2 css s */ #sub1_content2 { max-width: 1200px; margin: 0 auto 150px auto; } #sub1_content2 .summon_wrap { overflow: hidden; margin-bottom: 40px; } #sub1_content2 .summon_wrap img { float: left; margin-right: 100px; } #sub1_content2 .summon_wrap .summon_content { padding-top: 20px; } #sub1_content2 .summon_wrap .summon_content p { margin-bottom: 20px; font-size: 18px; } #sub1_content2 .summon_wrap .summon_content p .bold { font-size: 24px; font-weight: 400; } #sub1_content2 .value_wrap { overflow: hidden; margin-bottom: 40px; } #sub1_content2 .value_wrap img{ float: left; } #sub1_content2 .value_wrap .value { margin-right: 100px; margin-top: 200px; } #sub1_content2 .vision_wrap { overflow: hidden; } #sub1_content2 .vision_wrap img { float: left; margin-right: 100px; } #sub1_content2 .vision_wrap .vision_content { padding-top: 20px; } #sub1_content2 .vision_wrap .vision_content p { margin-bottom: 15px; font-size: 18px; } #sub1_content2 .vision_wrap .vision_content p.bold { font-weight: 400; font-size: 20px; } /* sub1_content3 css s */ #sub1_content3 { max-width: 1200px; margin: 0 auto 150px auto; } /* sub1_content4 css s */ #depth3_tabs { max-width: 1200px; margin: 0 auto 80px auto; } #depth3_tabs .tabs { overflow: hidden; } #depth3_tabs .tabs li { width: 50%; float: left; } #depth3_tabs .tabs li a { display: block; height: 61px; line-height: 61px; border: 1px solid #ccc; padding: 0 0 0 0; text-align: center; border-bottom: 1px solid #01593b; font-size: 18px; } #depth3_tabs .tabs li a.active { position: relative; color: #fff; background: #01593b; border: 1px solid #01593b; } #depth3_tabs .tabs li a:hover { position: relative; color: #fff; background: #01593b; border: 1px solid #01593b; } #sub1_content4_tab { max-width: 1200px; margin: 0 auto; } #sub1_content4_tab .introduce { margin-bottom: 150px; } #sub1_content4_tab .introduce .summary { background: url(/img/company/sub_bar.jpg) no-repeat left; height: auto; padding: 1% 0 1% 35px; margin-bottom: 60px; } #sub1_content4_tab .introduce .summary p { font-size: 16px; } #sub1_content4_tab .introduce img { margin-bottom: 60px; } #sub1_content4_tab .introduce .factory_introduce dl { margin-bottom: 30px; } #sub1_content4_tab .introduce .factory_introduce dl dt { font-size: 18px; color: #01593b; margin-bottom: 5px; } /* 아래부터 생산공정 css */ #sub1_content4_tab .process { display: none; margin-bottom: 150px; } #sub1_content4_tab .process .process_wrap { margin-bottom: 30px; overflow: hidden; } #sub1_content4_tab .process .process_wrap .images_wrap { width: 46.5%; margin-right: 3%; float: left; } #sub1_content4_tab .process .process_wrap .process_text_wrap { width: 50.5%; float: left; padding-top: 40px; } #sub1_content4_tab .process .process_wrap .process_text_wrap .process_text { padding-top: 80px; } #sub1_content4_tab .process .process_wrap .process_text_wrap .text1 {background: url(/img/company/1_i.jpg) no-repeat; } #sub1_content4_tab .process .process_wrap .process_text_wrap .text2 {background: url(/img/company/2_i.jpg) no-repeat; } #sub1_content4_tab .process .process_wrap .process_text_wrap .text3 {background: url(/img/company/3_i.jpg) no-repeat; } #sub1_content4_tab .process .process_wrap .process_text_wrap .text4 {background: url(/img/company/4_i.jpg) no-repeat; } #sub1_content4_tab .process .process_wrap .process_text_wrap .text5 {background: url(/img/company/5_i.jpg) no-repeat; } #sub1_content4_tab .process .process_wrap .process_text_wrap .text6 {background: url(/img/company/6_i.jpg) no-repeat; } #sub1_content4_tab .process .process_wrap .process_text_wrap .text7 {background: url(/img/company/7_i.jpg) no-repeat; } #sub1_content4_tab .process .process_wrap .process_text_wrap .text8 {background: url(/img/company/8_i.jpg) no-repeat; } #sub1_content4_tab .process .process_wrap .process_text_wrap .process_text dt { font-size: 20px; margin-bottom: 10px; } /* sub1_content5 css s */ #sub1_content5 { max-width: 1200px; margin: 0 auto 150px auto; } #sub1_content5 .sihwa_location { margin-bottom: 100px; } #sub1_content5 .sihwa_location h4 { font-size: 36px; margin-bottom: 40px; } #sub1_content5 .sihwa_location .location { overflow: hidden; margin-bottom: 30px; } #sub1_content5 .sihwa_location .location h5 { float: left; font-size: 20px; } #sub1_content5 .sihwa_location .location .location_wrap { padding-left: 110px; } #sub1_content5 .sihwa_location .location .location_wrap p { margin-bottom: 10px; } #sub1_content5 .sihwa_location #map_canvas { max-width: 1200px; height: 600px; } #sub1_content5 .sinchon_location { margin-bottom: 100px; } #sub1_content5 .sinchon_location h4 { font-size: 36px; margin-bottom: 40px; } #sub1_content5 .sinchon_location .location { overflow: hidden; margin-bottom: 30px; } #sub1_content5 .sinchon_location .location h5 { float: left; font-size: 20px; } #sub1_content5 .sinchon_location .location .location_wrap { padding-left: 110px; } #sub1_content5 .sinchon_location .location .location_wrap p { margin-bottom: 10px; } #sub1_content5 .sinchon_location #map_canvas2 { max-width: 1200px; height: 600px; } /* 일반 pc */ @media screen and (max-width:1280px) { /* sub1 공통 css s */ .sub1_banner .banner_wrap h2 { padding-left: 4%; } /* sub1_content1 css s */ #sub1_content1 { padding: 0 2%; } /* sub1_content2 css s */ #sub1_content2 { padding: 0 2%; } /* sub1_content3 css s */ #sub1_content3 { padding: 0 2%; } /* sub1_content4 css s */ #sub1_content4_tab { padding: 0 2%; } /* sub1_content5 css s */ #sub1_content5 { padding: 0 2%; } } /* 테블릿 */ @media screen and (max-width:1024px) { /* sub1 공통 css s */ .sub1_banner { height: auto; } .sub1_banner .banner_wrap { max-width: 1024px; margin: 0 auto; } .sub1_banner .banner_wrap h2 { font-size: 30px; font-weight: 400; padding: 50px 0 50px 5%; } /* sub1_content1 css s */ #sub1_content1 .message { margin-top: 0; } /* sub1_content2 css s */ #sub1_content2 .summon_wrap img { margin-right: 60px; margin-bottom: 25px; } #sub1_content2 .value_wrap .value { margin-top: 140px; } #sub1_content2 .value_wrap .value_6 { width: 60%; height: 60%; } /* sub1_content4 css s */ #sub1_content4_tab .process .process_wrap .process_text_wrap { padding-top: 0; } } /* 소형 테블릿 */ @media screen and (max-width:768px) { /* sub1 공통 css s */ #menu_wrap .menu li { background: none; width: 20%; height: 80px; } #menu_wrap .menu li a { font-size: 16px; padding: 20px 0; text-align: center; } #menu_wrap .menu li a.on { color: #333; } /* sub1_content2 css s */ #sub1_content2 { padding: 0 6%; text-align: center; } #sub1_content2 .summon_wrap { padding-bottom: 40px; border-bottom: 1px solid #ccc; } #sub1_content2 .summon_wrap img { float: none; margin: 0 0 40px 0; } #sub1_content2 .summon_wrap .summon_content { padding-top: 0; } #sub1_content2 .summon_wrap .summon_content p { margin-bottom: 20px; font-size: 16px; } #sub1_content2 .summon_wrap .summon_content p .bold { font-size: 20px; font-weight: 400; } #sub1_content2 .value_wrap { padding-bottom: 40px; border-bottom: 1px solid #ccc; } #sub1_content2 .value_wrap .value { margin: 0 0 40px 0; float: none; } #sub1_content2 .value_wrap .value_6 { float: none; width: 100%; height: 100%; } #sub1_content2 .vision_wrap { padding-bottom: 0; } #sub1_content2 .vision_wrap img { margin: 0 0 40px 0; float: none; } #sub1_content2 .vision_wrap .vision_content { padding-top: 0; } #sub1_content2 .vision_wrap .vision_content p { margin-bottom: 15px; font-size: 16px; } #sub1_content2 .vision_wrap .vision_content p.bold { font-weight: 400; font-size: 18px; } /* sub1_content4 css s */ #depth3_tabs .tabs li a { display: block; height: 61px; line-height: 61px; border: 1px solid #ccc; padding: 0 0 0 0; text-align: center; border-bottom: 1px solid #01593b; font-size: 16px; } #sub1_content4_tab .introduce .summary { height: auto; padding: 2% 0 2% 35px; margin-bottom: 60px; } /* 아래부터 생산공정 css */ #sub1_content4_tab .process .process_wrap .images_wrap { width: 43.5%; margin-right: 3%; float: left; } #sub1_content4_tab .process .process_wrap .process_text_wrap { width: 53.5%; float: left;} #sub1_content4_tab .process .process_wrap .process_text_wrap .process_text { padding-top: 45px; } #sub1_content4_tab .process .process_wrap .process_text_wrap .text1 { background: url(/img/company/1_i_s.jpg) no-repeat; } #sub1_content4_tab .process .process_wrap .process_text_wrap .text2 { background: url(/img/company/2_i_s.jpg) no-repeat; } #sub1_content4_tab .process .process_wrap .process_text_wrap .text3 { background: url(/img/company/3_i_s.jpg) no-repeat; } #sub1_content4_tab .process .process_wrap .process_text_wrap .text4 { background: url(/img/company/4_i_s.jpg) no-repeat; } #sub1_content4_tab .process .process_wrap .process_text_wrap .text5 { background: url(/img/company/5_i_s.jpg) no-repeat; } #sub1_content4_tab .process .process_wrap .process_text_wrap .text6 { background: url(/img/company/6_i_s.jpg) no-repeat; } #sub1_content4_tab .process .process_wrap .process_text_wrap .text7 { background: url(/img/company/7_i_s.jpg) no-repeat; } #sub1_content4_tab .process .process_wrap .process_text_wrap .text8 { background: url(/img/company/8_i_s.jpg) no-repeat; } #sub1_content4_tab .process .process_wrap .process_text_wrap .process_text dt { font-size: 17px; margin-bottom: 10px; } #sub1_content4_tab .process .process_wrap .process_text_wrap .process_text dd { font-size: 16px; } } /* 모바일 */ @media screen and (max-width:640px) { /* sub1 공통 css s */ #menu_wrap { max-width: 1200px; margin: 0 auto 40px ; border-bottom: 1px solid #ccc; } /* sub1_content1 css s */ #sub1_content1 { margin-bottom: 60px; } #sub1_content1 .img_wrap { float: none; width: 90%; margin: 0 5%; } #sub1_content1 .img_wrap img { width: 100%; height: 100%; } #sub1_content1 .message { float: none; width: 90%; margin: 40px 5% 0 5%; } #sub1_content1 .message p { font-size: 16px; margin-bottom: 20px; } #sub1_content1 .message .ceo_sign { margin: -60px 0 0 210px; } /* sub1_content2 css s */ #sub1_content2 { margin-bottom: 60px; } /* sub1_content3 css s */ #sub1_content3 { margin-bottom: 60px; padding: 0 4%; } /* sub1_content4 css s */ #depth3_tabs { margin: 0 auto 40px auto; } #depth3_tabs .tabs li a { display: block; border: 1px solid #ccc; text-align: center; border-bottom: 1px solid #01593b; } #depth3_tabs .tabs li a.active { position: relative; color: #fff; background: #01593b; border: 1px solid #01593b; } #depth3_tabs .tabs li a:hover { position: relative; color: #fff; background: #01593b; border: 1px solid #01593b; } #sub1_content4_tab { padding: 0 4%; } #sub1_content4_tab .introduce { margin-bottom: 60px; } #sub1_content4_tab .introduce .summary { margin-bottom: 40px; } #sub1_content4_tab .introduce .summary p { font-size: 15px; } #sub1_content4_tab .introduce img { margin-bottom: 40px; } #sub1_content4_tab .introduce .factory_introduce dl dt { font-size: 17px; margin-bottom: 10px; } #sub1_content4_tab .introduce .factory_introduce dl dd { font-size: 16px; } /* 아래부터 생산공정 css */ #sub1_content4_tab .process { margin-bottom: 60px; } #sub1_content4_tab .process .process_wrap .images_wrap { width: 100%; margin-right: 0; float: none; margin-bottom: 20px; } #sub1_content4_tab .process .process_wrap .process_text_wrap { width: 100%; float: none;} #sub1_content4_tab .process .process_wrap .process_text_wrap .process_text { padding-top: 0; padding-left: 60px; } #sub1_content4_tab .process .process_wrap .process_text_wrap .process_text dt { font-size: 16px; margin-bottom: 10px; } #sub1_content4_tab .process .process_wrap .process_text_wrap .process_text dd { font-size: 16px; } /* sub1_content5 css s */ #sub1_content5 { margin-bottom: 60px; padding: 0 4%; } #sub1_content5 .sihwa_location h4 { font-size: 24px; margin-bottom: 30px; } #sub1_content5 .sihwa_location .location h5 { font-size: 16px; } #sub1_content5 .sihwa_location .location .location_wrap { padding-left: 80px; } #sub1_content5 .sihwa_location .location .location_wrap p { margin-bottom: 10px; font-size: 16px; } #sub1_content5 .sihwa_location #map_canvas { max-width: 640px; height: 400px; } #sub1_content5 .sinchon_location { margin-bottom: 60px; } #sub1_content5 .sinchon_location h4 { font-size: 24px; margin-bottom: 30px; } #sub1_content5 .sinchon_location .location { overflow: hidden; margin-bottom: 30px; } #sub1_content5 .sinchon_location .location h5 { font-size: 16px; } #sub1_content5 .sinchon_location .location .location_wrap { padding-left: 80px; } #sub1_content5 .sinchon_location .location .location_wrap p { margin-bottom: 10px; font-size: 16px; } #sub1_content5 .sinchon_location #map_canvas2 { max-width: 640px; height: 400px; } } /* 최소 사이즈 처리 */ @media screen and (max-width:480px) { /* sub1 공통 css s */ #wrap { min-width:260px; } .sub1_banner { height: 80px; } .sub1_banner .banner_wrap h2 { font-size: 23px; padding: 25px; 0 0 0 } #menu_wrap .menu li { height: 60px; } #menu_wrap .menu li a { font-size: 14px; padding: 10px 0; } /* sub1_content1 css s */ #sub1_content1 .message .ceo_sign { margin: 0; } /* sub1_content4 css s */ #sub1_content4_tab .introduce .summary { background: url(/img/company/sub_bar_b.jpg) no-repeat left; height: 160px; padding: 0 0 0 20px; margin-bottom: 60px; } }