/* index 공통 사항  */
.container { padding:3em 0; }
.containerWrap{padding:0;}

/* ************************************************************ */
@media ( max-width : 767px) {
    /* 01.전시 포스터  */
    .container:nth-of-type(1) .containerWrap > div {
        position:absolute;
        top:0; left:0;
    }
    .container:nth-of-type(1) .containerWrap  > div > img {
        width:100%;
    }

    .container:nth-of-type(2) .containerWrap h3{
      font-size: 1.5em !important;
      line-height: 1.4 !important;
    }
    .container:nth-of-type(2) .containerWrap p{
      width:300px !important;
      font-size:1em !important;
      margin:0 auto;
    }


    /* 02. 귀니하피 */
    .container:nth-of-type(3) .containerWrap h3{
      font-size: 1.7em !important;
    }
    .container:nth-of-type(3) .containerWrap h5{
      margin:1em 0 !important;
    }

    .container:nth-of-type(3) .containerWrap p{
      width: 300px;
      margin:0 auto;
      font-size:1em !important;
    }
    /* 찾아오시는 3 */
    .container:nth-last-of-type(2) .containerWrap h3{
      font-size: 1.5em !important;
    }
    #map{height:250px !important;}

    /* sns 아이콘 */
    .container:nth-of-type(5) nav{width:70% !important; }
    .container:nth-of-type(5) img{
      width:55px !important;
      height:55px !important;
    }
}



@media ( min-width : 768px) {
    /* 01.전시 포스터  */
    .container:nth-of-type(1) .containerWrap > div {
        position:absolute;
        top:10%; left:1%;
    }
    .container:nth-of-type(2) .containerWrap p {
      width: 587px;
      margin:0 auto;
    }
    .container:nth-of-type(3) .containerWrap p{
      width: 485px;
      margin:0 auto;
    }

}



/* ************************************************************ */

/* 01.전시 포스터  */
.container:nth-of-type(1) { height:100%; padding:1.5em 0 0;}
.container:nth-of-type(1) .containerWrap{
    box-shadow: -12px 9px 20px 4px rgba(216, 198, 198, 0.75);
    display:flex;
    justify-content: flex-end;
    position:relative; /* div의 absolute 때문에 사용 */
    }
/* ----- 01. 이미지 */
.container:nth-of-type(1) img {
    margin:0;
    right:0;
    object-fit: cover;
    width:80%;
}

.container:nth-of-type(2){
  color: #488aad;
  font-family: 'SebangGothic', sans-serif;
}
.container:nth-of-type(2) .containerWrap h3{
  white-space: nowrap;
  font-size: 2em;
  line-height: 1.9;
  font-weight: 700;
  margin:20px 0;
  text-align: center;
}
.container:nth-of-type(2) .containerWrap p{
  font-size:1.4em;
  text-align: justify;
  line-height: 2.2;
}


.container:nth-of-type(2) img[title="introduce"] {
  /* width:154% !important;
  display:inline; */
}

/* 02. 귀니하피 프라모  */
.container:nth-of-type(3){
  font-family: 'SebangGothic', sans-serif;
  background:#ffebed;
}
.container:nth-of-type(3) .containerWrap h3{
  font-size: 2em;
  text-align: center;
  line-height: 1.9;
  color:#865b8b;
  font-weight: 700;
}
.container:nth-of-type(3) .containerWrap h5{
  font-size: 1.4em;
  text-align: center;
  line-height: 2;
  color:#865b8b;
  margin:2em 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.container:nth-of-type(3) .containerWrap p{
  color:#a38ba6;
  font-size:1.4em;
  text-align: justify;
  line-height: 2.2;
}
.container:nth-of-type(3) .containerWrap img {
    margin:0 auto 3em;
}

/* 03. 굿즈 소개 및 이벤트 전체 */
.container:nth-of-type(4){ background:#fff4d4;}
.container:nth-of-type(4) a{text-decoration: none; display:block; padding:2em 0 0.9em;}





/* 05. 작가 SNS */
.container:nth-of-type(5) { padding:4em 0; background:#c1e5dc;}
.container:nth-of-type(5) h3 {
  font: 1.7em 'SebangGothic', sans-serif;
  line-height: 1.5em;
  text-align: center;
  color:#498bae;
  font-weight: 700;
  margin-bottom:1em;
}

.container:nth-of-type(5) nav{
  width:50%;
  margin:0 auto;
  display: flex;
  justify-content: space-around;
  align-items: center;

}

.container:nth-of-type(5) img{
  width:73px;
  height:73px;
  display: block;
}

.container:nth-of-type(5) p{
  font-size:0.7em;
  margin:15px 0;
  text-align: center;

}
.container:nth-of-type(5) a{
  color:#498bae;
}
/* 패럴랙스 */
/* .container:nth-last-of-type(3){
  background: rgba(163,139,166, 0.1);
}
.parallax-window{
  padding:15em 0;
  min-height: 400px;
} */



/* 04. 라라브레드 찾아오시는 길 */
.container:nth-last-of-type(2){background:#ffffff;}
.container:nth-last-of-type(2) h3 {
  font: 1.7em 'SebangGothic', sans-serif;
  line-height: 1.7em;
  text-align: center;
  color:#498bae;
  font-weight: 700;
}

/* 지도 */
.container:nth-last-of-type(1){
  background:#b4dce5;
}

#map{width:100%;height:400px;}
.mapInfo{
  width:100%;
  height:100%;
  position:relative;
  font-family: 'SebangGothic', sans-serif;
  font-size:0.95em;
  line-height:1.4em;
}
.mapInfo h3{
  color:#498bae;
  font-weight: 700;
  font-size:1.4em;
  margin-bottom:12px;
}
.mapInfo a{
  color:#498bae;

}
.mapInfo a:hover{
  color:#e7656e;
  text-decoration: none;
}