﻿@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Roboto');

/* 본문 전체 공통 스타일 항목 */
*{}
body,h1,h2,h3,h4,h5,h5,p,ul,ol,li,hr,button{margin:0; padding:0; list-style:none; font-family:Nanum Gothic;}
img,button{border:0;}
a{text-decoration:none; color:#000;}
*{box-sizing:border-box; }

/* header */
header{width:100%; height:90px; 
         position:absolute; left:0; top:0;}

#header_wrap{width: 1000px; height: 90px; 
                    margin:0 auto;}


#header_inner{width:1000px; height: 75px;
                  margin:10px auto;}

/* 로고 */
h1{width: 110px; text-align: center; float: left; margin-top:5px;}

/* 메뉴들 */
.gnb{width:818px; height:60px; float:right; }

.gnb a:hover{border-bottom: 3px solid #bf0000; padding-bottom: 10px;}

.gnb h2{font-size:18px; margin-top: 23px; }

.gnb>li{float:left; text-align:center; 
           width: 160px;}

.gnb>li>ul>li{margin-top: 20px; font-size: 14px;
                   display: none;}
ul.gnb li h2 a {
    color: #000;
    text-decoration: none;}

/* container */
#container{margin: 90px auto 0 auto; width:100%;}


/* 비쥬얼 부분 */
.visual{margin:0 auto; overflow:hidden; }

.visual h2{display:none;}

.visual_img{width:6000px; height: 548px;}
.visual_img li{width:2000px; height:548px; margin:0 auto; float:left; }
.visual_img li p{color:white; font-size:22px; }
.visual_img li p>span{font-size:80px; font-weight: 600; 
                         border-bottom: 1px solid white;}
.visual_img li p:first-child{font-size: 40px; margin-bottom: 20px;}

.v1{background: url(images/main_visual_1.jpg) no-repeat center /cover;}
.v2{background: url(images/main_visual_2.jpg) no-repeat center/cover;}
.v3{background: url(images/main_visual_3.jpg) no-repeat center/cover;}

.v_txt{width:1000px; margin:180px auto; color:#fff; text-align: center;}


.visual_btn{position:absolute; margin:-175px 0 0 915px; background:0;}
.visual_btn li{float:left; margin-right: 30px;}

.visual_btn li button{background:none; }

.visual_btn li button:hover{cursor:pointer;}


/* 컨텐츠 시작 */
.contents{width: 1000px; margin: 0 auto;}

/* 회사소개 */
.main_company{float:left; width: 530px; height: 250px; 
                      margin: 40px 0;
                      background:#bf0000 url(images/main_company.jpg) no-repeat right; }

.main_company h2{width: 58px; display: inline-block; margin: 30px;
                          font-size: 15px; color:#fff; border-bottom: 2px solid #fff;}

.main_company p{color:#fff; margin: 0 0 0 32px; line-height: 22px;}

.main_company p:last-child{width: 120px; margin: 40px 0 0 30px; font-size: 15px; 
                                     border: 1px solid #fff; padding:8px 8px 8px 14px;}

.main_company p:last-child a{color:#fff; box-sizing: border-box;}

/* 전화문의 */
.main_telephone{float:left; width: 400px; height: 250px; 
                       margin: 40px 0 0 60px; 
                       background:url(images/main_telephone.jpg) no-repeat 280px 170px;}

.main_telephone h2{width: 58px; display: inline-block; margin: 30px 0;
                            font-size: 15px; border-bottom: 2px solid #000;}

.main_telephone p:nth-of-type(1){color: #bf0000; font-size: 35px; font-weight: bold;}

.main_telephone p:nth-of-type(2){font-size: 25px; font-weight: bold; margin: 20px 0;}


/* 특허인증현황 */
.main_license{clear:both; padding: 35px 0; height: 220px;
           border-top: 1px solid #f2cccc; border-bottom: 1px solid #f2cccc;
           background:url(images/main_license.jpg) no-repeat 655px 65px;}

.main_license h2{float:left; width: 92px; display: inline-block; margin: 0 0 30px 30px;  
               font-size: 15px; border-bottom: 2px solid #000; }

.main_license p:nth-of-type(1){float:right; margin-right: 35px;}

.main_license p:nth-of-type(2){font-size:18px; clear:both; margin-left: 30px;}

.main_license p:nth-of-type(3){font-size: 15px; margin:15px 0 0 30px; line-height: 22px; }


/* 제품소개 */ 
.main_product{height: 300px;}

.main_product h2{float: left; width: 58px; margin: 30px;
                font-size: 15px; border-bottom: 2px solid #000;}

.main_product>p{float:right; margin:30px 35px 0 0; }

.main_product ul{clear:both; margin-left: 30px;}

.main_product ul li{float: left; margin-right: 25px;}

.main_product ul li p{font-size:16px; text-align:center;}

.main_product ul li p:nth-child(2){margin:6px 0;}
/* 컨텐츠 끝 */


/* footer */
footer{width:100%; height: 100px; background:#464646; margin-top:60px; clear:both;}

#footer_wrap{width: 1000px; margin: 0px auto; padding:10px 0px;}

#footer_wrap h2{display:none;}

#footer_wrap p{float:left; margin:10px 15px 0 0; font-size: 12px; color: #fff;}

.summary{width:710px; float:left;}
.contect{width:290px; float:left;}

.summary p:nth-of-type(1),.summary p:nth-of-type(2),
.summary p:nth-of-type(4),.summary p:nth-of-type(5){border-right:1px solid rgba(255,255,255,0.2); padding-right:15px;}


.contect p{float:left; padding: 25px 0px 0px 10px;}
.contect a{color:#fff;}