@charset "utf-8";

.mainArea { position:relative; }
.mainArea #contents { }

.mainCon { position:relative; background:#f1efef;}
.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;}

.mainList li {
  position:relative;
  display:block;
  background:#2f2f2f;
  overflow:hidden;
}
.mainList li:hover img {
  opacity:1; filter: alpha(opacity=100;);
  -webkit-transform:scale(1.02,1.02);
  -ms-transform:scale(1.02,1.02);
  transform:scale(1.02,1.02);
}
.mainList li img {
  display:block;
  width:100%;
  opacity:0.5; filter: alpha(opacity=50;);
  -webkit-transform:scale(1,1);
  -ms-transform:scale(1,1);
  transform:scale(1,1);
  -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;
}
.mli_outer {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.mli_inner {
  display:table;
  width:100%;
  height:100%;
}
.mli_contents {
  display:table-cell;
  vertical-align: middle;
  padding:0 5%;
}
.mli_text {
  color:#fff;
}
.right .mli_text {
  float:right;
  text-align:right;
}
.mli_text_top, .mli_text_bot {
  display:block;
}
.mli_text_top {
  font-size:1.38em;
  margin-bottom:3em;
}
.mli_text_bot {
  font-size:4.61em;
	font-family: 'GothamThin', sans-serif;
  line-height:1;
}
/* 팝업레이어 */
#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}

@media  (max-width: 1480px){
.mainArea { }

}

@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); }
/*.mainCon { margin-top: -14.5%; padding-top: 20%; padding-bottom:0;}*/

.mRoom_arrow_inner {width:55%;}
.mRoom_arrow_inner a {width:50%; height:50px; font-size:1.8em;}
/*.mainArea #contents {padding-top: 15%;}*/
.mainList {font-size:0.8em;}
.mli_text_top {margin-bottom:2em;}
}


@media  (max-width: 768px){
  /*.mainCon { margin-top: -14.5%; }*/
  .mRoom_title {padding-bottom: 3%;}
  .mainList {font-size:0.6em;}
  .mli_text_top {margin-bottom:1.5em;}
}

@media  (max-width: 560px){
  .mainList {font-size:0.4em;}
  .mli_text_top {margin-bottom:1em;}
}