*, *:after, *:before { margin:0; padding:0; font-family:'Malgun Gothic'; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-break:keep-all; }
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
li { list-style:none; float:left;}
a { text-decoration:none; color:#232323; text-decoration: none; outline: none;}
p {letter-spacing:-1px;}
img { border:none;}
body {overflow:hidden; overflow-Y:scroll; position:relative;font-size: 16px;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
::selection {background: #00974a;color:rgb(248, 190, 0);}
header{width:100%;border-bottom: 1px solid #e0e0e0;box-sizing: border-box;}
header h1{float: left;}
header #lnb_top{width:100%;position: relative;height: 90px;line-height: 90px;border-bottom: 1px solid #e0e0e0;}
header #lnb_top div{width:1200px;margin:0 auto;position:relative;}
header #lnb_top h1{margin-top:15px;width:200px;float: left;}
header #lnb_top h1 img{width:100%;}
header #lnb_top ul{position: absolute;right:0;}
header #lnb_top ul li:nth-child(3) a{color:#00974a;}
header #lnb_top ul li{margin-left: 10px;color:#6f6f6f;}
header #lnb_top ul li a {color:#6f6f6f;}
header #lnb_bottom{width:1200px;height:60px;background:#fff;line-height: 50px;margin:0 auto;position: relative;}
header #lnb_bottom ul li a {font-size: 1em;color:#4b4a4a;}
header #lnb_bottom ul li a:hover{color:#00bc5c;transition: 0.3s;}
header #lnb_bottom ul{margin-top:15px;}
header #lnb_bottom ul li{margin-left:50px;}
#slider{width:100%;background: #6f6f6f;height:auto;display: auto;position: relative;}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #00974a;
  overflow:hidden;
  transition: 0.5s;
  padding-top: 60px;
  text-align:center;
  z-index:999;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #ffffff;
  display: block;
  transition: 0.3s;

}
.sidenav p{color:#dddddd;line-height: 24px;margin-top:50px;}
.sidenav img{width:150px;margin:0 auto;margin-top:50px;}

.sidenav a:hover{
  color: #dddddd;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
#mo_button{position: absolute;right:0;top:0;color:#00974a;}
#slider .intro {
  width: 100%;
  min-height: 100%;
  position: absolute;text-align: center;color:white;
}
#slider .intro .slide {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  overflow: hidden;
}
#slider .intro .slide.slide-a {
  z-index: 400;
}
#slider .intro .slide.slide-a .slide-a-child {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  opacity: 0;
  transition: all 1s;
}
#slider .intro .slide.slide-a .slide-a-child.is-visible {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
#slider .intro .slide.slide-a p {
  font-size:1.25em;line-height: 30px;font-weight: 100;
}
#slider .intro .slide.slide-b {
  background: #0EB29A;
  z-index: 300;
}
/* slider */

/*btns*/
.btns{
  position:absolute;
  width:50px;
  height:60px;
  top:50%;
  margin-top:-25px;
  line-height:57px;
  text-align:center;
  cursor:pointer; 
  background:rgba(0,0,0,0.1);
  z-index:100;
  
  
  -webkit-user-select: none;  
  -moz-user-select: none; 
  -khtml-user-select: none; 
  -ms-user-select: none;
  
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.btns:hover{
  background:rgba(0,0,0,0.3); 
}

#next{right:-50px; border-radius:7px 0px 0px 7px;}
#previous{left:-50px; border-radius:0px 7px 7px 7px;}
#counter{
  top: 30px; 
  right:35px; 
  width:auto;
  position:absolute;
}

#slider-wrap.active #next{right:0px;}
#slider-wrap.active #previous{left:0px;}


/*bar*/
#pagination-wrap{
  min-width:20px;
  margin-top:350px;
  margin-left: auto; 
  margin-right: auto;
  height:15px;
  position:relative;
  text-align:center;
}

#pagination-wrap ul {
  width:100%;
}

#pagination-wrap ul li{
  margin: 0 4px;
  display: inline-block;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#fff;
  opacity:0.5;
  position:relative;
top:0;


}

#pagination-wrap ul li.active{
width:12px;
height:12px;
top:3px;
  opacity:1;
  box-shadow:rgba(0,0,0,0.1) 1px 1px 0px; 
}




/*Header*/
h1, h2{text-shadow:none; text-align:center;}
h1{ color: #666; text-transform:uppercase;  font-size:36px;}
h2{ color: #7f8c8d; font-family: Neucha, Arial, sans serif; font-size:18px; margin-bottom:30px;} 




/*ANIMATION*/
#slider-wrap ul, #pagination-wrap ul li{
  -webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1);
  -moz-transition: all 0.3s cubic-bezier(1,.01,.32,1);
  -o-transition: all 0.3s cubic-bezier(1,.01,.32,1);
  -ms-transition: all 0.3s cubic-bezier(1,.01,.32,1);
  transition: all 0.3s cubic-bezier(1,.01,.32,1); 
}
/* main_mv */
#main_mv{width:100%;height: 600px;background-image: url(../image/bg.jpg);background-repeat:no-repeat;background-size: cover;background-position: center;}
#main_mv div{width:1200px;margin:0 auto;margin-top:80px;}
#main_mv div div{width:50%;float: left;}
#main_mv video{width:90%;}
#main_mv div div hr{width:40px;height:4px;background:#00974a;margin-top:50px;}
#main_mv div div h2{font-size: 1.250em;color:#000;font-weight: 100;text-align: left;margin-top:10px;}
#main_pro{width:100%;height:700px;background:#f5f5f5;}
#main_pro h2{font-size:1.563em;font-weight: 100;color:#000;padding-top:80px;}
#main_pro ul{width:1200px;margin:0 auto;}
#main_pro ul li{margin-left: 10px;}
#main_pro .main_pro_01{background-image: url(../image/probg01.jpg);width:50%;height: 450px;background-repeat: no-repeat;background-size: cover;background-position: center;}
#main_pro .main_pro_02{background-image: url(../image/probg02.jpg);width:15%;height: 450px;background-repeat: no-repeat;background-size: cover;background-position: center;}
#main_pro .main_pro_03{background-image: url(../image/probg03.jpg);width:15%;height: 450px;background-repeat: no-repeat;background-size: cover;background-position: center;}
#main_pro .main_pro_04{background-image: url(../image/probg04.jpg);width:15%;height: 450px;background-repeat: no-repeat;background-size: cover;background-position: center;}
#main_pro ul li div{width:100%;height: 100%;color:#fff;position: relative;}
#main_pro ul li div h1{margin-top:60px;}
#main_pro ul li div h2{font-size: 1.563em;color:#fff;text-align: center;padding:0;font-weight: 400;margin-bottom: 0;}
#main_pro ul li div h3{font-size: 1.250em;font-weight: 100;text-align: center;}
#main_pro ul li div p{margin-top:35px;font-size: 1.125em;text-align: center;opacity: 0.9;}
#main_pro ul li div nav{position: absolute;bottom:80px;right:20px;}
#main_pro ul li{overflow:hidden;white-space: nowrap;}
#main_pro ul li div div{display: none;}
#main_pro .main_pro_01 div div{display: block;}
#main_pro #main_pro_m{display: none;}
#main_pro #main_pro_m li{width:100%;height: 400px;}
#main_pro #main_pro_m .main_pro_01_m{background-image: url(../image/probg01.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
#main_pro #main_pro_m .main_pro_02_m{background-image: url(../image/probg02.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
#main_pro #main_pro_m .main_pro_03_m{background-image: url(../image/probg03.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
#main_pro #main_pro_m .main_pro_04_m{background-image: url(../image/probg04.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
#main_pro #main_pro_m li div nav{position: relative;margin:0;padding:0;}
footer{width:100%;height: auto;overflow: auto;background-color: #00974a;}
footer div {width:1200px;margin:0 auto;color:#fff;padding:25px 0 25px 0;}
footer div h1{margin:0;text-align: left;float: left;}
footer div p{font-size:0.938em;margin-left: 200px;margin-top:10px;}


#sub_wrap{width:100%;height:540px;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}
#sub_wrap h1 {color:#fff;padding-top:200px;font-size: 2.750em;font-weight: 400;}
#sub_wrap ul {width:1200px;margin:0 auto;position: absolute;bottom:40px;left:50%;transform: translateX(-50%);}
#sub_wrap ul li{background:#fff;border:1px solid #dbdbdb;width:25%;padding:20px 0 20px 0;text-align: center;}
#sub_wrap ul li div{width:100%;height: 100%;}
#sub_wrap ul li a{font-size: 1vw;color:#535353;text-align:center;}
#sub_wrap ul li:hover a{color:#fff;transition:0.3s;}
#sub_wrap ul li:hover{background:#00974a;transition: 0.3s;} 
#content_wrap h2{font-size: 2.188em;font-weight: 400;color:#535353;margin-top:100px;margin-bottom: 100px;}
#content_wrap{width:100%;height: auto;margin-bottom: 200px;}

#content_wrap .about01{width:1200px;margin:0 auto;height: auto;overflow: auto;overflow-x: hidden;}
#content_wrap .about01 div{width:50%;float: left;}
#content_wrap .about01 div:first-child{background-image: url(../company/image/about1.jpg);height: 640px;background-repeat: no-repeat;background-position: center;background-size: cover;}
#content_wrap .about01 div h2{font-size: 2.188em;color:#541b86;text-align: left;margin:0;}
#content_wrap .about01 div nav{margin-left: 80px;}
#content_wrap .about01 div nav hr{width:90%;height:10px;background:#cfcfcf;border:none;margin:30px 0 30px 0;text-align: left;}
#content_wrap .about01 div nav p{width:90%;color:#454545;font-size: 1.250em;}
#content_wrap .about01 div nav p b{color:#272727;font-size: 1.250em;line-height:40px;}


#content_wrap .about02{width:1200px;margin:0 auto;height: auto;overflow: auto;margin-top:200px;}
#content_wrap .about02 div{width:50%;float: left;}
#content_wrap .about02 div:nth-child(2){background-image: url(../company/image/about2.jpg);height: 640px;background-repeat: no-repeat;background-position: center;background-size: cover;}
#content_wrap .about02 div h2{font-size: 2.188em;color:#14a83b;text-align: right;margin:0;margin-right: 90px;}
#content_wrap .about02 div nav{margin-left: 80px;text-align: right;}
#content_wrap .about02 div nav hr{width:90%;height:10px;background:#cfcfcf;border:none;margin:30px 0 30px 0;}
#content_wrap .about02 div nav p{width:90%;color:#454545;font-size: 1.250em;}
#content_wrap .about02 div nav p b{color:#272727;font-size: 1.250em;line-height:40px;}


#content_wrap .about03{width:1200px;margin:0 auto;height: auto;overflow: auto;overflow-x: hidden;margin-top:200px;}
#content_wrap .about03 div{width:50%;float: left;}
#content_wrap .about03 div:first-child{background-image: url(../company/image/about3.jpg);height: 640px;background-repeat: no-repeat;background-position: center;background-size: cover;}
#content_wrap .about03 div h2{font-size: 2.188em;color:#e4007f;text-align: left;margin:0;}
#content_wrap .about03 div nav{margin-left: 80px;}
#content_wrap .about03 div nav hr{width:90%;height:10px;background:#cfcfcf;border:none;margin:30px 0 30px 0;text-align: left;}
#content_wrap .about03 div nav p{width:90%;color:#454545;font-size: 1.250em;}
#content_wrap .about03 div nav p b{color:#272727;font-size: 1.250em;line-height:40px;}


#content_wrap .company{width:1200px;margin:0 auto;}
#content_wrap .company h2{margin-top:30px;color:#5d9301;font-size: 1.750em;}
#content_wrap .company div{background-image: url(../company/image/company_bg.jpg);width:100%;height: 350px;background-repeat: no-repeat;}
#content_wrap .company nav{width:100%;margin-top:50px;height: auto;overflow: auto;overflow-x: hidden;}
#content_wrap .company p{width:48%;float: left;}
#content_wrap .company p:nth-child(2){margin-left: 2%;}


/* timeline */
/* The actual timeline (the vertical ruler) */
.timeline {position: relative;max-width: 1200px;margin: 0 auto;color:#fff;margin-bottom: 100px;}
.timeline ul{height: auto;overflow: auto;font-size: 1.125em;padding-bottom: 20px;}
.timeline li{width:100%;}
.timeline ul li nav{width:60px;text-align: left;float:left;margin-right: 20px;}
.timeline ul li .his_tx{text-align: right;}
.timeline h2{color:#fff;text-align: left;font-size: 1.875em;font-weight: 400;}
/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #cedeb2;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.container {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;margin-top:150px;
}

.his_left{float: left;margin-left: 20px;position: absolute;text-align: center;}
.his_left img{width:80%;}
/* The circles on the timeline */
.container::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -13px;
  background-color: white;
  border: 4px solid #5d9301;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left */
.left {
  left: 0;
}

/* Place the container to the right */
.right {
  left: 50%;
}

/* Add arrows to the left container (pointing right) */
.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #5d9301;
  
}

/* Add arrows to the right container (pointing left) */
.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent #5d9301 transparent transparent;
}

/* Fix the circle for containers on the right side */
.right::after {
  left: -12px;
}

/* The actual content */
.content {
  padding: 20px 30px;
  background-color: #5d9301;
  position: relative;
  border-radius: 6px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
  /* Place the timelime to the left */
  .timeline::after {
  left: 31px;
  }
  
  /* Full-width containers */
  .container {
  width: 100%;
  padding-left: 70px;
  padding-right: 25px;
  }
  
  /* Make sure that all arrows are pointing leftwards */
  .container::before {
  left: 60px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
  }

  /* Make sure all circles are at the same spot */
  .left::after, .right::after {
  left: 15px;
  }
  
  /* Make all right containers behave like the left ones */
  .right {
  left: 0%;
  }
}

#location{width:1200px;margin:0 auto;}
#location h1 nav{float: left;margin-right:30px;}
#location h1 {text-align: left;font-size: 1.875em;font-weight: 400;line-height: 50px;color:#212121;}
#location p{margin:10px 0 0 80px;color:#4a4a4a;font-size: 1.250em;line-height: 35px;}
#location iframe{width:100%;height: 550px;margin-top:70px}


#content_protx h3{font-size: 1.875em;text-align: center;color:#5d9301;font-weight: 400;margin-top:130px;letter-spacing: -2px;}
#content_protx  hr{width:85px;height: 2px;background:#63686f;border:none;margin:0 auto;margin-top:20px;;}
#content_protx h2{color:#232323;margin-top:20px;margin-bottom: 0;}
#content_protx h2 b{font-size: 0.7em;font-weight: 100;}
#content_protx ul{width:30%;margin:0 auto;margin-top:30px;overflow: auto;color:#707070;}
#content_protx ul li{font-size: 1.125em;list-style: circle;margin-left:40px;float: none;}
#product{width:1200px;margin:0 auto;height: auto;}
#product .pro_img{width:85%;margin:0 auto;margin-top:100px;}
#product .pro_img img{width:100%;}
#product video{width:100%;margin-top:50px;}
 #promain {margin-top:60px;overflow:auto;overflow-y: hidden;width:1200px;margin:0 auto;}
 #promain li{width:31%;border-radius: 10px;border:2px solid #323232;overflow:auto;margin-left: 20px;position: relative;cursor: pointer;overflow-y: hidden;margin-top:20px;}
#promain li img{width:100%;}
#promain li nav{font-size: 1.250em;margin-left: 30px;height:70px;}
#promain li nav p{font-size: 0.85em;line-height: 15px;}
#promain li div{width:100%;height: 100%;position: absolute;background:rgba(104,154,18,0.8);top:20px;left: 0;overflow-y: hidden;color:#fff;opacity: 0;}
#promain li div h2{text-align: left;font-size: 1.563em;margin:0;margin-left: 20px;margin-top:20px;color:#fff;}
#promain li div p{font-size: 1.125em;margin-left: 20px;}
 #promain li div nav{height: auto;float: left;}
 #promain li div span{font-size: 1.125em;white-space: normal;}
 #promain li div nav img{width:100%;margin-top:20px;}
 #promain li div table{width:90%;border-collapse: collapse;margin:0 auto;margin-top:20px;text-align: center;}
 #promain li div th, td{border:1px solid #fff;}
 #promain li:hover div{opacity:1;transition: 0.3s;top:0;}
#pro_snb{width:1200px;height: auto;overflow:auto;margin:0 auto;margin-top:50px;}
#pro_snb li{width:16%;text-align: center;padding:10px 0 10px 0;border:2px solid #00974a;box-sizing: border-box;margin:1px 1px 0 1px;}
#pro_snb li a{font-size: 1.438em;color:#00974a;}
#pro_snb li div{width:100%;height: 100%;}
#pro_snb li:hover a{color:white;}
#pro_snb li:hover {background:#00974a;}
#silver_content{width:100%;height:700px;background-image: url(../products/image/silver_bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;margin-top:100px;}
#silver_wrap ul{width:1200px;margin:0 auto;padding-top:150px;}
#silver_wrap ul li{width:33%;color:#fff;border-left: 1px solid white;}
#silver_wrap ul li:first-child{border:none}
#silver_wrap ul li h2{color:#fff;font-size: 1.438em;height: 100px;margin:0;}
#silver_wrap ul li p{width:80%;margin:0 auto;font-size: 0.938em;opacity: 0.8;}
#silver_wrap #silver_img{width:1200px;margin:0 auto;text-align: center;}
#silver_wrap #silver_img img{width:80%;margin:0 auto;}
#brute_wrap{width:100%;height:700px;background-image: url(../products/image/silver_bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;margin-top:100px;}

#etc_menu{overflow: auto;height:100px;position: relative;margin-top:70px;}
#etc_menu li{margin-right:10px;width:150px;height: 50px;text-align: center;border:2px solid #dbdbdb;line-height: 50px;border-radius: 10px;}
#etc_menu li div{width:100%;height: 100%;}
#etc_menu li a{font-size: 1.250em;color:#565656;}
#etc_color .color_01{position: relative;margin-top:100px;width:100%;overflow:auto;}
#etc_color .color_02{width:50%;margin:0 auto;margin-top:100px;overflow: auto;}
#etc_color .color_02 li{display:none;margin:0 auto;}
#etc_color .color_02 li img{width:100%;display: block;}
#etc_color .color_02 li:first-child{display: block;}
#etc_color .color_01 li{width:60px;height:60px;border:2px solid #dedede;border-radius: 100px;margin-left:30px;cursor: pointer;}
#etc_color .color_01 li:nth-child(1){background:#fff;}
#etc_color .color_01 li:nth-child(2){background:#000;}
#etc_color .color_01 li:nth-child(3){background:#e8622a;}
#etc_color .color_01 li:nth-child(4){background:#fee38d;}
#etc_color .color_01 li:nth-child(5){background:#f5e700;}
#etc_color .color_01 li:nth-child(6){background:#ebbcb6;}
#etc_color .color_01 li:nth-child(7){background:#eb77ab;}
#etc_color .color_01 li:nth-child(8){background:#e62786;}
#etc_color .color_01 li:nth-child(9){background:#9cc93c;}
#etc_color .color_01 li:nth-child(10){background:#086036;}
.app{width:1200px;margin:0 auto;text-align: center;}
   
#brute_wrap .brute_content{width:1200px;margin:0 auto;}
#brute_wrap .brute_content img{float: left;margin-top:150px;border:10px solid #fff;width:50%;}
#brute_wrap .brute_content nav{margin-left:50px;width:40%;float: left;}
#brute_wrap .brute_content nav h2{text-align: left;color:white;margin-bottom: 0;margin-top:150px;}
#brute_wrap .brute_content nav p{font-size:1.125em;margin-top:30px;color:#fff;opacity: 0.8;line-height: 30px;}

@media (max-width:1200px){
  #brute_wrap .brute_content{width:100%;}
    header #lnb_top div{width:100%;}
    header #lnb_bottom{width:100%;}   
    #main_mv div{width:100%;}
    #main_mv video{width:95%;}
    #main_pro ul{width:100%;}
    footer div{width:100%;}
    #sub_wrap ul{width:100%;}
    #content_wrap .about01{width:100%;}
    #content_wrap .about02{width:100%;}
    #content_wrap .about03{width:100%;}
    #content_wrap .company{width:100%;}
    #location{width:100%;}
    #product{width:100%;}
    #promain{width:100%;}
    #silver_wrap #silver_img{width:100%;}
    #silver_wrap ul{width:100%;}
    .app{width:100%;}
    #pro_snb{width:100%;}
    #content_protx ul{width:80%;}
}                                  
@media (max-width:800px) {
    header #lnb_bottom .lnb_bwrap{display: none;}
    #main_mv div div{width:100%;}
    #main_mv video{margin:0 auto;width:100%;}
    #main_mv{height: auto;overflow: auto;}
    #main_pro #main_pro_wrap{display: none;}
    #main_pro #main_pro_m{display: block;}
    #main_pro ul li{white-space: normal;margin-left: 0;}
    #main_pro{height: auto;overflow:auto;padding-bottom: 100px;overflow-x:hidden;}
    #slider .intro .slide.slide-a h1 img{width:90%;}
    footer div h1{margin:0 auto;float: none;}
    footer div p{margin:0;}
    #sub_wrap ul{margin-top:100px;}
    #sub_wrap ul li{width:50%;}
    #content_wrap .about01 div{width:100%;}
    #content_wrap .about02 div{width:100%;}
    #content_wrap .about03 div{width:100%;}
    #content_wrap .about01 div nav{margin-left: 0;}
    #content_wrap .about03 div nav{margin-left: 0;}
    #content_wrap .about02 div h2{margin:0;}
    #content_wrap .about02 div nav hr{text-align: right;}
    #content_wrap .about01 div nav p, #content_wrap .about02 div nav p, #content_wrap .about03 div nav p{width:100%;}
    #content_wrap .company nav{overflow-x: hidden;}
    #content_wrap .company p{width:100%;}
    #content_wrap .company p:nth-child(2){margin:0;margin-top:20px;}
    .his_left{display: none;}
    .container {margin-top:0;}
    #location h1{font-size: 5vw;line-height: 40px;}
    #location h1 nav{margin-right: 10px;}
    #location h1 img{width:35px;}
    #location p{font-size: 3vw;margin:0;margin-top:20px;}
    #promain li{width:45%;}
    #promain li div nav img{width:80%;}
    #promain li nav{font-size:2.5vw;}
    #promain li div h2{font-size: 2.5vw;}
    #promain li div p{font-size: 2.5vw;}
    #promain li div span{display: none;}
    #silver_wrap #silver_img img{width:100%;}
    #silver_content{height: auto;padding-bottom: 100px;width:100%;}
    #brute_wrap{height: auto;padding-bottom: 100px;}
    #silver_wrap ul li{float: none;width:100%;margin-bottom: 50px;border:none}
    #promain li div table{width:98%;}
    #pro_snb li{width:32%;}
    #sub_wrap ul li a{font-size:2.25vw;}
    #etc_color .color_02{width:95%;margin:0 auto;}
    #etc_color .color_01 li{border-radius: 0;margin:0;width:20%;}
    #content_protx ul{width:80%;}
    #brute_wrap .brute_content{overflow: auto;overflow-x: hidden;}
    #brute_wrap .brute_content img{width:90%;margin:0 auto;overflow: auto;display: block;overflow: auto;margin-top:100px;}
    #brute_wrap .brute_content nav{width:100%;margin:0;margin-left: 10px;margin-right: 10px;}
    #brute_wrap .brute_content nav h2{margin-top:50px;}
}                                                                                    
@media screen and (max-height: 600px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
  #main_pro #main_pro_m li{width:100%;}
  #sub_wrap ul li a{font-size:3vw;}
}