/* mobile */
@media ( max-width : 767px) {
  /* header{position:relative;} */
  header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #ffffff;
    z-index:9999999999999999999;
    box-shadow: -12px 0 20px 4px rgba(216, 198, 198, 0.4);
  }
  /* layout + sub */
  .hWrapper, .fWrapper {width: 375px; padding:1.6em 0;}
  /* .hWrapper > a {width:60%; margin:0 auto;} */
  .hWrapper img {width:100%;}
  /* sub */
  .containerWrap{width: 375px;}
  .containerWrap img{ width:100%;}
}

/* tablet small */
@media ( min-width : 768px) {
  header nav {
   width:58% !important;
   margin:0 auto;
  }
  /* layout + sub */
  .hWrapper, .fWrapper{width: 587px;}
  /* .hWrapper > a {width:60%} */
  .hWrapper img {width:100%;}

  /* sub */
  .containerWrap{width: 587px;}
  .containerWrap img{ width:60%; }
}

/* tablet big */
@media ( min-width : 992px) {
  header nav {
   width:40% !important;
   margin:0 auto;
  }
  .hWrapper, .fWrapper{width: 975px;}
  .hWrapper img {width:400px;}
  /* sub */
  .containerWrap{width: 975px; }
}

/* deskTaop */
@media ( min-width : 1200px) {

  /* layout + sub */
  .hWrapper, .fWrapper{width: 975px;}
  /* sub */
  .containerWrap img { width:60%;  }
}


/* ************************************************* */
::selection { background:#fbece7; }

.hWrapper{
    padding:1.6em 0 0;
    margin:0 auto;
}
/* 로고 */
.hWrapper a {  width: 60%; display:block; margin:0 auto;}
.hWrapper a img{display:block;  margin:0 auto;}

header nav {
    width: 100%;
    padding:0;
    display: flex;
    justify-content: space-between;
    align-items: center;

}
header nav a {
    font: 0.95em 'SebangGothic', sans-serif;
    /* text-align: center; */
    padding:1.6em 0;
    text-decoration: none;
    color: #e7656e;
    text-align: center;
}
/* header nav a:nth-of-type(1) {text-align: left;}
header nav a:nth-of-type(2) {text-align: center;}
header nav a:nth-last-of-type(1) {text-align: right;} */

main {width:100vw; overflow-x:hidden ;}
a{text-decoration: none;}

/* subPage */
.container{  width:100%; height:100%; }
.containerWrap { padding:0 0 2em; margin:0 auto; }
.containerWrap img{ display: block; margin: 0px auto;  }

/* footer */
footer ::selection{
  color:#af91b3;
}
footer{
  font: 0.85em/2 "Helvetica Neue", Helvetica, Arial, sans-serif;
  color:rgba(255,255,255, 0.8);
  padding:6em 0;
  background:#4f305e;
  position:relative;
}
footer:before{
  content:'';
    background:url('../img/work/013.jpg') 50% 20%/100% ;
    opacity: 0.5;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
footer a, footer p  { position: relative;  color:rgba(255,255,255, 1);}
.fWrapper {
  position: relative;
    padding:1.6em 0;
    margin:0 auto;
    display: flex;
    flex-direction:column;
    align-content: space-around;
    text-align: center;
}



/* 없으면 부트스트랩 적용됨 */
a:hover{
  color:#498bae;
  text-decoration: none;
}