/* BASIC css start */
html{font-size: 16px;}
body{font-size: 1rem;}
#topbanner .topbanner-close img,
#preview_wrap{
  display: none;
}
#topbanner .topSlider li.txt a{
  padding-top: 11px;
}
#topbanner .topbanner-close::before {
    content: "\e9af";
    font-family: 'xeicon'!important;
    font-size: 26px;
    color: white;
}
/* .preview_label{display: none;} */

/* .gnb{
  background-color: #fafafa;
  width: 21rem;
  height: 100%;
} */

.sidebar input[id*="sub"]{
  display:none;
}
.sidebar input[id*="sub"] + label{
  display: block;
  cursor:pointer;
  padding: 8px;

}
.sidebar input[id*="sub"] + label + ul{
  max-height: 0;
  transition: all .35s;
  overflow: hidden;
}
.sidebar input[id*="sub"]:checked + label + ul{
  max-height: 100%;
}
#hdWrap .close{
  text-align: right;
  display: block;
  padding: 1.5rem 0;
}
#hdWrap .back{
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  height: 100%;
  width:100%;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
#hdWrap .sidebar em{
  position: absolute;
  height: 28px;
  width: 140px;
  top: 27px;
  left: 24PX;
  background-size: contain;
  background-image: url(http://candlejoy.img6.kr/data/logo_candlejoy_e5005e.png);
  background-repeat: no-repeat;
}
#hdWrap .sidebar{
  width: 21rem;
  padding: 0 1rem;
  box-sizing: border-box;
  height: 100%;
  background-color: #fff;
  /* background: rgba(0, 0, 0, 0.3); */
  position: fixed;
  overflow: auto;
  top:0;
  left: -21rem;
  z-index: 5;
  transition: all .35s;
}
#hdWrap .sub_title{
  /* text-align: center; */
  /* padding: 2rem; */
  height: 30px;
  margin-top: 12px;
  /* background-color: grey; */
}
#hdWrap .sub_title li a{
  font-size:18px;
  line-height: 2rem;
  font-weight: bold;
  padding:0 8px;
  display: block;
  cursor: pointer;
}
#hdWrap .gnb_sub li a{
  font-size:14px;
  display: block;
  line-height: 1.5rem;
  font-weight: bold;
  cursor: pointer;
  padding: 0;
  /* background-color: yellow; */
}
#hdWrap .gnb_sub{
  padding: 0 2rem;
}
#hdWrap .sub{
  font-size:18px;
  line-height: 1rem;
  font-weight: bold;
  /* padding: 0; */
  /* background-color: orange; */
}

input[id="menuicon"]{
  display: none;
}
input[id="menuicon"]:checked+label{
  z-index: 1;
}
input#menuicon:checked~.sidebar{
  left: 0px;
}
input#menuicon:checked~.back{
  opacity: 1;visibility: visible;
}

#hdWrap {
  /* background-color: grey; */
  /* border-bottom: 1px solid #eee; */
/* background: url(/images/d3/modern_simple/common/bg_hd.gif) repeat-x 0 69px; */
}
/* header */
#bi_logo{
padding: 1.1rem;
margin-top: 0;
/* background-color: yellow; */
}
#header {
  display: flex;
  align-items: center;
  max-width: 1200px;
  width: 100%;
  margin-top: 0.2rem;
  /* background-color: beige; */
/* height: 123px; width: 900px; */
}
#header .top_item {
  flex-grow: 0;
}
#header .top_item:nth-child(3){
  flex-grow: 1;
  /* background-color: yellow; */
}
#hdSchFrm{
  /* background-color: inherit; */
  order:1;
}
#gnb{
  /* background-color: orange; */
  order:2;
  margin-top: 0;
}
#header #bi_logo,
#header #gnb,
#header #gnb li,
#header #favLink {
  border: 0px solid tomato;
/*   position: absolute; */
   }
/* bi */
#header #bi_logo {
/*   left: 30px; top: 30px; */
}
/* gnb */
/* #header #gnb { zoom: 1; }
#header #gnb:after { content: ""; display: block; clear: both; } */
#header #gnb {
  display: flex;
  padding: 1.4rem 1rem;
  word-break: keep-all;
}
#header #gnb_sidebar{
  display: flex;
  padding: 0;
  margin: 1rem 0 1rem;
  word-break: keep-all;
}
#header #gnb_sidebar li {
  padding: 0 0.2rem;
}
#header #gnb img {
  display: none;
}
#header #gnb li {
  padding-right: 0.5rem;
}
#header #gnb_sidebar a:hover,
#header #gnb a:hover {
  background-color: #efefef;
  border-color: #efefef;
  text-decoration: none;
  color: inherit;
}
#header #gnb_sidebar a,
#header #gnb a {
  font-family: -apple-system, BlinkMacSystemFont, "Malgun Gothic", "¸¼Àº °íµñ", helvetica, "Apple SD Gothic Neo", sans-serif;
  line-height: 1.5;
  padding: .5rem .5rem;
  border: 1px solid #f5f5f5;
  border-radius: 1.375rem;
  font-size: 0.875rem;
}
/* hdSchFrm */
#header .total{
  width: 2.25rem ;
  height: 2.25rem;
  background-color: #f5f5f5;
  font-size: 0;
  border-radius: 50%;
  order: -1;
  margin: 0 0.5rem 0 1rem;
}
#header .total:hover{
  background-color: #efefef;
}
#header .total span{

}
#header .total img{
  padding: .375rem;

}
#header #hdSchFrm{
}
#header #hdSchFrm fieldset {
  background-color: #f5f5f5;
  padding: .5rem 1rem;
  border-radius: 3rem;
  margin: 0 0.8rem;
  display: flex;
/*  float: left; width: auto; */
}
#header #hdSchFrm fieldset:hover {
  background-color: #efefef;
/*  float: left; width: auto; */
}
#header #hdSchFrm fieldset a {
  position: relative;
  top: .4rem;
  right: 0;
}
#header #hdSchFrm .btn-sch {
/*  float: left; width: auto; */
}
#header #hdSchFrm .MS_search_word {
  background-color: inherit;
  padding: 0.5rem 0.25rem;
  border: 0;
  width: 100%;
  font-size: 1rem;
  font-weight: 700;
}
/* favLink */
#header #favLink {
  display: none;
/* right: 30px; top: 44px; */
}

@media(max-width:760px) {
  #bi_logo { padding: 1.1rem 1.1rem 0.5rem 1.1rem;}
  #bi_logo img {height:24px;}
  #header {margin-top: 0;}
  #header #gnb {padding: 0 1rem; margin-top: 0.8rem;}
  #header #gnb a {font-size: 0; border: 0; padding: 0; }
  #header #gnb img {display: block; width: 24px; padding: .375rem; border-radius: 50%;}
  #header #gnb img:hover {background-color: #efefef;}
  #header .total {margin: 0 0 0 1rem;}
  #header #hdSchFrm fieldset {
    background-color: #f5f5f5;
    padding: .5rem 1rem; margin: 0;}
  #header #hdSchFrm fieldset a {right: 13.8rem;}
}
@media(min-width:891px) {
}

@media(max-width:750px) {
  #header #gnb .board01,
  #header #gnb .login,
  #header #gnb .order,
  #header #hdSchFrm {display: none;}
  #header .top_item:nth-child(1){flex-grow: 1;}
  #header #bi_logo {text-align: center;}
  #header .total {background-color: #fff;}
  #header #gnb {padding-left: 0;}
  #header #gnb li {padding-right: 0;}
}
@media(min-width:600px) {

}

/* BASIC css end */