Hynix Site

사이트 만들기


메인페이지

<!DOCTYPE html>
<html lang="ko">

<head>
    <meta charset="UTF-8">
    <title>sk 하이넥스 : 기업 개요</title>

    <!-- style -->
    <link rel="stylesheet" href="../assets/css/reset.css">
    <link rel="stylesheet" href="../assets/css/style.css">
    <link rel="stylesheet" href="../assets/css/font-awesome.css">

    <!-- wdbfont -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,400,700,900" rel="stylesheet">
</head>

<body>
    <div id="wrap">
        <div id="header">
            <div class="container">
                <div class="header">
                    <h1><img src="../assets/img/logo.png" alt="하이닉스"></h1>
                    <div class="nav">
                        <ul>
                            <li><a href="#">About us</a></li>
                            <li><a href="#">Products</a></li>
                            <li><a href="#">IR</a></li>
                            <li><a href="#">CSR</a></li>
                            <li><a href="#">PR</a></li>
                            <li><a href="#">SUPPORT</a></li>
                        </ul>
                    </div>
                    <div class="nav_icon">
                        <ul>
                            <li>
                                <a href="#">
                                    <i class="fa fa-search" aria-hidden="true"></i>
                                    <span>search</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="fa fa-user-plus" aria-hidden="true"></i>
                                    <span>careers</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="fa fa-globe" aria-hidden="true"></i>
                                    <span>language</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- //header -->

        <!-- sub-banner -->
        <div class="sub_banner">
            <div class="visiual about">
                <div class="container">
                    <h2>About us</h2>
                </div>
            </div>
            <div class="breadvrumb">
                <div class="container">
                    <div class="path">
                        <ul>
                            <li>
                                <a href="#">
                                    <i class="fa fa-home" aria-hidden="true"></i>
                                </a>
                                <i class="fa fa-angle-right" aria-hidden="true"></i>
                            </li>
                            <li>
                                <a href="#">About us <i class="fa fa-caret-square-o-down" aria-hidden="true"></i>
                                </a>
                                <i class="fa fa-angle-right" aria-hidden="true"></i>
                            </li>
                            <li><a href="#">인사말 <i class="fa fa-caret-square-o-down" aria-hidden="true"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="sns">
                        <ul>
                            <li><a href=""><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                            <li><a href=""><i class="fa fa-tumblr" aria-hidden="true"></i></a></li>
                            <li><a href=""><i class="fa fa-align-justify" aria-hidden="true"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- //sub-banner -->
    
        <!-- contents -->
         <div id="contents">
            <div class="cont_title">
                <div class="container">
                     <div class="ct-box">
                        <i class="fa fa-building" aria-hidden="true"></i>
                        <em>About us</em>
                        <h3>기업 개요</h3>
                    </div>
                </div>
            </div>
            <!-- //cont_title -->
            
            <div class="contents">
                <div class="container">
                    <p>SK하이닉스는 이천, 청주의 국내 사업장을 포함하여 중국 우시(无锡), 충칭(重庆)에 4개의 생산법인과 미국, 영국, 독일, 싱가포르, 홍콩, 인도, 일본, 대만, 중국 등 10개국에 판매법인을 운영하고 있으며, 이탈리아, 미국, 대만, 벨라루스 등에서 4개의 연구개발법인을 운영하는 글로벌 기업입니다. 30여 년간의 축적된 반도체 생산운영 노하우를 바탕으로 지속적인 연구개발 및 투자를 통해 기술 및 원가 경쟁력을
                        확보하고, 세계 반도체시장을 선도하기 위해 노력하고 있습니다.</p>
                    <h4 class="mt50">기업 정보</h4>
                    <div class="column-box">
                        <div class="column w50">
                            <div class="pr15">
                                <table class="table-style1">
                                    <caption>기업 정보의 기업명, 대표이사, 설립일, 업종, 본사소재, 제품 및 서비를 나타낸 표입니다.</caption>
                                    <colgroup>
                                        <col style="width:30%">
                                        <col style="width:70%">
                                    </colgroup>
                                    <tbody>
                                        <tr>
                                            <th scope="row">기업명</th>
                                            <td>SK하이닉스</td>
                                        </tr>
                                        <tr>
                                            <th scope="row">대표이사</th>
                                            <td>박성욱</td>
                                        </tr>
                                        <tr>
                                            <th scope="row">설립일</th>
                                            <td>1983년 2월</td>
                                        </tr>
                                        <tr>
                                            <th scope="row">업종</th>
                                            <td>반도체 소자 제조와 판매</td>
                                        </tr>
                                        <tr>
                                            <th scope="row">본사소재</th>
                                            <td>경기도 이천시 부발읍 경출대로 2091</td>
                                        </tr>
                                        <tr>
                                            <th scope="row">제품 및 서비스</th>
                                            <td>
                                                <strong>메모리 반도체</strong><br>
                                                DRAM, NAND Flash, MCP(Multi-Chip Package) 등<br>
                                                <strong>시스템 반도체</strong><br>
                                                CIS(CMOS Image Sensor) 등
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="column w50">
                            <div class="pl15">
                                <img src="../assets/img/overview01.jpg" alt="재무정보" />
                            </div>
                        </div>
                    </div>
                    <h5 class="mt50">반도체는 IT산업의 동력이자 미래입니다.</h5>
                    <p>디지털 세상에서 반도체는 IT산업의 기반이자 핵심적인 역할을 하고 있습니다. 이제 반도체의 성능은 단순한 부품을 넘어 IT제품의 성능을 구분 짓기까지 합니다. SK하이닉스는 모바일과 컴퓨팅 등 각종 IT 기기에 필수적으로 들어가는 D램과 낸드플래시 등 메모리반도체를 중심으로 CIS와 같은 시스템반도체 등을 생산하는 기업입니다. 1984년 국내 최초로 16Kb S램을 시험 생산한 이래, 세계 최초-최소-최고속-최저전압의 혁신적인 반도체 제품을 시장에 선보이며 기술 리더십을 공고히 해왔습니다.
                    오늘날 스마트폰과 태블릿이 현대인에게 친숙한 기기가 된 것처럼, 영화에서나 등장하던 새로운 IT기기가 앞으로도 끊임없이 생활 속으로 들어올 것입니다. 새로운 디지털제품의 등장과 사물인터넷 환경의 확대는 반도체의 영역과 수요를 점차 확장시키고 있으며, SK하이닉스는 시장을 선도하는 기술로 수익성 중심의 경영과 질적 성장을 이어 왔습니다. 그 결과, 2013년과 2014년 2년 연속으로사상 최대 실적을 경신하는 위업을 달성했습니다.
                    IT기기의 스마트화와 모바일화는 더욱 고도화된 반도체의 특성을 요구하고 있습니다. SK하이닉스는 이에 대응하기 위한 기술 리더십을 확고히 하는 동시에 고부가가치의 프리미엄 제품 시장에서도 제품 경쟁력을 더욱 강화하고 있습니다. 특히, 모바일과 서버, 스토리지 솔루션 등 중요성이 점점 커지고 있는 분야에서도 선두를 확보하기 위해 끊임없이 달려가고 있습니다. 한편 D램과 낸드플래시를 넘어 PC램과 STT-M램, Re램과 같은 차세대 메모리 기술에 대한 준비를 바탕으로 새로운 시장을 선도해 나갈 것입니다.
                    </p>
                    <h4 class="mt50">사업 영역</h4>
                    <h5 class="mt5">DRAM</h5>
                    <div class="column-box">
                        <div class="column w60">
                            <div class="pr20">
                                <p>끊임없는 연구개발로 업계 최고 수준의 미세공정 기술을 확보하고 있는 SK하이닉스는 엄격한 품질관리를 통해 세계 최고 성능과 안정성을 갖춘 D램 제품을 생산하고 있습니다.<br>
                                PC·노트북·서버 등에 사용되는 컴퓨팅 D램, 전력소모가 적어 각종 휴대용 기기에 적합한 모바일 D램, 많은 양의 데이터를 고속으로 처리할 수 있어 그래픽 데이터 처리에 사용되는 그래픽 D램, 다양한 디지털 기기의 동작에 필요한 컨슈머 D램 등이 주요 생산 제품입니다.<br>
                                또한 고객이 요구하는 DDR-DDR2-DDR3-DDR4 인터페이스를 지원하는 다양한 제품군을 제공하고 있습니다. SK하이닉스는 혁신적인 연구개발을 통해 업계 최고의 기술력을 유지하고, 고객의 다양한 요구를 충족하는 제품을 개발해 세계 D램 업계를 선도하고자 합니다. 특히 기존 제품보다 전력소모는 적으면서도 용량과 처리속도는 크게 향상된 고용량∙고성능∙저전력의 프리미엄 제품을 지속적으로 개발하고 있습니다.
                                </p>
                            </div>
                        </div>
                        <div class="column w40">
                            <div>
                                <img src="../assets/img/overview02.png" alt="DRAM">
                            </div>
                        </div>
                    </div>
                    <h5 class="mt5">NAND Flash</h5>
                    <div class="column-box">
                        <div class="column w40">
                            <div>
                                <img src="../assets/img/overview03.png" alt="NAND Flash">
                            </div>
                        </div>
                        <div class="column w60">
                            <div class="pl30"><p>
                                MP3·PMP·디지털카메라∙네비게이션 등에 단순한 저장장치로 사용되던 낸드플래시는 최근 스마트 폰·태블릿 PC·SSD(Solid State Drive) 등으로 응용처가 다변화되는 추세입니다. 업계 선두수준의 기술력과 시장 지배력을 갖춘 SK하이닉스는 이러한 변화에 발맞춰 데이터 처리속도를 높이고 저장용량을 증가시킨 제품을 지속적으로 개발하고 있습니다.<br>
                                SLC(Single Level Cell).MLC(Multi Level Cell).TLC(Triple Level Cell)타입의 낸드플래시를 모두 생산하고 있으며 128Mb~512Gb 까지 폭넓은 용량의 제품군을 보유하고 있는 SK하이닉스는 낸드플래시 단품은 물론, MCP(Multi Chip Package), 내장형(Embedded) 낸드플래시와 SSD 등을 통해 고객의 다양한 요구를 충족시키는 최고의 낸드솔루션을 제공하겠습니다.
                            </p></div>
                        </div>
                    </div>
                    <h5 class="mt5">CIS</h5>
                    <div class="column-box">
                        <div class="column w60">
                            <div class="pr30">
                                <p>
                                    CIS는 각종 IT 기기에서 전자 필름 역할을 하는 비메모리 반도체이며, 비메모리 반도체임에도 생산 공정이 메모리반도체 기술과 연관이 가장 많은 제품입니다. SK하이닉스는 메모리반도체 분야에서 축적한 기술 경쟁력을 바탕으로 CIS 사업에 성공적으로 진입했습니다. CIS를 통한 영상정보의 활용은 향후 더욱 늘어날 전망입니다.<br>
                                    SK하이닉스에서 생산되는 CIS 제품은 휴대폰·스마트폰 카메라는 물론 웹 카메라, 의학용 소형 촬영장비 등 여러 분야에 공급될 예정입니다. SK하이닉스는 고객의 다양한 요구에 맞는 제품을 공급하기 위해 고화소 미세공정 기술을 확보하는 등 CIS 사업의 새로운 장을 열어가고자 합니다.
                                </p>
                            </div>
                        </div>
                        <div class="column w40">
                            <div>
                                <img src="../assets/img/overview04.png" alt="CIS">
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!-- //contents -->

        <div id="footer">
            <div class="footer_top">
                <div class="container">
                    <div class="ft_left">
                        <h3>SHORTCUTS</h3>
                        <ul>
                            <li><a href="#">Global Network</a></li>
                            <li><a href="#">지속경영</a></li>
                            <li><a href="#">Contact Us</a></li>
                            <li><a href="#">안전보건환경경영</a></li>
                            <li><a href="#">FAQ</a></li>
                            <li><a href="#">윤리경영</a></li>
                            <li><a href="#">Technical Support</a></li>
                            <li><a href="#">제품환경영향</a></li>
                            <li><a href="#">주가정보</a></li>
                            <li><a href="#">보도자료</a></li>
                            <li><a href="#">재무제표 / 실적발표</a></li>
                            <li><a href="#">대리점/서비스센터</a></li>
                            <li><a href="#">IR 일정</a></li>
                            <li><a href="#">자재구매/장비매각</a></li>
                        </ul>
                    </div>
                    <div class="ft_right">
                        <div class="ft_right_left">
                            <h3>POLICY</h3>
                            <ul>
                                <li><a href="#">개인정보처리방침</a></li>
                                <li><a href="#">영상정보처리기기 운영∙관리방침</a></li>
                            </ul>
                            <h3>DECLARATION</h3>
                            <ul>
                                <li><a href="#">SK윤리경영 상담/제보</a></li>
                                <li><a href="#">불공정거래신고</a></li>
                            </ul>
                        </div>
                        <div class="ft_right_right">
                            <h3>LINKS</h3>
                            <ul>
                                <li><a href="#">윤리경영시스템</a></li>
                                <li><a href="#">구매포탈</a></li>
                                <li><a href="#">발명보상금지급</a></li>
                                <li class="img pt10">
                                    <a href="#"><img src="../assets/img/banner01.png" alt="방문예약"></a>
                                </li>
                                <li class="img">
                                    <a href="#"><img src="../assets/img/banner02.png" alt="협력사 신규 등록"></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- //footer_top  -->
            <div class="footer_bom">
                <div class="container">
                    <address>
                        2091, Gyeongchung-daero, Bubal-eup, Icheon-si, Gyeonggi-do, Korea  T. 82-31-630-4114   F. 82-31-645-8000
                        <span>COPYRIGHT © 2015 SK HYNIX INC. ALL RIGHTS RESERVED.</span>
                    </address>
                    <div class="w3c">
                        <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
                        <a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="올바른 CSS입니다!" /></a>
                        <a href="#"><img style="width:70px;" src="http://www.webwatch.or.kr/images/s1/2014_WA_mark2.png" alt="인증"></a>
                    </div>
                </div>
            </div>
            <!-- //footer_bom  -->
        </div>
        <!-- //footer -->
    </div>
    <!-- //wrap -->
</body>

</html>
	
/* layout */
#wrap {}
#header { height: 95px;}
#banner { height: 530px; overflow:hidden;}
#contents {}
#footer {}

/* container */
.container {width:1020px; margin: 0 auto; height: inherit; /* background: rgba(0,0,0,0.2); */}

/* contents layout */
#contents1 {}
#contents2 {background-color: #f9f7f7;}
#contents3 {}
#contents4 {background-color: #f9f7f7;}
#contents5 {}

/* header */
.header {overflow: hidden;}
.header h1 {float: left; width: 200px; margin-top: 17px; }
.header .nav {float: left; width: 600px; margin-top: 40px;}
.header .nav li {display: inline; padding: 0 20px;}
.header .nav li a {font-size: 15px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.025em;}
.header .nav_icon {float: right; margin-top: 30px; }
.header .nav_icon li {float: left; width: 47px; text-align: center; margin-left: 10px;}
.header .nav_icon li a {color: #767676; display: block;}
.header .nav_icon li a i {font-size: 20px; }
.header .nav_icon li a:hover {color: #ea5d4b; }
.header .nav_icon li a:hover i {color: #ea5d4b; }
.header .nav_icon li span {display: block;}

/* banner */
#banner {position: relative; }
#banner .banner_icon {position: absolute; left: 0; bottom: 0; width:100%; height: 67px; background-color: rgba(215,94,80,0.6);}
#banner .banner_icon ul {overflow: hidden;}
#banner .banner_icon li {float: left; width: 25%; text-align: center; padding-top: 14px;}
#banner .banner_icon li a {color: #fff;}
#banner .banner_icon li a i {font-size: 20px;}
#banner .banner_icon li a span {display: block;}

#banner .item {text-align: center;}
#banner .item h2 {position: absolute; left: 50%; top: 100px; margin-left: -510px; color: #fff; font-size: 50px; line-height: 60px; text-align: left;}
#banner .item p {position: absolute; left: 50%; top: 230px; margin-left: -510px; text-align: left; color: #fff; font-size: 16px; line-height: 20px;}

/* investor */
.investor {text-align: center; padding: 60px 0 70px;}
.investor h2 {font-size: 26px; }
.investor p {color: #666; margin: 20px 0 36px; }

.investor .investor_box {overflow: hidden; border-top: 1px solid #eaeaea; }
.investor .investor_box .ileft {float: left; width: 400px; height: 300px; padding-top: 30px; }
.investor .investor_box .iright {float: left; width: 619px; height: 300px; border-left: 1px solid #eaeaea;}
.investor .investor_box .iright ul {overflow: hidden;}
.investor .investor_box .iright li {float: left; width: 33.3333%; margin-top: 40px;}
.investor .investor_box .iright li a:hover {color: #555; }
.investor .investor_box .iright li a i {font-size: 30px; background-color:#f3f3f3; padding: 10px; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; color:#EC7768;}
.investor .investor_box .iright li a span {display: block; font-size: 14px; color: #555; padding-top: 10px; }

/* corporate */
.corporate {text-align: center; padding: 60px 0 70px; }
.corporate h2 {font-size: 26px; }
.corporate p {color: #666; margin: 20px 0 36px; line-height: 26px; }

.corporate_box {text-align: left; border-top: 1px solid #e6e6e6; padding-top: 50px;}
.corporate_box ul {overflow: hidden; }
.corporate_box li {position: relative; float: left; width: 210px; margin: 0 30px 0 20px; height: 110px; padding-left: 80px;}
.corporate_box li a {text-align: center; display: block;}
.corporate_box li a i {font-size: 30px; background-color: #EA5D4B; color: #fff; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; position: absolute; left: 0; top: 10px; }
.corporate_box li a strong {display: block; text-align: left; font-size: 14px; padding-bottom: 5px;}
.corporate_box li a span {display: block;  text-align: left; color: #666; font-size: 12px; line-height: 20px;}
.corporate_box li a:hover {color: #222; text-decoration: none;}
.corporate_box li a strong:hover  {text-decoration: underline;}

/* products */
.products {padding: 60px 0 70px; }
.products h2 {font-size: 26px; text-align: center; padding-bottom: 30px;}
.products .products_box {overflow:hidden;}
.products .products_box .column {float:left; width: 320px; height: 300px;  margin:0 10px 20px 10px;}
.products .products_box .column a:hover {text-decoration: none;}
.products .products_box .column h3 {font-size: 16px; margin-top: 20px;}
.products .products_box .column a:hover h3 {text-decoration: underline; color:#222;}
.products .products_box .column p {color: #555; margin-top: 12px;}

/* blog */
.blog {overflow: hidden; padding: 60px 0 70px;  }
.blog h2 {font-size: 26px; text-align: center; padding-bottom: 30px;}
.blog div {float: left; width: 320px; margin:0 10px; }
.blog div a {position: relative; display: block; height: 200px; overflow: hidden;}
.blog div a span {position: absolute; left: 0; bottom: 0; background-color: rgba(0,0,0,0.7); padding: 10px; width: 300px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.blog div a span:hover {text-decoration: underline;}
.blog div img {width: 100%;}

/* golbal */
.golbal {padding: 60px 0 70px;}
.golbal h2 {font-size: 26px; text-align: center; padding-bottom: 30px;}
.golbal .glink {text-align:center; }
.golbal .glink li {display:inline; padding: 0 10px; background: url(../img/f_bar.png) no-repeat 0 4px;}
.golbal .glink li:first-child {background: none;}
.golbal .golbal_map {background: url(../img/map_bg.png) no-repeat;}
.golbal .golbal_map .gmlink {text-align: center; margin-top: -80px;}
.golbal .golbal_map .gmlink li {display:inline; margin:0 4px;}
.golbal .golbal_map .gmlink li a {padding: 10px; border: 1px solid #c6c6c6; border-radius: 2px; width: 148px; display:inline-block; }
.golbal .golbal_map .gmlink li:last-child a {color: #ea5d4b;}
.golbal .golbal_map .gmlink li.active a {background-color: #ea5d4b; color:#fff;}


/* footer_top */
.footer_top {overflow: hidden; background: #e9e9e9;}
.footer_top .ft_left {float: left; width: 509px; height: 225px; border-right: 1px solid #d7d7d7;}
.footer_top .ft_left h3 {padding-top: 22px;}
.footer_top .ft_left ul {overflow: hidden;}
.footer_top .ft_left li {float: left; width: 50%; }
.footer_top .ft_left li a {color: #666; font-size: 12px; line-height: 20px; background: url(../img/banner.gif) no-repeat 0 5px; padding-left: 8px;}
 
.footer_top .ft_right {overflow: hidden; float: left; width: 510px; height: 225px;}
.footer_top .ft_right .ft_right_left {float: left; width: 50%;}
.footer_top .ft_right .ft_right_left h3 {padding-top: 22px; padding-left: 20px;}
.footer_top .ft_right .ft_right_left ul {padding-left: 20px;}
.footer_top .ft_right .ft_right_left li a {color: #666; font-size: 12px; line-height: 20px; background: url(../img/banner.gif) no-repeat 0 5px; padding-left: 8px; }
.footer_top .ft_right .ft_right_right {float: left; width: 50%;}
.footer_top .ft_right .ft_right_right h3 {padding-top: 22px;}
.footer_top .ft_right .ft_right_right li a {color: #666; font-size: 12px; line-height: 20px; background: url(../img/banner.gif) no-repeat 0 5px; padding-left: 8px; }
.footer_top .ft_right .ft_right_right li.img a {background: none; padding-left: 0;}
.footer_top .ft_right .ft_right_right li.pt10 {padding-top: 10px;}

/* footer_bom */
.footer_bom {overflow: hidden; width: 100%; padding: 20px 0;  }
.footer_bom address {float: left; width: 60%;  color: #555; font-size: 12px; line-height:19px; }
.footer_bom .w3c {float: right; width: 30%; text-align: right;}
.footer_bom address span {display: block; font-size: 11px; color: #767676; line-height: 18px; }

/* sub_banner */
.sub_banner {}
.sub_banner .visiual {height: 256px; line-height: 256px;}
.sub_banner .visiual.about {background: url(../img/visual_about.jpg) no-repeat center top; }
.sub_banner .visiual.about2 {background: url(../img/visual_product_solComputing.jpg) no-repeat center top; }
.sub_banner .visiual.about3 {background: url(../img/visual_ir.jpg) no-repeat center top; }
.sub_banner .visiual.about4 {background: url(../img/visual_csr.jpg) no-repeat center top; }
.sub_banner .visiual.about5 {background: url(../img/visual_pr.jpg) no-repeat center top; }
.sub_banner .visiual.about6 {background: url(../img/visual_support.jpg) no-repeat center top; }
.sub_banner .visiual h2 {color: #fff; font-size: 45px; text-transform: uppercase;}
.sub_banner .breadvrumb {overflow:hidden; height: 48px; line-height: 48px; background-color: #eaeaea; }
.sub_banner .breadvrumb .path {float:left;}
.sub_banner .breadvrumb .path li {display:inline;}
.sub_banner .breadvrumb .path li i {padding-right: 15px;}
.sub_banner .breadvrumb .path li a {color: #333; padding-right: 5px; font-size: 14px;}
.sub_banner .breadvrumb .path li a i {padding-left: 5px;}
.sub_banner .breadvrumb .path li a:first-child i {padding-left: 0;}

.sub_banner .breadvrumb .sns {float:right;}
.sub_banner .breadvrumb .sns li {display:inline-block; background-color: #d6d6d6; text-align: center;}
.sub_banner .breadvrumb .sns li a {font-size: 18px; width: 52px; display:block;}

/* cont_title */
.cont_title {padding: 50px 0 40px 0; text-align: left;   }
.cont_title .container {border-bottom: 1px solid #edecec; padding-bottom: 50px; }
.cont_title .ct-box {position: relative; width: 300px; height: 65px; margin: 0 auto; padding-left: 70px;}
.cont_title .ct-box h3 {font-size: 36px; line-height: 43px; }
.cont_title .ct-box em {display: block; font-size: 12px; color: #767676; text-transform: uppercase; line-height: 20px; letter-spacing: 0px;}
.cont_title .ct-box i {position: absolute; left: 0; top: 0; background-color: #EB6655; font-size: 30px; width: 60px; height: 60px; border-radius: 50%; color: #fff; text-align: center; line-height: 60px;}


/* contents */
.contents p {font-size: 14px; line-height: 22px; color: #555;}
.contents h4 {position: relative; font-size: 30px; padding-bottom: 20px; padding-top: 4px;}
.contents h4:before {content:''; width: 30px; height: 2px; background-color: #EB6655; position: absolute; left: 0; top: 0;}
.contents h5 {font-size: 16px; font-weight: bold; color: #222; margin-bottom: 15px;}


/* column-box */
.column-box {overflow: hidden;}
.column-box .column {float: left;  }
.column-box .w60 {width: 60%;}
.column-box .w50 {width: 50%;}
.column-box .w40 {width: 40%;}


/* table */
.table-style1 {border-top: 2px solid #464e6b; }
.table-style1 td {border-bottom: 1px solid #c6c6c6; padding: 8px 20px 10px;}
.table-style1 th {border-bottom: 1px solid #c6c6c6; background-color: #f8f8f8; color: #484848; padding: 8px 20px 10px; text-align: left;}



/* PRODUCTS page */

/* cont_title2 */
.cont_title2 {padding: 50px 0 40px 0; text-align: left;}
.cont_title2 .container2 {padding-bottom: 50px; position: absolute; left: 450px;}
.cont_title2 .ct-box2 {position: relative;  height: 65px; margin-left:300px; padding-left: 70px;}
.cont_title2 .ct-box2 em {display: block; font-size: 12px; color: #767676; text-transform: uppercase; line-height: 20px; letter-spacing: 0px;}
.cont_title2 .ct-box2 h3 {font-size: 36px; font-size: 36px; line-height: 43px;	}
.cont_title2 .ct-box2 i {position: absolute; left: 0; top: 0; background-color: #EB6655; font-size: 30px; width: 60px; height: 60px; border-radius: 50%; color: #fff; text-align: center; line-height: 60px;}


/* global2 */
.global2 .global_map2 .gmlink2 {overflow: hidden; text-align: center; margin-top: 100px;}
.global2 .global_map2 .gmlink2 li {display: inline; margin-left: -3px; text-align: center; font-size: 14px; font-weight: bold; color: #333; letter-spacing: -0.01em; }
.global2 .global_map2 .gmlink2 li a {padding: 10px; border: 1px solid #c6c6c6; border-radius: 2px; width: 235px; display: inline-block;}
.global2 .global_map2 .gmlink2 li.active2 a {background-color: #ea5d4b; color: #fff;}



/* column-box */
.column-box1 {overflow: hidden;}
.column-box1 .column1 {float: left;  }
.column-box1 .w60 {width: 60%;}
.column-box1 .w50 {width: 50%;}
.column-box1 .w40 {width: 40%;}

/* server */
.server {}
.server h3 {font-size: 30px; position: relative;}
.server h3:before {content:''; width: 30px; height: 2px; background-color: #ea5d4b; position: absolute; left: 0; top: 0;}

.server .column-box1 .column1 p {}
.server .column-box1 .column1 img {padding-left: 20px;}


/* server-box */
.server-box {overflow: hidden;}
.server-box .container {}
.server-box .sebox1 {float: left; border: 1px solid #ccc; width: 320px; height: 335px; }
.server-box .sebox1 img {display: block; margin: 0 auto; padding-top: 40px;}
.server-box .sebox1 h4 {font-size: 18px; text-align: center; padding-top: 20px;}
.server-box .sebox1 p {text-align: center; background-color: #f5f5f5; font-size: 14px; padding-top: 10px; }
.server-box .sebox1 .seboxt {color: #ea5d4b; font-size: 16px;}

.server-box .sebox2 {float: left; border: 1px solid #ccc; width: 320px; height: 335px;}
.server-box .sebox2 img {display: block; margin: 0 auto; padding-top: 40px;}
.server-box .sebox2 h4 {font-size: 18px; text-align: center; padding-top: 20px;}
.server-box .sebox2 p {text-align: center; background-color: #f5f5f5; font-size: 14px; padding-top: 10px; }
.server-box .sebox2 .seboxt {color: #ea5d4b; font-size: 16px;}

.server-box .sebox3 {float: left; border: 1px solid #ccc; width: 320px; height: 335px;}
.server-box .sebox3 img {display: block; margin: 0 auto; padding-top: 40px;}
.server-box .sebox3 h4 {font-size: 18px; text-align: center; padding-top: 20px;}
.server-box .sebox3 p {text-align: center; background-color: #f5f5f5; font-size: 14px; padding-top: 10px; }
.server-box .sebox3 .seboxt {color: #ea5d4b; font-size: 16px;}

/* latsr */
.latsr {}
.latsr h3 {font-size: 30px; position: relative;}
.latsr h3:before {content:''; width: 30px; height: 2px; background-color: #ea5d4b; position: absolute; left: 0; top: 0;}
.latsr .relbox {}
.latsr .relbox h4 {font-size: 18px;}
.latsr .relbox .relbox1 {overflow: hidden;}
.latsr .relbox .relbox1 div {float: left; border: 1px solid #ccc; width: 232px; height: 57px; text-align: center; line-height: 57px; font-size: 12px;}

.latsr .relbox .relbox2 {overflow: hidden;}
.latsr .relbox .relbox2 div {float: left; border: 1px solid #ccc; width: 232px; height: 57px; text-align: center; line-height: 57px; font-size: 12px;}

/* resbox */
.resbox {}
.resbox h3 {font-size: 30px; position: relative;}
.resbox h3:before {content:''; width: 30px; height: 2px; background-color: #ea5d4b; position: absolute; left: 0; top: 0;}
.resbox .bux {overflow: hidden;}
.resbox .bux div {float: left; border: 1px solid #ccc; width: 232px; height: 57px; text-align: center; line-height: 57px; font-size: 12px;}
.resbox .bux img {}

/* //PRODUCTS page */


/* IR page */

/* column-box */
.column-box2 {overflow: hidden;}
.column-box2 .column2 {float: left;}
.column-box2 .w80 {width: 80%;}
.column-box2 .w78 {width: 78%;}
.column-box2 .w60 {width: 60%;}
.column-box2 .w50 {width: 50%;}
.column-box2 .w40 {width: 40%;}
.column-box2 .w22 {width: 22%;}
.column-box2 .w20 {width: 20%;}

/* cont_title */
.cont_title3 {padding: 50px 0 40px 0; text-align: left;   }
.cont_title3 .container3 {}
.cont_title3 .ct-box3 {position: relative; width: 300px; height: 65px; margin: 0 auto; padding-left: 70px;}
.cont_title3 .ct-box3 h3 {font-size: 36px; line-height: 43px; }
.cont_title3 .ct-box3 em {display: block; font-size: 12px; color: #767676; text-transform: uppercase; line-height: 20px; letter-spacing: 0px;}
.cont_title3 .ct-box3 i {position: absolute; left: 0; top: 0; background-color: #EB6655; font-size: 30px; width: 60px; height: 60px; border-radius: 50%; color: #fff; text-align: center; line-height: 60px;}

/* buleft */
.column2 .buleft { border-top: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;}
.buleft .anbox {width: 760px; height: 81px; background-color: #dbdbdb;}
.buleft .anbox {text-align: center;position: relative; }
.buleft .anbox .ps1 {font-size: 16px; position: absolute; top: 20px; left: 40px;}
.buleft .anbox .ps1 strong {color:#EB6655;}
.buleft .anbox .ps2 {font-size: 13px; position: absolute; top: 40px; left: 40px;}

/* bbox8 */
.bbox8 {overflow: hidden;}
.bbox8 div {border: 1px solid #dbdbdb; width: 230px; height: 218px; float: left;}

.bbox8 .bbbox1 {position: relative;}
.bbox8 .bbbox1 img {}
.bbox8 .bbbox1 span {display: none;} 
.bbox8 .bbbox1 em {background-color: #fff; width: 190px; height: 38px; position: absolute; bottom: 0; left: 0; line-height: 38px; font-size: 14px;}
.bbox8 .bbbox1 i {background-color: #EB6655; width: 40px; height: 38px; position: absolute; bottom: 0; right: 0; line-height: 38px; text-align: center; font-size: 30px; color: #fff;}

/* gkbgs */
.gkbgs {}
.gkbgs h4 {font-size: 16px;}
.gkbgs .gkbgsbox {overflow: hidden; position: relative;}
.gkbgs .gkbgsbox div {border: 1px solid #dbdbdb; width: 365px; height: 262px; float: left;}

.gkbgs .gkbgsbox1 img {display: block; width: 180px; height: 220px; position:absolute; top: 20px; left: 170px;}
.gkbgs .gkbgsbox1 .gkbox1 {background-color: #dbdbdb; width: 74px; height: 24px; margin-top: 10px;}
.gkbgs .gkbgsbox1 .gkbox1 p {font-size: 20px; position: absolute; top: 10px; left: 15px;}
.gkbgs .gkbgsbox1 em {position: absolute; top: 220px; left: 25px; background-color: #777; width: 123px; height: 29px; color: #fff; font-size: 15px; text-align: center; line-height: 29px;}
.gkbgs .gkbgsbox1 h5 {font-size: 14px; position: absolute; top: 50px; left: 15px; color:#EB6655; 	}
.gkbgs .gkbgsbox1 p {position: absolute; top: 100px; left: 15px;}
.gkbgs .gkbgsbox1 span {position: absolute; top: 220px; left: 25px;}
.gkbgs .gkbgsbox1 .gkbox1 {background-color: #ccc; width: 143; height: 29; margin-top: 10px;}
.gkbgs .gkbgsbox1 .gkbox11 {}
.gkbgs .gkbgsbox1 .gkbox11 p {position: absolute; top: 220px; left: 25px;}

.gkbgs .gkbgsbox2 img {display: block; width: 180px; height: 220px; position: absolute; top: 20px; right: 45px;}
.gkbgs .gkbgsbox2 .gkbox2 {background-color: #dbdbdb; width: 74px; height: 24px; margin-top: 10px;}
.gkbgs .gkbgsbox2 .gkbox2 p {font-size: 20px; position: absolute; top: 10px; right: 340px;}
.gkbgs .gkbgsbox2 em {position: absolute; top: 220px; right: 250px; background-color: #777; width: 123px; height: 29px; color: #fff; font-size: 15px; text-align: center; line-height: 29px;}
.gkbgs .gkbgsbox2 h5 {font-size: 14px;	position: absolute; top: 50px;	right: 290px; color:#EB6655;}
.gkbgs .gkbgsbox2 p {position: absolute; top: 100px; right: 245px;}
.gkbgs .gkbgsbox2 .gkbox2 {background-color: #ccc; width: 143; height: 29px;}

.tbgbox .tbgbox1 {border: 1px solid #dbdbdb; width: 760px; height: 40px;}
.tbgbox .tbgbox1 p {text-align: center; line-height: 40px; font-size: 14px;}
.tbgbox .tbgbox1 i {text-align: center;}

.ictt .ictt1 {border: 1px solid #dbdbdb; width: 760px; height: 71px; position: relative;}
.ictt .ictt1 img {position: absolute; top: 10px; left: 20px;}
.ictt .ictt1 h5 {font-size: 16px; position: absolute; top: 25px; left: 120px; }
.ictt .ictt1 p {position: absolute; top: 27px; left: 240px; font-size: 14px;}
.ictt .ictt1 .ictt1box {overflow: hidden;}
.ictt .ictt1 .ictt1box div {border: 1px solid #dbdbdb;  width: 82px; height: 30px; float: left; position: absolute; top: 20px; right: 120px; background-color: #464e6b;}
.ic1boxleft {line-height: 30px; text-align: center; color: #fff;}


.ictt .ictt1 .ictt2box {overflow: hidden;}
.ictt .ictt1 .ictt2box div {border: 1px solid #dbdbdb;  width: 82px; height: 30px; float: left;  position: absolute; top: 20px; right: 20px; background-color: #464e6b;}
.ic1boxright {line-height: 30px; text-align: center; color: #fff;}



/* buright */
.column2 .buright { border-top: 1px solid #dbdbdb;}

.rcribox {border-top: 1px solid #dbdbdb; position: relative;}
.rcribox .rcribox1 {}
.rcribox .rcribox1 h5 {font-size: 16px;}
.rcribox .rcribox1 div {border: 1px solid #dbdbdb;  width: 197px; height: 36px;}

.burdl {border-top: 1px solid #dbdbdb;}
.burdl h5 {font-size: 16px;}



					
/* 여백 초기화 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button{margin:0;padding:0}

/* 블릿기호 초기화 */
dl,ul,ol,menu,li{list-style:none}

/* 링크 초기화 */
a{color:#222;text-decoration:none}
a:hover{color:#ea5d4b; text-decoration:underline}
a:active{background-color:transparent}

/* 폰트 초기화 */
body,th,td,input,select,textarea,button{font-size:13px;line-height:1.5;font-family:"Roboto", Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;color:#222;letter-spacing:-1px}

/* 폰트 스타일 초기화 */
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}

/* table 초기화 */
table {width: 100%; border-spacing: 0; border-collapse: collapse;}

/* caption */
caption {padding: 0; margin: 0; font-size: 0; line-height: 0; width: 0; height: 0; text-indent: -9999px;}

/* padding, margin setting */
.pt00 {padding-top: 0px !important;}
.pt05 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}
.pt55 {padding-top: 55px !important;}
.pt60 {padding-top: 60px !important;}

.pl00 {padding-left: 0px !important;}
.pl01 {padding-left: 1px !important;}
.pl02 {padding-left: 2px !important;}
.pl03 {padding-left: 3px !important;}
.pl04 {padding-left: 4px !important;}
.pl05 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl35 {padding-left: 35px !important;}
.pl40 {padding-left: 40px !important;}
.pl45 {padding-left: 45px !important;}
.pl50 {padding-left: 50px !important;}
.pl55 {padding-left: 55px !important;}
.pl60 {padding-left: 60px !important;}

.pr00 {padding-right: 0px !important;}
.pr05 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr35 {padding-right: 35px !important;}
.pr40 {padding-right: 40px !important;}
.pr45 {padding-right: 45px !important;}
.pr50 {padding-right: 50px !important;}
.pr55 {padding-right: 55px !important;}
.pr60 {padding-right: 60px !important;}

.pb00 {padding-bottom: 0px !important;}
.pb05 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb35 {padding-bottom: 35px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb45 {padding-bottom: 45px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb55 {padding-bottom: 55px !important;}
.pb60 {padding-bottom: 60px !important;}

.mt00 {margin-top: 0px !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt55 {margin-top: 55px !important;}
.mt60 {margin-top: 60px !important;}

.ml00 {margin-left: 0px !important;}
.ml01 {margin-left: 1px !important;}
.ml02 {margin-left: 2px !important;}
.ml03 {margin-left: 3px !important;}
.ml04 {margin-left: 4px !important;}
.ml05 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.ml55 {margin-left: 55px !important;}
.ml60 {margin-left: 60px !important;}

.mr00 {margin-right: 0px !important;}
.mr05 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
.mr55 {margin-right: 55px !important;}
.mr60 {margin-right: 60px !important;}

.mb00 {margin-bottom: 0px !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb55 {margin-bottom: 55px !important;}
.mb60 {margin-bottom: 60px !important;}