@charset "utf-8";







.mainArea { position:relative; }

.mainTyop { position:absolute; width:80%; left:10%; top:50%; text-align:center; z-index:5;}
.mainTyop p { display:inline-block; margin:-1em auto 0; text-align:right; font-family:'GothamThin', sans-serif; font-size:8em; font-size:6vw; line-height:0.9em; font-weight:100; letter-spacing:0.05em; color: #fff; -webkit-text-shadow: 1px 1px 3px rgb(0, 0, 0); text-shadow: 1px 1px 3px rgb(0, 0, 0); }

.mainCon { position:relative;}
.mainCon:after {content:"";display:block;clear:both;}
.mainLink { position:absolute; width:80%; left:10%; top:50%; margin-top:-26px; z-index:2;}
.mainLink li { float:left; width:33.3%; text-align:center;}
.mainLink li a { position:relative; display:inline-block; padding:0 0.8em 0 0.5em; font-family: 'Playfair Display', serif; font-size:2.5em; line-height:1.6em; font-style:italic; border-bottom:1px solid rgba(255, 255, 255, 0.5); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.mainLink li a .line{ position:absolute; right:0; bottom:0; width:10px; height:1px; background:url(../images/bg/white_50.png); transform: translate(0, -3px) rotate(45deg); -ms-transform: translate(0, -3px) rotate(45deg); -webkit-transform: translate(0, -3px) rotate(45deg); }
.mainLink li a:hover { margin-left:0.5em;}

.mainTop {position:relative;}
.mainArrow {position:absolute; top:0; left:0; width:100%;}
.btn_scroll { position:relative; display:block; width:2.56em; height:2.56em; margin: 0 auto;  font-family: 'Oranienbaum', serif; color:#262626; font-size:3em; z-index:1;}
.btn_scroll span { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); line-height:0;}

.mainTopText {padding:6% 0; text-align:center;}
.topTextMain {font-size:2em; font-weight:100; color:#9e6824; line-height:1.3; letter-spacing:0.05em; margin-bottom:1.7%;}
.topTextSub { font-family: 'Courgette', cursive; font-size:23px; color:#b3b3b3; line-height:1.8; letter-spacing:0; }

.main_01, .main_02 { position:relative; float:left; width:50%; padding-top:34%;}
.main_01 { background-position:center; background-size:cover; background-repeat:no-repeat; }
.main_01 img { position:absolute; top:0; left:0; width:100%;}
.main_02 { background: #dedede; }
.main_02_inner { position:absolute; top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); text-align:center; }
.main_02_title { display:inline-block; 
  font-size:4.5em; color:#d26c6c; background-size:cover; background-position: center; background-repeat:no-repeat; width:100%;}
.main_02_subtitle { display:inline-block; font-size:1.07em; color:#d26c6c; font-weight:400; letter-spacing: normal; margin-top: 0.5em; margin-bottom: 3.5em; }
.main_02 p {font-size:1.23em; line-height:1.7; color:#9e6824; font-weight:300; white-space:nowrap; }
.main_02 p span { display:block; }
.main_02 p span:last-child { margin-top:1.23em; }
.main_02 .viewMore {position: relative; display: inline-block; padding: 0 0.8em 0 0.5em;  color:#2c2c2c; font-family: 'Heebo', sans-serif; font-size: 1.15em; line-height: 0; text-indent: -9em; margin-left:4.5em; margin-top:3.3em; border-bottom: 1px solid #2c2c2c; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.main_02 .viewMore .line {position: absolute; right: 0; bottom: 0; width: 10px; height: 1px; background:#2c2c2c; transform: translate(0, -3px) rotate(45deg); -ms-transform: translate(0, -3px) rotate(45deg); -webkit-transform: translate(0, -3px) rotate(45deg);}

.mainMidText { text-align:center; padding-top:6%; padding-bottom:3%; }
.midTextMain {font-size:1.46em; font-weight:100; color:#9e6824; line-height:1.6; letter-spacing:0.05em; margin-bottom:1%;}
.midTextSub { font-family: 'Courgette', cursive; font-size:1.5em; color:#b3b3b3; line-height:1.6; letter-spacing:0.05em; }

.mainCon01 {position:relative; width: 96%; max-width: 1318px; margin: 0 auto; z-index:1; margin-bottom:7%;}
.mainCon01 img { width: 100%; }
.mainCon01Btn { position:absolute; width:40%; max-width:240px; bottom:0; left:50%; transform:translate(-50%, 50%);}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto; width:100%; max-width:970px;height:0}
#hd_pop h2, .sound_only {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

.lightslider li.mainImg06, .lightslider li.mainImg10, .lightslider li.mainImg11, .lightslider li.mainImg12 {background-position:right bottom !important;}


@media  (max-width: 1480px){
.mainArea { }
.main_02_inner {font-size:0.8em;}
.mainMidText {font-size:0.8em; }
.mRoom_title {font-size:0.8em; }
.midTextMain {letter-spacing:normal;}
.main_02_subtitle { margin-top: 1.5%; margin-bottom: 10%;}
.main_02 .viewMore { margin-top: 14%; }

.mainTop {font-size:0.8em;}
}

@media  (max-width: 1024px){
.mainArea { width:100%; left:0;}
.mainLink { margin-top:-3.2vw; }
.mainLink li a {  padding:0 0.8em 0 0.5em; font-size:3.5vw; line-height:1.8em;}
.mainLink li a .line{  width:6px; transform: translate(0, -1.8px) rotate(45deg); -ms-transform: translate(0, -1.8px) rotate(45deg); -webkit-transform: translate(0, -1.8px) rotate(45deg); }
.mainArrow {display:none;}
.main_02_inner > p,
.midTextMain,
.mRoom_title .title02 { font-size:14px; }
.topTextMain,
.main_02_title,
.main_02_inner > p,
.midTextMain,
.mRoom_title .title02 { color:#000000; font-weight:700; }
.topTextMain img {  width:262px;}
#contents .main_s02 > .txt p{font-size: 1.1em; line-height: 3.5em;}
#contents .main_s02 > .txt span{font-size: 0.85em; line-height: 1.2em;}

}


@media  (max-width: 768px){
  .main_02_inner { font-size:0.8em; }
  .mainMidText { font-size:0.7em; padding-top: 10%; padding-bottom: 5%; }
  .mRoom_title { font-size:0.7em; }
  .mainTop { font-size:0.7em; }
  .main_01 { float:none; width:90%; margin:0 auto; }
  .main_02 { width:100%; }
  .main_01 { padding-top: 55%;}
  .main_02 { padding:0; }
  .main_02_inner {position:relative; top:auto; left:auto; -ms-transform:none; -webkit-transform:none; transform:none; padding: 10% 0;  }
  .main_02 p { white-space: normal; width:94%; margin:0 auto;}
  /*.main_02 p span { display:inline; }
  .main_02 p span:last-child { margin-top:0; }*/
  .main_02_subtitle { margin-top: 0; margin-bottom: 3%;}
  .main_02 .viewMore { margin-top: 6%; }
  .topTextMain img {  width:232px;}
}

@media  (max-width: 560px){
  .main_02_inner { font-size:0.6em; }
  .mainMidText { font-size: 0.4em; width: 94%; margin: 0 auto; }
  .mRoom_title { font-size:0.6em; }
  .mainTop { font-size:0.55em; }
  .topTextMain img {  width:202px;}
}