@charset "utf-8";


.about01_01{ position:relative;}
.about01_01 .btn_preview{ position:absolute; left:31.6%; bottom:16.6%; transition: all 0.2s ease-in-out  }
.btn_preview:hover, .btn_preview:focus{ margin-left:10px;}
.about01_02{}
.about01_0201, .about01_0202{ float:left; width:50%;}
.about01_0202{ padding:8% 0 0 5%; line-height:1.5em; color:#8e8e8e;}
.about01_03{ }
.about01_0301{ float:right; width:60%; max-width:608px; margin:-8% 10% 0 0; }
.about01_03 .btn_reser02{ margin-top:10px;}
.about01_0302{ float:left; padding:4% 0 0 3%; width:40%; line-height:1.5em;  color:#8e8e8e;}

.map02_01{ float:right; width:38.5%;}


.room_01{ position:relative;}
.room_01:after{content:"";display:block;clear:both;}
.room_info{ position:absolute; width:100%; max-width:1050px; right:0; bottom:0; z-index:2;}
.room_info > dt{ padding:10px 20px 0; font-size:15px; font-weight:700; color:#af7f56; background:#fff;}
.room_info > dd{ background:#fff; padding:10px 0 0 20px;}
.room_02{ margin:8% auto 12%;}
.roomPre_list li img{ width:100%; vertical-align:top;}
.roomPre_03{ width:100%; max-width:1228px; margin:10% auto 3%; }
.room_frame{ width:100%; height:160px;}


.special_nav{ width:100%; max-width:1200px; margin:0 auto; }
.special_nav li{ float:left; width:16.2%; margin:0 0.2% 0.3%;}
.special_nav li a{ display:block; transition: all 0.2s ease-in-out;}
.special_nav li.this a, .special_nav li a:hover, .special_nav li a:focus{ background:#ece3d2;}
.special_nav li img{ width:100%; vertical-align:top;}
.special_nav:after{content:"";display:block;clear:both;}
.special_01{ position:relative; margin:5% 0 3%;}
.special_01_title{ font-size:40px; line-height:46px; color:#000; font-weight:400; margin-bottom:3%;  text-align:center; }
.special_01_title span{ display:inline-block; padding:0 30px 10px; border-bottom:2px solid #000;}
.special_01 .pageNum{ position:absolute; width:40px; height:18px; right:60px; bottom:10px; line-height:20px; font-family:"Amiri","NanumBarunGothic",serif; font-size:22px; color:#9d9d9d; font-style:italic; z-index:5;}
.special_02{ padding:0 0 5% 30%; font-size:15px; line-height:22px; border-bottom:1px solid #beb9b6; margin-bottom:8%;}

@media \0screen{ /* IE8 웹폰트 설정*/

}

@media  (max-width: 1024px){

.btn_preview img{ height:24px; width:auto;}
.about01_0202{ margin:0; padding:1% 0 0 1%; font-size:11px; line-height:1.2em;}
.about01_03{ margin:3% 0 0 0}
.about01_0301{ margin:0; }
.about01_0302{ padding:3% 1% 0 0; font-size:11px; line-height:1.2em;}


.room_info{ position:relative; width:100%; max-width:1050px; right:0; bottom:0; z-index:2;}
.room_info > dt{ margin-left:0; padding:10px 0 0; font-size:20px;}
.room_info > dd{ padding:10px 0 0 0;}

.room_frame{ height:200px;}

.special_nav li{ float:left; width:24.4%; margin:0 0.3% 0.6%;}
.special_01_title{ font-size:26px; line-height:36px;}
.special_01_title span{ padding:0 20px 10px;}
.special_01 .pageNum{ position:absolute; width:40px; height:18px; right:60px; bottom:10px; line-height:20px; font-family:"Amiri","NanumBarunGothic",serif; font-size:22px; color:#9d9d9d; font-style:italic; z-index:5;}
.special_02{ padding:0 0 5% 0; font-size:15px; line-height:22px; border-bottom:1px solid #beb9b6; margin-bottom:8%;}

}

@media  (max-width: 560px){

.room_frame{ height:230px;}

}

@media  (max-width: 420px){

.special_02{ font-size:13px; line-height:20px; }
.room_frame{ height:230px;}

}