1. 폰트의 사용

컨텐츠를 이루는 텍스트엔 NanumSquare의 폰트를 사용.

웹환경에서 깨지지 않는 나눔스퀘어의 웹폰트 최소 사이즈는 17~18px

2. 선의 사용

레이아웃 그리드를 확인 할 수 있는 선의 사용과 중앙 좌측에 위치한 선의 사용으로 아래로 뻗어가는 듯한 느낌의 디자인 적용.

3. 부트스트랩 column의 활용.

flex와 grid의 사용도 가능하지만, 익스플로러를 사용자를 위한 크로스브라우징에 문제가 없는 부트스트랩의 활용.

와이드한 레이아웃, 불규칙한 레이아웃 작업을 위해 부트스트랩 대신 직접 코드를 작성하여 레이아웃을 잡기도 함.

$banner_path = "company"; $banner_title = "MANAGEMENT IDEOLOGY"; $banner_text = "우리산전의 걸어온 길을 소개 합니다."; $category_name = "회사소개"; $page_name = "경영이념"; $category_page ="a1_greeting"; $this_page = "a2_management"; include_once("header.php"); include_once("sub_banner.php"); <section class="sub_page management"> <div class="container"> <div class="page_wrap"> <div class="line_gradient left_line"></div> <div class="contents"> <div class="title_box"> <h2>echo $page_name;</h2> <p>작은 이익보다는 고객에게 감동을 안겨주는 <br class="hidden-xs">큰 노력을 계속 하겠습니다</p> </div> <div class="management_wrap"> <div class="wrap1"> <div class="left_box box"> <div class="img_box"> <img class="img-responsive center-block" src="images/company/management_img1.png" alt=""> </div> </div> <div class="right_box box"> <div class="text_box"> <h3>우리산전(주)는 2008년 8월 개인회사에서 법인으로 전환하여 정보 통신 장비의 전원 회로를 보호하는 회로 보호용 차단기 및 직류전자 접촉기 사업체를 인수하여 사업을 확장하였습니다.</h3> <p>특히 2007년 매출 3억에서 2008년 예상매출 <br class="hidden-md hidden-sm hidden-xs"> 40억으로 매출신장 1000% 이상 신장 되었으며, <br class="hidden-md hidden-sm hidden-xs"> 전체 매출에 약 30%를 수출하고 있습니다. <br class="hidden-md hidden-sm hidden-xs"> <br> 또한 국내 안전인증 68건, 해외인증(UL) 4건을 보유하고 있으며, <br class="hidden-md hidden-sm hidden-xs"> 실용실안 5건, 의장 1건, 상표권 1건을 보유하고 있는 “기술집약적 기업으로 작은기업 큰 기술” 슬로건 아래 세계 시장에서 최고가 되는 전원 보호용 전력 기기 종합 Maker로서 2015년 150억 매출 목표로 국가 경쟁력 향상에 기여하는 선도적 기업으로 성장하기 위하여 끊임없이 노력하고 있습니다. <br class="hidden-xs"> <br> 해외 부문 매출증대 및 시장확대를 위하여 독일, 인도에 AGENT 사무실을 개설, 운영하고 있고 수출다변화를 위하여 해외 전시회 참가, 시장개척단 활동 등 해외 시장 개척에 박차를 가하고 있습니다. <br class="hidden-xs"> <br> 현재 잠재 혁신형(벤처기업)으로 추천되었으며, <br class="hidden-md hidden-sm hidden-xs"> 신기술(실용실안)로 벤처등록중에 있습니다. <br class="hidden-md hidden-sm hidden-xs"> <br> 2008년에는 에너지분야 및 환경분야 사업에 당사제품을 <br class="hidden-md hidden-sm hidden-xs"> 접목시키기 위해 친환경 제품환경유해물질(RoHS)이 없는 <br class="hidden-md hidden-sm hidden-xs"> 제품을 생산하고 있습니다. </p> </div> </div> </div> <div class="wrap2"> <div class="left_box box"> <div class="text_box"> <h3 class="red_top_line">지식에 기반한 <br class="hidden-xs">고객 지향 가치 경영</h3> <p>보유 지식을 고객의 Needs와 접목 시켜 <br class="hidden-xs"> 지식을 공유, 전파하고 원하는 제품을 원하는 <br class="hidden-xs"> 장소에 원하는 가격으로 공급하여 <br class="hidden-xs"> 고객과 회사의 상호 이익 가치 극대화 </p> </div> </div> <div class="right_box box"> <div class="img_box"> <img class="img-responsive center-block" src="images/company/management_img2.png" alt=""> </div> </div> </div> <div class="wrap3"> <div class="left_box box"> <div class="img_box"> <img class="img-responsive center-block" src="images/company/management_img3.png" alt=""> </div> </div> <div class="right_box box"> <div class="text_box"> <h3 class="red_top_line">미래 지향 인재 육성을 통한 <br class="hidden-xs">글로벌 기술력 배양</h3> <p>개인 및 조직이 보유하고 있는 자원과 인재육성을 통해 Best practice를 발굴하고 축적된 지식의 활용을 통한 새로운 가치 창조로 디지털시대에 맞는 글로벌 경쟁력 있는 독자 고유 기술력을 확보</p> </div> </div> </div> </div> </div> <div class="line_gradient right_line"></div> </div> </div> </section> include_once("footer.php");