@charset "UTF-8";
 
html  { width:100%; height:100%;   }
body { }
#main {height:100%; width:100%;  }
#sub {height:100%; width:100%;   }
header {width:100%; float:left;}
 
header .top_pop {width:100%; height:80px; margin-bottom:20px; background:url('/common/img/common/top_bg.png') no-repeat center; min-width:1300px; }
header .top_pop p {line-height:80px; font-size:15.5px; color:#fff; float:left; padding-left:15px }
header .top_pop span {font-size:1.2em; font-weight:700}



/*header ul {width:100%; background:linear-gradient( to top, #333, #333 ); display:inline-block; text-align:center; min-width:1300px; margin-top:20px; }
header  ul li  {font-size:15px; font-weight:500; color:#333; display:inline-block; line-height:53px; padding:0 40px; background:url('http://webmind.kr/htm/sibata/nav_line.png') no-repeat right ; }
header  ul li:last-child {background:none; padding-right:5px}
header   ul li  a {color:#fff !important; letter-spacing:1px;}*/
 

nav {width:100%; background:linear-gradient( to top, #333, #333 ); display:inline-block; text-align:center; min-width:1300px; margin-top:20px; }

nav ul {
  font-size: 0;
  margin: 0;
  padding: 0; 
  display: flex;
  justify-content :center;
     white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

nav ul li {
  display: inline-block;
  position: relative;
    background:url('http://webmind.kr/htm/sibata/nav_line.png') no-repeat right ;
}
nav ul li:last-child {background:none;  }

nav ul li a {
  color: #fff !important;
  display: block;
  font-size:15px; font-weight:400;  
   line-height:53px; padding:0 40px; 
  transition: 0.3s linear; letter-spacing:0.5px;
}

nav ul li:hover { background: #ae0d44; }

nav ul li ul {
   display: none;
  position: absolute; z-index:9999999999;
  width: 250px;  
}

nav ul li ul li {
  border-top: 1px solid #444;
   display: none;
}

 
nav ul li ul li a {
  background: #373737;
  display: block;  font-size:14px; font-weight:300;  
   line-height:1.2em;  padding:11px 0;  letter-spacing:0.5px;
   
}

nav ul li ul li a:hover { background: #ae0d44; }
 
 




header div.call {width:100%; text-align:left; font-weight:700; font-size:25px;  display:inline-block;  }

header a.top_cart {width:45px; height:40px; position:relative;  display:inline-block ;  float:right; background:url('/common/img/common/top_icon_01.png') no-repeat right ; }
header a.top_cart span {width:20px; border-radius:50%; font-size:10px; text-align:Center; line-height:20px; background-color:#333; color:#fff !important; display:inline-block; position:absolute; right:5px; top:0} 
 

header h1 {float:left; margin-top:10px;  margin-right:20px;}
header div.top_search {float:left; margin-left:20px}
header div.top_search input {background-color:#f1f1f1; width:300px; height:40px; padding:10px; box-sizing:border-box; border:none; color:#666; font-size:14px;} 
header div.top_search a {width:80px;  display:inline-block;  line-height:40px; background-color:#333; color:#fff !important; text-align:center; font-size:13px; font-weight:400  }



 h2 {width:100%; display:inline-block;  text-transform:uppercase ; font-weight:800; font-size:25px;  text-align:center; }

 .h2_more {font-size:13px; float:left; text-align:right; margin-top:-40px; width:100%; font-weight:400; color:#888 !important; letter-spacing:1px;   position:relative}
 
.t {font-size:17px; color:#555; line-height:1.4em}

a.basic_btn {width:210px; line-height:56px; display:inline-block; background-color:#1a7bd7; color:#fff !important;  font-size:18px; border-radius:3px; font-weight:600; }

.wrap {width:100%; box-sizing:border-box;  margin:0 auto; min-width:1300px; 
max-width:1300px; }

 

 

.product  {width:100%; float:left;  }
 .product div.box {width:242px; text-align:Center;  display:inline-block ; padding-bottom:50px; position:relative}
 .product div.box p {width:100%; display:inline-block; margin:1px 0;   }
.product div.box p.name {font-size:1.03rem; color:#333; font-weight:600; line-height:1.2em; }
.product div.box p.price {font-size:1rem; letter-spacing:1px; color:#777; font-weight:400 }
.product div.box a.btn {width:50%; float:left; background-color:#333; text-align:Center; font-size:13.5px; color:#fff !important; line-height:30px; box-sizing:border-box; border:1px solid #333; margin-top:10px;  } 
.product div.box a.btn:last-child {background-color:#fff; color:#333 !important; border:1px solid #333;  }
.product div.box .label {position:absolute; right:1px; top:1px; background-color:#333; font-size:11.5px; padding:2px 0; color:#fff; width:50px; text-align:center; letter-spacing:0.5px }
.product div.box .label:nth-child(3) {right:55px}
.product div.box .label:nth-child(4) {right:110px}

.product div.box a.link {  width:100%; display:inline-block}
.product div.box a.link:hover p.name {text-decoration:underline !important;   }

.product div.box .img {width:100%;  border:1px solid #ddd; box-sizing:border-box; margin-bottom:10px;  }
 .product div.box .img a {width:100%; padding-bottom:100%;  display:inline-block } 
 .product div.box .img p {width:100%; padding-bottom:100%;  display:inline-block } 
 



.sitemap {width:100%;    float:left; background-color:#231f20;  }
.sitemap div {width:100%; float:left;}
.sitemap div ul {width:100%; display:flex; flex-wrap: wrap;
justify-content:  space-between ; margin-top:20px;   margin-bottom:20px;}
.sitemap div ul li { width:14.285%;  box-sizing:border-box; }
 
 .sitemap div ul li ul li {width:100%;  border-right:none; line-height:23px;}
.sitemap div ul li ul a {font-size:13.5px; font-weight:400; color:#ddd !important;}
.sitemap div ul li ul li.tt {font-size:15px; font-weight:500; color:#fff; padding-bottom:7px; padding-top:5px; border-left:none}
 .sitemap div ul li ul {display:inline-block;}

.sitemap2 {width:100%;    float:left; }
.sitemap2  ul {width:100%; display:flex; flex-wrap: wrap; 
justify-content:  space-between ; margin-top:20px;   margin-bottom:20px;}
.sitemap2  ul li { width:14%;   box-sizing:border-box;  }
  .sitemap2  ul li ul li {width:100%; text-align:Center; border-right:none; line-height:1.3em; padding:5px 0; border-bottom:1px solid #ddd}
.sitemap2  ul li ul a {font-size:14.5px; font-weight:400; color:#555 !important;}
.sitemap2  ul li ul li.tt {font-size:14px; font-weight:500; color:#fff; border-left:none; text-align:center; background-color:#333}
 .sitemap2  ul li ul {display:inline-block;}


a.fixed_top {width:60px; line-height:60px; text-align:center;  background-color:#333;  color:#fff !important; border-radius:50px; font-size:13px; display:inline-block; position:fixed; bottom:10%; right:2%; z-index:99999999999999999999999}



footer {width:100%;  min-width:1300px; padding-top:30px;  background-color:#231f20; float:left; padding-bottom:50px;  margin-top:50px; box-sizing:border-box;}
footer .wrap {padding:0  !important}
footer .text {font-size:15px; color:#fff; width:100%; float:left; padding-bottom:20px}

footer .text  span {color:rgba(255,255,255,.3)}
footer .text a {color:rgba(255,255,255,.9) !important; font-size:0.9em} 


footer div.copy { width:100%; float:left; padding-top:15px; }
 footer div.copy span {color:rgba(255,255,255,.7); }
footer p.footer_line {width:100%; max-width:1300px; min-width:1300px;  display:inline-block; height:1px; background:rgba(255,255,255,.2)}

footer div p {width:100%; float:left; font-size:14px; color:#777;  line-height:1.5em;  }
 footer div p span {color:#ddd; font-size:0.95em; letter-spacing:0}


 
/**********************************/
 
@media all and (max-width:1300px){

footer .text {padding-left:10px; box-sizing:border-box; }
footer div p  {padding-left:10px;  padding-right:10px; box-sizing:border-box;}


}