@charset "UTF-8";

 /* Page Title */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');

html {height:100%;  }
body {height:100%}

.top {width:100%; position:relative; top:0; left:0;  box-sizing:border-box; padding:0 3%; display:flex; align-items:center; z-index:9999999;}
.top::before {content:'';}

.top h1 {line-height:1em; color:#222; font-size:1.5rem }
/* .top ul {margin-left:auto}
.top ul li {display:inline-block; font-size:1.2rem; color:#fff; padding:0 1.8vw; font-weight:600; font-family:'Montserrat' }
.top ul li:last-child {padding-right:0}
 */

.fa-angle-down {color:#ccc !important; font-size:22px !important; margin-left:5px;}

nav.topmenu { margin-left:auto}

nav.topmenu ul {
  font-size: 0;
  margin: 0;
  padding: 0;
}

nav.topmenu ul li {
  display: inline-block;
  position: relative;
}

nav.topmenu ul li a {
  color: #222;
  display: block;
   font-size:1.1rem; letter-spacing:0.5px; padding:35px 1.6vw; font-weight:600; font-family:'Montserrat'
   transition: 0.3s linear; box-sizing:border-box;
}

nav.topmenu ul li:hover { background: ; }
nav.topmenu ul li:hover>a {color:#fff; transition:0.25s all}

nav.topmenu ul li ul {
/*  border-bottom: 5px solid #30583e;*/
   display: none;
   position: absolute;
   width:200px;
   border:1px solid #ddd;
   margin-left:-30px;
}

nav.topmenu ul li ul li {
  border-top: 1px solid #ddd; background: #fff;
  display: block;  text-align:center}

nav.topmenu ul li ul li:first-child { border-top: none; }

nav.topmenu ul li ul li a {
    width:100%; display:inline-block;  box-sizing:border-box;
     font-size:0.93rem; color:#333; padding:10px 8px; font-weight:400;

}

nav.topmenu ul li ul li a:hover { background: #f0f0f0; color:#333; font-weight:600}





nav.topmenu2 { margin:0 auto}

nav.topmenu2 ul {
  font-size: 0;
  margin: 0;
  padding: 0;
}




nav.topmenu2 ul li {
  display: inline-block;
  position: relative;
}

nav.topmenu2 ul li a {
  color: #fff;
  display: block;
  font-size:1.1rem; letter-spacing:0.5px; padding:15px 2.2vw; font-weight:600; font-family:'Montserrat'
  transition: 0.3s linear; box-sizing:border-box;
}

nav.topmenu2 ul li:hover {  }
nav.topmenu2 ul li:hover>a {color:#ff7f08; transition:0.25s all; }

nav.topmenu2 ul li ul {
/*  border-bottom: 5px solid #30583e;*/
   display: none;
   position: absolute;
   width:100%;
/*   border:1px solid #ddd;*/
}

nav.topmenu2 ul li ul li {
   background: #fff;
  display: block;  text-align:center
  }

nav.topmenu2 ul li ul li:first-child { border-top: 0px solid #ff7f08; }

nav.topmenu2 ul li ul li a {
    width:100%; display:inline-block;  box-sizing:border-box;
     font-size:0.93rem; color:#333; padding:10px 8px; font-weight:400;
}

nav.topmenu2 ul li ul li a:hover { background: #f0f0f0; color:#333; font-weight:600}



 .top_fixed {width:60px; height:60px; background-color:#333; text-align:center; position:fixed; color:#fff !important; display:inline-block; bottom:2%; right:2%; z-index:9999999999999999999;}
 .top_fixed img {margin-top:18px; }



footer {width:100%; display:inline-block; background:#333; color:#999; text-align:left; padding:20px 15px; box-sizing:border-box; color:#888;  font-size:0.90rem; line-height:1.5em; letter-spacing:0px;  }

footer div.box {width:100%; max-width:1500px; padding:0 3%; margin:0 auto; display:flex; align-items:center; box-sizing:border-box;}
footer div.box  div p {width:100%; display:inline-block; margin-bottom:5px}
footer div.box select {height:30px; margin-left:auto; font-size:0.88rem; color:#555; border:1px solid #ddd }

footer a {color:#444 !important; font-weight:600; display:inline-block; padding-right:10px }

.footer_border {width:100%; margin:0 auto; display:inline-block; border-bottom:1px solid #666;}
.footer_border ul {display:block; float:right; margin-top:20px}
.footer_border ul li{float:left;}
.footer_border ul li a{ color:#999 !important;text-align:center;}


@media all and (max-width:800px) {
	.footer_border img {float:left; display:block;}
	.footer_border ul {width:100%;display:block; float:left;}
 }




 @media all and (max-width:1300px) {
    nav.topmenu ul li a {padding:33px 1.5vw; }
    nav.topmenu2 ul li a {padding:15px 1.5vw; }
 }

@media all and (max-width:1300px) {
.prod_txt h4{font-size:1rem;}
}

 @media all and (min-width:1000px) {
 .m_top {display:none }

 }


@media all and (max-width:1000px) {
  .m_top {width:100%; position:fixed; top:0; left:0; background:rgba(255,255,255,1); box-sizing:border-box; padding:10px 3%; display:flex; align-items:center;   z-index:99999}
  .top {display:none }
  .m_top h1 {line-height:1em; color:#fff; font-size:1.5rem }
 }

  @media all and (max-width:910px) {
.prod_txt h4{font-size:0.87rem;}
.view_bt{font-size:0.9rem;}
 }

 @media all and (max-width:800px) {
   footer {padding:0px 4%; padding-bottom:40px;}
   .top_fixed {display:none}
   .prod_txt h4{font-size:1.3rem;}
   .view_bt{font-size:1rem;}

 }

.tab {width:100%; display:flex}
.tab  li  {background-color:#f1f1f1; width:50%; text-align:Center; height:50px; position:relative;  display:inline-block ; margin:0 1px; transition: all 0.1s ease-out;}
.tab li a {display:inline-block; width:100%; line-height:50px; font-size:1.1rem;  position:absolute; left:0; top:0;  transition: all 0.1s ease-out; font-weight:600; letter-spacing:0}

.tab  li.ov a {background-color:#f17705; color:#fff !important}