@charset "UTF-8";
@import url('/fonts/roboto.css');
@import url('/fonts/nanum-square.css');

html {
  overflow-x: hidden;
}

html, html a, body {
  -webkit-font-smoothing: antialiased;
}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html {font-family:sans-serif;font-size:1.0em; padding: 0; margin: 0;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body {
 height:100%;
 min-height:100%;
 font-size:0.95em;
  font-family: 'nanum-square-r', sans-serif;
  font-weight:normal;
  letter-spacing:-0.030em;
  color:#767676;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::selection {
  color: #fff;
  background: #a7a7a7;
  text-shadow: none;
}

::-webkit-selection {
  color: #fff;
  background: #a7a7a7;
  text-shadow: none;
}

::-moz-selection {
  color: #fff;
  background: #a7a7a7;
  text-shadow: none;
}

:active,
:focus {
  outline:0;
  text-decoration:none;
}

*:focus {
    outline: none;
}


p {
  color:#767676;
  line-height: 1.4;
  margin-bottom: 12px;
}

em,
li,
li a {
  color:#767676;
  text-decoration:none;
}

a {
  color:#767676;
  outline: 0;
  text-decoration:none;
}

a:focus, a:hover, a:active {
  outline: 0;
  color: #000;
  text-decoration: none;
}

.link {
  position: relative;
  text-transform: uppercase;
  text-decoration:none;
}

.link:after {
  position: absolute;
  top: 8px;
  right: -15px;
  width: 9px;
  height: 2px;
  background: #000;
  content: " ";
  text-decoration:none;
}

span {
  color: #767676;
}

h1, h2, h3, h4, h5, h6 {
  color: #000;
  line-height:1.4;
  margin: 0 0 15px;
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
  color: #000;
}

h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover {
  color: #767676;
  text-decoration: none;
}

h1 > a:focus, h2 > a:focus, h3 > a:focus, h4 > a:focus, h5 > a:focus, h6 > a:focus {
  text-decoration: none;
}

h1 {
  font-size: 3.5em;
}

h2 {
  font-size: 2.5em;
}

h3 {
  font-size:1.7em;
}

h4 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.3em;
}

h6 {
  font-size: 1.1em;
}

strong {
  font-family: 'nanum-square-b', sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.strong {
font-family: 'nanum-square-b', sans-serif !important;
-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 1100px) {
strong {
  font-family: 'nanum-square-r', sans-serif !important;
}

.strong {
font-family: 'nanum-square-r', sans-serif !important;
}
}

.eng {
 font-family: 'Roboto', Arial, sans-serif !important;
 letter-spacing:0.010em;
 font-weight:normal;
 -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.eng-C {
 font-family: 'Roboto Condensed', Arial, sans-serif !important;
 letter-spacing:0.010em;
 font-weight:normal;
 -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* Section 하단 라인 */
.section-seperator {
  border-bottom: 1px solid #edf0f2;
}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;top:-50px;width:100%;}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:0px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {float:left;width:100%;padding:6px 3px;background:#000;color:#fff;text-align:right;display:block;}
.hd_pops_footer button {margin-right:3px;padding:3px 10px 5px 10px;border:0;background:#393939;color:#fff;font-size:0.75rem;letter-spacing:-0.010rem;display:block;}
.hd_pops_reject {float:right;width:auto;display:inline-block;}
.hd_pops_close {float:right;width:auto;display:inline-block;}


/*--------------------------------------------------
    [Back To Top Theme Button]
----------------------------------------------------*/
.back-to-top {
  position: fixed;
  right: 30px;
  bottom: 15px;
  display: inline-block;
  z-index: 9;
  width: 40px;
  height: 40px;
  font-size: 0.75em;
  font-weight:normal;
  color: #fff;
  text-align: center;
  line-height: 3.1em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background: #404040;
  border-radius: 20px;
  visibility: hidden;
  opacity: 0;
  padding: 3px 2px 3px 3px;
  -webkit-transform: translate3d(0, 50px, 0);
  -moz-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.back-to-top:hover {
  color: #fff;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.back-to-top:focus, .back-to-top:hover {
  text-decoration: none;
}

/* The Button Becomes Visible */
.back-to-top.back-to-top-is-visible {
  visibility: visible;
  opacity: .6;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.back-to-top.back-to-top-is-visible:hover {
  opacity: 1;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/* If the user keeps scrolling down, the button is out of focus and becomes less visible */
.back-to-top.back-to-top-fade-out {
  opacity: .4;
}

.back-to-top.back-to-top-fade-out:hover {
  opacity: 1;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/*------------------------------------------------------------------
    [Full Screen Carousel]
------------------------------------------------------------------*/
.full-screen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


/*--------------------------------------------------
    [Masonry Grid]
----------------------------------------------------*/
.masonry-grid {
  position: relative;
  margin: 0 -2px;
}

.masonry-grid:before, .masonry-grid:after {
  content: " ";
  display: table;
}

.masonry-grid:after {
  clear: both;
}

.masonry-grid .masonry-grid-item {
  display: block;
  float: left;
  vertical-align: top;
  padding: 0 10px;
  margin-bottom: 20px;

}

.masonry-grid .masonry-grid-item.col-12 {
  width: 100%;
}

.masonry-grid .masonry-grid-item.col-11 {
  width: 91.66666667%;
}

.masonry-grid .masonry-grid-item.col-10 {
  width: 83.33333333%;
}

.masonry-grid .masonry-grid-item.col-9 {
  width: 75%;
}

.masonry-grid .masonry-grid-item.col-8 {
  width: 66.66666667%;
}

.masonry-grid .masonry-grid-item.col-7 {
  width: 58.33333333%;
}

.masonry-grid .masonry-grid-item.col-6 {
  width: 50%;
}

.masonry-grid .masonry-grid-item.col-5 {
  width: 41.66666667%;
}

.masonry-grid .masonry-grid-item.col-4 {
  width: 33.33333333%;
}

.masonry-grid .masonry-grid-item.col-3 {
  width: 25%;
}

.masonry-grid .masonry-grid-item.col-2 {
  width: 16.66666667%;
}

.masonry-grid .masonry-grid-item.col-1 {
  width: 8.33333333%;
}

/* Media Queries below 768px */
@media (max-width: 768px) {
  .masonry-grid .masonry-grid-item {
    width: 50%;
  }
  .masonry-grid .masonry-grid-item.col-12, .masonry-grid .masonry-grid-item.col-11, .masonry-grid .masonry-grid-item.col-10, .masonry-grid .masonry-grid-item.col-9, .masonry-grid .masonry-grid-item.col-8, .masonry-grid .masonry-grid-item.col-7, .masonry-grid .masonry-grid-item.col-6, .masonry-grid .masonry-grid-item.col-5, .masonry-grid .masonry-grid-item.col-4, .masonry-grid .masonry-grid-item.col-3, .masonry-grid .masonry-grid-item.col-2, .masonry-grid .masonry-grid-item.col-1 {
    width: 50%;
  }
}

/* Media Queries below 600px */
@media (max-width: 600px) {
  .masonry-grid .masonry-grid-item {
    width: 100%;
  }
  .masonry-grid .masonry-grid-item.col-12, .masonry-grid .masonry-grid-item.col-11, .masonry-grid .masonry-grid-item.col-10, .masonry-grid .masonry-grid-item.col-9, .masonry-grid .masonry-grid-item.col-8, .masonry-grid .masonry-grid-item.col-7, .masonry-grid .masonry-grid-item.col-6, .masonry-grid .masonry-grid-item.col-5, .masonry-grid .masonry-grid-item.col-4, .masonry-grid .masonry-grid-item.col-3, .masonry-grid .masonry-grid-item.col-2, .masonry-grid .masonry-grid-item.col-1 {
    width: 100%;
  }
}

/*------------------------------------------------------------------
  	[Text Colors]
------------------------------------------------------------------*/
.color-base {
  color: #17bed2;
}

.color-white {
  color: #fff;
}

.color-heading {
  color: #515769;
}

.color-subtitle {
  color: #a6a7aa;
}

.color-link {
  color: #81848f;
}

.color-link-hover {
  color: #999caa;
}

.color-sky-light {
  color: #fafafa;
}

.color-black {
   color: #000;
}

/*------------------------------------------------------------------
  	[Background Colors]
------------------------------------------------------------------*/
.bg-color-base {
  background: #17bed2;
}

.bg-color-white {
  background: #fff;
}

.bg-color-heading {
  background: #515769;
}

.bg-color-subtitle {
  background: #a6a7aa;
}

.bg-color-link {
  background: #81848f;
}

.bg-color-link-hover {
  background: #999caa;
}

.bg-color-sky-light {
  background: #fafafa;
}

/*------------------------------------------------------------------
    [Row]
------------------------------------------------------------------*/
.row-space-1 {
  margin-right: -1px;
  margin-left: -1px;
}

.row-space-1 > [class*="col-"] {
  padding-left: 1px;
  padding-right: 1px;
}

/*------------------------------------------------------------------
  	[Content]
------------------------------------------------------------------*/
.content {
  padding-top: 0px;
  padding-bottom: 0px;
}

.content-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.content-nomal {
  padding-top: 40px;
  padding-bottom: 40px;
}

.content-sm {
  padding-top: 60px;
  padding-bottom: 60px;
}

.content-md {
  padding-top: 80px;
  padding-bottom: 80px;
}

.content-lg {
  padding-top: 100px;
  padding-bottom: 100px;
}

@media screen and (max-width:850px) {
.content-nomal {
  padding-top: 30px;
  padding-bottom: 30px;
}

.content-sm {
  padding-top: 40px;
  padding-bottom: 40px;
}

.content-md {
  padding-top: 50px;
  padding-bottom: 50px;
}

.content-lg {
  padding-top: 60px;
  padding-bottom: 60px;
}
}

@media screen and (max-width:640px) {
.content-nomal {
  padding-top: 20px;
  padding-bottom: 20px;
}

.content-sm {
  padding-top: 30px;
  padding-bottom: 30px;
}

.content-md {
  padding-top: 40px;
  padding-bottom: 40px;
}

.content-lg {
  padding-top: 50px;
  padding-bottom: 50px;
}
}


/*------------------------------------------------------------------
    [Parallax Content]
------------------------------------------------------------------*/
.parallax-content {
padding-top: 290px;
  padding-bottom: 290px;
  /*height:580px;*/
}

/*------------------------------------------------------------------
    [Full Width]
------------------------------------------------------------------*/
.full-width {
  width: 100%;
  height: auto;
}
 .img-fluid {width:100%;height:auto;}


/*------------------------------------------------------------------
    [Container Full Width]
------------------------------------------------------------------*/
.container-full-width {
  width: 100%;
}

.container-full-width:before, .container-full-width:after {
  content: " ";
  display: table;
}

.container-full-width:after {
  clear: both;
}


/*------------------------------------------------------------------
    [Overflow]
------------------------------------------------------------------*/
.overflow-h {
  overflow: hidden;
}

/*--------------------------------------------------
    [Font Weight]
----------------------------------------------------*/
.fweight-300 {
  font-weight: 300 !important;
}

.fweight-400 {
  font-weight: 400 !important;
}

.fweight-500 {
  font-weight: 500 !important;
}

.fweight-600 {
  font-weight: 600 !important;
}

.fweight-700 {
  font-weight: 700 !important;
}

/*------------------------------------------------------------------
    [Left margin]
------------------------------------------------------------------*/
.margin-l-0 {
  margin-left: 0 !important;
}

.margin-l-5 {
  margin-left: 5px !important;
}

.margin-l-10 {
  margin-left: 10px !important;
}

.margin-l-20 {
  margin-left: 20px !important;
}

/*------------------------------------------------------------------
    [Right margin]
------------------------------------------------------------------*/
.margin-r-0 {
  margin-right: 0 !important;
}

.margin-r-5 {
  margin-right: 5px !important;
}

.margin-r-10 {
  margin-right: 10px !important;
}

.margin-r-20 {
  margin-right: 20px !important;
}

/*------------------------------------------------------------------
    [Bottom margin]
------------------------------------------------------------------*/
.margin-b-0 {
  margin-bottom: 0 !important;
}

.margin-b-2 {
  margin-bottom: 2px !important;
}

.margin-b-5 {
  margin-bottom: 5px !important;
}

.margin-b-10 {
  margin-bottom: 10px !important;
}

.margin-b-20 {
  margin-bottom: 20px !important;
}

.margin-b-30 {
  margin-bottom: 30px !important;
}

.margin-b-40 {
  margin-bottom: 40px !important;
}

.margin-b-50 {
  margin-bottom: 50px !important;
}

.margin-b-60 {
  margin-bottom: 60px !important;
}

.margin-b-70 {
  margin-bottom: 70px !important;
}

.margin-b-80 {
  margin-bottom: 80px !important;
}

.margin-b-90 {
  margin-bottom: 90px !important;
}

.margin-b-100 {
  margin-bottom: 100px !important;
}

.margin-b-120 {
  margin-bottom: 120px !important;
}

.margin-b-150 {
  margin-bottom: 150px !important;
}

.margin-b-200 {
  margin-bottom: 200px !important;
}

/*------------------------------------------------------------------
    [Top margin below 992px]
------------------------------------------------------------------*/
@media (max-width: 992px) {
  .md-margin-b-0 {
    margin-bottom: 0 !important;
  }
  .md-margin-b-2 {
    margin-bottom: 2px !important;
  }
  .md-margin-b-5 {
    margin-bottom: 5px !important;
  }
  .md-margin-b-10 {
    margin-bottom: 10px !important;
  }
  .md-margin-b-20 {
    margin-bottom: 20px !important;
  }
  .md-margin-b-30 {
    margin-bottom: 30px !important;
  }
  .md-margin-b-40 {
    margin-bottom: 40px !important;
  }
  .md-margin-b-50 {
    margin-bottom: 50px !important;
  }
  .md-margin-b-60 {
    margin-bottom: 60px !important;
  }
  .md-margin-b-70 {
    margin-bottom: 70px !important;
  }
  .md-margin-b-80 {
    margin-bottom: 80px !important;
  }
  .md-margin-b-90 {
    margin-bottom: 90px !important;
  }
  .md-margin-b-100 {
    margin-bottom: 100px !important;
  }
  .md-margin-b-120 {
  margin-bottom: 120px !important;
}

  .md-margin-b-150 {
  margin-bottom: 150px !important;
}

  .md-margin-b-200 {
  margin-bottom: 200px !important;
}
}

/*------------------------------------------------------------------
    [Top margin below 768px]
------------------------------------------------------------------*/
@media (max-width: 768px) {
  .sm-margin-b-0 {
    margin-bottom: 0 !important;
  }
  .sm-margin-b-2 {
    margin-bottom: 2px !important;
  }
  .sm-margin-b-5 {
    margin-bottom: 5px !important;
  }
  .sm-margin-b-10 {
    margin-bottom: 10px !important;
  }
  .sm-margin-b-20 {
    margin-bottom: 20px !important;
  }
  .sm-margin-b-30 {
    margin-bottom: 30px !important;
  }
  .sm-margin-b-40 {
    margin-bottom: 40px !important;
  }
  .sm-margin-b-50 {
    margin-bottom: 50px !important;
  }
  .sm-margin-b-60 {
    margin-bottom: 60px !important;
  }
  .sm-margin-b-70 {
    margin-bottom: 70px !important;
  }
  .sm-margin-b-80 {
    margin-bottom: 80px !important;
  }
  .sm-margin-b-90 {
    margin-bottom: 90px !important;
  }
  .sm-margin-b-100 {
    margin-bottom: 100px !important;
  }
  .sm-margin-b-120 {
  margin-bottom: 120px !important;
}

  .sm-margin-b-150 {
  margin-bottom: 150px !important;
}

  .sm-margin-b-200 {
  margin-bottom: 200px !important;
}
}

/*------------------------------------------------------------------
    [Top margin below 480px]
------------------------------------------------------------------*/
@media (max-width: 480px) {
  .xs-margin-b-0 {
    margin-bottom: 0 !important;
  }
  .xs-margin-b-2 {
    margin-bottom: 2px !important;
  }
  .xs-margin-b-5 {
    margin-bottom: 5px !important;
  }
  .xs-margin-b-10 {
    margin-bottom: 10px !important;
  }
  .xs-margin-b-20 {
    margin-bottom: 20px !important;
  }
  .xs-margin-b-30 {
    margin-bottom: 30px !important;
  }
  .xs-margin-b-40 {
    margin-bottom: 40px !important;
  }
  .xs-margin-b-50 {
    margin-bottom: 50px !important;
  }
  .xs-margin-b-60 {
    margin-bottom: 60px !important;
  }
  .xs-margin-b-70 {
    margin-bottom: 70px !important;
  }
  .xs-margin-b-80 {
    margin-bottom: 80px !important;
  }
  .xs-margin-b-90 {
    margin-bottom: 90px !important;
  }
  .xs-margin-b-100 {
    margin-bottom: 100px !important;
  }
  .xs-margin-b-120 {
  margin-bottom: 120px !important;
}

  .xs-margin-b-150 {
  margin-bottom: 150px !important;
}

  .xs-margin-b-200 {
  margin-bottom: 200px !important;
}
}

/*--------------------------------------------------
    [Height]
----------------------------------------------------*/
.height-100 {
  height: 100px !important;
}

.height-200 {
  height: 200px !important;
}

.height-300 {
  height: 300px !important;
}

.height-400 {
  height: 400px !important;
}

.height-500 {
  height: 500px !important;
}

.height-100p {
  height: 100% !important;
  min-height: 100% !important;
}

/*------------------------------------------------------------------
  	[Footer]
------------------------------------------------------------------*/
#footer {
 float:left;
 width:100%;
  background:#010101;
  padding:25px 0 20px 0;
  display:block;
}

.footer {
 margin:0 auto;
 width:85%;
max-width:1280px;
  padding:0px 0 0px 0;
  display:block;
}

.footer .Left_f {float:left;width:78%;display:inline-block;}
.footer .address {float:left;width:100%;margin:0px 0 0 0;font-size:1.0rem;word-wrap:break-word;word-break:break-all;display:block;}
.footer .address .logo {float:left;width:100%;font-size:0.95rem;padding:0px 0 0 0;margin:0 0 2px 0;letter-spacing:0.000em;display:block;}
.footer .address .copy {float:left;width:100%;font-size:0.90rem;line-height:1.5em;padding:0px 0 0 0;margin:0 0 0 0;color:#bfbfbf;display:block;}
.footer .address .copy a {color:#bfbfbf;}
.footer .address .copy .href {color:#bfbfbf;}
.footer .address .copy .href a {color:#bfbfbf;}
.footer .address .copy .line {padding:0 8px;text-align:center;display:inline-block;}
.footer .address .copyright {float:left;width:100%;font-size:0.70rem;padding:0px 0 0 0;margin:5px 0 0 0;letter-spacing:0.020em;color:#a3a3a3;display:block;}
.footer .Right_f {float:left;text-align:right;width:22%;display:inline-block;}
.footer .Right_f p {padding:0;margin:0;text-align:right;display:block;}
.footer .Right_f p img {max-width:19px;height:auto;}
.footer .Right_f .footer_SS2-1 {padding:0;margin:3px 0 0px 0;}
.footer .Right_f .footer_SS2-2 {padding:0;margin:0 0 0px 0;}
.footer .Right_f .footer_SS2-3 {padding:0;margin:0 0 0 0;}

@media (min-width: 768px) and (max-width: 1199.99px) {
.footer .Left_f {width:90%;}
.footer .Right_f {width:10%;}
}

@media (min-width: 0px) and (max-width: 767.99px) {
.footer .Left_f {width:90%;}
.footer .address .logo {font-size:0.90rem;}
.footer .address .copy {font-size:0.80rem;line-height:1.5em;}
.footer .address .copyright {font-size:0.65rem;}
.footer .Right_f {width:10%;}
.footer .Right_f .footer_SS2-1 {padding:0;margin:5px 0 0px 0;}
}

/*------------------------------------------------------------------
  	[LOGO] 브랜드 사이트
------------------------------------------------------------------*/
#Brand_logo {position:absolute;top:0px;left:120px;display:block;z-index:700;}
#Brand_logo .logo {display:block;}
#Brand_logo .logo img {width:100%;max-width:300px;}

/*------------------------------------------------------------------
  	[Right_sns] 브랜드 사이트
------------------------------------------------------------------*/
#Right_sns {position:fixed;right:25px;top:0;width:40px;height:100%;min-height:100%;display:block;z-index:850;}
#Right_sns .sns_box {position:absolute;top:3.5%;left:0;width:50px;text-align:center;}
#Right_sns .sns_box .sns-001 {width:50px;border:0px solid blue;margin:0px 0 20px 0;text-align:center;display:inline-block;}
#Right_sns .sns_box .sns-001 span {text-align:center;display:block;}
#Right_sns .sns_box .sns-002 {width:50px;border:0px solid blue;margin:20px 0 0px 0;text-align:center;display:inline-block;}
#Right_sns .sns_box .sns-002 span {text-align:center;display:block;}
#Right_sns .sns_box .sns-003 {width:50px;border:0px solid blue;margin:40px 0 0px 0;text-align:center;display:inline-block;}
#Right_sns .sns_box .sns-003 span {text-align:center;display:block;}

/*------------------------------------------------------------------
    [Parallax Content]
------------------------------------------------------------------*/
.parallax-content {
  padding-top: 220px;
  padding-bottom: 200px;
}


/*------------------------------------------------------------------
    [letter-spacing]
------------------------------------------------------------------*/
.letter-m30{letter-spacing:-0.030em;}
.letter-m25 {letter-spacing:-0.025em;}
.letter-m20 {letter-spacing:-0.020em;}
.letter-m10 {letter-spacing:-0.010em;}
.letter-s0 {letter-spacing:0.000em;}
.letter-s10 {letter-spacing:0.010em;}
.letter-s20 {letter-spacing:0.020em;}
.letter-s25 {letter-spacing:0.025em;}
.letter-s30 {letter-spacing:0.030em;}
.letter-s50 {letter-spacing:0.050em;}

/*------------------------------------------------------------------
    [text-padding]
------------------------------------------------------------------*/
.t-padding-1010 {padding-left:10px;padding-right:10px;}
.t-padding-1515 {padding-left:15px;padding-right:15px;}
.t-padding-2020 {padding-left:20px;padding-right:20px;}

/*------------------------------------------------------------------
    [font-color]
------------------------------------------------------------------*/
.f-black {color:#000 !important;}
.f-grey {color:#c6c6c6 !important;}

/*------------------------------------------------------------------
    [btn]
------------------------------------------------------------------*/
.btn-n
{
	display:inline-block;
	font-weight:400;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	border:1px solid transparent;
	padding:.350rem .85rem;
	font-size:0.85rem;
	line-height:1.5;
	border-radius:0rem;
	transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.btn-n:focus,.btn-n:hover
{
	text-decoration:none;
	outline:none;
}

.btn-n:focus,.btn-n.focus
{
	outline:none !important;
	box-shadow:0 0 0rem rgba(0,123,255,0);
}

.btn-n.disabled,.btn-n:disabled
{
	opacity:.0;
}

.btn-n:not([disabled]):not(.disabled):active,.btn-n:not([disabled]):not(.disabled).active
{
	background-image:none;
}

a.btn-n.disabled,fieldset[disabled] a.btn-n
{
	pointer-events:none;
}

 .btn-shop
{
	color:#767676;
	background-color:#fff;
	border-color:#969696;
}

.btn-shop:hover
{
	color:#000;
	background-color:#fff;
	border-color:#000;
	outline:none;
}

.btn-shop:focus,.btn-shop.focus
{
	box-shadow:0 0 0 .2rem rgba(0,123,255,0);
	color:#000;
	background-color:#fff;
	border-color:#969696;
	outline:none;
}

.btn-shop.disabled,.btn-shop:disabled
{
	background-color:#fff;
	border-color:#969696;
	outline:none;
}

.btn-shop:not([disabled]):not(.disabled):active,.btn-shop:not([disabled]):not(.disabled).active,.show > .btn-shop.dropdown-toggle
{
	color:#767676;
	background-color:#fff;
	border-color:#969696;
	box-shadow:0 0 0 .2rem rgba(0,123,255,0);
	outline:none;
}

@media (min-width: 1200px) and (max-width: 1280px) { 
.btn-n {padding:.350rem .85rem;font-size:0.85rem;}
}

@media (min-width: 1000px) and (max-width: 1199.99px) { 
.btn-n {padding:.350rem .85rem;font-size:0.80rem;}
}

@media (min-width: 768px) and (max-width: 999.99px) {
.btn-n {padding:.350rem .85rem;font-size:0.80rem;}
}

@media (min-width: 576px) and (max-width: 767.99px) { 
.btn-n {padding:.350rem .85rem;font-size:0.75rem;}
}

@media (min-width: 0px) and (max-width: 575.99px) { 
.btn-n {padding:.350rem .85rem;font-size:0.75rem;}
}



/*------------------------------------------------------------------
    [quick]
------------------------------------------------------------------*/
.quick_m {position:fixed;right:-2px;top:48%;display:block;z-index:9000;}
.quick_m img {width:100%;max-width:35px;height:auto;}
.quick_m a {margin:0 0 3px 0;display:block;-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;}
.quick_m a:hover, .quick_m a:focus {opacity : 0.7;filter: alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;}



@media (min-width: 0px) and (max-width: 767.99px){
.quick_m {top:54.9%;right:-4px;}
.quick_m img {max-width:28px;}
}