@charset "utf-8";

/* 내용관리 */
/*
#ctt {margin: 0;;background:#fff}
.ctt_admin {text-align:right; position: fixed; top: 40px; right: 40px; z-index: 999999;}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}
*/

.room_visual                        { width: 100%; height: calc(100vh - 28px); overflow: hidden; position: relative; }
.room_wrap .swiper                 { width: 100%; height: 100%; }
.room_wrap .swiper-slide           { background-position: center; background-size: cover; }
.room_wrap .swiper-slide img       { display: block; width: 100%; }




.room_wrap              { text-align: center; }
.room_box               { width: 100%; max-width: 1400px; margin: 0 auto; padding: 80px 20px 20px; min-height: 500px; text-align: left; display: inline-block; zoom: 1; *display: inline;  }
.r_bk                   { width: 100%; padding-bottom: 60px; }
.r_bk_img               { width: 100%; padding-top: 40px; }
.r_bk_img img           { width: 100%; }
.r_bk_tbox              { position: relative; width: 100%; padding: 40px 0; border-bottom: 1px solid rgba(101, 87, 69, 0.5); }
.r_bk_tbox .r_bk_img_ti { display: block; padding-bottom: 10px; text-align: left; font-size: 30px; font-weight: 400; font-family: 'Raleway', sans-serif; color: #193551 ; }
.r_bk_tbox .r_bk_img_t  { display: block; width: 100%; line-height: 20px; font-size: 16px; font-weight: 300; color: #767470; }
.r_bk_tbox .r_bk_btn    { transition: 0.2s; position: absolute; top: 40%; right: 0; display: block; width: 140px; padding: 12px 0; text-align: center; font-size: 12px; font-weight: 500; border: 1px solid #193551 ; color: #193551 ; font-family: 'Raleway', sans-serif; }
/*버튼 .link_btn css*/
.r_bk_tbox .r_bk_btn        { border-radius: 0; text-transform: uppercase; text-decoration: none; background: linear-gradient(to right, rgba(69, 101, 85, 0) 25%, rgb(101 85 69 / 80%) 75%); background-position: 1% 50%; background-size: 400% 300%; border: 1px solid #193551 ; transition: 3s cubic-bezier(0.165, 0.84, 0.44, 1); }
.r_bk_tbox .r_bk_btn:hover  { transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1); }
.r_bk_tbox .r_bk_btn:hover  { color: white; color: #fff; background-position: 99% 50%; }

.r_service_wrap                 { width: 100%; max-width: 900px; margin: 0 auto; }
.r_service_wrap .main_Tbox      { padding-bottom: 50px; }
.r_service                      { float: left; width: calc(100%/3); min-height: 300px; padding: 20px 12px; border-left: 1px solid #767470; transition: 0.4s; }
.r_service:first-of-type        { border-left: none; }
.r_service li                   { width: 100%; display: inline-block; zoom: 1; *display: inline; transition: 0.4s; }
.r_service li span              { display: block; float: left; width: calc(100%/2); min-height: 24px; line-height: 24px; font-size: 14px; font-weight: 400; color: #767470; transition: 0.4s; }
.r_service li span.b_text       { font-family: 'Raleway', sans-serif; font-weight: 600; color: #193551 ; transition: 0.4s; }


.common_info                    { width: 100%; max-width: 900px; margin: 0 auto; padding: 20px; }

.room_visual .swiper-button-prev, .room_visual .swiper-container-rtl .room_visual .swiper-button-next                  { background-image: none; }
.room_visual .swiper-button-next, .room_visual .swiper-container-rtl .room_visual .swiper-button-prev                  { background-image: none; }
.room_visual .swiper-button-next, .room_visual .swiper-button-prev                                        { transition: 0.4s; border: 1px solid rgba(255,255,255,0.8); width: 45px; height: 45px; line-height: 17px; text-align: center; font-size: 18px; color: #fff; }
.room_visual .swiper-button-next:hover, .room_visual .swiper-button-prev:hover                            { background: #fff; color: #193551 ; }
.room_visual .swiper-button-next:after, .room_visual .swiper-button-prev:after                            { font-size: 14px; }
.room_preview_T .swiper-fade .swiper-slide{background-color: #fffdf4;}

#container_title                    { opacity: 1; transition: 0.4s; }

.r_service li span.w_text             { color: #fff; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }

@media (max-width: 1400px) {
    .room_visual                    { height: auto; }
    
}
@media (max-width: 1024px) {
  
}
 
@media (max-width: 768px) {
    .r_service li span                          { display: block !important; width: 100%; min-height: auto; text-align: center; }
    .r_service                                  { float: left; width: calc(100%/2); min-height: 300px; padding: 20px; border-top: 1px solid #767470; border-left: none; }
    .r_service:first-of-type                    { width: 100%; min-height: 160px; border-top: none; }
    .r_service:first-of-type li span            { padding: 0 20px; display: inline !important; width: calc(100%/2); text-align: left; }
    .r_service:first-of-type li span.b_text     { text-align: right }
  
}
 
@media (max-width: 640px) {
    .r_bk_tbox .r_bk_btn               { position: relative; top: auto; left: auto; margin-top: 26px; }
    .r_bk_tbox                          { padding: 34px 0; }
    .r_bk_tbox .r_bk_img_ti             { font-size: 28px; display: none; }
    .r_bk_tbox .r_bk_img_t              { font-size: 16px; line-height: 23px; }
    #container_title                    { opacity: 0; }
    .r_service:first-of-type li span    { padding: 0 15px; }
    .r_service_wrap .main_Tbox          { padding-bottom: 0; }
    
    .room_box                           { padding: 70px 20px 20px; }
}